html {
  overflow-y: scroll;
  font-size: 62.5%;
}

body {
  line-height: 1;
  color: #222;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
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,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

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

nav ul {
  list-style: none;
}

li {
  list-style-type: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  text-decoration: none;
}

ins,
mark {
  background-color: #ff9;
  color: #000;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

body {
  font-family: Benton Sans Cond Reg, Avenir, Avenir Next, Muli, Helvetica Neue, Helvetica, \\6E38\30B4\30B7\30C3\30AF, YuGothic, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

code,
kbd,
pre,
samp,
tt {
  font-family: monospace;
  line-height: 100%;
}

[v-cloak] {
  display: none;
}

html {
  height: 100%;
}

body {
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #f6f6f6;
  min-height: 100%;
}

a {
  text-decoration: none;
  color: #222;
}

h2 {
  font-size: 30px;
  font-size: 3rem;
}

h3 {
  font-size: 24px;
  font-size: 2.4rem;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

h6,
p {
  font-size: 15px;
  font-size: 1.5rem;
}

p {
  line-height: 1.8;
}

p.kome {
  font-size: 90%;
}

.att {
  color: #ff5050;
}

.header {
  text-align: center;
  /* padding: 20px 0 30px; */
}

#apps,
body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

#apps {
  min-height: 100%;
  min-height: 100vh;
}

.content,
.content__inner {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

h2.acc_noLink {
  color: #fff;
  font-weight: 400;
  background-color: #222;
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  padding: 2rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #fff;
  height: auto;
  line-height: inherit;
  position: relative;
}

h2.acc_noLink:before {
  content: "";
  position: absolute;
  border-style: solid;
  bottom: -0.7em;
  border-width: 0.8em 1em 0;
  border-color: #222 transparent transparent;
  left: 50%;
  margin-left: -0.5em;
}

.customize .label-wrapper label,
.radioPanel dd label {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #222;
  padding: 2rem 3rem;
  cursor: pointer;
}

.customize .label-wrapper label.active,
.radioPanel dd label.active {
  border: 2px solid #1eae1e;
}

.customize .label-wrapper label.active:after,
.radioPanel dd label.active:after {
  content: url(/images/icon_check_panel.svg);
  position: absolute;
  top: -10px;
  right: -10px;
  width: 24px;
}

.customize .label-wrapper label input[type="radio"],
.radioPanel dd label input[type="radio"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.radioPanel {
  max-width: 980px;
  margin: 0 auto 20px;
  *zoom: 1;
}

.radioPanel:after,
.radioPanel:before {
  content: " ";
  display: table;
}

.radioPanel:after {
  clear: both;
}

.radioPanel dt {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  width: 10%;
  padding-top: 2rem;
}

.radioPanel dd,
.radioPanel dt {
  display: inline-block;
  vertical-align: top;
}

.radioPanel dd {
  width: 89%;
}

.radioPanel dd .label-wrapper {
  margin-right: 20px;
  width: 100%;
}

.customize .label-wrapper {
  margin-right: 2rem;
  margin-bottom: 2rem;
  display: inline-block;
  vertical-align: top;
}

.customize .label-wrapper label {
  font-size: 14px;
  font-size: 1.4rem;
}

.customize .osusume {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px !important;
}

.base .el-collapse,
.model .el-collapse {
  border: none;
}

.base .el-collapse-item__header,
.model .el-collapse-item__header {
  color: #222;
  background-color: #e8e8e8;
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  padding: 2rem;
  border-bottom: 1px solid #fff;
  height: auto;
  line-height: inherit;
}

.base .el-collapse-item__header i,
.model .el-collapse-item__header i {
  display: none;
}

.base .el-collapse-item.is-active .el-collapse-item__header,
.model .el-collapse-item.is-active .el-collapse-item__header {
  color: #fff;
  background-color: #222;
  position: relative;
}

.base .el-collapse-item.is-active .el-collapse-item__header:before,
.model .el-collapse-item.is-active .el-collapse-item__header:before {
  content: "";
  position: absolute;
  border-style: solid;
  bottom: -0.7em;
  border-width: 0.8em 1em 0;
  border-color: #222 transparent transparent;
  left: 50%;
  margin-left: -0.5em;
}

.base .el-collapse-item__content,
.model .el-collapse-item__content {
  padding: 5rem 2rem 3rem;
}

.base .el-collapse-item__wrap,
.model .el-collapse-item__wrap {
  border-bottom: none;
  background-color: #f6f6f6;
}

.base .el-tabs__header,
.model .el-tabs__header {
  border-bottom: none;
  margin-bottom: 3rem;
}

.base .el-tabs .el-tabs__nav-scroll,
.model .el-tabs .el-tabs__nav-scroll {
  text-align: center;
}

.base .el-tabs__nav,
.model .el-tabs__nav {
  white-space: inherit;
  padding-bottom: 10px;
  float: none;
  display: inline-block;
}

.base .el-tabs__item,
.model .el-tabs__item {
  color: #222;
  font-size: 20px;
  font-size: 2rem;
  padding: 0 20px;
}

.base .el-tabs__item.is-active,
.model .el-tabs__item.is-active {
  color: #222;
  font-weight: 700;
}

.base .el-tabs__active-bar,
.model .el-tabs__active-bar {
  height: 5px;
  background-color: #222;
}

.base .el-tabs__content,
.model .el-tabs__content {
  overflow: inherit;
}

.modelList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.modelList__inner {
  width: 25%;
  padding: 7px;
  box-sizing: border-box;
}

.basicModel {
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: #fff;
  border: 2px solid #fff;
}

.basicModel.active {
  border: 2px solid #1eae1e;
}

.basicModel.active:after {
  content: url(/images/icon_check_panel.svg);
  position: absolute;
  top: -10px;
  right: -10px;
  width: 24px;
}

.basicModel__img {
  border-bottom: 1px solid #f6f6f6;
  cursor: pointer;
  transition: opacity 0.3s;
}

.basicModel__img[data-view="front"] .modelviewF {
  display: inline-block;
}

.basicModel__img[data-view="front"] .modelviewB,
.basicModel__img[data-view="front"] .modelviewS,
.basicModel__img[data-view="side"] .modelviewF {
  display: none;
}

.basicModel__img[data-view="side"] .modelviewS {
  display: inline-block;
}

.basicModel__img[data-view="back"] .modelviewF,
.basicModel__img[data-view="back"] .modelviewS,
.basicModel__img[data-view="side"] .modelviewB {
  display: none;
}

.basicModel__img[data-view="back"] .modelviewB {
  display: inline-block;
}

.basicModel__img img {
  width: 100%;
}

.basicModel__img:hover {
  opacity: 0.7;
}

.basicModel__txt {
  *zoom: 1;
  padding: 10px;
}

.basicModel__txt:after,
.basicModel__txt:before {
  content: " ";
  display: table;
}

.basicModel__txt:after {
  clear: both;
}

.basicModel__txt__l {
  width: 50%;
  float: left;
  text-align: left;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  font-family: Benton Sans Ex Comp Bd;
}

.basicModel__txt__l span {
  font-size: 22px;
  font-size: 2.2rem;
}

.basicModel__txt__r {
  width: 50%;
  float: right;
  text-align: right;
}

.basicModel__txt__r .change-angle {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.5;
  transition: transform 0.3s ease;
}

.basicModel__txt__r .change-angle:hover {
  opacity: 1;
  transform: rotate(10deg);
}

.basicModel__txt__r .change-angle img {
  vertical-align: bottom;
}

.basicModel__txt__r .gsize {
  display: inline-block;
  background-color: #ffda00;
  text-align: center;
  padding: 6px 4px 2px;
  vertical-align: middle;
}

.basicModel__txt__r .gsize__size {
  display: block;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1;
  margin-bottom: 2px;
  vertical-align: bottom;
}

.basicModel__txt__r .gsize__num {
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  vertical-align: bottom;
}

.basicModel__txt2 {
  padding: 0 10px 10px;
  text-align: left;
  color: #555;
  font-size: 14px;
  font-size: 1.4rem;
}

.basicModel__recommendation {
  position: absolute;
  top: 0;
  left: 0;
  width: 16.58031%;
}

.basicModel__recommendation img {
  max-width: 100%;
}

.basicModel__dual {
  position: absolute;
  top: 10px;
  right: 6px;
  width: 26.94301%;
}

.basicModel__dual img {
  max-width: 100%;
}

.back,
.front,
.side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 0; */
  height: calc(100vh - 180px);
  /* padding-top: 100%; */
}

.cover,
.cover img,
.parts,
.parts img,
.parts svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.handness {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #111;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0.7rem 1rem 0.5rem;
  line-height: 1;
}

.handness span {
  font-size: 80%;
}

.partsActive {
  animation: pikapika 0.8s ease 0s 2 normal none running;
}

@keyframes pikapika {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }

  to {
    opacity: 1;
  }
}

.closeFingerNum {
  cursor: pointer;
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 20px;
  font-size: 2rem;
}

.customize .transparent,
.order .transparent {
  fill: #fff;
}

.customize .white,
.order .white {
  fill: #dee0dd;
}

.customize .orange,
.order .orange {
  fill: #ff4d00;
}

.customize .e-orange,
.order .e-orange {
  fill: #db1107;
}

.customize .w-orange,
.order .w-orange {
  fill: #ff983b;
}

.customize .t-orange,
.order .t-orange {
  fill: #e43b00;
}

.customize .orange-tan,
.order .orange-tan {
  fill: #f27920;
}

.customize .l-tan,
.order .l-tan {
  fill: #fbc63a;
}

.customize .tan,
.order .tan {
  fill: #b6612f;
}

.customize .black,
.order .black {
  fill: #000;
}

.customize .m-black,
.order .m-black {
  fill: #403d3d;
}

.customize .gray,
.order .gray {
  fill: #b5b6b6;
}

.customize .c-gray,
.order .c-gray {
  fill: #636262;
}

.customize .blue,
.order .blue {
  fill: #0013d0;
}

.customize .red,
.order .red {
  fill: #b2000c;
}

.customize .b-red,
.order .b-red {
  fill: #7d1e21;
}
.customize .w-black,
.order .w-black {
  fill: #0e2841;
}
.customize .v-tan,
.order .v-tan {
  fill: #d68a00;
}

.customize .navy,
.order .navy {
  fill: #00023b;
}

.customize .blonde,
.order .blonde {
  fill: #edca9a;
}

.customize .d-brown,
.order .d-brown {
  fill: #4e2513;
}

.customize .brown,
.order .brown {
  fill: #79502a;
}

.customize .walnut,
.order .walnut {
  fill: #653024;
}

.customize .m-green,
.order .m-green {
  fill: #1a966b;
}

.customize .green,
.order .green {
  fill: #306e37;
}

.customize .f-green,
.order .f-green {
  fill: #1c483c;
}

.customize .neon-green,
.order .neon-green {
  fill: #a5e956;
}

.customize .b-red,
.order .b-red {
  fill: #84282a;
}

.customize .w-black,
.order .w-black {
  fill: #0e2841;
}

.customize .v-tan,
.order .v-tan {
  fill: #d68a00;
}

.customize .pink,
.order .pink {
  fill: #ff7888;
}

.customize .sax,
.order .sax {
  fill: #87d8d0;
}

.customize .purple,
.order .purple {
  fill: #321675;
}

.customize .lime,
.order .lime {
  fill: #f8ed4f;
}

.customize .gold,
.order .gold {
  fill: #edca58;
}

.customize .l-gold,
.order .l-gold {
  fill: #e1b93e;
}

.customize .silver,
.order .silver {
  fill: #cccaca;
}

.customize .t-blue,
.order .t-blue {
  fill: #54a3be;
}

.customize .k-green,
.order .k-green {
  fill: #58b431;
}

.customize .s-tan,
.order .s-tan {
  fill: #b55021;
}

.customize .scarlet,
.order .scarlet {
  fill: #db1107;
}

.customize .royal,
.order .royal {
  fill: #0013d0;
}

.customize .v-tan,
.order .v-tan {
  fill: #d68a00;
}

.customize .teal,
.order .teal {
  fill: #0cbc9a;
}

.customize .f-pink,
.order .f-pink {
  fill: #fc296e;
}

.customize .s-green,
.order .s-green {
  fill: #71cfb7;
}

.customize .s-blue,
.order .s-blue {
  fill: #33a5ec;
}
.customize .slantstripe,
.order .slantstripe {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #f9f9f9), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #f9f9f9), color-stop(0.75, #f9f9f9), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 14px 14px;
}

.customize .labelA_mole,
.customize .labelA_w,
.customize .labelB_w-w,
.order .labelA_mole,
.order .labelA_w,
.order .labelB_w-w {
  fill: #9e7f44;
}

.customize .WS-34 .st0,
.order .WS-34 .st0 {
  fill: #678b9b !important;
}

.customize .WS-34 .st1,
.order .WS-34 .st1 {
  fill: #6a6675 !important;
}

.customize .WS-35 .st0,
.order .WS-35 .st0 {
  fill: #ac542c !important;
}

.customize .WS-35 .st1,
.order .WS-35 .st1 {
  fill: #e4ea81 !important;
}

.customize .WS-36 .st0,
.order .WS-36 .st0 {
  fill: #77c8fa !important;
}

.customize .WS-36 .st1,
.order .WS-36 .st1 {
  fill: #000653 !important;
}

.customize .WS-37 .st0,
.order .WS-37 .st0 {
  fill: #e8b6f3 !important;
}

.customize .WS-37 .st1,
.order .WS-37 .st1 {
  fill: #ecf2fb !important;
}

.customize .WS-47 .st0,
.order .WS-47 .st0 {
  fill: #dbe6ff !important;
}

.customize .WS-47 .st1,
.order .WS-47 .st1 {
  fill: #575793 !important;
}

/* ラベル　3本線　2025年2月追加 */
.customize .WS-62 .st0,
.order .WS-62 .st0 {
  fill: #000000 !important;
}

.customize .WS-62 .st1,
.order .WS-62 .st1 {
  fill: #80dae3 !important;
}

.customize .WS-62 .st2,
.order .WS-62 .st2 {
  fill: #0000ff !important;
}

.customize .WS-63 .st0,
.order .WS-63 .st0 {
  fill: #ebe461 !important;
}

.customize .WS-63 .st1,
.order .WS-63 .st1 {
  fill: #804000 !important;
}

.customize .WS-63 .st2,
.order .WS-63 .st2 {
  fill: #000000 !important;
}

.customize .WS-64 .st0,
.order .WS-64 .st0 {
  fill: #e80000 !important;
}

.customize .WS-64 .st1,
.order .WS-64 .st1 {
  fill: #804000 !important;
}

.customize .WS-64 .st2,
.order .WS-64 .st2 {
  fill: #000000 !important;
}

.customize .WS-65 .st0,
.order .WS-65 .st0 {
  fill: #ebe461 !important;
}

.customize .WS-65 .st1,
.order .WS-65 .st1 {
  fill: #80dae3 !important;
}

.customize .WS-65 .st2,
.order .WS-65 .st2 {
  fill: #e80000 !important;
}

.customize .WS-66 .st0,
.order .WS-66 .st0 {
  fill: #80dae3 !important;
}

.customize .WS-66 .st1,
.order .WS-66 .st1 {
  fill: #e8de28 !important;
}

.customize .WS-66 .st2,
.order .WS-66 .st2 {
  fill: #000000 !important;
}

.customize .WS-67 .st0,
.order .WS-67 .st0 {
  fill: #d70000 !important;
}

.customize .WS-67 .st1,
.order .WS-67 .st1 {
  fill: #55bbaa !important;
}

.customize .WS-67 .st2,
.order .WS-67 .st2 {
  fill: #bbbbff !important;
}

.customize .WS-68 .st0,
.order .WS-68 .st0 {
  fill: #1ad7e6 !important;
}

.customize .WS-68 .st1,
.order .WS-68 .st1 {
  fill: #e8de28 !important;
}

.customize .WS-68 .st2,
.order .WS-68 .st2 {
  fill: #000000 !important;
}

/* ラベル　3本線ここまで */

.customize .labelA_usa1,
.order .labelA_usa1 {
  fill: #010b18;
}

.customize .WS-54 .labelA_usa2,
.order .WS-54 .labelA_usa2 {
  display: block;
}

.customize .labelA_usa2,
.order .labelA_usa2 {
  display: none;
  fill: #d1000e;
}

.customize .labelB_w,
.order .labelB_w {
  fill: #000;
}

.customize .labelB_outerLine,
.order .labelB_outerLine {
  fill: #9e7f44;
}

.customize .labelB_innerLine,
.order .labelB_innerLine {
  fill: #d32d2e;
}

.customize .WP-6 .labelB_innerLine,
.order .WP-6 .labelB_innerLine {
  fill: #9e7f44;
}

.customizePanel {
  position: relative;
  width: 100%;
}

.partsSetting {
  width: 100%;
  background-color: #fff;
}

.partsSetting h3 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #222;
  padding: 1rem 3rem 1rem 1rem;
  line-height: 1;
}

.partsSetting h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  background-color: #3f3f3f;
  padding: 1rem 2rem;
  line-height: 1;
}

.partsSetting__inner {
  background-color: #fff;
  padding: 2rem 3rem;
}

.selectColor,
.skinColor {
  display: inline-block;
}

.selectColor {
  width: 50px;
  height: 50px;
  border-radius: 27px;
}

.selectColor .active {
  background-color: #ccc;
}

.PanelSelected {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -10px;
  background: url(/images/icon_check_panel.svg) 0 0 no-repeat;
  background-size: 100%;
}

.panelCheckedAnimation-enter-active {
  animation: bounce-in 0.2s;
}

.panelCheckedAnimation-leave-active {
  animation: bounce-in 0.2s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.1);
  }

  to {
    transform: scale(1);
  }
}

.customizePanel .el-collapse,
.onnamePanel .el-collapse {
  border: none;
  border-bottom: 1px solid #fff;
}

.customizePanel .el-collapse-item__header,
.onnamePanel .el-collapse-item__header {
  color: #fff;
  background-color: #3f3f3f;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 1.2rem 2rem;
  height: auto;
  line-height: 1;
  position: relative;
  transition: opacity 0.3s;
}

.customizePanel .el-collapse-item__header i,
.onnamePanel .el-collapse-item__header i {
  display: none;
}

.customizePanel .el-collapse-item__header:hover,
.onnamePanel .el-collapse-item__header:hover {
  opacity: 0.8;
}

.customizePanel .el-collapse-item__header__sub,
.onnamePanel .el-collapse-item__header__sub {
  font-size: 15px;
  font-size: 1.5rem;
}

.customizePanel .el-collapse-item__wrap,
.onnamePanel .el-collapse-item__wrap {
  border-bottom: none;
  background-color: #f6f6f6;
}

.customizePanel .el-collapse-item__content,
.onnamePanel .el-collapse-item__content {
  padding: 0;
}

.customizePanel .el-collapse-item__content .el-collapse,
.onnamePanel .el-collapse-item__content .el-collapse {
  border: none;
}

.customizePanel .el-collapse-item__content .el-collapse-item,
.onnamePanel .el-collapse-item__content .el-collapse-item {
  border-bottom: 1px solid #fff;
}

.customizePanel .el-collapse-item__content .el-collapse-item__header,
.onnamePanel .el-collapse-item__content .el-collapse-item__header {
  color: #222;
  background-color: #e3e3e3;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.2rem 3rem;
  height: auto;
  line-height: 1;
}

.customizePanel .el-collapse-item__content .el-collapse-item__wrap,
.onnamePanel .el-collapse-item__content .el-collapse-item__wrap {
  background-color: #fff;
}

.customizePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item__header,
.onnamePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item__header {
  background-color: #fff;
  position: relative;
}

.customizePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item__header .selectedName,
.onnamePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item__header .selectedName {
  font-weight: 400;
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  right: 3rem;
  top: 1.4rem;
}

.customizePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item__header .selectedColor,
.onnamePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item__header .selectedColor {
  font-weight: 400;
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
  background-color: #fff;
}

.customizePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item.is-active .el-collapse-item__header,
.onnamePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item.is-active .el-collapse-item__header {
  border-bottom: none;
}

.customizePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item.is-active .el-collapse-item__header:after,
.onnamePanel .el-collapse-item__content .el-collapse-item__content .el-collapse-item.is-active .el-collapse-item__header:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #cdcdcd;
  position: absolute;
  bottom: 0;
  left: 3rem;
  display: inline-block;
}

.customizePanel .skinColor,
.onnamePanel .skinColor {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.customizePanel .skinColor p,
.onnamePanel .skinColor p {
  font-size: 12px;
  font-size: 1.2rem;
}

.customizePanel .selectColor,
.onnamePanel .selectColor {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 22px;
  position: relative;
  cursor: pointer;
  border: 1px solid #e7e7e7 !important;
}

.customizePanel .selectColor.active,
.onnamePanel .selectColor.active {
  /* background-color: #ccc; */
}

.customizePanel .selectColor.active:after,
.onnamePanel .selectColor.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: url(/images/color_checked.svg) no-repeat 50% 50%;
  background-size: 19px 15px;
}

.customizePanel .colorContainer,
.onnamePanel .colorContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.customizePanel .colorContainer li,
.onnamePanel .colorContainer li {
  width: 25%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.customizePanel .colorContainer li p,
.onnamePanel .colorContainer li p {
  line-height: 1.6;
}

.colorWrapper {
  text-align: center;
}

.modelPrice {
  *zoom: 1;
  padding: 1rem 2rem;
}

.modelPrice:after,
.modelPrice:before {
  content: " ";
  display: table;
}

.modelPrice:after {
  clear: both;
}

.modelPrice__l {
  width: 50%;
  float: left;
}

.modelPrice__r {
  width: 50%;
  float: right;
  text-align: right;
}

.modelPrice .selected_model,
.modelPrice .total_price {
  font-size: 40px;
  font-size: 4rem;
  font-family: Benton Sans Ex Comp Bd;
}

.modelPrice .selected_model span,
.modelPrice .total_price span {
  font-size: 18px;
  font-size: 1.8rem;
}

.onnameCheckArea {
  background-color: #fff;
  padding-left: 3rem;
}

.onnameCheckArea .el-checkbox__label,
.onnameCheckArea .el-radio__label {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  padding-left: 1rem;
}

.onnameCheckArea__inner {
  border-bottom: 1px solid #d9dbdb;
  padding: 1rem 0;
}

dl.customizedParts,
dl.onnameParts {
  *zoom: 1;
  margin-bottom: 2rem;
}

dl.customizedParts:after,
dl.customizedParts:before,
dl.onnameParts:after,
dl.onnameParts:before {
  content: " ";
  display: table;
}

dl.customizedParts:after,
dl.onnameParts:after {
  clear: both;
}

dl.customizedParts dt,
dl.onnameParts dt {
  width: 20%;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  padding-top: 1rem;
}

dl.customizedParts dt span,
dl.onnameParts dt span {
  font-size: 13px;
  font-size: 1.3rem;
  color: #777;
}

dl.customizedParts dd {
  width: 80%;
  float: right;
}

dl.onnameParts dd {
  width: 77%;
  float: left;
}

dl.customizedParts dt {
  padding-left: 2rem;
  box-sizing: border-box;
}

.acc {
  transition: 0.4s;
  max-height: 0;
  overflow: hidden;
  padding: 0 3rem;
}

.acc_active {
  height: auto;
  padding: 10px;
}

.modal-def__inner {
  padding: 0 3rem;
}

.modal-def h3 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-bottom: 4rem;
  text-align: center;
  color: #48576a;
  line-height: 1.4;
}

.modal-def h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

.modal-def h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

.modal-def p {
  font-size: 14px;
  font-size: 1.4rem;
}

.infoBtnArea {
  margin-bottom: 1rem;
}

.infoBtnArea span {
  cursor: pointer;
}

.waku {
  border: 1px solid #ccc;
  padding: 2rem;
  margin: 1rem 0;
}

ol.def {
  padding-left: 2rem;
  margin-bottom: 1rem;
}

ol.def li {
  list-style: decimal outside;
}

ol.numList {
  position: relative;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}

ol.numList li {
  margin-bottom: 0.5rem;
  padding-left: 3rem;
}

ol.numList li span.num {
  position: absolute;
  left: 0;
  margin: 0;
}

.li_disc {
  margin-bottom: 1rem;
}

.li_disc li {
  list-style: disc outside;
  margin-left: 18px;
}

table.tbl-def {
  border-collapse: collapse;
  width: 100%;
  box-sizing: border-box;
}

table.tbl-def td,
table.tbl-def th {
  border: 1px solid #e5e5e5;
  padding: 20px 30px;
}

table.tbl-def th {
  background-color: #f2fafe;
  text-align: left;
  width: 24%;
  border-left: none;
}

table.tbl-def td {
  background-color: #fff;
  border-right: none;
}

.kakomi {
  border: 1px solid #ccc;
  padding: 30px;
}

.selectInPanel {
  width: 100%;
  margin-bottom: 1rem;
}

.favshare {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 3rem;
}

.favshare__fav {
  text-align: center;
}

.favshare__fav a:before {
  content: url(/images/icon_fav.svg);
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 22px;
  height: 21px;
}

.favshare__share {
  text-align: center;
}

.favshare__share a:before {
  content: url(/images/icon_share.svg);
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 17px;
  height: 21px;
}

.favshare__edit {
  text-align: center;
  max-width: 260px;
}

.favshare__edit a:before {
  content: url(/images/icon_edit.svg);
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 22px;
  height: 22px;
}

.favshare__btn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 90%;
}

.favshare__btn a {
  display: inline-block;
  width: 100%;
  padding: 1.2rem 2rem;
  margin-left: 20px;
  box-sizing: border-box;
  border: 1px solid #3f3f3f;
  background-color: #fff;
  border-radius: 40px;
}

.favshare__btn a:active,
.favshare__btn a:hover {
  border-color: #ffda00;
  background-color: #ffda00;
}

.btn {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
}

.btn a {
  display: block;
  padding: 16px 80px;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  background: url(/images/ar.svg) 90% 50% no-repeat #ff9c00;
  transition: all 0.2s ease-in-out;
}

.btn a:hover {
  opacity: 0.8;
}

.pdfDLBtn {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
}

.pdfDLBtn a {
  display: block;
  padding: 10px 60px;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  background: url(/images/ar.svg) 90% 50% no-repeat #ff9c00;
  transition: all 0.2s ease-in-out;
}

.pdfDLBtn a:hover {
  opacity: 0.8;
}

.pdfDLBtn a:before {
  content: url(/images/icon-pdf.svg);
  position: relative;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 25px;
}

.btnBorder {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.btnBorder a {
  border-radius: 32px;
  padding: 6px 50px 6px 30px;
  transition: all 0.2s ease-in-out;
  display: block;
  color: #222;
  border: 2px solid #333;
  text-decoration: none;
  background: url(/images/ar_bk.svg) 90% 50% no-repeat;
}

.btnBorder a:hover {
  opacity: 0.8;
}

.loading_circular {
  width: 42px;
  height: 42px;
  animation: loading-rotate 2s linear infinite;
}

.loading_circular .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #666;
  stroke-linecap: round;
}

.spbr {
  display: none;
}

.pcbr {
  display: inline;
}

.spimg {
  display: none;
}

.pcimg {
  display: inline-block;
}

hr.hr1 {
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin: 50px auto;
}

#totop_w {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 46px;
  text-align: right;
}

#totop_w #totop {
  display: inline-block;
  padding-right: 30px;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #d1d1d1;
  border-radius: 0;
  box-shadow: none;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  border-color: #111;
  outline: 0;
}

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

select {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') 100% no-repeat;
  padding-right: 3rem;
}

select:focus {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23111" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>');
}

.selectUnset {
  color: #999;
}

::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #999;
}

@media (max-width: 767px) {
  body {
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-size: 1.4rem;
  }

  h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }

  h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }

  h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }

  h5 {
    font-size: 15px;
    font-size: 1.5rem;
  }

  h6,
  p {
    font-size: 14px;
    font-size: 1.4rem;
  }

  span.en {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
    font-family: adobe-caslon-pro, serif;
    font-size: 30px;
    font-size: 3rem;
  }

  span.en,
  span.ja {
    display: block;
    font-weight: 400;
  }

  span.ja {
    font-size: 16px;
    font-size: 1.6rem;
  }

  h2.acc_noLink {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 2rem;
    margin-bottom: 0;
    height: auto;
    position: relative;
  }

  h2.acc_noLink:before {
    content: "";
    position: absolute;
    border-style: solid;
    bottom: -0.7em;
    border-width: 0.8em 1em 0;
    border-color: #222 transparent transparent;
    left: 50%;
    margin-left: -0.5em;
  }

  .base .el-collapse-item__header,
  .model .el-collapse-item__header {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 2rem;
  }

  .base .el-collapse-item.is-active .el-collapse-item__header,
  .model .el-collapse-item.is-active .el-collapse-item__header {
    position: relative;
  }

  .base .el-collapse-item.is-active .el-collapse-item__header:before,
  .model .el-collapse-item.is-active .el-collapse-item__header:before {
    content: "";
    position: absolute;
    border-style: solid;
    bottom: -0.7em;
    border-width: 0.8em 1em 0;
    border-color: #222 transparent transparent;
    left: 50%;
    margin-left: -0.5em;
  }

  .base .el-collapse-item__content,
  .model .el-collapse-item__content {
    padding: 3rem 1.5rem;
  }

  .base .el-tabs__header,
  .model .el-tabs__header {
    margin-bottom: 3rem;
  }

  .base .el-tabs .el-tabs__nav-scroll,
  .model .el-tabs .el-tabs__nav-scroll {
    text-align: center;
  }

  .base .el-tabs__nav,
  .model .el-tabs__nav {
    white-space: inherit;
    padding-bottom: 10px;
    float: none;
    display: inline-block;
  }

  .base .el-tabs__item,
  .model .el-tabs__item {
    color: #222;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 15px;
  }

  .base .el-tabs__item.is-active,
  .model .el-tabs__item.is-active {
    color: #fff;
    background-color: #222;
    font-weight: 700;
  }

  .base .el-tabs__active-bar,
  .model .el-tabs__active-bar {
    display: none;
  }

  .base .el-tabs__content,
  .model .el-tabs__content {
    overflow: inherit;
  }

  .radioPanel dd label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 700;
    width: 100%;
    border: 2px solid #222;
    padding: 1rem;
  }

  .radioPanel dd label.active {
    border: 2px solid #1eae1e;
  }

  .radioPanel dd label.active:after {
    content: url(/images/icon_check_panel.svg);
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
  }

  .radioPanel dd label input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }

  .radioPanel {
    margin: 0 auto 1rem;
  }

  .radioPanel dt {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 0;
  }

  .radioPanel dd,
  .radioPanel dt {
    display: block;
    width: 100%;
  }

  .radioPanel dd .label-wrapper {
    margin-right: 20px;
    width: 100%;
  }

  .modelList__inner {
    width: 100%;
  }

  .basicModel__txt {
    *zoom: 1;
    padding: 10px;
  }

  .basicModel__txt:after,
  .basicModel__txt:before {
    content: " ";
    display: table;
  }

  .basicModel__txt:after {
    clear: both;
  }

  .basicModel__txt__l {
    width: 30%;
    float: left;
    font-size: 30px;
    font-size: 3rem;
  }

  .basicModel__txt__l span {
    font-size: 15px;
    font-size: 1.5rem;
  }

  .basicModel__txt__r {
    width: 70%;
    float: right;
    text-align: right;
  }

  .basicModel__txt__r .change-angle {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.5;
  }

  .basicModel__txt__r .change-angle:hover {
    opacity: 1;
  }

  .basicModel__txt__r .change-angle img {
    vertical-align: bottom;
  }

  .basicModel__txt__r .gsize {
    display: inline-block;
    background-color: #ffda00;
    text-align: center;
    padding: 6px 4px 2px;
    vertical-align: middle;
  }

  .basicModel__txt__r .gsize__size {
    display: block;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1;
    margin-bottom: 2px;
    vertical-align: bottom;
  }

  .basicModel__txt__r .gsize__num {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    vertical-align: bottom;
  }

  .partsSetting h3 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222;
    padding: 1rem 3rem 1rem 1rem;
    line-height: 1;
  }

  .partsSetting h4 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    background-color: #3f3f3f;
    padding: 1rem 2rem;
    line-height: 1;
  }

  .partsSetting__inner {
    padding: 2rem 1.5rem;
  }

  .customizePanel .colorContainer li,
  .onnamePanel .colorContainer li {
    width: 20%;
  }

  dl.customizedParts dt,
  dl.onnameParts dt {
    font-size: 14px;
    font-size: 1.4rem;
  }

  dl.customizedParts dt {
    padding-left: 1rem;
  }

  .onnameCheckArea {
    padding-left: 2rem;
  }

  .onnameCheckArea .el-checkbox__label {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .el-dialog--small,
  .el-dialog--tiny {
    width: 90% !important;
  }

  .modal-def__inner {
    padding: 0;
  }

  .modal-def h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .modal-def h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .modal-def h5 {
    font-size: 15px;
    font-size: 1.5rem;
  }

  .favshare,
  .modal-def p {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .favshare {
    padding: 1.5rem 1rem;
  }

  .favshare__btn {
    width: 92%;
  }

  .favshare__btn a {
    padding: 1rem;
  }

  .btnDef {
    border: 1px solid #bca17c;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .btnDef a {
    display: block;
    padding: 4px 20px;
    color: #bca17c;
  }

  .btnDefault_gd {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
  }

  .btnDefault_gd a {
    height: 40px;
    padding: 0 10px;
    border-radius: 20px;
    background-color: #bca17c;
    transition: all 0.2s ease-in-out;
    display: block;
    color: #fff;
  }

  .table_wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .table_wrapper table {
    width: 480px;
  }

  .vertical_table td,
  .vertical_table th {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }

  .vertical_table table td,
  .vertical_table table th {
    width: auto;
    display: table-cell;
  }

  .spbr {
    display: inline;
  }

  .pcbr {
    display: none;
  }

  .spimg {
    display: block;
  }

  .pcimg {
    display: none;
  }

  hr.hr1 {
    border: 0;
    width: 100%;
    height: 1px;
    background-color: #333;
    margin: 30px auto;
  }

  #totop_w {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 60px;
    margin-left: -50%;
  }

  #totop_w #totop {
    padding: 2px 0 2px 26px;
    background: url(/images/pagetop.svg) 0 0 no-repeat;
    background-size: 14px 16px;
    display: inline-block;
  }

  #totop_w #totop a {
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    color: #222;
  }
}

.img_r {
  float: right;
  margin: 0 0 10px 10px;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.btm10 {
  margin-bottom: 10px;
}

.btm20 {
  margin-bottom: 20px;
}

.btm30 {
  margin-bottom: 30px;
}

.btm40 {
  margin-bottom: 40px;
}

.btm50 {
  margin-bottom: 50px;
}

.btm60 {
  margin-bottom: 60px;
}

.btm70 {
  margin-bottom: 70px;
}

.btm80 {
  margin-bottom: 80px;
}

.btm90 {
  margin-bottom: 90px;
}

.btm100 {
  margin-bottom: 100px;
}

.top10 {
  margin-top: 10px;
}

.top20 {
  margin-top: 20px;
}

.top30 {
  margin-top: 30px;
}

.top40 {
  margin-top: 40px;
}

.top50 {
  margin-top: 50px;
}

.top60 {
  margin-top: 60px;
}

.top70 {
  margin-top: 70px;
}

.top80 {
  margin-top: 80px;
}

.top90 {
  margin-top: 90px;
}

.top100 {
  margin-top: 100px;
}

.fade-enter-active,
.fade-leave-active {
  transition-property: opacity;
  transition-duration: 0.25s;
}

.fade-enter-active {
  transition-delay: 0.25s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

.modal[data-v-6619a87a] {
  text-align: center;
}

.modal h3[data-v-6619a87a] {
  margin-bottom: 3rem;
}

.global-header[data-v-6619a87a] {
  padding: 16px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.global-header__inner[data-v-6619a87a] {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.logo[data-v-6619a87a] {
  display: inline-block;
  border-right: 1px solid #333;
  padding-right: 10px;
  margin-right: 10px;
}

.logo img[data-v-6619a87a] {
  max-width: 100%;
}

.header-ttl[data-v-6619a87a] {
  display: inline-block;
  line-height: 1.3;
  margin-bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.navi[data-v-6619a87a] {
  position: absolute;
  right: 0;
  top: 20%;
}

.wilsonLink[data-v-6619a87a] {
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
  padding-top: 1rem;
}

.wilsonLink ul li[data-v-6619a87a] {
  display: inline-block;
  margin-left: 2rem;
}

.wilsonLink ul li[data-v-6619a87a]:first-of-type {
  margin-left: 0;
}

.wilsonLink ul li a[data-v-6619a87a] {
  transition: opacity 0.3s;
}

.wilsonLink ul li a[data-v-6619a87a]:hover {
  opacity: 0.7;
}

.mypageLink[data-v-6619a87a] {
  display: inline-block;
  margin-top: 6px;
}

.mypageLink .el-dropdown[data-v-6619a87a] {
  color: #222;
}

.mypageLink .el-dropdown-link[data-v-6619a87a] {
  cursor: pointer;
}

.mypageLink .el-dropdown-link img[data-v-6619a87a] {
  vertical-align: middle;
  margin-right: 10px;
}

.hotouseBtn[data-v-6619a87a] {
  display: inline-block;
  cursor: pointer;
  margin-right: 2rem;
  transition: opacity 0.3s;
}

.hotouseBtn[data-v-6619a87a]:hover {
  opacity: 0.7;
}

.loginBtn[data-v-6619a87a] {
  display: inline-block;
  cursor: pointer;
  transition: opacity 0.3s;
}

.loginBtn img[data-v-6619a87a] {
  vertical-align: middle;
  margin-right: 10px;
}

.loginBtn[data-v-6619a87a]:hover {
  opacity: 0.7;
}

.loginModal[data-v-6619a87a] {
  text-align: center;
  z-index: 100;
}

.loginModal h3[data-v-6619a87a] {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}

.loginModal__footer[data-v-6619a87a] {
  text-align: center;
  margin-bottom: 3rem;
}

.loginModal p[data-v-6619a87a] {
  font-size: 14px;
  font-size: 1.4rem;
}

.loginModal p.failed[data-v-6619a87a] {
  color: red;
}

.loginModal a[data-v-6619a87a]:hover {
  text-decoration: underline;
}

hr[data-v-6619a87a] {
  border-color: #eee;
}

.el-dropdown-menu__item[data-v-6619a87a] {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .global-header[data-v-6619a87a] {
    padding: 10px;
  }

  .logo[data-v-6619a87a] {
    padding-right: 8px;
    margin-right: 6px;
    width: 80px;
    border-right: none;
  }

  .header-ttl[data-v-6619a87a] {
    display: none;
    font-size: 11px;
    font-size: 1.1rem;
  }

  .loginBtn[data-v-6619a87a] {
    top: 30%;
  }

  .loginBtn img[data-v-6619a87a] {
    margin-right: 5px;
  }

  .mypageLink[data-v-6619a87a] {
    top: 14%;
  }

  .mypageLink .el-dropdown-link i[data-v-6619a87a],
  .mypageLink .el-dropdown-link span[data-v-6619a87a] {
    display: none;
  }

  .mypageLink .el-dropdown-link img[data-v-6619a87a] {
    margin-right: 5px;
  }
}

section[data-v-33b0f294] {
  margin-bottom: 5rem;
}

ul li[data-v-33b0f294] {
  line-height: 1.8;
}

h4[data-v-33b0f294] {
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}

h5[data-v-33b0f294] {
  margin-bottom: 2rem;
  line-height: 1.5;
}

h5 span[data-v-33b0f294] {
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
}

.price__inner[data-v-33b0f294] {
  margin-bottom: 5rem;
}

table.price_tbl[data-v-33b0f294] {
  width: 100%;
  margin-bottom: 1rem;
}

table.price_tbl td[data-v-33b0f294],
table.price_tbl th[data-v-33b0f294] {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.4;
}

table.price_tbl td.priceL[data-v-33b0f294],
table.price_tbl th.priceL[data-v-33b0f294] {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

table.price_tbl td.priceL span[data-v-33b0f294],
table.price_tbl th.priceL span[data-v-33b0f294] {
  font-size: 16px;
  font-size: 1.6rem;
}

table.price_tbl td.priceM[data-v-33b0f294],
table.price_tbl th.priceM[data-v-33b0f294] {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

table.price_tbl td.priceM span[data-v-33b0f294],
table.price_tbl th.priceM span[data-v-33b0f294] {
  font-size: 14px;
  font-size: 1.4rem;
}

table.price_tbl td.ex-plus[data-v-33b0f294],
table.price_tbl th.ex-plus[data-v-33b0f294] {
  padding: 0;
}

table.price_tbl td.ex-plus table[data-v-33b0f294],
table.price_tbl th.ex-plus table[data-v-33b0f294] {
  width: 100%;
}

table.price_tbl td.ex-plus table td[data-v-33b0f294],
table.price_tbl th.ex-plus table td[data-v-33b0f294] {
  border: none;
  padding: 0.8rem 0.5rem;
}

table.price_tbl td.ex-plus table .bold[data-v-33b0f294],
table.price_tbl th.ex-plus table .bold[data-v-33b0f294] {
  font-weight: 700;
}

table.price_tbl th[data-v-33b0f294] {
  color: #fff;
  background-color: #78753e;
  vertical-align: middle;
  text-align: center;
}

table.price_tbl.price_tbl_example th[data-v-33b0f294] {
  color: #333;
  background-color: #fff;
  font-weight: 400;
}

table.price_tbl.proce_tbl_brandlogo th[data-v-33b0f294] {
  text-align: left;
}

.airflow_tbl[data-v-33b0f294] {
  max-width: 400px;
}

.cap-save img[data-v-33b0f294] {
  max-width: 100%;
  margin-bottom: 1rem;
}

.brandlogo-image[data-v-33b0f294] {
  display: -ms-flexbox;
  display: flex;
  gap: 0 15px;
  margin-top: 20px;
}

.brandlogo-image__item img[data-v-33b0f294] {
  max-width: 100%;
}

.agree[data-v-33b0f294] {
  text-align: center;
  margin-top: 8rem;
  margin-bottom: 100px;
}

.agree span[data-v-33b0f294] {
  cursor: pointer;
  border: 1px solid #ffda00;
  background-color: #ffda00;
  color: #222;
  border-radius: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.5rem 8rem;
  transition: all 0.3s ease;
}

.agree span[data-v-33b0f294]:hover {
  color: #fff;
  border: 1px solid #222;
  background-color: #222;
}

.glove-race[data-v-33b0f294] {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  table.price_tbl td.priceL[data-v-33b0f294],
  table.price_tbl td.priceM[data-v-33b0f294],
  table.price_tbl th.priceL[data-v-33b0f294],
  table.price_tbl th.priceM[data-v-33b0f294] {
    font-size: 15px;
    font-size: 1.5rem;
  }

  .table_wrapper table.price_tbl[data-v-33b0f294] {
    width: 480px;
  }

  .cap-save .el-col[data-v-33b0f294] {
    margin-bottom: 2rem;
  }
}

.priceModal[data-v-b25f7d5c] {
  text-align: left;
}

.priceModal__inner[data-v-b25f7d5c] {
  padding: 0 3rem 3rem;
}

.priceModal__inner table[data-v-b25f7d5c] {
  width: 100%;
}

.priceModal__inner table th[data-v-b25f7d5c],
.priceModal__inner table tr[data-v-b25f7d5c] {
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 2rem 1rem;
  border-bottom: 1px solid #eee;
}

.priceModal__inner table th.midashi[data-v-b25f7d5c],
.priceModal__inner table tr.midashi[data-v-b25f7d5c] {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}

#price_body {
  text-align: left;
}

.priceModal__price[data-v-b25f7d5c] {
  font-size: 20px;
  font-size: 2rem;
  text-align: right;
}

.priceModal__price .subtotal__en[data-v-b25f7d5c] {
  font-size: 15px;
  font-size: 1.5rem;
}

.priceModal__price .subtotal__price[data-v-b25f7d5c] {
  width: 40%;
  padding-right: 2%;
  box-sizing: border-box;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: right;
  font-weight: 700;
}

.global-footer[data-v-a87e705e] {
  padding: 16px;
  background-color: #0c0c0c;
  color: #fff;
  text-align: right;
  position: relative;
}

.logo[data-v-a87e705e] {
  display: inline-block;
  border-right: 1px solid #333;
  padding-right: 10px;
  margin-right: 10px;
}

p[data-v-a87e705e] {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0;
}

p img[data-v-a87e705e] {
  vertical-align: middle;
  margin-left: 10px;
}

nav[data-v-a87e705e] {
  position: absolute;
  left: 16px;
  top: 18px;
}

nav a[data-v-a87e705e] {
  color: #fff;
}

@media (max-width: 767px) {
  .global-footer[data-v-a87e705e] {
    text-align: center;
  }

  nav[data-v-a87e705e] {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}

.top[data-v-d7355ce8] {
  position: relative;
}

.top__main[data-v-d7355ce8] {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #222;
}

.top__bgmovie[data-v-d7355ce8] {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.top__inner[data-v-d7355ce8] {
  max-width: 980px;
  padding: 10rem 2rem;
  margin: 0 auto;
  position: relative;
}

.top__misc[data-v-d7355ce8] {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 2rem;
  color: #333;
}

.top__movies[data-v-d7355ce8] {
  width: 100%;
  padding-top: 4rem;
}

.top__movies h2[data-v-d7355ce8] {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  font-family: Benton Sans Ex Comp Bd;
}

.top__movies__movieList[data-v-d7355ce8] {
  background-color: #000;
}

.top__movies__movie[data-v-d7355ce8] {
  padding-top: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  opacity: 1;
  background-color: #000;
}

.top__movies__movie:hover .top__movies__movie__bg[data-v-d7355ce8] {
  opacity: 1;
}

.top__movies__movie__overlap[data-v-d7355ce8] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2rem;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.top__movies__movie__overlap h3[data-v-d7355ce8] {
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  font-feature-settings: "pkna";
}

.top__movies__movie__overlap .number[data-v-d7355ce8] {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: Benton Sans Ex Comp Bd;
}

.top__movies__movie__overlap p[data-v-d7355ce8] {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 1rem;
}

.top__movies__movie__bg[data-v-d7355ce8] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

h2[data-v-d7355ce8] {
  margin-bottom: 5rem;
}

h2 img[data-v-d7355ce8] {
  width: 100%;
}

p.top__txt[data-v-d7355ce8] {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 3rem;
}

p.top__newitem[data-v-d7355ce8] {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 3rem;
}

p.top__newitem a[data-v-d7355ce8] {
  display: block;
  color: #fff;
  background-color: #333;
  padding: 15px;
  border: 1px solid #666;
  transition: all 0.3s;
}

p.top__newitem a[data-v-d7355ce8]:hover {
  border: 1px solid #fff;
  background-color: #666;
}

.startBtn[data-v-d7355ce8] {
  max-width: 230px;
  height: 230px;
  margin: 0 auto;
}

.startBtn .showTerms[data-v-d7355ce8],
.startBtn a[data-v-d7355ce8] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffda00;
  border-radius: 50%;
  text-align: center;
  position: relative;
  transition: opacity 0.3s;
}

.startBtn .showTerms span[data-v-d7355ce8],
.startBtn a span[data-v-d7355ce8] {
  font-family: Benton Sans Ex Comp Bd;
  font-size: 66px;
  font-size: 6.6rem;
}

@media screen and (max-width: 767px) {
  .startBtn .showTerms span[data-v-d7355ce8],
  .startBtn a span[data-v-d7355ce8] {
    font-size: 46px;
    font-size: 4.6rem;
  }
}

.startBtn .showTerms[data-v-d7355ce8]:hover,
.startBtn a[data-v-d7355ce8]:hover {
  opacity: 0.8;
}

.startBtn .showTerms img[data-v-d7355ce8],
.startBtn a img[data-v-d7355ce8] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
}

.top__note[data-v-d7355ce8] {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  line-height: 1.8;
}

.hasGloveID[data-v-d7355ce8] {
  text-align: center;
  margin-top: 6rem;
}

.hasGloveID label[data-v-d7355ce8] {
  color: #fff;
}

.hasGloveID input[data-v-d7355ce8] {
  background-color: #fff;
  width: 140px;
}

.hasGloveID .go[data-v-d7355ce8] {
  cursor: pointer;
  padding: 1rem 2rem;
  background-color: #ffda00;
  border: 1px solid #ffda00;
  color: #333;
  opacity: 1;
  transition: opacity 0.3s;
  font-weight: 700;
}

.hasGloveID .go[data-v-d7355ce8]:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .top__inner[data-v-d7355ce8] {
    padding: 5rem 2rem;
  }

  h2[data-v-d7355ce8],
  p[data-v-d7355ce8] {
    margin-bottom: 3rem;
  }

  .startBtn[data-v-d7355ce8] {
    width: 140px;
    height: 140px;
    margin: 0 auto 6rem;
  }

  .startBtn a span[data-v-d7355ce8] {
    font-size: 36px;
    font-size: 3.6rem;
  }

  .startBtn img[data-v-d7355ce8] {
    width: 50%;
  }

  .tophowtouseBtn span[data-v-d7355ce8] {
    padding: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-mask[data-v-6eaeb222] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.95);
  display: table;
  transition: opacity 0.3s ease;
}

.modal-mask-movie[data-v-6eaeb222] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.95);
  display: table;
}

.el-icon-close[data-v-6eaeb222] {
  color: #fff;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.el-icon-close[data-v-6eaeb222]:hover {
  opacity: 0.7;
}

.modal-wrapper[data-v-6eaeb222] {
  display: table-cell;
  vertical-align: middle;
}

.movieModal[data-v-6eaeb222] {
  width: 100%;
  max-width: 990px;
  position: absolute;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.movieModal__inner[data-v-6eaeb222] {
  width: 100%;
  position: relative;
}

.movieModal__inner iframe[data-v-6eaeb222] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.modal-enter[data-v-6eaeb222],
.modal-leave-active[data-v-6eaeb222] {
  opacity: 0;
}

.el-tabs__nav-scroll[data-v-558d9f3a] {
  text-align: center;
}

.glove-size[data-v-558d9f3a] {
  font-size: 24px;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .glove-size[data-v-558d9f3a] {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.glove-size ul[data-v-558d9f3a] {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .glove-size ul[data-v-558d9f3a] {
    margin-top: 0;
  }
}

.glove-size ul li[data-v-558d9f3a] {
  margin-bottom: 1.5rem;
}

.glove-size span[data-v-558d9f3a] {
  color: #dc5e0d;
}

.glove-size img[data-v-558d9f3a] {
  max-width: 100%;
}

.model .el-col[data-v-558d9f3a] {
  margin-bottom: 14px;
}

.model .el-col[data-v-558d9f3a]:last-child {
  margin-bottom: 0;
}

.model-chart h4[data-v-558d9f3a] {
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .model-chart h4[data-v-558d9f3a] {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.model-chart h5[data-v-558d9f3a] {
  font-weight: 400;
  color: #e60012;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .model-chart h5[data-v-558d9f3a] {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.model-chart__img[data-v-558d9f3a] {
  text-align: center;
  margin-bottom: 20px;
}

.model-chart__img[data-v-558d9f3a] img {
  width: 800px;
}

.paging {
  font-size: 28px;
  font-size: 2.8rem;
  margin-top: 8rem;
  margin-bottom: 5rem;
  clear: both;
  text-align: center;
}

.paging a,
.paging span {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 1.5rem 13rem;
  box-sizing: border-box;
}

.paging__back {
  text-align: center;
  display: inline-block;
}

.paging__back a,
.paging__back span {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI2IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTMxMzEzOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fYmFjay5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTQ4LjM3LDE5MDRsLTYuNTkzLDYuODhoMTguMjN2NC4yNWwtMTguMjI1LS4wMSw2LjU5MSw2Ljg4LTIuODc1LDNMMzQsMTkxM2gwbDExLjUtMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQgLTE5MDEpIi8+Cjwvc3ZnPgo=)
    20px 50% no-repeat #cecece;
}

.paging__back a.active {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI2IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTMxMzEzOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fYmFjay5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTQ4LjM3LDE5MDRsLTYuNTkzLDYuODhoMTguMjN2NC4yNWwtMTguMjI1LS4wMSw2LjU5MSw2Ljg4LTIuODc1LDNMMzQsMTkxM2gwbDExLjUtMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQgLTE5MDEpIi8+Cjwvc3ZnPgo=)
    20px 50% no-repeat #ffda00;
}

.paging__back a:hover {
  color: #fff;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI2IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fYmFjay5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTQ4LjM3LDE5MDRsLTYuNTkzLDYuODhoMTguMjN2NC4yNWwtMTguMjI1LS4wMSw2LjU5MSw2Ljg4LTIuODc1LDNMMzQsMTkxM2gwbDExLjUtMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQgLTE5MDEpIi8+Cjwvc3ZnPgo=)
    20px 50% no-repeat #111;
}

.paging__back span {
  background-color: #efefef;
}

.paging__next {
  text-align: center;
  display: inline-block;
}

.paging__next a,
.paging__next span {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI2IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTMxMzEzOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fbmV4dC5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTExNTMuNjMsMTkyMmw2LjU5LTYuODhoLTE4LjIzdi00LjI1bDE4LjIzLDAuMDEtNi41OS02Ljg4LDIuODctMywxMS41LDEyaDBsLTExLjUsMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0MiAtMTkwMSkiLz4KPC9zdmc+Cg==)
    right 20px top 50% no-repeat #cecece;
}

.paging__next a.active {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI2IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMTMxMzEzOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fbmV4dC5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTExNTMuNjMsMTkyMmw2LjU5LTYuODhoLTE4LjIzdi00LjI1bDE4LjIzLDAuMDEtNi41OS02Ljg4LDIuODctMywxMS41LDEyaDBsLTExLjUsMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0MiAtMTkwMSkiLz4KPC9zdmc+Cg==)
    right 20px top 50% no-repeat #ffda00;
}

.paging__next a:hover {
  color: #fff;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI2IDI0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fbmV4dC5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTExNTMuNjMsMTkyMmw2LjU5LTYuODhoLTE4LjIzdi00LjI1bDE4LjIzLDAuMDEtNi41OS02Ljg4LDIuODctMywxMS41LDEyaDBsLTExLjUsMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0MiAtMTkwMSkiLz4KPC9zdmc+Cg==)
    right 20px top 50% no-repeat #111;
}

.paging__next span {
  background-color: #efefef;
}

@media (max-width: 767px) {
  .paging {
    font-size: 16px;
    font-size: 1.6rem;
    *zoom: 1;
    padding: 0 10px;
  }

  .paging:after,
  .paging:before {
    content: " ";
    display: table;
  }

  .paging:after {
    clear: both;
  }

  .paging a,
  .paging span {
    padding: 1.5rem 3rem;
  }

  .paging__back {
    float: left;
    width: 50%;
  }

  .paging__next {
    float: right;
    width: 50%;
  }
}

.content__body[data-v-493b3d87] {
  padding: 3rem 2rem;
  width: 100%;
  box-sizing: border-box;
}

.nextIcon[data-v-493b3d87] {
  text-align: center;
  padding: 3rem 0;
}

.radioPanel dd label[data-v-493b3d87] {
  padding: 2rem;
}

.colorContainer[data-v-493b3d87] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.colorContainer li[data-v-493b3d87] {
  width: 12.5%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.skinColor[data-v-493b3d87] {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.skinColor p[data-v-493b3d87] {
  font-size: 12px;
  font-size: 1.2rem;
}

.selectColor[data-v-493b3d87] {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 27px;
  position: relative;
}

.selectColor.active[data-v-493b3d87] {
  background-color: #ccc;
}

.selectColor.active[data-v-493b3d87]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC41MzIiIGhlaWdodD0iMjIuNTYyIiB2aWV3Qm94PSIwIDAgMjguNTMyIDIyLjU2MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2VkZWRlZDsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJjb2xvcl9jaGVja2VkLnN2ZyIgY2xhc3M9ImNscy0xIiBkPSJNMjg1LjEyLDQxNy45NjZsLTEyLjczMywxMi42NC01LjgzMS01Ljc4OS00Ljk4NSw0Ljk0OSw1LjgzMSw1Ljc4OS0wLjAxOC4wMTgsNC45ODUsNC45NDksMTcuNzM2LTE3LjYwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuNTYyIC00MTcuOTY5KSIvPgo8L3N2Zz4K)
    no-repeat 50% 50%;
  background-size: 30px 23px;
}

.gloveModelType[data-v-493b3d87] {
  padding: 5rem 0 3rem;
}

.gloveModelType p[data-v-493b3d87] {
  padding: 1rem;
}

.base .el-col[data-v-493b3d87] {
  margin-bottom: 14px;
}

.base .el-col[data-v-493b3d87]:last-child {
  margin-bottom: 0;
}

.basicModel[data-v-493b3d87] {
  width: 100%;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: #fff;
  border: 2px solid #fff;
}

.basicModel.active[data-v-493b3d87] {
  border: 2px solid #1eae1e;
}

.basicModel.active[data-v-493b3d87]:after {
  content: url(/images/icon_check_panel.svg);
  position: absolute;
  top: -10px;
  right: -10px;
  width: 24px;
}

.basicModel img[data-v-493b3d87] {
  width: 100%;
}

.modal-def h4[data-v-493b3d87] {
  line-height: 1.8;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 2rem;
  border: 1px solid #ccc;
  padding: 1rem;
}

@media screen and (max-width: 767px) {
  .modal-def h4[data-v-493b3d87] {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-def h5[data-v-493b3d87] {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .modal-def h5[data-v-493b3d87] {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-def .glove-race[data-v-493b3d87] {
  border: 2px solid #ccc;
  border-radius: 10px;
  padding: 3rem;
}

@media screen and (max-width: 767px) {
  .modal-def .glove-race[data-v-493b3d87] {
    border: 1px solid #ccc;
    padding: 1.5rem;
  }
}

.modal-def .glove-race img[data-v-493b3d87] {
  max-width: 100%;
}

.modal-def table.available-color[data-v-493b3d87] {
  width: 100%;
  margin-bottom: 1rem;
}

.modal-def table.available-color td[data-v-493b3d87],
.modal-def table.available-color th[data-v-493b3d87] {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0.8rem 0.5rem;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

.modal-def table.available-color td.black[data-v-493b3d87],
.modal-def table.available-color th.black[data-v-493b3d87] {
  background-color: #000;
}

.modal-def table.available-color td.l-tan[data-v-493b3d87],
.modal-def table.available-color th.l-tan[data-v-493b3d87] {
  background-color: #fbc63a;
}

.modal-def table.available-color td.tan[data-v-493b3d87],
.modal-def table.available-color th.tan[data-v-493b3d87] {
  background-color: #b6612f;
}

.modal-def table.available-color td.e-orange[data-v-493b3d87],
.modal-def table.available-color th.e-orange[data-v-493b3d87] {
  background-color: #db1107;
}

.modal-def table.available-color td.w-orange[data-v-493b3d87],
.modal-def table.available-color th.w-orange[data-v-493b3d87] {
  background-color: #ff983b;
}

.modal-def table.available-color td.orange[data-v-493b3d87],
.modal-def table.available-color th.orange[data-v-493b3d87] {
  background-color: #ff4d00;
}

.modal-def table.available-color td.d-brown[data-v-493b3d87],
.modal-def table.available-color th.d-brown[data-v-493b3d87] {
  background-color: #723f24;
}

.modal-def table.available-color td.s-tan[data-v-493b3d87],
.modal-def table.available-color th.s-tan[data-v-493b3d87] {
  background-color: #623c27;
}

.modal-def table.available-color td.blick[data-v-493b3d87],
.modal-def table.available-color th.blick[data-v-493b3d87] {
  background-color: #7d1e21;
}

.modal-def table.available-color td.lime[data-v-493b3d87],
.modal-def table.available-color th.lime[data-v-493b3d87] {
  background-color: #f8ed4f;
  color: #333;
}

.modal-def table.available-color td.bg[data-v-493b3d87],
.modal-def table.available-color th.bg[data-v-493b3d87] {
  background-color: #eee;
}

.modal-def table.available-color th[data-v-493b3d87] {
  color: #fff;
}

.modal-def p.tyuui[data-v-493b3d87] {
  font-size: 13px;
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .radioPanel dt[data-v-493b3d87] {
    margin-bottom: 1rem;
  }

  .radioPanel dd label[data-v-493b3d87] {
    padding: 1rem;
  }

  .nextIcon img[data-v-493b3d87] {
    width: 40px;
  }

  .colorContainer li[data-v-493b3d87] {
    width: 20%;
  }

  .selectColor[data-v-493b3d87] {
    width: 40px;
    height: 40px;
  }

  .selectColor.active[data-v-493b3d87] {
    background-color: #ccc;
  }

  .selectColor.active[data-v-493b3d87]:after {
    width: 40px;
    height: 40px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC41MzIiIGhlaWdodD0iMjIuNTYyIiB2aWV3Qm94PSIwIDAgMjguNTMyIDIyLjU2MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2VkZWRlZDsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJjb2xvcl9jaGVja2VkLnN2ZyIgY2xhc3M9ImNscy0xIiBkPSJNMjg1LjEyLDQxNy45NjZsLTEyLjczMywxMi42NC01LjgzMS01Ljc4OS00Ljk4NSw0Ljk0OSw1LjgzMSw1Ljc4OS0wLjAxOC4wMTgsNC45ODUsNC45NDksMTcuNzM2LTE3LjYwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuNTYyIC00MTcuOTY5KSIvPgo8L3N2Zz4K)
      no-repeat 50% 50%;
    background-size: 19px 15px;
  }

  .modal-def table.available-color[data-v-493b3d87] {
    width: 640px;
  }
}

section[data-v-bbd710b2] {
  margin-bottom: 5rem;
}

table.material-feature[data-v-bbd710b2] {
  width: 100%;
  margin-bottom: 1rem;
}

table.material-feature td[data-v-bbd710b2],
table.material-feature th[data-v-bbd710b2] {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.8rem;
  border: 1px solid #ccc;
  line-height: 1.6;
}

table.material-feature td.name[data-v-bbd710b2],
table.material-feature th.name[data-v-bbd710b2] {
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
}

table.material-feature td.name span[data-v-bbd710b2],
table.material-feature th.name span[data-v-bbd710b2] {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
}

table.material-feature td.text[data-v-bbd710b2],
table.material-feature th.text[data-v-bbd710b2] {
  text-align: left;
}

table.material-feature th[data-v-bbd710b2] {
  color: #fff;
  background-color: #7f6f5a;
  vertical-align: middle;
  white-space: nowrap;
}

table.material-feature .rule[data-v-bbd710b2] {
  background-color: #e60012;
  color: #fff;
  padding: 0.2rem 0.4rem;
}

@media screen and (max-width: 767px) {
  .table_wrapper table.material-feature[data-v-bbd710b2] {
    width: 640px;
  }
}

.highscroll-table[data-v-c5b3b6ac] {
  width: 58%;
}

.modal-def h4[data-v-c5b3b6ac] {
  line-height: 1.8;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 2rem;
  border: 1px solid #ccc;
  padding: 1rem;
}

@media screen and (max-width: 767px) {
  .modal-def h4[data-v-c5b3b6ac] {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-def h5[data-v-c5b3b6ac] {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .modal-def h5[data-v-c5b3b6ac] {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-def .glove-race[data-v-c5b3b6ac] {
  border: 2px solid #ccc;
  border-radius: 10px;
  padding: 3rem;
}

@media screen and (max-width: 767px) {
  .modal-def .glove-race[data-v-c5b3b6ac] {
    border: 1px solid #ccc;
    padding: 1.5rem;
  }
}

.modal-def .glove-race img[data-v-c5b3b6ac] {
  max-width: 100%;
}

.modal-def table.available-color[data-v-c5b3b6ac] {
  width: 100%;
  margin-bottom: 1rem;
}

.modal-def table.available-color td[data-v-c5b3b6ac],
.modal-def table.available-color th[data-v-c5b3b6ac] {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0.8rem 0.3rem;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

.modal-def table.available-color td.black[data-v-c5b3b6ac],
.modal-def table.available-color th.black[data-v-c5b3b6ac] {
  background-color: #000;
}

.modal-def table.available-color td.l-tan[data-v-c5b3b6ac],
.modal-def table.available-color th.l-tan[data-v-c5b3b6ac] {
  background-color: #fbc63a;
  width: 45px;
}

.modal-def table.available-color td.tan[data-v-c5b3b6ac],
.modal-def table.available-color th.tan[data-v-c5b3b6ac] {
  background-color: #b6612f;
  width: 45px;
}

.modal-def table.available-color td.e-orange[data-v-c5b3b6ac],
.modal-def table.available-color th.e-orange[data-v-c5b3b6ac] {
  background-color: #db1107;
}

.modal-def table.available-color td.w-orange[data-v-c5b3b6ac],
.modal-def table.available-color th.w-orange[data-v-c5b3b6ac] {
  background-color: #ff983b;
}

.modal-def table.available-color td.orange[data-v-c5b3b6ac],
.modal-def table.available-color th.orange[data-v-c5b3b6ac] {
  background-color: #ff4d00;
}

.modal-def table.available-color td.d-brown[data-v-c5b3b6ac],
.modal-def table.available-color th.d-brown[data-v-c5b3b6ac] {
  background-color: #723f24;
}

.modal-def table.available-color td.blonde[data-v-c5b3b6ac],
.modal-def table.available-color th.blonde[data-v-c5b3b6ac] {
  background-color: #edca9a;
}

.modal-def table.available-color td.walnut[data-v-c5b3b6ac],
.modal-def table.available-color th.walnut[data-v-c5b3b6ac] {
  background-color: #653024;
}

.modal-def table.available-color td.s-tan[data-v-c5b3b6ac],
.modal-def table.available-color th.s-tan[data-v-c5b3b6ac] {
  background-color: #623c27;
}

.modal-def table.available-color td.blick[data-v-c5b3b6ac],
.modal-def table.available-color th.blick[data-v-c5b3b6ac] {
  background-color: #7d1e21;
}

.modal-def table.available-color td.lime[data-v-c5b3b6ac],
.modal-def table.available-color th.lime[data-v-c5b3b6ac] {
  background-color: #f8ed4f;
  color: #333;
}

.modal-def table.available-color td.bg[data-v-c5b3b6ac],
.modal-def table.available-color th.bg[data-v-c5b3b6ac] {
  background-color: #eee;
}

.modal-def table.available-color th[data-v-c5b3b6ac] {
  color: #fff;
}

.modal-def p.tyuui[data-v-c5b3b6ac] {
  font-size: 13px;
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .modal-def table.available-color[data-v-c5b3b6ac] {
    width: 640px;
  }
}

.bg-dummy[data-v-710d7906] {
  width: 100%;
}

.customize[data-v-710d7906] {
  position: relative;
  width: 100%;
  *zoom: 1;
}

.customize[data-v-710d7906]:after,
.customize[data-v-710d7906]:before {
  content: " ";
  display: table;
}

.customize[data-v-710d7906]:after {
  clear: both;
}

.customize__l[data-v-710d7906] {
  position: relative;
  top: 0;
  padding: 0 5rem;
}

.customize__l__inner[data-v-710d7906] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.customize__r[data-v-710d7906] {
  float: right;
  position: relative;
}

.svg__wrapper[data-v-710d7906] {
  width: 85%;
  height: 0;
  padding-top: calc(100vh - 180px);
  position: relative;
  background-color: #fff;
}

.thumbs[data-v-710d7906] {
  text-align: center;
  padding-top: 3rem;
  position: relative;
}

.confirm__thumbs__item__[data-v-710d7906] {
  display: block;
  width: 32%;
  margin: 0 5px;
  border: 1px solid #f6f6f6;
  cursor: pointer;
  background-color: #fff;
  position: relative;
  float: left;
}

.confirm__thumbs__item__ .back[data-v-710d7906],
.confirm__thumbs__item__ .front[data-v-710d7906],
.confirm__thumbs__item__ .side[data-v-710d7906] {
  position: relative;
  height: 130px !important;
}

.confirm__thumbs__item__ img[data-v-710d7906] {
  max-width: 100%;
  width: 100%;
}

.thumbs__item[data-v-710d7906] {
  display: block;
  max-width: 130px;
  width: 130px;
  margin: 0 2%;
  border: 1px solid #f6f6f6;
  cursor: pointer;
  background-color: #fff;
  position: relative;
  margin-bottom: 10px;
}

.thumbs__item.active[data-v-710d7906],
.thumbs__item[data-v-710d7906]:hover {
  border: 1px solid #9c9c9c;
}

.thumbs__item .back[data-v-710d7906],
.thumbs__item .front[data-v-710d7906],
.thumbs__item .side[data-v-710d7906] {
  position: relative;
  height: 130px !important;
}

.thumbs__item img[data-v-710d7906] {
  max-width: 100%;
  width: 100%;
}

.thumbs__disabled[data-v-710d7906] {
  background-color: hsla(0, 0%, 100%, 0.8);
}

.thumbs__disabled[data-v-710d7906],
.thumbs__disabledall[data-v-710d7906] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default !important;
  z-index: 99;
  pointer-events: none !important;
}

.no-pointer-events {
  pointer-events: none !important;
}
.thumbs__disabled[data-v-710d7906]:hover {
  pointer-events: none !important;
  border: 1px solid #fff !important;
}

.el-dialog h3[data-v-710d7906] {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 3rem;
}

.errorList[data-v-710d7906] {
  padding-left: 2rem;
}

.errorList li[data-v-710d7906] {
  line-height: 2.5rem;
  list-style: disc;
}

.sticky[data-v-710d7906] {
  position: -webkit-sticky;
  position: sticky;
}

.sticky.sticky-fixed.is-sticky[data-v-710d7906] {
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sticky.sticky-fixed.is-sticky[data-v-710d7906]:not([style*="margin-top"]) {
  margin-top: 0 !important;
}

.sticky.sticky-fixed.is-sticky[data-v-710d7906]:not([style*="margin-bottom"]) {
  margin-bottom: 0 !important;
}

.sticky.sticky-fixed.is-absolute[data-v-710d7906] {
  position: absolute;
}

.modelPrice[data-v-710d7906] {
  padding-right: 0;
}

.showPriceDetail[data-v-710d7906] {
  display: inline-block;
  padding-left: 1rem;
}

.showPriceDetail span[data-v-710d7906] {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  border: 1px solid #666;
  border-radius: 30px;
  transition: all 0.3s ease;
  background-color: transparent;
}

.showPriceDetail span[data-v-710d7906]:hover {
  border: 1px solid #f9da4a;
  background-color: #f9da4a;
}

.label-wrapper[data-v-710d7906] {
  width: 100%;
  box-sizing: border-box;
}

.tocustomize[data-v-710d7906] {
  margin-top: 30px;
}

.tocustomize .favshare__btn[data-v-710d7906] {
  max-width: 260px;
}

.tocustomize .favshare__btn a[data-v-710d7906] {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

.tocustomize .favshare__btn a.active[data-v-710d7906] {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
}

@media (max-width: 767px) {
  .customize__l[data-v-710d7906] {
    padding: 0 1.5rem;
    margin-top: 3rem;
    position: relative;
    top: auto;
  }

  .customize__r[data-v-710d7906] {
    padding-top: 3rem;
  }

  .thumbs[data-v-710d7906] {
    padding-top: 2rem;
  }

  .thumbs__item[data-v-710d7906] {
    width: 27%;
  }
}

.partsSetting__inner[data-v-cee61fb6] {
  border-bottom: 1px solid #f6f6f6;
}

.allColor[data-v-cee61fb6],
.allFinger[data-v-cee61fb6] {
  margin-bottom: 1rem;
}

.allFinger[data-v-cee61fb6] {
  padding-top: 1rem;
}

.allFingerColor[data-v-cee61fb6] {
  text-align: center;
  margin-bottom: 1rem;
}

.allFingerColor span[data-v-cee61fb6] {
  cursor: pointer;
  border: 1px solid #333;
  background-color: #fff;
  color: #333;
  border-radius: 40px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 1rem;
  transition: all 0.3s ease;
}

.allFingerColor span[data-v-cee61fb6]:hover {
  color: #333;
  border: 1px solid #ffda00;
  background-color: #ffda00;
}

.colorContainer li[data-v-cee61fb6] {
  width: 16%;
}

.about-skincolor[data-v-cee61fb6] {
  cursor: pointer;
  margin-left: 1rem;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-cee61fb6] {
    width: 24%;
  }
}

.selectInPanel[data-v-ebc08ba8] {
  width: 100%;
  margin-bottom: 2rem;
}

.colorContainer li[data-v-ebc08ba8] {
  width: 14%;
}

table.material-feature[data-v-ebc08ba8] {
  width: 100%;
  margin-bottom: 1rem;
}

table.material-feature td[data-v-ebc08ba8],
table.material-feature th[data-v-ebc08ba8] {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.8rem 0.5rem;
  border: 1px solid #ccc;
  line-height: 1.6;
}

table.material-feature td.name[data-v-ebc08ba8],
table.material-feature th.name[data-v-ebc08ba8] {
  text-align: center;
  font-weight: 700;
}

table.material-feature td.name span[data-v-ebc08ba8],
table.material-feature th.name span[data-v-ebc08ba8] {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
}

table.material-feature td.text[data-v-ebc08ba8],
table.material-feature th.text[data-v-ebc08ba8] {
  text-align: left;
}

table.material-feature th[data-v-ebc08ba8] {
  color: #fff;
  background-color: #7f6f5a;
  vertical-align: middle;
}

table.material-feature th span[data-v-ebc08ba8] {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
}

table.material-feature .rule[data-v-ebc08ba8] {
  background-color: #e60012;
  color: #fff;
  padding: 0.2rem 0.4rem;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-ebc08ba8] {
    width: 20%;
  }
}

.partsSetting[data-v-11d97948] {
  background-color: #fff;
}

.paddingNoBtm[data-v-11d97948] {
  padding-bottom: 0;
}

h3[data-v-11d97948] {
  border-bottom: 1px solid #dee0e0;
  margin: 2rem 0 0 3rem;
}

.colorContainer li[data-v-11d97948] {
  width: 23%;
  margin-right: 2%;
}

.colorContainer p[data-v-11d97948] {
  font-size: 13px;
  font-size: 1.3rem;
}

.color .colorContainer li[data-v-11d97948] {
  width: 14%;
  margin-right: 0;
}

.label__img[data-v-11d97948] {
  border: 2px solid #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
}

.label__img.active[data-v-11d97948] {
  border: 2px solid #1eae1e;
  z-index: 10;
}

.label__img.active[data-v-11d97948]:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9jaGVja19wYW5lbC5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMxZWFlMWU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjbGFzcz0iY2xzLTEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgogIDxwYXRoIGlkPSJjaGVja2VkIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zOTQuNzM0LDY1OWwtNS44LDYuMTYzLTIuNjU3LTIuODIyTDM4NCw2NjQuNzUybDIuNjU3LDIuODIyLTAuMDA4LjAwOUwzODguOTI0LDY3MGw4LjA4MS04LjU4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzkgLTY1MikiLz4KPC9zdmc+Cg==);
  position: absolute;
  top: -10px;
  right: -10px;
}

.label__img img[data-v-11d97948] {
  width: 100%;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-11d97948] {
    width: 31%;
  }
}

.el-col[data-v-b4ab0382] {
  margin-bottom: 1rem;
}

.colorContainer li[data-v-b4ab0382] {
  width: 14%;
}

.link[data-v-b4ab0382] {
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-b4ab0382] {
    width: 20%;
  }
}

.colorContainer li[data-v-6198c354] {
  width: 14%;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-6198c354] {
    width: 20%;
  }
}

.colorContainer li[data-v-b31c23e6] {
  width: 14%;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-b31c23e6] {
    width: 20%;
  }
}

.colorContainer li[data-v-766a5d59] {
  width: 14%;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-766a5d59] {
    width: 20%;
  }
}

.colorContainer li[data-v-f6c57230] {
  width: 14%;
}

.colorContainer li.listAirflow[data-v-f6c57230] {
  width: 35%;
  margin-left: 7%;
}

.colorContainer li.listAirflow .skinColorAirflow[data-v-f6c57230] {
  cursor: pointer;
}

.colorContainer li.listAirflow .skinColorAirflow span[data-v-f6c57230] {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
}

.colorContainer li.listAirflow .skinColorAirflow .active[data-v-f6c57230]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC41MzIiIGhlaWdodD0iMjIuNTYyIiB2aWV3Qm94PSIwIDAgMjguNTMyIDIyLjU2MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2VkZWRlZDsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJjb2xvcl9jaGVja2VkLnN2ZyIgY2xhc3M9ImNscy0xIiBkPSJNMjg1LjEyLDQxNy45NjZsLTEyLjczMywxMi42NC01LjgzMS01Ljc4OS00Ljk4NSw0Ljk0OSw1LjgzMSw1Ljc4OS0wLjAxOC4wMTgsNC45ODUsNC45NDksMTcuNzM2LTE3LjYwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjEuNTYyIC00MTcuOTY5KSIvPgo8L3N2Zz4K)
    no-repeat 50% 50%;
  background-size: 19px 15px;
}

.colorContainer li.listAirflow p[data-v-f6c57230] {
  font-size: 12px;
  font-size: 1.2rem;
}

.colorContainer li.listAirflow img[data-v-f6c57230] {
  max-width: 100%;
  width: 100%;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-f6c57230] {
    width: 20%;
  }
}

.paddingNoBtm[data-v-b9bfdcb4] {
  padding-bottom: 0;
}

.el-col[data-v-b9bfdcb4] {
  margin-bottom: 15px;
}

.option-col[data-v-b9bfdcb4] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.option-col .el-col[data-v-b9bfdcb4] {
  float: none;
}

.option__img[data-v-b9bfdcb4] {
  border: 2px solid #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
}

.option__img.active[data-v-b9bfdcb4] {
  border: 2px solid #1eae1e;
}

.option__img.active[data-v-b9bfdcb4]:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9jaGVja19wYW5lbC5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMxZWFlMWU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjbGFzcz0iY2xzLTEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgogIDxwYXRoIGlkPSJjaGVja2VkIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zOTQuNzM0LDY1OWwtNS44LDYuMTYzLTIuNjU3LTIuODIyTDM4NCw2NjQuNzUybDIuNjU3LDIuODIyLTAuMDA4LjAwOUwzODguOTI0LDY3MGw4LjA4MS04LjU4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzkgLTY1MikiLz4KPC9zdmc+Cg==);
  position: absolute;
  top: -10px;
  right: -10px;
}

.option__img.disabled[data-v-b9bfdcb4] {
  opacity: 0.4;
  cursor: default;
}

.option__img img[data-v-b9bfdcb4] {
  width: 100%;
  vertical-align: bottom;
}

h3.yubi[data-v-b9bfdcb4] {
  border-bottom: 1px solid #dee0e0;
  margin-top: 2rem;
}

h4.women-gear[data-v-b9bfdcb4] {
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  background-color: transparent;
  padding: 0;
  line-height: 1.4;
  margin-bottom: 5px;
}

.colorContainer li[data-v-b9bfdcb4] {
  width: 16%;
}

.colorContainer p[data-v-b9bfdcb4] {
  font-size: 13px;
  font-size: 1.3rem;
}

.pointer[data-v-b9bfdcb4] {
  cursor: pointer;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-b9bfdcb4] {
    width: 24%;
  }
}

.stamp__img[data-v-7a96504b] {
  border: 2px solid #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
}

.stamp__img.active[data-v-7a96504b] {
  border: 2px solid #1eae1e;
}

.stamp__img.active[data-v-7a96504b]:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9jaGVja19wYW5lbC5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMxZWFlMWU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjbGFzcz0iY2xzLTEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgogIDxwYXRoIGlkPSJjaGVja2VkIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zOTQuNzM0LDY1OWwtNS44LDYuMTYzLTIuNjU3LTIuODIyTDM4NCw2NjQuNzUybDIuNjU3LDIuODIyLTAuMDA4LjAwOUwzODguOTI0LDY3MGw4LjA4MS04LjU4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzkgLTY1MikiLz4KPC9zdmc+Cg==);
  position: absolute;
  top: -10px;
  right: -10px;
}

.stamp__img img[data-v-7a96504b] {
  width: 100%;
  vertical-align: bottom;
}

.colorContainer li[data-v-43efea08] {
  width: 18%;
  margin-right: 2%;
}

.colorContainer p[data-v-43efea08] {
  font-size: 12px;
  font-size: 1.2rem;
}

.colorContainer p span[data-v-43efea08] {
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
  line-height: 1.3;
  color: #666;
}

.label__img[data-v-43efea08] {
  border: 2px solid #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
}

.label__img.active[data-v-43efea08] {
  border: 2px solid #1eae1e;
}

.label__img.active[data-v-43efea08]:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9jaGVja19wYW5lbC5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMxZWFlMWU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjbGFzcz0iY2xzLTEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgogIDxwYXRoIGlkPSJjaGVja2VkIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zOTQuNzM0LDY1OWwtNS44LDYuMTYzLTIuNjU3LTIuODIyTDM4NCw2NjQuNzUybDIuNjU3LDIuODIyLTAuMDA4LjAwOUwzODguOTI0LDY3MGw4LjA4MS04LjU4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzkgLTY1MikiLz4KPC9zdmc+Cg==);
  position: absolute;
  top: -10px;
  right: -10px;
}

.label__img img[data-v-43efea08] {
  width: 100%;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .colorContainer li[data-v-43efea08] {
    width: 31%;
  }
}

.modal[data-v-4984d84c] {
  text-align: center;
}

.modal h3[data-v-4984d84c] {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}

.share[data-v-4984d84c] {
  text-align: center;
  margin-bottom: 2rem;
}

.share__img[data-v-4984d84c] {
  cursor: pointer;
  display: inline-block;
  margin: 0 3rem;
}

@media (max-width: 767px) {
  .share__img[data-v-4984d84c] {
    margin: 0 1.5rem;
  }
}

.onnametext {
  position: absolute;
  top: 0;
  left: 0;
}

.onnametext,
.onnametext .bg-band,
.onnametext .bg-hitosashiyubi,
.onnametext .bg-koyubi,
.onnametext .bg-kusuriyubi,
.onnametext .bg-list,
.onnametext .bg-nakayubi,
.onnametext .bg-oyayubi2,
.onnametext .bg-oyayubi,
.onnametext .bg-urahira,
.onnametext .bg-urahiradote,
.onnametext .bg-web {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.onnametext .band,
.onnametext .hitosashiyubi,
.onnametext .koyubi,
.onnametext .kusuriyubi,
.onnametext .list,
.onnametext .nakayubi,
.onnametext .oyayubi2,
.onnametext .oyayubi,
.onnametext .urahira,
.onnametext .urahiradote,
.onnametext .web {
  position: relative;
  width: 100%;
  height: 100%;
}

.bandPosi,
.hitosashiyubiPosi,
.koyubiPosi,
.kusuriyubiPosi,
.nakayubiPosi,
.oyayubiPosi,
.oyayubi2Posi,
.urahiradotePosi,
.urahiraPosi {
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translate(-50%);
  font-size: 48px;
  font-size: 4.8rem;
  width: 90%;
  min-height: 4rem;
  max-width: 100%;
  min-width: 280px;
  border: 1px solid #666;
  padding: 3.5rem 3rem;
  box-sizing: border-box;
  text-align: center;
  letter-spacing: 0.2rem;
  white-space: nowrap;
}

.wilsonStaffLogoPosi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wilsonStaffLogoPosi_img {
  height: 60px;
}

.wilsonLogoPosi {
  top: 10px;
  left: 50%;
  width: 180px;
}

.oyayubiTsukenePosi,
.wilsonLogoPosi {
  position: absolute;
  transform: translate(-50%);
}

.oyayubiTsukenePosi {
  top: 58%;
  left: 54%;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 700;
  width: 25%;
  height: 25%;
  max-width: 12rem;
  max-height: 12rem;
  text-align: center;
  border-radius: 50%;
  padding: 3rem;
  box-sizing: border-box;
  line-height: 1;
}

.oyayubiTsukenePosi > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.onnametext .oyayubiTsukene {
  position: relative;
  width: 100%;
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.onnametext .bg-oyayubi {
  width: 100%;
  height: 100%;
  object-fit: contain;
  top: 54%;
}

/* 親指付け根部：ベアマーク */
.onnametext .oyayubiTsukenePosi#oyayubiTsukene_bear_container {
  width: 22%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 61.5%;
  left: 59.5%;
  padding: 4%;
}

.onnametext .oyayubiTsukenePosiBear {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.onnametext #oyayubiTsukene_bear_img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* 親指付け根部：Wロゴ */
.onnametext .oyayubiTsukenePosi#oyayubiTsukene_logo_container {
  width: 17%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 64.5%;
  left: 59.5%;
  padding: 4%;
  aspect-ratio: 1 / 1;
}

.onnametext .oyayubiTsukenePosi .oyayubiTsukenePosiWLogo {
  width: 80%;
}

.onnametext #oyayubiTsukene_logo_img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* 親指付け根部：番号 */
.onnametext .oyayubiTsukenePosi#oyayubiTsukene_text_container {
  width: 17%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 64.5%;
  left: 59.5%;
  padding: 4%;
  aspect-ratio: 1 / 1;
}

.onnametext #oyayubiTsukene_text_main {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 2.3vw;
}

/* ウェブ */
.onnametext .onname-web {
  position: relative;
  width: 100%;
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.onnametext .bg-web {
  width: 100%;
  height: 100%;
  object-fit: contain;
  top: 54%;
}

/* ウェブ：ベアマーク */
.onnametext .webPosi#web_bear_container {
  width: 25%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  bottom: calc(50% + 6.5vw);
  left: 47%;
}

.onnametext .webPosiBear {
  width: 50%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.onnametext #web_bear_img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* ウェブ：Wロゴ */
.onnametext .webPosi#web_logo_container {
  width: 15%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  left: 46.6%;
  bottom: calc(50% + 5vw);
  aspect-ratio: 1 / 1;
}

.onnametext .webPosi .webPosiWLogo {
  width: 80%;
}

.onnametext #web_logo_img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* ウェブ：番号 */
.onnametext .webPosi#web_text_container {
  width: 15%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  left: 46.6%;
  bottom: calc(50% + 5vw);
  aspect-ratio: 1 / 1;
}

.onnametext #web_text_main {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 2.3vw;
}

.webPosi {
  position: absolute;
  top: 17%;
  left: 47%;
  transform: translate(-50%);
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 700;
  width: 25%;
  height: 25%;
  max-width: 12rem;
  max-height: 12rem;
  text-align: center;
  border-radius: 50%;
  padding: 3rem;
  box-sizing: border-box;
  line-height: 1;
}

.webPosi > span,
.webPosiBear {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.webPosiBear > img {
  width: auto;
}

.webWLogoBase > img {
  width: 76%;
}

.webWLogoImage {
  width: auto;
}

.webPosiWLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.webPosiWLogo > img {
  width: auto;
}

.oyayubiTsukenePosiWLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.oyayubiTsukeneWLogoImage {
  width: auto;
}

.listPosiBear {
  position: absolute;
  top: 76%;
  left: 26%;
}

.kasane01 {
  display: block;
  z-index: 10;
}

.kasane01,
.kasane01 > span {
  position: relative;
}

.kasane02 {
  position: absolute;
  top: 50%;
  z-index: -1;
  white-space: nowrap;
}

.kasaneLEFT {
  left: -2.8rem;
}

.kasaneCENTER {
  left: 50%;
  transform: translate(-50%);
}

.kasaneRIGHT {
  right: -3rem;
}

@font-face {
  font-family: special-chara;
  src: url(data:application/x-font-ttf;base64,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)
      format("truetype"),
    url(data:application/font-woff;base64,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)
      format("woff"),
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9InNwZWNpYWwtY2hhcmEiIGhvcml6LWFkdi14PSIxMDI0Ij4KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBob3Jpei1hZHYteD0iNTEyIiBkPSIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyYTsiIGdseXBoLW5hbWU9InNwZTEiIGhvcml6LWFkdi14PSIxMDI1IiBkPSJNMCA0NDcuNjI4Yy0wLjAwMSAwLjQxMi0wLjAwMiAwLjg5OC0wLjAwMiAxLjM4NSAwIDQ3LjkyMiA2LjY5MiA5NC4yODEgMTkuMTkyIDEzOC4xOTRsLTAuODY1LTMuNTUyYzEzLjA0OCA0Ni42NTEgMzAuNTg2IDg3LjM3NCA1Mi43MyAxMjUuMDY0bC0xLjMyOS0yLjQ0NmMyMy4xMjMgMzkuMzczIDQ5LjU0NyA3My4zNjIgNzkuNzc3IDEwMy41NDFsMC4wMDcgMC4wMDdjNjAuOTMxIDYxLjA0OSAxMzcuMTc1IDEwNi43OTMgMjIyLjQ4MSAxMzAuOThsMy42MDkgMC44NzVjNDAuNzg1IDExLjYxNiA4Ny42MjYgMTguMjk1IDEzNi4wMjcgMTguMjk1czk1LjI0Mi02LjY3OSAxMzkuNjUyLTE5LjE2NmwtMy42MjUgMC44NzFjNDYuNjE5LTEzLjE5MyA4Ny4zMDktMzAuOTggMTI0Ljg4MS01My40NDFsLTIuMzM4IDEuMjk1YzM5LjQ1LTIzLjM5MSA3My41NDItNDkuODk2IDEwMy45NDctODAuMTA5bC0wLjAyNyAwLjAyN2M5Mi45ODktOTIuMjY5IDE1MC41NTQtMjIwLjEyMyAxNTAuNTU0LTM2MS40MjIgMC0wLjI3MSAwLTAuNTQxLTAuMDAxLTAuODExdjAuMDQyYzAuMDAyLTAuNTUxIDAuMDAzLTEuMjAyIDAuMDAzLTEuODU0IDAtNDcuODg5LTYuNjkyLTk0LjIxNC0xOS4xOTMtMTM4LjA5M2wwLjg2NCAzLjU0N2MtMTMuMjQyLTQ2LjUxNC0zMS4wMjMtODcuMDk5LTUzLjQ0NS0xMjQuNTg5bDEuMjk5IDIuMzQzYy00NS40MzUtNzYuMDgzLTEwNy41MjctMTM3Ljg0Mi0xODEuNTM2LTE4MS41NzdsLTIuMzkxLTEuMzA3Yy0zNS4yNDQtMjAuODE4LTc1Ljk2Ny0zOC4zNTYtMTE4Ljk0OS01MC41MTRsLTMuNjY5LTAuODg3Yy00MC44NDEtMTEuNjI0LTg3Ljc0Ni0xOC4zMDgtMTM2LjIxMy0xOC4zMDhzLTk1LjM3MiA2LjY4NC0xMzkuODQ1IDE5LjE4bDMuNjMyLTAuODcyYy00Ni40MTMgMTMuMTI0LTg2LjkwMSAzMC42NTQtMTI0LjM5MSA1Mi43MzJsMi40NDMtMS4zMzFjLTc2LjQ3NiA0NC45Ni0xMzguNTEgMTA2LjkyMy0xODIuMjY0IDE4MC45N2wtMS4yOSAyLjM2Yy0yMC44MzYgMzUuMzEtMzguMzc4IDc2LjExLTUwLjUxOCAxMTkuMTc0bC0wLjg4MyAzLjY2N2MtMTEuNjM1IDQwLjM2LTE4LjMyNyA4Ni43MTgtMTguMzI3IDEzNC42MzkgMCAwLjM4MyAwIDAuNzY2IDAuMDAxIDEuMTQ5di0wLjA1OXpNODUuNTk0IDQ0Ny42MjhjLTAuMDA1LTAuNzQzLTAuMDA4LTEuNjIxLTAuMDA4LTIuNSAwLTU5LjEwOCAxMi4zNjQtMTE1LjMyOCAzNC42NDYtMTY2LjIxNWwtMS4wNDEgMi42NjdjNDQuMDcxLTEwMi40MjIgMTI0LjA0MS0xODIuMzkyIDIyMy43LTIyNS40MDJsMi43NjMtMS4wNjFjNDguMzEzLTIxLjMzMyAxMDQuNjUxLTMzLjc1MSAxNjMuODktMzMuNzUxIDAuNzMzIDAgMS40NjUgMC4wMDIgMi4xOTcgMC4wMDZoLTAuMTEzYzAuMjEgMCAwLjQ2LTAuMDAxIDAuNzA5LTAuMDAxIDc5LjMyMSAwIDE1My42MDggMjEuNTUzIDIxNy4zMjUgNTkuMTIzbC0yLTEuMDkxYzMyLjc5NSAxOS4zMTMgNjEuMTI1IDQxLjI2NSA4Ni4zNjQgNjYuMzI1bC0wLjAyNS0wLjAyNWMyNS40MTMgMjUuMTcgNDcuNjEzIDUzLjUxMSA2NS45NzcgODQuMzk5bDEuMDY4IDEuOTRjMTcuMzc3IDI5LjM4NiAzMS45NTEgNjMuMzQxIDQxLjk2OCA5OS4xOThsMC43MTcgMy4wMDhjOS43NTQgMzQuMDEwIDE1LjM2MyA3My4wNzQgMTUuMzYzIDExMy40NDcgMCA3OS40NjktMjEuNzMyIDE1My44NjItNTkuNTc3IDIxNy41NjFsMS4wODItMS45NjZjLTE5LjU3IDMyLjc3Ny00MS43NTcgNjEuMTA0LTY3LjAzNyA4Ni4zMzFsLTAuMDA4IDAuMDA4Yy03Ny4xODcgNzcuMDk4LTE4My43NzIgMTI0Ljc3OC0zMDEuNDk0IDEyNC43NzgtMC4xNTIgMC0wLjMwNCAwLTAuNDU1IDBoMC4wMjRjLTAuNzI5IDAuMDA1LTEuNTkxIDAuMDA3LTIuNDU1IDAuMDA3LTU5LjEyMyAwLTExNS4zNTktMTIuMzYzLTE2Ni4yNjItMzQuNjQ2bDIuNjY5IDEuMDQxYy01Mi42MDQtMjIuNjc0LTk3LjUxNi01My41MDItMTM1LjM1MS05MS4zOTlsLTAuMDA2LTAuMDA2Yy0zNy42NDUtMzguMDE5LTY4LjMzNC04My4wMDgtODkuOTQ4LTEzMi44NDZsLTEuMDg0LTIuODA4Yy0yMS4yNDEtNDguMjItMzMuNjA1LTEwNC40NDEtMzMuNjA1LTE2My41NDkgMC0wLjkwNSAwLjAwMy0xLjgwOSAwLjAwOS0yLjcxMmwtMC4wMDEgMC4xMzl6TTUxMC45NTcgMTkwLjc3MWMtMC45NDktMC4wMTItMi4wNzAtMC4wMTktMy4xOTMtMC4wMTktMzEuMzY4IDAtNjEuNDkzIDUuMzI2LTg5LjUxOCAxNS4xMjRsMS45MDItMC41NzljLTI4LjI5MyA5Ljk4MS01Mi43ODQgMjMuNjY2LTc0LjQzNCA0MC43ODVsMC41MzYtMC40MDljLTIyLjEzIDE3LjYwOS00MS4yNiAzNy42MTQtNTcuNDI0IDU5LjkwOWwtMC42MDcgMC44NzljLTE2LjA5OSAyMi4wNDUtMzAuOTk5IDQ3LjA2OC00My40OTIgNzMuNDUzbC0xLjIwNSAyLjgyOWgxMDAuMzQ0YzguOTQyLTE2LjU2MyAxOC40MjMtMzAuOCAyOS4wNTAtNDQuMDc5bC0wLjQ0NCAwLjU3NWMxMC4zNDUtMTIuODQ4IDIyLjE2OC0yMy45MTMgMzUuMzU5LTMzLjE1OWwwLjU0OC0wLjM2NGMxMy4wODAtOS4xMzIgMjguMjI0LTE2LjU1IDQ0LjQ1OC0yMS40NThsMS4xMzMtMC4yOTRjMTYuMTA5LTQuNzQ2IDM0LjYxNi03LjQ3NiA1My43Ni03LjQ3NiAxLjEzNSAwIDIuMjY4IDAuMDEwIDMuMzk4IDAuMDI5bC0wLjE3LTAuMDAyYzAuNjM4LTAuMDA3IDEuMzkzLTAuMDExIDIuMTQ4LTAuMDExIDE5LjM4OSAwIDM4LjE0MiAyLjcyNCA1NS44OTcgNy44MTFsLTEuNDI5LTAuMzVjMTcuMDIwIDQuOTggMzEuODc2IDEyLjE3OCA0NS4yMDkgMjEuNDE4bC0wLjUxMi0wLjMzNmMxMy44MzQgOS42NzEgMjUuNzY5IDIwLjczIDM2LjAzMyAzMy4yMTRsMC4yNDYgMC4zMDhjMTAuNjI4IDEzLjA3NCAyMC40OTkgMjcuNjk5IDI5LjAyNiA0My4xNjlsMC43NzIgMS41MjdoMTAwLjEyYy0xMy40MTgtMjguNjY4LTI4LjE0Ni01My4yNTYtNDUuMDMxLTc2LjE1N2wwLjg1NiAxLjIxNmMtMTYuOTkyLTIzLjE1OC0zNi4zMzUtNDMuMTYzLTU4LjA1Mi02MC4yOTNsLTAuNjUtMC40OTRjLTIxLjM1Ny0xNi43MTgtNDYuMDAzLTMwLjYxNi03Mi41OTktNDAuNTAzbC0xLjg5Ni0wLjYxN2MtMjYuNDMtOS45MTEtNTYuOTc0LTE1LjY0Ny04OC44NTgtMTUuNjQ3LTAuNDUgMC0wLjkgMC4wMDEtMS4zNDkgMC4wMDNoMC4wNjl6TTM2OC43NDcgNTI1Ljk5NmMtMC41ODItMC4wMTctMS4yNjgtMC4wMjctMS45NTUtMC4wMjctMTkuNTI0IDAtMzcuMjM0IDcuNzY3LTUwLjIwOCAyMC4zOGwwLjAxNy0wLjAxNmMtMTMuMDQzIDEyLjc1My0yMS4xMzEgMzAuNTI4LTIxLjEzMSA1MC4xOTEgMCAwLjkyMyAwLjAxOCAxLjg0MiAwLjA1MyAyLjc1N2wtMC4wMDQtMC4xMzJjLTAuMDM1IDAuODM4LTAuMDU1IDEuODIxLTAuMDU1IDIuODA4IDAgMTkuNDcxIDcuNzgyIDM3LjEyNSAyMC40MDQgNTAuMDIxbC0wLjAxMi0wLjAxM2MxMi42MjQgMTIuNTg4IDMwLjA0NSAyMC4zNzEgNDkuMjg0IDIwLjM3MSAwLjc3MSAwIDEuNTM4LTAuMDEyIDIuMzAzLTAuMDM3bC0wLjExMSAwLjAwM2MwLjA4MiAwIDAuMTc5IDAgMC4yNzYgMCAxMC4zMzggMCAyMC4yMDMtMi4wMjUgMjkuMjIxLTUuN2wtMC41MTggMC4xODdjOS4zNjktMy43NzUgMTcuMzg2LTkuMDQyIDI0LjE1Ny0xNS41ODlsLTAuMDIxIDAuMDIwYzYuNzUxLTYuNTI1IDEyLjIyOC0xNC4zMTcgMTYuMDU3LTIzbDAuMTgzLTAuNDY2YzMuNzItOC4zNDMgNS44ODYtMTguMDc4IDUuODg2LTI4LjMxOSAwLTAuMTI3IDAtMC4yNTQtMC4wMDEtMC4zODF2MC4wMjBjMC4wMDEtMC4xNjQgMC4wMDItMC4zNTggMC4wMDItMC41NTIgMC0xMC4xNDEtMi4wMjYtMTkuODA5LTUuNjk3LTI4LjYyMWwwLjE4MiAwLjQ5M2MtMy42OTctOS4wNTktOC45NzMtMTYuNzc0LTE1LjU1Mi0yMy4xNTFsLTAuMDE3LTAuMDE3Yy02LjYyMS02LjM3Ny0xNC4zOTEtMTEuNjE4LTIyLjk2MS0xNS4zNzJsLTAuNTA1LTAuMTk3Yy04LjA3MC0zLjM2My0xNy40NDYtNS4zMTctMjcuMjc3LTUuMzE3LTAuNzAzIDAtMS40MDQgMC4wMTAtMi4xMDIgMC4wMzBsMC4xMDMtMC4wMDJ6TTY1My45MTIgNTI1Ljk5NmMtMC41ODItMC4wMTctMS4yNjgtMC4wMjctMS45NTUtMC4wMjctMTkuNTI0IDAtMzcuMjM0IDcuNzY3LTUwLjIwOCAyMC4zOGwwLjAxNy0wLjAxNmMtMTIuODQxIDEyLjcyMi0yMC43OTIgMzAuMzYyLTIwLjc5MiA0OS44NTggMCAxLjE5OCAwLjAzMCAyLjM4OSAwLjA4OSAzLjU3MmwtMC4wMDctMC4xNjZjLTAuMDM1IDAuODM4LTAuMDU1IDEuODIxLTAuMDU1IDIuODA4IDAgMTkuNDcxIDcuNzgyIDM3LjEyNSAyMC40MDQgNTAuMDIxbC0wLjAxMi0wLjAxM2MxMi42MjQgMTIuNTg4IDMwLjA0NSAyMC4zNzEgNDkuMjg0IDIwLjM3MSAwLjc3MSAwIDEuNTM4LTAuMDEyIDIuMzAzLTAuMDM3bC0wLjExMSAwLjAwM2MwLjIyMiAwLjAwMiAwLjQ4NCAwLjAwNCAwLjc0NiAwLjAwNCAxMC40NTggMCAyMC40NDMtMi4wMjUgMjkuNTg1LTUuNzA2bC0wLjUzMyAwLjE4OWM5LjI4Ny0zLjcwOCAxNy4yMTgtOC45ODQgMjMuODQxLTE1LjU3MmwtMC4wMDMgMC4wMDNjNi41NDQtNi41OCAxMS44OS0xNC4zNiAxNS42NzctMjIuOThsMC4xOS0wLjQ4NmMzLjcyLTguMzQ3IDUuODg2LTE4LjA4OCA1Ljg4Ni0yOC4zMzQgMC0wLjEyMiAwLTAuMjQzLTAuMDAxLTAuMzY1djAuMDE5YzAtMC4wMzYgMC0wLjA3OCAwLTAuMTIgMC0xMC4yNzctMi4wODEtMjAuMDY5LTUuODQ1LTI4Ljk3NWwwLjE4NCAwLjQ4OWMtMy42OTctOS4wNTktOC45NzMtMTYuNzc0LTE1LjU1Mi0yMy4xNTFsLTAuMDE3LTAuMDE3Yy02LjYyMS02LjM3Ny0xNC4zOTEtMTEuNjE4LTIyLjk2MS0xNS4zNzJsLTAuNTA1LTAuMTk3Yy04LjQwMy0zLjY3OS0xOC4xOTUtNS44Mi0yOC40ODgtNS44Mi0wLjQwOCAwLTAuODE2IDAuMDAzLTEuMjIyIDAuMDEwbDAuMDYxLTAuMDAxeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeDNjOyIgZ2x5cGgtbmFtZT0ic3BlMyIgZD0iTTUxMi42MDUgNzU5LjgyMmM0Mi4xMTggMTM1LjE1NCAxNDYuNjQxIDIwMC4xNzggMjYzLjk5NCAyMDAuMTc4IDE0MC4yNTkgMCAyNDcuNDAyLTExNy4yODYgMjQ3LjQwMi0yNTguODg4IDAtMTcwLjg5MS05My4xMDMtMjk3LjExLTE4OC43NTktNDEzLjE4Ny05MS44MjctMTEwLjk3MS0yNzUuNDEzLTMwNC43NjgtMzIyLjQzNS0zNTEuOTI0aC0yLjU1M2MtNDcuMDIyIDQ3LjAyMi0yMjkuNTMzIDI0MS4wMjAtMzIxLjM2IDM1MS45MjQtOTUuNzkgMTE2LjA3Ny0xODguODkzIDI0Mi4xNjItMTg4Ljg5MyA0MTMuMTg3IDAgMTQ0LjE1NSAxMTAuOTcxIDI1OC44ODggMjQ4LjU0NCAyNTguODg4IDExNi4xNDQgMCAyMTkuNDU3LTY1LjAyNCAyNjEuNTA4LTIwMC4xNzh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4M2U7IiBnbHlwaC1uYW1lPSJzcGU1IiBkPSJNNDkyLjI0NSA0ODcuNjExYzUuMDQzLTUuMDMwIDEyLjAwMi04LjE0MSAxOS42ODgtOC4xNDFzMTQuNjQ2IDMuMTExIDE5LjY4OSA4LjE0MmwtMC4wMDEtMC4wMDEgMjAzLjQzNiAyMDIuNWMyOC4yMDUgMjguNTQyIDQ1LjYyNyA2Ny43OTMgNDUuNjI3IDExMS4xMTQgMCA4Ny4zMjEtNzAuNzg4IDE1OC4xMDktMTU4LjEwOSAxNTguMTA5LTQzLjEwNCAwLTgyLjE4LTE3LjI0OS0xMTAuNzAxLTQ1LjIyMWwwLjAyNSAwLjAyNWMtMjguMzU0IDI3LjIxMy02Ni45MjUgNDMuOTY5LTEwOS40MSA0My45NjktODcuMzIxIDAtMTU4LjEwOS03MC43ODgtMTU4LjEwOS0xNTguMTA5IDAtNDIuNzE3IDE2Ljk0LTgxLjQ3OCA0NC40Ny0xMDkuOTNsLTAuMDQyIDAuMDQzek01MzEuNjIyIDQwOC40NTZjLTUuMDQzIDUuMDMwLTEyLjAwMiA4LjE0MS0xOS42ODggOC4xNDFzLTE0LjY0Ni0zLjExMS0xOS42ODktOC4xNDJsMC4wMDEgMC4wMDEtMjAzLjM2OS0yMDIuNWMtMjcuNDg4LTI4LjQwOS00NC40MjgtNjcuMTctNDQuNDI4LTEwOS44ODcgMC04Ny4zMjEgNzAuNzg4LTE1OC4xMDkgMTU4LjEwOS0xNTguMTA5IDQyLjQ4NCAwIDgxLjA1NSAxNi43NTYgMTA5LjQ2NCA0NC4wMjFsLTAuMDU0LTAuMDUyYzI4LjYxMy0yOC41MzkgNjguMTAyLTQ2LjE4NSAxMTEuNzEzLTQ2LjE4NSA4Ny4zNzEgMCAxNTguMTk5IDcwLjgyOCAxNTguMTk5IDE1OC4xOTkgMCA0My43Ni0xNy43NjggODMuMzctNDYuNDgyIDExMi4wMTBsLTAuMDAzIDAuMDAzek05NzcuNjAzIDY3MS4xMjVjLTI4LjYyMSAyOC42MDQtNjguMTUxIDQ2LjI5NC0xMTEuODEzIDQ2LjI5NHMtODMuMTkyLTE3LjY5MS0xMTEuODE0LTQ2LjI5NWwwLjAwMSAwLjAwMS0yMDIuNDMzLTIwMy4zNjljLTUuMDMwLTUuMDQzLTguMTQxLTEyLjAwMi04LjE0MS0xOS42ODhzMy4xMTEtMTQuNjQ2IDguMTQyLTE5LjY4OWwtMC4wMDEgMC4wMDEgMjAyLjQzMy0yMDMuNzdjMjguNTQyLTI4LjIwNSA2Ny43OTMtNDUuNjI3IDExMS4xMTQtNDUuNjI3IDg3LjMyMSAwIDE1OC4xMDkgNzAuNzg4IDE1OC4xMDkgMTU4LjEwOSAwIDQzLjEwNC0xNy4yNDkgODIuMTgtNDUuMjIxIDExMC43MDFsMC4wMjUtMC4wMjVjMjguNDM3IDI4LjU3MiA0Ni4wMTYgNjcuOTczIDQ2LjAxNiAxMTEuNDc4IDAgNDMuNzA2LTE3Ljc0MSA4My4yNjctNDYuNDE0IDExMS44NzdsLTAuMDAzIDAuMDAzek00NzIuMzg5IDQyOC4zNzhjNS4wMzAgNS4wNDMgOC4xNDEgMTIuMDAyIDguMTQxIDE5LjY4OHMtMy4xMTEgMTQuNjQ2LTguMTQyIDE5LjY4OWwwLjAwMS0wLjAwMS0yMDIuNSAyMDMuMzY5Yy0yOC40MDkgMjcuNDg4LTY3LjE3IDQ0LjQyOC0xMDkuODg3IDQ0LjQyOC04Ny4zMjEgMC0xNTguMTA5LTcwLjc4OC0xNTguMTA5LTE1OC4xMDkgMC00Mi40ODQgMTYuNzU2LTgxLjA1NSA0NC4wMjEtMTA5LjQ2NGwtMC4wNTIgMC4wNTRjLTI4LjUzOS0yOC42MTMtNDYuMTg1LTY4LjEwMi00Ni4xODUtMTExLjcxMyAwLTg3LjM3MSA3MC44MjgtMTU4LjE5OSAxNTguMTk5LTE1OC4xOTkgNDMuNzYgMCA4My4zNyAxNy43NjggMTEyLjAxMCA0Ni40ODJsMC4wMDMgMC4wMDN6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4NWI7IiBnbHlwaC1uYW1lPSJzcGU0IiBob3Jpei1hZHYteD0iMTA3MCIgZD0iTTY2NS4xMzMgNTcwLjgwNmg0MDUuNDI2di00LjYzOGwtMzI3LjgwNy0yMzcuNDk1IDEyOC41NzItMzkxLjUxMy0zLjQ3OC0xLjE1OS0zMzIuNjg5IDI0MC45MTItMzMyLjQ0NS0yNDAuOTEyLTMuNDc4IDEuMTU5IDEyOC41NzIgMzkxLjUxMy0zMjcuODA3IDIzNy40OTV2NC42MzhoNDA1LjQyNmwxMjcuNDEzIDM4OS4xOTRoNC42Mzh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4NWQ7IiBnbHlwaC1uYW1lPSJzcGUyIiBob3Jpei1hZHYteD0iMTA3MCIgZD0iTTQwNS42NjcgNTcxLjY4NWwxMjQuODExIDM4OC4zMTVoOS4yNTRsMTI0LjgxMS0zODguMzE1aDQwNC41NzFsMS4xNTctMTAuNDExLTMyOC4yMjMtMjMxLjM1NyAxMzAuNTk1LTM4Ny4xNTgtOC4wOTgtNi43NTgtMzI5LjM4IDI0Mi43NDMtMzI5LjM4LTI0Mi43NDMtOC4wOTggNi45NDEgMTMwLjU5NSAzODcuMTU4LTMyOC4yODQgMjMxLjE3NSAxLjE1NyAxMC40MTF6TTQzNS43NDMgNTMwLjEwMWgtMjIzLjA3N2wtMTEwLjkzIDUuNzg0di0yLjA3MGw5OC4yMDUtNjIuNzEgMTc3Ljk2My0xMjQuODExLTY2Ljk3Mi0xOTYuNDcxLTQ1LjA1NC0xMjAuMTg0IDIuMDA5LTEuMTU3IDEwMS43MzYgODAuOTE0IDE2NS40ODEgMTIwLjAwMSAxNjUuMDU1LTEyMC4wNjIgMTAxLjk4LTgwLjg1MyAyLjMxNCAxLjE1Ny00NS4wNTQgMTIwLjE4NC02Ni45NzIgMTk2LjQ3MSAxNzcuOTYzIDEyNC44MTEgOTguMTQ0IDYyLjcxdjIuMzE0bC0xMTIuMDg3LTUuNzg0aC0yMjEuOTJsLTY4LjMxMSAyMTIuMzYyLTI5Ljk1NSAxMDguNjc3aC0yLjMxNGwtMzAuMDE2LTEwOC42Nzd6IiAvPgo8L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==#special-chara)
      format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Roman1;
  src: url(/img/fonts/Roman1.9f74084.ttf) format("truetype"), url(/img/fonts/Roman1.bf4acac.woff) format("woff"), url(/static/img/Roman1.b845842.svg#Roman1) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Roman2;
  src: url(/img/fonts/Roman2.ca79699.ttf) format("truetype"), url(/img/fonts/Roman2.d023baa.woff) format("woff"), url(/static/img/Roman2.792aaf5.svg#Roman2) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Oldenglish;
  src: url(/img/fonts/Oldenglish.21fa6fa.ttf) format("truetype"), url(/img/fonts/Oldenglish.04ddf79.woff) format("woff"), url(/static/img/Oldenglish.05e94b9.svg#Oldenglish) format("svg");
  font-weight: 400;
  font-style: normal;
}

[class*=" spefont-"],
[class^="spefont-"] {
  font-family: special-chara !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.spefont-spe1:before {
  content: "*";
}

.spefont-spe2:before {
  content: "]";
}

.spefont-spe3:before {
  content: "<";
}

.spefont-spe4:before {
  content: "[";
}

.spefont-spe5:before {
  content: ">";
}

.brush .spefont-spe1,
.brush .spefont-spe2,
.brush .spefont-spe3,
.brush .spefont-spe4,
.brush .spefont-spe5 {
  font-size: 4.8rem;
}

.kasane02 .spefont-spe1,
.kasane02 .spefont-spe2,
.kasane02 .spefont-spe3,
.kasane02 .spefont-spe4,
.kasane02 .spefont-spe5 {
  font-size: 9.4rem;
}

.onname_info {
  padding: 1rem;
}

.onname_info span {
  cursor: pointer;
}

.modal-def__inner {
  padding: 0 3rem;
}

.modal-def__inner h3 {
  text-align: center;
  margin-bottom: 3rem;
}

.modal-def__inner h4 {
  margin-bottom: 2rem;
}

.modal-def__inner p {
  margin-bottom: 2rem;
  line-height: 1.5;
}

.modal-def__inner hr {
  margin: 4rem 0;
}

.modal-def__inner img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.modal-def__inner .el-col {
  text-align: center;
  margin-bottom: 2rem;
  line-height: 1.5;
}

.modal-def__inner .el-col span {
  font-size: 12px;
  font-size: 1.2rem;
}

.error[data-v-3377329f] {
  color: red;
}

.inputLimitHolder[data-v-3377329f] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-3377329f] {
  font-size: 1.2rem;
}

.el-col[data-v-042f633b] {
  text-align: center;
}

.el-col p[data-v-042f633b] {
  font-size: 13px;
  padding-bottom: 1rem;
}

.el-col span[data-v-042f633b] {
  font-size: 17px;
  cursor: pointer;
}

p.kome[data-v-042f633b] {
  margin-top: 1.5rem;
  font-size: 12px;
  line-height: 1.3;
  color: #777;
}

.error {
  color: red;
}

.inputLimitHolder {
  padding-top: 0.5rem;
  color: #666;
}

.errorTxt,
.inputLimitHolder {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-1c3095d6] {
  color: red;
}

.inputLimitHolder[data-v-1c3095d6] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-1c3095d6] {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-04aace5c] {
  color: red;
}

.inputLimitHolder[data-v-04aace5c] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-04aace5c] {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-125c8249] {
  color: red;
}

.inputLimitHolder[data-v-125c8249] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-125c8249] {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-34078412] {
  color: red;
}

.inputLimitHolder[data-v-34078412] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-34078412] {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-66889ff7] {
  color: red;
}

.inputLimitHolder[data-v-66889ff7] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-66889ff7] {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-49a21f71] {
  color: red;
}

.inputLimitHolder[data-v-49a21f71] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-49a21f71] {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-aec3ce00] {
  color: red;
}

.inputLimitHolder[data-v-aec3ce00] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-aec3ce00] {
  font-size: 13px;
  font-size: 1.3rem;
}

.error[data-v-4124f476] {
  color: red;
}

.inputLimitHolder[data-v-4124f476] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-4124f476] {
  font-size: 13px;
  font-size: 1.3rem;
}

.typeAContainer[data-v-4124f476] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.typeAContainer li[data-v-4124f476] {
  width: 18%;
  text-align: center;
  margin-bottom: 0.5rem;
  margin-right: 2%;
}

.typeFContainer[data-v-4124f476] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.typeFContainer li[data-v-4124f476] {
  width: 12%;
  text-align: center;
  margin-right: 2%;
}

.stamp__img[data-v-4124f476] {
  border: 2px solid #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
}

.stamp__img.active[data-v-4124f476] {
  border: 2px solid #1eae1e;
}

.stamp__img.active[data-v-4124f476]:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9jaGVja19wYW5lbC5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMxZWFlMWU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjbGFzcz0iY2xzLTEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgogIDxwYXRoIGlkPSJjaGVja2VkIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zOTQuNzM0LDY1OWwtNS44LDYuMTYzLTIuNjU3LTIuODIyTDM4NCw2NjQuNzUybDIuNjU3LDIuODIyLTAuMDA4LjAwOUwzODguOTI0LDY3MGw4LjA4MS04LjU4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzkgLTY1MikiLz4KPC9zdmc+Cg==);
  position: absolute;
  top: -10px;
  right: -10px;
}

.stamp__img img[data-v-4124f476] {
  width: 100%;
  vertical-align: bottom;
}

.error[data-v-c796e24e] {
  color: red;
}

.inputLimitHolder[data-v-c796e24e] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-c796e24e] {
  font-size: 13px;
  font-size: 1.3rem;
}

.typeAContainer[data-v-c796e24e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.typeAContainer li[data-v-c796e24e] {
  width: 18%;
  text-align: center;
  margin-bottom: 0.5rem;
  margin-right: 2%;
}

.typeFContainer[data-v-c796e24e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.typeFContainer li[data-v-c796e24e] {
  width: 12%;
  text-align: center;
  margin-right: 2%;
}

.stamp__img[data-v-c796e24e] {
  border: 2px solid #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
}

.stamp__img.active[data-v-c796e24e] {
  border: 2px solid #1eae1e;
}

.stamp__img.active[data-v-c796e24e]:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9jaGVja19wYW5lbC5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMxZWFlMWU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjbGFzcz0iY2xzLTEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgogIDxwYXRoIGlkPSJjaGVja2VkIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zOTQuNzM0LDY1OWwtNS44LDYuMTYzLTIuNjU3LTIuODIyTDM4NCw2NjQuNzUybDIuNjU3LDIuODIyLTAuMDA4LjAwOUwzODguOTI0LDY3MGw4LjA4MS04LjU4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzkgLTY1MikiLz4KPC9zdmc+Cg==);
  position: absolute;
  top: -10px;
  right: -10px;
}

.stamp__img img[data-v-c796e24e] {
  width: 100%;
  vertical-align: bottom;
}

.error[data-v-69866e3b] {
  color: red;
}

.inputLimitHolder[data-v-69866e3b] {
  padding-top: 0.5rem;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

.errorTxt[data-v-69866e3b] {
  font-size: 13px;
  font-size: 1.3rem;
}

.typeAContainer[data-v-69866e3b] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.typeAContainer li[data-v-69866e3b] {
  width: 18%;
  text-align: center;
  margin-bottom: 0.5rem;
  margin-right: 2%;
}

.stamp__img[data-v-69866e3b] {
  border: 2px solid #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
}

.stamp__img.active[data-v-69866e3b] {
  border: 2px solid #1eae1e;
}

.stamp__img.active[data-v-69866e3b]:after {
  content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl9jaGVja19wYW5lbC5zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMxZWFlMWU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9IualleWGhuW9ol8yIiBkYXRhLW5hbWU9IualleWGhuW9oiAyIiBjbGFzcz0iY2xzLTEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPgogIDxwYXRoIGlkPSJjaGVja2VkIiBjbGFzcz0iY2xzLTIiIGQ9Ik0zOTQuNzM0LDY1OWwtNS44LDYuMTYzLTIuNjU3LTIuODIyTDM4NCw2NjQuNzUybDIuNjU3LDIuODIyLTAuMDA4LjAwOUwzODguOTI0LDY3MGw4LjA4MS04LjU4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzkgLTY1MikiLz4KPC9zdmc+Cg==);
  position: absolute;
  top: -10px;
  right: -10px;
}

.stamp__img img[data-v-69866e3b] {
  width: 100%;
  vertical-align: bottom;
}

.order[data-v-35ba2208] {
  width: 100%;
}

.order__inner[data-v-35ba2208] {
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
}

.orderColorTip[data-v-35ba2208] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  border: 1px solid #e7e7e7 !important;
}

h2[data-v-35ba2208] {
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  padding: 4rem 0;
}

.priceArea[data-v-35ba2208] {
  width: 100%;
  max-width: 270px;
  margin: 0 auto;
}

.subtotal[data-v-35ba2208],
.tax[data-v-35ba2208] {
  padding: 1.5rem 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.subtotal span[data-v-35ba2208],
.tax span[data-v-35ba2208] {
  display: block;
}

.subtotal__ttl[data-v-35ba2208],
.tax__ttl[data-v-35ba2208] {
  width: 22%;
  font-size: 16px;
  font-size: 1.6rem;
}

.subtotal__price[data-v-35ba2208],
.tax__price[data-v-35ba2208] {
  width: 40%;
  padding-right: 2%;
  box-sizing: border-box;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: right;
  font-weight: 700;
}

.subtotal__en[data-v-35ba2208],
.tax__en[data-v-35ba2208] {
  width: 38%;
  font-size: 15px;
  font-size: 1.5rem;
}

.subtotal[data-v-35ba2208] {
  border-bottom: 1px solid #c5c5c5;
}

.total[data-v-35ba2208] {
  background-color: #111;
  margin-bottom: 1rem;
  color: #fff;
  padding: 1.8rem 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.total span[data-v-35ba2208] {
  display: block;
}

.total__ttl[data-v-35ba2208] {
  width: 22%;
  font-size: 18px;
  font-size: 1.8rem;
}

.total__price[data-v-35ba2208] {
  width: 48%;
  padding-right: 2%;
  box-sizing: border-box;
  font-size: 32px;
  font-size: 3.2rem;
  text-align: right;
  font-weight: 700;
}

.total__en[data-v-35ba2208] {
  width: 30%;
  font-size: 15px;
  font-size: 1.5rem;
}

.sample_img[data-v-35ba2208] {
  margin-bottom: 2rem;
}

.sample_img .el-col[data-v-35ba2208] {
  position: relative;
}

.favorite_save[data-v-35ba2208],
.pdf_download[data-v-35ba2208],
.pdf_mail[data-v-35ba2208] {
  padding: 2.4rem 1rem 2.4rem 70px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 1rem;
  transition: all 1s;
}

.favorite_save[data-v-35ba2208]:hover,
.pdf_download[data-v-35ba2208]:hover,
.pdf_mail[data-v-35ba2208]:hover {
  opacity: 0.7;
}

.favorite_save[data-v-35ba2208] {
  background: #f9da4a;
  padding-left: 20px !important;
}

.favorite_save::before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-size: 18pt;
  font-weight: 900;
  margin-right: 21px;
  color: transparent;
  -webkit-text-stroke: 2px black;
}

.pdf_download[data-v-35ba2208] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMmYyZjJmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fcGRmX2RsLnN2ZyIgY2xhc3M9ImNscy0xIiBkPSJNOTA2LDU5N2MyLjU2OSwwLDQtMS40Myw0LTN2LTVjMC0xLjI0Mi0xLjQzMS0zLTQtM0g4ODJjLTIuNTY5LDAtNCwxLjYtNCwzdjVjMCwxLjU4NiwxLjQzMSwzLDQsM2gyNFptLTAuNzUtMmMxLjc2NiwwLDIuNzUtMS4wMTksMi43NS0xLjkwOXYtMy4xODJjMC0uODktMC45ODQtMS45MDktMi43NS0xLjkwOWgtMjIuNWMtMS43NjYsMC0yLjc1LDEuMDE5LTIuNzUsMS45MDl2My4xODJjMCwwLjcyOS45ODQsMS45MDksMi43NSwxLjkwOWgyMi41Wm0tMS43NDMtNWExLjUsMS41LDAsMSwxLTEuNSwxLjVBMS41LDEuNSwwLDAsMSw5MDMuNTA3LDU5MFpNODg3LDU3MnYtNWExLjgyOCwxLjgyOCwwLDAsMSwyLTJoMTBhMi4wNSwyLjA1LDAsMCwxLDIsMnY1aDFjMS43MDUsMCwyLC45MDYsMiwycy0zLjEsNC4wNDEtNS4zMTcsNi41MDdjLTMuMiwzLjU1Ni00LjEsMy41MTQtNC42ODMsMy40OTNhNS4yODEsNS4yODEsMCwwLDEtMi41MzEtMS40NjZjLTEuODQ5LTEuNzU2LTQuODMyLTQuOC02LjQ2OS02LjUzNGEyLjU0MiwyLjU0MiwwLDAsMS0xLjAzNC0yLjExM0ExLjc3OCwxLjc3OCwwLDAsMSw4ODYsNTcyLjAyNkM4ODYuNTUzLDU3Mi4wMjYsODg3LDU3Miw4ODcsNTcyWm0yLDJ2LTZjMC0uODkzLjE0OC0xLDEtMWg4YTAuODM0LDAuODM0LDAsMCwxLDEsMXY2aDNjMC4wNDYtLjAyLTIuMDQyLDIuNTEyLTQuMDI5LDQuNUEyMy40OTQsMjMuNDk0LDAsMCwxLDg5NCw1ODJjLTAuMzMxLDAtNC41Ni00LjIzMy02LjMxOC02LjE5MkM4ODcuMiw1NzUuMjc1LDg4Niw1NzQsODg2LDU3NGgzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3OCAtNTY1KSIvPgo8L3N2Zz4K)
    18px 50% no-repeat #f9da4a;
}

.pdf_mail[data-v-35ba2208] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMi4wNjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMi4wNjIgMjIiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICMyZjJmMmY7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0iaWNvbl9wZGZfbWFpbC5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTkwNiw2NTBjMC4wMywwLjAxMiwyLjI4MywwLDMuMTMzLS45NDdBNC4zLDQuMywwLDAsMCw5MTAsNjQ2VjYzMmE0LjMsNC4zLDAsMCwwLS44NjctMy4wNTNjLTAuODUtLjk0Mi0zLjEtMC45NTktMy4xMzMtMC45NDdIODgyYy0wLjAzLS4wMTItMi4yODMsMC0zLjEzMy45NDdBNC4zLDQuMywwLDAsMCw4NzgsNjMydjE0YTQuMyw0LjMsMCwwLDAsLjg2NywzLjA1M2MwLjg1LDAuOTQyLDMuMS45NTksMy4xMzMsMC45NDdoMjRabTAtMmMtMC4wMTMtLjAxNCwxLjQuMTE5LDEuOC0wLjU1NkEzLjE3NSwzLjE3NSwwLDAsMCw5MDgsNjQ2VjYzMmEzLjgyOSwzLjgyOSwwLDAsMC0uMjI1LTEuNDMzYy0wLjM5MS0uNzA1LTEuNzg2LTAuNTU5LTEuNzc1LTAuNTY3SDg4MmMtMC4wMS4wMTUtMS41ODMtLjExNC0xLjg2NCwwLjU1N0E0LjM3NCw0LjM3NCwwLDAsMCw4ODAsNjMydjE0YTQuNiw0LjYsMCwwLDAsLjE2MSwxLjQ4Qzg4MC40OTQsNjQ4LjIyOSw4ODIsNjQ4LDg4Miw2NDhoMjRabS0yNy4zNTQtMTguNjQ2LDAuNzA4LS43MDgsMTQsMTQtMC43MDguNzA4Wm0zMC43MDgsMC0wLjcwOC0uNzA4LTE0LDE0YTAuODQ4LDAuODQ4LDAsMCwxLTEuMjkyLjAyNGMtMC42NjUtLjI5Mi0xLjI3Ny4wODUtMC42NzQsMC43MDVhMS43NzEsMS43NzEsMCwwLDAsMi42NzMtLjAyMVptLTMwLDIwLTAuNzA4LS43MDcsMTAtMTAsMC43MDgsMC43MDdabTI5LjI5MiwwLDAuNzA4LS43MDctMTAtMTAtMC43MDguNzA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3Ny45NjkgLTYyOCkiLz4KPC9zdmc+Cg==)
    18px 50% no-repeat #f9da4a;
}

.orderListTbl[data-v-35ba2208] {
  width: 100%;
  text-align: left;
  margin-bottom: 3rem;
}

.orderListTbl td[data-v-35ba2208],
.orderListTbl th[data-v-35ba2208] {
  padding: 12px 20px;
  background-color: #fff;
  line-height: 1.7;
}

.orderListTbl th[data-v-35ba2208] {
  white-space: nowrap;
  font-weight: 700;
  border-right: 2px solid #f6f6f6;
  border-bottom: 2px solid #f6f6f6;
}

.orderListTbl td[data-v-35ba2208] {
  border-bottom: 2px solid #f6f6f6;
}

.orderListTbl td.td_noPadding[data-v-35ba2208] {
  padding: 0;
}

.orderInnertable[data-v-35ba2208] {
  width: 100%;
}

.orderInnertable th[data-v-35ba2208] {
  text-align: center;
}

.orderInnertable th.tbl-left[data-v-35ba2208] {
  text-align: left;
}

.orderInnertable tr:last-of-type td[data-v-35ba2208],
.orderInnertable tr:last-of-type th[data-v-35ba2208] {
  border-bottom: none;
}

.fontBold[data-v-35ba2208] {
  font-weight: 700;
}

.fontL[data-v-35ba2208] {
  font-size: 120%;
}

.tbl-nowrap[data-v-35ba2208] {
  white-space: nowrap;
}

h3[data-v-35ba2208],
h4[data-v-35ba2208] {
  margin-bottom: 1rem;
}

.onnameTextArea[data-v-35ba2208] {
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.add_info[data-v-35ba2208] {
  border: 1px solid #b7b7b7;
  background-color: #fff;
  padding: 2rem;
  margin-bottom: 3rem;
}

.thumbs[data-v-35ba2208] {
  text-align: center;
  position: relative;
  *zoom: 1;
  margin-bottom: 3rem;
}

.thumbs[data-v-35ba2208]:after,
.thumbs[data-v-35ba2208]:before {
  content: " ";
  display: table;
}

.thumbs[data-v-35ba2208]:after {
  clear: both;
}

.thumbs__item[data-v-35ba2208] {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 32%;
  border: 1px solid #f6f6f6;
  background-color: #fff;
  position: relative;
}

.thumbs__item .back[data-v-35ba2208],
.thumbs__item .front[data-v-35ba2208],
.thumbs__item .side[data-v-35ba2208] {
  position: relative;
}

.thumbs__item img[data-v-35ba2208] {
  max-width: 100%;
  width: 100%;
}

.thumbs__back[data-v-35ba2208] {
  margin: 0 2%;
}

.modal[data-v-35ba2208] {
  text-align: center;
}

.modal h3[data-v-35ba2208] {
  margin-bottom: 3rem;
}

.modal .gloveID[data-v-35ba2208] {
  display: block;
  border: 2px solid #333;
  margin: 2rem;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 1rem;
  color: #333;
}

.modal .gloveID-comm[data-v-35ba2208] {
  font-size: 13px;
  font-size: 1.3rem;
  color: #ff4949;
  line-height: 1.5;
}

.modal .pdfDownloadBtn[data-v-35ba2208] {
  text-align: center;
  margin: 3rem 0 4rem;
}

.modal .pdfDownloadBtn a[data-v-35ba2208] {
  cursor: pointer;
  background-color: #f9da4a;
  color: #222;
  border-radius: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 1.5rem 4rem;
  transition: all 0.3s ease;
}

.modal .pdfDownloadBtn a[data-v-35ba2208]:hover {
  color: #fff;
  background-color: #222;
}

.priceModal[data-v-35ba2208] {
  text-align: left;
}

.priceModal__inner[data-v-35ba2208] {
  padding: 0 3rem 3rem;
}

.priceModal__inner table[data-v-35ba2208] {
  width: 100%;
}

.priceModal__inner table th[data-v-35ba2208],
.priceModal__inner table tr[data-v-35ba2208] {
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 2rem 1rem;
  border-bottom: 1px solid #eee;
}

.priceModal__inner table th.subtotal[data-v-35ba2208],
.priceModal__inner table tr.subtotal[data-v-35ba2208] {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}

.priceModal__price[data-v-35ba2208] {
  font-size: 20px;
  font-size: 2rem;
}

.showPriceDetail[data-v-35ba2208] {
  text-align: center;
  padding: 1rem 0 3rem;
}

.showPriceDetail span[data-v-35ba2208] {
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  border: 1px solid #666;
  border-radius: 30px;
  transition: all 0.3s ease;
  background-color: transparent;
}

.showPriceDetail span[data-v-35ba2208]:hover {
  border: 1px solid #f9da4a;
  background-color: #f9da4a;
}

.preview[data-v-40877102] {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.preview__img[data-v-40877102] {
  margin-bottom: 3rem;
  *zoom: 1;
}

.preview__img[data-v-40877102]:after,
.preview__img[data-v-40877102]:before {
  content: " ";
  display: table;
}

.preview__img[data-v-40877102]:after {
  clear: both;
}

.preview__img__c[data-v-40877102],
.preview__img__l[data-v-40877102],
.preview__img__r[data-v-40877102] {
  float: left;
  width: 33.333333%;
  padding: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .preview__img__c[data-v-40877102],
  .preview__img__l[data-v-40877102],
  .preview__img__r[data-v-40877102] {
    float: none;
    width: 100%;
  }
}

.preview__img img[data-v-40877102] {
  max-width: 100%;
  width: 100%;
}

.preview .modelPrice[data-v-40877102] {
  border-bottom: 1px solid #666;
  max-width: 980px;
  margin: 5rem auto 4rem;
}

.preview .edit[data-v-40877102] {
  margin-bottom: 5rem;
}

.preview .gloveID__error[data-v-40877102] {
  margin: 5rem auto 4rem;
}

.bg-dummy {
  width: 100%;
}

.imgloading__wrapper {
  position: relative;
  height: 0;
  padding-top: 100%;
}

.imgloading__wrapper img.previewIMG {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.imgLoading {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}

.circularG {
  position: absolute;
  background-color: #666;
  width: 7px;
  height: 7px;
  border-radius: 4px;
  animation-name: bounce_circularG;
  animation-duration: 0.768s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

#circularG_1 {
  left: 0;
  top: 12px;
  animation-delay: 0.288s;
}

#circularG_2 {
  left: 3px;
  top: 3px;
  animation-delay: 0.384s;
}

#circularG_3 {
  top: 0;
  left: 12px;
  animation-delay: 0.48s;
}

#circularG_4 {
  right: 3px;
  top: 3px;
  animation-delay: 0.576s;
}

#circularG_5 {
  right: 0;
  top: 12px;
  animation-delay: 0.672s;
}

#circularG_6 {
  right: 3px;
  bottom: 3px;
  animation-delay: 0.768s;
}

#circularG_7 {
  left: 12px;
  bottom: 0;
  animation-delay: 0.864s;
}

#circularG_8 {
  left: 3px;
  bottom: 3px;
  animation-delay: 0.96s;
}

@keyframes bounce_circularG {
  0% {
    transform: scale(1);
  }

  to {
    transform: scale(0.3);
  }
}

.bg-dummy[data-v-d1973500] {
  width: 100%;
  vertical-align: bottom;
}

.capture .content__inner[data-v-d1973500] {
  text-align: center;
  padding-top: 3rem;
}

.capture__item[data-v-d1973500] {
  position: relative;
  display: inline-block;
  width: 600px;
  margin: 0 1%;
}

.el-form-item__content:after,
.el-form-item__content:before {
  display: table;
  content: "";
}

.el-form-item__content:after {
  clear: both;
}

.el-form-item:after,
.el-form-item:before {
  display: table;
  content: "";
}

.el-form-item:after {
  clear: both;
}

.el-breadcrumb:after,
.el-breadcrumb:before {
  display: table;
  content: "";
}

.el-breadcrumb:after {
  clear: both;
}

.el-button-group:after,
.el-button-group:before {
  display: table;
  content: "";
}

.el-button-group:after {
  clear: both;
}

.el-autocomplete-suggestion.is-loading li:after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

@font-face {
  font-family: element-icons;
  src: url(data:application/font-woff;base64,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)
      format("woff"),
    url(/img/fonts/element-icons.b02bdc1.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

[class*=" el-icon-"],
[class^="el-icon-"] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-arrow-down:before {
  content: "\E600";
}

.el-icon-arrow-left:before {
  content: "\E601";
}

.el-icon-arrow-right:before {
  content: "\E602";
}

.el-icon-arrow-up:before {
  content: "\E603";
}

.el-icon-caret-bottom:before {
  content: "\E604";
}

.el-icon-caret-left:before {
  content: "\E605";
}

.el-icon-caret-right:before {
  content: "\E606";
}

.el-icon-caret-top:before {
  content: "\E607";
}

.el-icon-check:before {
  content: "\E608";
}

.el-icon-circle-check:before {
  content: "\E609";
}

.el-icon-circle-close:before {
  content: "\E60A";
}

.el-icon-circle-cross:before {
  content: "\E60B";
}

.el-icon-close:before {
  content: "\E60C";
}

.el-icon-upload:before {
  content: "\E60D";
}

.el-icon-d-arrow-left:before {
  content: "\E60E";
}

.el-icon-d-arrow-right:before {
  content: "\E60F";
}

.el-icon-d-caret:before {
  content: "\E610";
}

.el-icon-date:before {
  content: "\E611";
}

.el-icon-delete:before {
  content: "\E612";
}

.el-icon-document:before {
  content: "\E613";
}

.el-icon-edit:before {
  content: "\E614";
}

.el-icon-information:before {
  content: "\E615";
}

.el-icon-loading:before {
  content: "\E616";
}

.el-icon-menu:before {
  content: "\E617";
}

.el-icon-message:before {
  content: "\E618";
}

.el-icon-minus:before {
  content: "\E619";
}

.el-icon-more:before {
  content: "\E61A";
}

.el-icon-picture:before {
  content: "\E61B";
}

.el-icon-plus:before {
  content: "\E61C";
}

.el-icon-search:before {
  content: "\E61D";
}

.el-icon-setting:before {
  content: "\E61E";
}

.el-icon-share:before {
  content: "\E61F";
}

.el-icon-star-off:before {
  content: "\E620";
}

.el-icon-star-on:before {
  content: "\E621";
}

.el-icon-time:before {
  content: "\E622";
}

.el-icon-warning:before {
  content: "\E623";
}

.el-icon-delete2:before {
  content: "\E624";
}

.el-icon-upload2:before {
  content: "\E627";
}

.el-icon-view:before {
  content: "\E626";
}

.el-icon-loading {
  animation: rotating 1s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }

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

.el-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: #48576a;
}

.el-pagination:after,
.el-pagination:before {
  display: table;
  content: "";
}

.el-pagination:after {
  clear: both;
}

.el-pagination button,
.el-pagination span {
  display: inline-block;
  font-size: 13px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
  box-sizing: border-box;
}

.el-pagination .el-select .el-input {
  width: 110px;
}

.el-pagination .el-select .el-input input {
  padding-right: 25px;
  border-radius: 2px;
  height: 28px;
}

.el-pagination button {
  border: none;
  padding: 0 6px;
  background: transparent;
}

.el-pagination button:focus {
  outline: none;
}

.el-pagination button:hover {
  color: #20a0ff;
}

.el-pagination button.disabled {
  color: #e4e4e4;
  background-color: #fff;
  cursor: not-allowed;
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
  background: 50% no-repeat;
  background-size: 16px;
  background-color: #fff;
  border: 1px solid #d1dbe5;
  cursor: pointer;
  margin: 0;
  color: #97a8be;
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
  display: block;
  font-size: 12px;
}

.el-pagination .btn-prev {
  border-radius: 2px 0 0 2px;
  border-right: 0;
}

.el-pagination .btn-next {
  border-radius: 0 2px 2px 0;
  border-left: 0;
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li:last-child {
  border-color: transparent;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  min-width: 22px;
}

.el-pagination--small .arrow.disabled {
  visibility: hidden;
}

.el-pagination--small .el-pager li {
  border-radius: 2px;
}

.el-pagination__sizes {
  margin: 0 10px 0 0;
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size: 13px;
  border-color: #d1dbe5;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #20a0ff;
}

.el-pagination__jump {
  margin-left: 10px;
}

.el-pagination__total {
  margin: 0 10px;
}

.el-pagination__rightwrapper {
  float: right;
}

.el-pagination__editor {
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  line-height: 18px;
  padding: 4px 2px;
  width: 30px;
  text-align: center;
  margin: 0 6px;
  box-sizing: border-box;
  transition: border 0.3s;
}

.el-pagination__editor::-webkit-inner-spin-button,
.el-pagination__editor::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination__editor:focus {
  outline: none;
  border-color: #20a0ff;
}

.el-pager {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style: none;
  font-size: 0;
  padding: 0;
}

.el-pager,
.el-pager li {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.el-pager li {
  padding: 0 4px;
  border: 1px solid #d1dbe5;
  border-right: 0;
  background: #fff;
  font-size: 13px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}

.el-pager li:last-child {
  border-right: 1px solid #d1dbe5;
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
  line-height: 28px;
  color: #97a8be;
}

.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
  cursor: pointer;
}

.el-pager li.active + li {
  border-left: 0;
  padding-left: 5px;
}

.el-pager li:hover {
  color: #20a0ff;
}

.el-pager li.active {
  border-color: #20a0ff;
  background-color: #20a0ff;
  color: #fff;
  cursor: default;
}

.el-dialog {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  z-index: 1010;
}

.el-dialog--tiny {
  width: 30%;
}

.el-dialog--small {
  width: 50%;
}

.el-dialog--large {
  width: 90%;
}

.el-dialog--full {
  width: 100%;
  top: 0;
  height: 100%;
  overflow: auto;
}

.el-dialog__wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow: auto;
  margin: 0;
}

.el-dialog__header {
  padding: 20px 20px 0;
}

.el-dialog__close {
  cursor: pointer;
  color: #bfcbd9;
}

.el-dialog__close:hover {
  color: #20a0ff;
}

.el-dialog__title {
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  color: #1f2d3d;
}

.el-dialog__body {
  padding: 30px 20px;
  color: #48576a;
  font-size: 14px;
}

.el-dialog__headerbtn {
  float: right;
}

.el-dialog__footer {
  padding: 10px 20px 15px;
  text-align: right;
  box-sizing: border-box;
}

.dialog-fade-enter-active {
  animation: dialog-fade-in 0.3s;
}

.dialog-fade-leave-active {
  animation: dialog-fade-out 0.3s;
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes dialog-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}

.el-autocomplete {
  position: relative;
  display: inline-block;
}

.el-autocomplete-suggestion {
  margin: 5px 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.el-autocomplete-suggestion li {
  list-style: none;
  line-height: 36px;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  color: #48576a;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-autocomplete-suggestion li:hover {
  background-color: #e4e8f1;
}

.el-autocomplete-suggestion li.highlighted {
  background-color: #20a0ff;
  color: #fff;
}

.el-autocomplete-suggestion li:active {
  background-color: #0082e6;
}

.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid #d1dbe5;
}

.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}

.el-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  color: #999;
}

.el-autocomplete-suggestion.is-loading li:hover {
  background-color: #fff;
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}

.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  overflow: auto;
  background-color: #fff;
  border: 1px solid #d1dbe5;
  padding: 6px 0;
  border-radius: 2px;
  box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.el-dropdown {
  display: inline-block;
  position: relative;
  color: #48576a;
  font-size: 14px;
}

.el-dropdown .el-button-group {
  display: block;
}

.el-dropdown .el-dropdown__caret-button {
  padding-right: 5px;
  padding-left: 5px;
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  padding-left: 0;
}

.el-dropdown__icon {
  font-size: 12px;
  margin: 0 3px;
}

.el-dropdown-menu {
  margin: 5px 0;
  background-color: #fff;
  border: 1px solid #d1dbe5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  padding: 6px 0;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100px;
}

.el-dropdown-menu__item {
  list-style: none;
  line-height: 36px;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
}

.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #e4e8f1;
  color: #48576a;
}

.el-dropdown-menu__item.is-disabled {
  cursor: default;
  color: #bfcbd9;
  pointer-events: none;
}

.el-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #d1dbe5;
}

.el-dropdown-menu__item--divided:before {
  content: "";
  height: 6px;
  display: block;
  margin: 0 -10px;
  background-color: #fff;
}

.el-menu-item,
.el-submenu__title {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #48576a;
  padding: 0 20px;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}

.el-menu {
  border-radius: 2px;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #eef1f6;
}

.el-menu:after,
.el-menu:before {
  display: table;
  content: "";
}

.el-menu:after {
  clear: both;
}

.el-menu li {
  list-style: none;
}

.el-menu--dark {
  background-color: #324157;
}

.el-menu--dark .el-menu-item,
.el-menu--dark .el-submenu__title {
  color: #bfcbd9;
}

.el-menu--dark .el-menu-item:hover,
.el-menu--dark .el-submenu__title:hover {
  background-color: #48576a;
}

.el-menu--dark .el-submenu .el-menu {
  background-color: #1f2d3d;
}

.el-menu--dark .el-submenu .el-menu .el-menu-item:hover {
  background-color: #48576a;
}

.el-menu--horizontal .el-menu-item {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 0;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  border-bottom: 5px solid transparent;
}

.el-menu--horizontal .el-menu-item a,
.el-menu--horizontal .el-menu-item a:hover {
  color: inherit;
}

.el-menu--horizontal .el-menu-item:hover {
  background-color: #d1dbe5;
}

.el-menu--horizontal .el-submenu {
  float: left;
  position: relative;
}

.el-menu--horizontal .el-submenu > .el-menu {
  position: absolute;
  top: 65px;
  left: 0;
  border: 1px solid #d1dbe5;
  padding: 5px 0;
  background-color: #fff;
  z-index: 100;
  min-width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.el-menu--horizontal .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 5px solid transparent;
}

.el-menu--horizontal .el-submenu .el-menu-item {
  background-color: #fff;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}

.el-menu--horizontal .el-submenu .el-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 5px;
  color: #97a8be;
  margin-top: -3px;
}

.el-menu--horizontal .el-menu-item:hover,
.el-menu--horizontal .el-submenu__title:hover {
  background-color: #eef1f6;
}

.el-menu--horizontal > .el-menu-item:hover,
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title,
.el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  border-bottom: 5px solid #20a0ff;
}

.el-menu--horizontal.el-menu--dark .el-menu-item:hover,
.el-menu--horizontal.el-menu--dark .el-submenu__title:hover {
  background-color: #324157;
}

.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item,
.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title {
  color: #48576a;
}

.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item:hover,
.el-menu--horizontal.el-menu--dark .el-submenu .el-submenu-title:hover {
  background-color: #d1dbe5;
}

.el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active {
  color: #20a0ff;
}

.el-menu-item [class^="el-icon-"] {
  vertical-align: baseline;
  margin-right: 10px;
}

.el-menu-item:first-child {
  margin-left: 0;
}

.el-menu-item:last-child {
  margin-right: 0;
}

.el-menu-item:hover {
  background-color: #d1dbe5;
}

.el-menu-item.is-active {
  color: #20a0ff;
}

.el-submenu [class^="el-icon-"] {
  vertical-align: baseline;
  margin-right: 10px;
}

.el-submenu .el-menu {
  background-color: #e4e8f1;
}

.el-submenu .el-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
}

.el-submenu .el-menu-item:hover {
  background-color: #d1dbe5;
}

.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: rotate(180deg);
}

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #20a0ff;
}

.el-submenu__title {
  position: relative;
}

.el-submenu__title:hover {
  background-color: #d1dbe5;
}

.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  transition: transform 0.3s;
  font-size: 12px;
}

.el-menu-item-group > ul {
  padding: 0;
}

.el-menu-item-group__title {
  padding-top: 15px;
  line-height: normal;
  font-size: 14px;
  padding-left: 20px;
  color: #97a8be;
}

.el-radio {
  color: #1f2d3d;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.el-radio + .el-radio {
  margin-left: 15px;
}

.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #20a0ff;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #20a0ff;
  background: #20a0ff;
}

.el-radio__input.is-checked .el-radio__inner:after {
  transform: translate(-50%, -50%) scale(1);
}

.el-radio__input.is-disabled .el-radio__inner {
  background-color: #eef1f6;
  border-color: #d1dbe5;
  cursor: not-allowed;
}

.el-radio__input.is-disabled .el-radio__inner:after {
  cursor: not-allowed;
  background-color: #eef1f6;
}

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #d1dbe5;
  border-color: #d1dbe5;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
  background-color: #fff;
}

.el-radio__input.is-disabled + .el-radio__label {
  color: #bbb;
  cursor: not-allowed;
}

.el-radio__inner {
  border: 1px solid #bfcbd9;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}

.el-radio__inner:hover {
  border-color: #20a0ff;
}

.el-radio__inner:after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio__label {
  font-size: 14px;
  padding-left: 5px;
}

.el-radio-group {
  display: inline-block;
  font-size: 0;
  line-height: 1;
}

.el-radio-group .el-radio {
  font-size: 14px;
}

.el-radio-button {
  position: relative;
  display: inline-block;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #bfcbd9;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 4px 4px 0;
}

.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #bfcbd9;
  border-left: 0;
  color: #1f2d3d;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 0;
}

.el-radio-button__inner:hover {
  color: #20a0ff;
}

.el-radio-button__inner [class*="el-icon-"] {
  line-height: 0.9;
}

.el-radio-button__inner [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-radio-button__orig-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  left: -999px;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff;
  background-color: #20a0ff;
  border-color: #20a0ff;
  box-shadow: -1px 0 0 0 #20a0ff;
}

.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: #bfcbd9;
  cursor: not-allowed;
  background-image: none;
  background-color: #eef1f6;
  border-color: #d1dbe5;
}

.el-radio-button--large .el-radio-button__inner {
  padding: 11px 19px;
  font-size: 16px;
  border-radius: 0;
}

.el-radio-button--small .el-radio-button__inner {
  padding: 7px 9px;
  font-size: 12px;
  border-radius: 0;
}

.el-radio-button--mini .el-radio-button__inner {
  padding: 4px;
  font-size: 12px;
  border-radius: 0;
}

.el-switch {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  vertical-align: middle;
}

.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
  opacity: 0;
}

.el-switch.is-disabled .el-switch__core {
  border-color: #e4e8f1 !important;
  background: #e4e8f1 !important;
}

.el-switch.is-disabled .el-switch__core span {
  background-color: #fbfdff !important;
}

.el-switch.is-disabled .el-switch__core ~ .el-switch__label * {
  color: #fbfdff !important;
}

.el-switch.is-disabled .el-switch__input:checked + .el-switch__core {
  border-color: #e4e8f1;
  background-color: #e4e8f1;
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: 0.2s;
  z-index: 10;
  width: 46px;
  height: 22px;
  left: 0;
  top: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.el-switch__label,
.el-switch__label * {
  position: absolute;
  display: inline-block;
  font-size: 14px;
}

.el-switch__label * {
  line-height: 1;
  top: 4px;
  color: #fff;
}

.el-switch__label--left i {
  left: 6px;
}

.el-switch__label--right i {
  right: 6px;
}

.el-switch__input {
  display: none;
}

.el-switch__input:checked + .el-switch__core {
  border-color: #20a0ff;
  background-color: #20a0ff;
}

.el-switch__core {
  margin: 0;
  display: inline-block;
  position: relative;
  width: 46px;
  height: 22px;
  border: 1px solid #bfcbd9;
  outline: none;
  border-radius: 12px;
  box-sizing: border-box;
  background: #bfcbd9;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
}

.el-switch__core .el-switch__button {
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 100%;
  transition: transform 0.3s;
  width: 16px;
  height: 16px;
  z-index: 20;
  background-color: #fff;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  margin: 5px 0;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #20a0ff;
  background-color: #fff;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #e4e8f1;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
  position: absolute;
  right: 10px;
  font-family: element-icons;
  content: "\E608";
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

.el-select-dropdown__item {
  font-size: 14px;
  padding: 8px 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #48576a;
  height: 36px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}

.el-select-dropdown__item.hover {
  background-color: #e4e8f1;
}

.el-select-dropdown__item.selected {
  color: #fff;
  background-color: #20a0ff;
}

.el-select-dropdown__item.selected.hover {
  background-color: #1c8de0;
}

.el-select-dropdown__item span {
  line-height: 1.5 !important;
}

.el-select-dropdown__item.is-disabled {
  color: #bfcbd9;
  cursor: not-allowed;
}

.el-select-dropdown__item.is-disabled:hover {
  background-color: #fff;
}

.el-select-group {
  margin: 0;
  padding: 0;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-select-group__wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__title {
  padding-left: 10px;
  font-size: 12px;
  color: #999;
  height: 30px;
  line-height: 30px;
}

.el-select {
  display: inline-block;
  position: relative;
}

.el-select:hover .el-input__inner {
  border-color: #8391a5;
}

.el-select .el-input__inner {
  cursor: pointer;
}

.el-select .el-input__inner:focus {
  border-color: #20a0ff;
}

.el-select .el-input .el-input__icon {
  color: #bfcbd9;
  font-size: 12px;
  transition: transform 0.3s;
  transform: translateY(-50%) rotate(180deg);
  line-height: 16px;
  top: 50%;
  cursor: pointer;
}

.el-select .el-input .el-input__icon.is-show-close {
  transition: 0s;
  width: 16px;
  height: 16px;
  font-size: 14px;
  right: 8px;
  text-align: center;
  transform: translateY(-50%) rotate(180deg);
  border-radius: 100%;
  color: #bfcbd9;
}

.el-select .el-input .el-input__icon.is-show-close:hover {
  color: #97a8be;
}

.el-select .el-input .el-input__icon.is-reverse {
  transform: translateY(-50%);
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}

.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #d1dbe5;
}

.el-select .el-tag__close {
  margin-top: -2px;
}

.el-select .el-tag {
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  margin: 3px 0 3px 6px;
}

.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 10px;
  color: #666;
  font-size: 14px;
  vertical-align: baseline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  background-color: transparent;
}

.el-select__input.is-mini {
  height: 14px;
}

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #bfcbd9;
  line-height: 18px;
  font-size: 12px;
}

.el-select__close:hover {
  color: #97a8be;
}

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1000;
  top: 50%;
  transform: translateY(-50%);
}

.el-select__tag {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background-color: #20a0ff;
}

.el-select__tag .el-icon-close {
  font-size: 12px;
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #dfe6ec;
  font-size: 14px;
  color: #1f2d3d;
}

.el-table .el-tooltip.cell {
  white-space: nowrap;
}

.el-table td,
.el-table th {
  height: 40px;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
}

.el-table td.is-right,
.el-table th.is-right {
  text-align: right;
}

.el-table td.is-left,
.el-table th.is-left {
  text-align: left;
}

.el-table td.is-center,
.el-table th.is-center {
  text-align: center;
}

.el-table td,
.el-table th.is-leaf {
  border-bottom: 1px solid #dfe6ec;
}

.el-table td.gutter,
.el-table th.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}

.el-table td.is-hidden > *,
.el-table th.is-hidden > * {
  visibility: hidden;
}

.el-table:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.el-table:after,
.el-table:before {
  content: "";
  position: absolute;
  background-color: #dfe6ec;
  z-index: 1;
}

.el-table:after {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}

.el-table th {
  background-color: #eef1f6;
  text-align: left;
}

.el-table th,
.el-table th > div {
  white-space: nowrap;
  overflow: hidden;
}

.el-table th > div {
  display: inline-block;
  padding-left: 18px;
  padding-right: 18px;
  line-height: 40px;
  text-overflow: ellipsis;
}

.el-table td > div,
.el-table th > div {
  box-sizing: border-box;
}

.el-table th.required > div:before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}

.el-table th > .cell {
  position: relative;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
}

.el-table th > .cell.highlight {
  color: #20a0ff;
}

.el-table .caret-wrapper {
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: -2px;
  width: 16px;
  height: 34px;
  overflow: visible;
  overflow: initial;
}

.el-table .sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0;
  content: "";
  position: absolute;
  left: 3px;
  z-index: 2;
}

.el-table .sort-caret.ascending {
  top: 11px;
  border-top: none;
  border-bottom: 5px solid #97a8be;
}

.el-table .sort-caret.ascending,
.el-table .sort-caret.descending {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.el-table .sort-caret.descending {
  bottom: 11px;
  border-top: 5px solid #97a8be;
  border-bottom: none;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #48576a;
}

.el-table .descending .sort-caret.descending {
  border-top-color: #48576a;
}

.el-table td.gutter {
  width: 0;
}

.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 24px;
  padding-left: 18px;
  padding-right: 18px;
}

.el-table tr input[type="checkbox"] {
  margin: 0;
}

.el-table tr {
  background-color: #fff;
}

.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.el-table__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-table__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #5e7382;
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
}

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
  height: 40px;
}

.el-table__expand-icon > .el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expanded-cell {
  padding: 20px 50px;
  background-color: #fbfdff;
  box-shadow: inset 0 2px 0 #f4f4f4;
}

.el-table__expanded-cell:hover {
  background-color: #fbfdff !important;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}

.el-table--fit td.gutter,
.el-table--fit th.gutter {
  border-right-width: 1px;
}

.el-table--border td,
.el-table--border th {
  border-right: 1px solid #dfe6ec;
}

.el-table--border th {
  border-bottom: 1px solid #dfe6ec;
}

.el-table__fixed,
.el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 1px 0 8px #d3d4d6;
  overflow-x: hidden;
}

.el-table__fixed-right:before,
.el-table__fixed:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #dfe6ec;
  z-index: 4;
}

.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #eef1f6;
  border-bottom: 1px solid #dfe6ec;
}

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
  box-shadow: -1px 0 8px #d3d4d6;
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
  left: auto;
  right: 0;
}

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.el-table__fixed-header-wrapper thead div {
  background-color: #eef1f6;
  color: #1f2d3d;
}

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3;
}

.el-table__body-wrapper,
.el-table__header-wrapper {
  width: 100%;
}

.el-table__body,
.el-table__header {
  table-layout: fixed;
}

.el-table__header-wrapper {
  overflow: hidden;
}

.el-table__header-wrapper thead div {
  background-color: #eef1f6;
  color: #1f2d3d;
}

.el-table__body-wrapper {
  overflow: auto;
  position: relative;
}

.el-table--striped .el-table__body tr:nth-child(2n) td {
  background: #fafafa;
}

.el-table--striped .el-table__body tr:nth-child(2n).current-row td {
  background: #edf7ff;
}

.el-table__body tr.hover-row > td {
  background-color: #eef1f6;
}

.el-table__body tr.current-row > td {
  background: #edf7ff;
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #dfe6ec;
  z-index: 10;
}

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  margin-left: 5px;
  cursor: pointer;
}

.el-table__column-filter-trigger i {
  color: #97a8be;
}

.el-table--enable-row-transition .el-table__body td {
  transition: background-color 0.25s ease;
}

.el-table--enable-row-hover tr:hover > td {
  background-color: #eef1f6;
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden;
}

.el-checkbox {
  color: #1f2d3d;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.el-checkbox + .el-checkbox {
  margin-left: 15px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #20a0ff;
  border-color: #0190fe;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #fff;
  margin-top: -1px;
  left: 3px;
  right: 3px;
  top: 50%;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  display: none;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #20a0ff;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #20a0ff;
  border-color: #0190fe;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
  transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #eef1f6;
  border-color: #d1dbe5;
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
  cursor: not-allowed;
  border-color: #eef1f6;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #d1dbe5;
  border-color: #d1dbe5;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  border-color: #fff;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #d1dbe5;
  border-color: #d1dbe5;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  border-color: #fff;
}

.el-checkbox__input.is-disabled + .el-checkbox__label {
  color: #bbb;
  cursor: not-allowed;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #bfcbd9;
  border-radius: 4px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background-color: #fff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
  border-color: #20a0ff;
}

.el-checkbox__inner:after {
  box-sizing: content-box;
  content: "";
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 4px;
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  left: -999px;
}

.el-checkbox__label {
  font-size: 14px;
  padding-left: 5px;
}

.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.el-table-filter {
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  margin: 2px 0;
}

.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
}

.el-table-filter__list-item:hover {
  background-color: #e4e8f1;
  color: #48576a;
}

.el-table-filter__list-item.is-active {
  background-color: #20a0ff;
  color: #fff;
}

.el-table-filter__content {
  min-width: 100px;
}

.el-table-filter__bottom {
  border-top: 1px solid #d1dbe5;
  padding: 8px;
}

.el-table-filter__bottom button {
  background: transparent;
  border: none;
  color: #8391a5;
  cursor: pointer;
  font-size: 14px;
  padding: 0 3px;
}

.el-table-filter__bottom button:hover {
  color: #20a0ff;
}

.el-table-filter__bottom button:focus {
  outline: none;
}

.el-table-filter__bottom button.is-disabled {
  color: #bfcbd9;
  cursor: not-allowed;
}

.el-table-filter__checkbox-group {
  padding: 10px;
}

.el-table-filter__checkbox-group .el-checkbox {
  display: block;
  margin-bottom: 8px;
  margin-left: 5px;
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}

.el-date-table {
  font-size: 12px;
  min-width: 224px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.el-date-table td {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #ddd;
}

.el-date-table td.today {
  color: #20a0ff;
  position: relative;
}

.el-date-table td.today:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.5em solid #20a0ff;
  border-left: 0.5em solid transparent;
}

.el-date-table td.available:hover {
  background-color: #e4e8f1;
}

.el-date-table td.in-range {
  background-color: #d2ecff;
}

.el-date-table td.in-range:hover {
  background-color: #afddff;
}

.el-date-table td.current:not(.disabled),
.el-date-table td.end-date,
.el-date-table td.start-date {
  background-color: #20a0ff !important;
  color: #fff;
}

.el-date-table td.disabled {
  background-color: #f4f4f4;
  opacity: 1;
  cursor: not-allowed;
  color: #ccc;
}

.el-date-table td.week {
  font-size: 80%;
  color: #8391a5;
}

.el-date-table th {
  padding: 5px;
  color: #8391a5;
  font-weight: 400;
}

.el-date-table.is-week-mode .el-date-table__row:hover {
  background-color: #e4e8f1;
}

.el-date-table.is-week-mode .el-date-table__row.current {
  background-color: #d2ecff;
}

.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}

.el-month-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}

.el-month-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #48576a;
}

.el-month-table td .cell:hover {
  background-color: #e4e8f1;
}

.el-month-table td.disabled .cell {
  background-color: #f4f4f4;
  cursor: not-allowed;
  color: #ccc;
}

.el-month-table td.current:not(.disabled) .cell {
  background-color: #20a0ff !important;
  color: #fff;
}

.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}

.el-year-table .el-icon {
  color: #97a8be;
}

.el-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}

.el-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #48576a;
}

.el-year-table td .cell:hover {
  background-color: #e4e8f1;
}

.el-year-table td.disabled .cell {
  background-color: #f4f4f4;
  cursor: not-allowed;
  color: #ccc;
}

.el-year-table td.current:not(.disabled) .cell {
  background-color: #20a0ff !important;
  color: #fff;
}

.el-date-range-picker {
  min-width: 520px;
}

.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}

.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}

.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}

.el-date-range-picker.has-sidebar.has-time {
  min-width: 766px;
}

.el-date-range-picker.has-sidebar {
  min-width: 620px;
}

.el-date-range-picker.has-time {
  min-width: 660px;
}

.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}

.el-date-range-picker__header button {
  float: left;
}

.el-date-range-picker__header div {
  font-size: 14px;
  margin-right: 50px;
}

.el-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}

.el-date-range-picker__content.is-right .el-date-range-picker__header button {
  float: right;
}

.el-date-range-picker__content.is-right .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__content.is-left {
  border-right: 1px solid #e4e4e4;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}

.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: #97a8be;
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #fff;
}

.el-time-range-picker {
  min-width: 354px;
  overflow: visible;
}

.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-picker-panel,
.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #d1dbe5;
}

.el-picker-panel {
  color: #48576a;
  box-shadow: 0 2px 6px #ccc;
  background: #fff;
  line-height: 20px;
  margin: 5px 0;
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #fff;
  position: relative;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #48576a;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}

.el-picker-panel__shortcut:hover {
  background-color: #e4e8f1;
}

.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #20a0ff;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}

.el-picker-panel__btn[disabled] {
  color: #ccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #97a8be;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 3px;
}

.el-picker-panel__icon-btn:hover {
  color: #20a0ff;
}

.el-picker-panel__link-btn {
  cursor: pointer;
  color: #20a0ff;
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}

.el-picker-panel [slot="sidebar"],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #fbfdff;
}

.el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  min-width: 254px;
}

.el-date-picker .el-picker-panel__content {
  min-width: 224px;
}

.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}

.el-date-picker.has-sidebar.has-time {
  min-width: 434px;
}

.el-date-picker.has-sidebar {
  min-width: 370px;
}

.el-date-picker.has-time {
  min-width: 324px;
}

.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  margin: 12px;
  text-align: center;
}

.el-date-picker__header-label {
  font-size: 14px;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
  color: #20a0ff;
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

.time-select {
  margin: 5px 0;
  min-width: 0;
}

.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0;
}

.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
}

.time-select-item.selected:not(.disabled) {
  background-color: #20a0ff;
  color: #fff;
}

.time-select-item.selected:not(.disabled):hover {
  background-color: #20a0ff;
}

.time-select-item.disabled {
  color: #d1dbe5;
  cursor: not-allowed;
}

.time-select-item:hover {
  background-color: #e4e8f1;
  cursor: pointer;
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.collapse-transition {
  transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}

.list-enter-active,
.list-leave-active {
  transition: all 1s;
}

.list-enter,
.list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-date-editor {
  position: relative;
  display: inline-block;
}

.el-date-editor .el-picker-panel {
  position: absolute;
  min-width: 180px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px #ccc;
  background: #fff;
  z-index: 10;
  top: 41px;
}

.el-date-editor.el-input {
  width: 193px;
}

.el-date-editor--daterange.el-input {
  width: 220px;
}

.el-date-editor--datetimerange.el-input {
  width: 350px;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33%;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) {
  margin-left: 1%;
}

.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #e4e8f1;
  cursor: pointer;
}

.el-time-spinner__item.active:not(.disabled) {
  color: #fff;
}

.el-time-spinner__item.disabled {
  color: #d1dbe5;
  cursor: not-allowed;
}

.el-time-panel {
  margin: 5px 0;
  border: 1px solid #d1dbe5;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}

.el-time-panel__content:after,
.el-time-panel__content:before {
  content: ":";
  top: 50%;
  color: #fff;
  position: absolute;
  font-size: 14px;
  margin-top: -15px;
  line-height: 16px;
  background-color: #20a0ff;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
}

.el-time-panel__content:after {
  left: 50%;
  margin-left: -2px;
}

.el-time-panel__content:before {
  padding-left: 50%;
  margin-right: -2px;
}

.el-time-panel__content.has-seconds:after {
  left: 66.66667%;
}

.el-time-panel__content.has-seconds:before {
  padding-left: 33.33333%;
}

.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: #8391a5;
}

.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #20a0ff;
}

.el-popover {
  position: absolute;
  background: #fff;
  min-width: 150px;
  border-radius: 2px;
  border: 1px solid #d1dbe5;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.el-popover .popper__arrow,
.el-popover .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-popover .popper__arrow {
  border-width: 6px;
}

.el-popover .popper__arrow:after {
  content: " ";
  border-width: 6px;
}

.el-popover[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-popover[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #d1dbe5;
  border-bottom-width: 0;
}

.el-popover[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #fff;
  border-bottom-width: 0;
}

.el-popover[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-popover[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #d1dbe5;
}

.el-popover[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.el-popover[x-placement^="right"] {
  margin-left: 12px;
}

.el-popover[x-placement^="right"] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #d1dbe5;
  border-left-width: 0;
}

.el-popover[x-placement^="right"] .popper__arrow:after {
  bottom: -6px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}

.el-popover[x-placement^="left"] {
  margin-right: 12px;
}

.el-popover[x-placement^="left"] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #d1dbe5;
}

.el-popover[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #fff;
}

.el-popover__title {
  color: #1f2d3d;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 9px;
}

.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}

@keyframes v-modal-out {
  to {
    opacity: 0;
  }
}

.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}

.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 4px;
}

.el-button + .el-button {
  margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
  color: #20a0ff;
  border-color: #20a0ff;
}

.el-button:active {
  color: #1d90e6;
  border-color: #1d90e6;
  outline: none;
}

.el-button::-moz-focus-inner {
  border: 0;
}

.el-button [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}

.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: hsla(0, 0%, 100%, 0.35);
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  color: #bfcbd9;
  cursor: not-allowed;
  background-image: none;
  background-color: #eef1f6;
  border-color: #d1dbe5;
}

.el-button.is-disabled.el-button--text {
  background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #d1dbe5;
  color: #bfcbd9;
}

.el-button.is-active {
  color: #1d90e6;
  border-color: #1d90e6;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  background: #fff;
  border-color: #20a0ff;
  color: #20a0ff;
}

.el-button.is-plain:active {
  background: #fff;
  border-color: #1d90e6;
  color: #1d90e6;
  outline: none;
}

.el-button--primary {
  color: #fff;
  background-color: #20a0ff;
  border-color: #20a0ff;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #4db3ff;
  border-color: #4db3ff;
  color: #fff;
}

.el-button--primary:active {
  outline: none;
}

.el-button--primary.is-active,
.el-button--primary:active {
  background: #1d90e6;
  border-color: #1d90e6;
  color: #fff;
}

.el-button--primary.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: #fff;
  border-color: #20a0ff;
  color: #20a0ff;
}

.el-button--primary.is-plain:active {
  background: #fff;
  border-color: #1d90e6;
  color: #1d90e6;
  outline: none;
}

.el-button--success {
  color: #fff;
  background-color: #13ce66;
  border-color: #13ce66;
}

.el-button--success:focus,
.el-button--success:hover {
  background: #42d885;
  border-color: #42d885;
  color: #fff;
}

.el-button--success:active {
  outline: none;
}

.el-button--success.is-active,
.el-button--success:active {
  background: #11b95c;
  border-color: #11b95c;
  color: #fff;
}

.el-button--success.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
  background: #fff;
  border-color: #13ce66;
  color: #13ce66;
}

.el-button--success.is-plain:active {
  background: #fff;
  border-color: #11b95c;
  color: #11b95c;
  outline: none;
}

.el-button--warning {
  color: #fff;
  background-color: #f7ba2a;
  border-color: #f7ba2a;
}

.el-button--warning:focus,
.el-button--warning:hover {
  background: #f9c855;
  border-color: #f9c855;
  color: #fff;
}

.el-button--warning:active {
  outline: none;
}

.el-button--warning.is-active,
.el-button--warning:active {
  background: #dea726;
  border-color: #dea726;
  color: #fff;
}

.el-button--warning.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
  background: #fff;
  border-color: #f7ba2a;
  color: #f7ba2a;
}

.el-button--warning.is-plain:active {
  background: #fff;
  border-color: #dea726;
  color: #dea726;
  outline: none;
}

.el-button--danger {
  color: #fff;
  background-color: #ff4949;
  border-color: #ff4949;
}

.el-button--danger:focus,
.el-button--danger:hover {
  background: #ff6d6d;
  border-color: #ff6d6d;
  color: #fff;
}

.el-button--danger:active {
  outline: none;
}

.el-button--danger.is-active,
.el-button--danger:active {
  background: #e64242;
  border-color: #e64242;
  color: #fff;
}

.el-button--danger.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
  background: #fff;
  border-color: #ff4949;
  color: #ff4949;
}

.el-button--danger.is-plain:active {
  background: #fff;
  border-color: #e64242;
  color: #e64242;
  outline: none;
}

.el-button--info {
  color: #fff;
  background-color: #50bfff;
  border-color: #50bfff;
}

.el-button--info:focus,
.el-button--info:hover {
  background: #73ccff;
  border-color: #73ccff;
  color: #fff;
}

.el-button--info:active {
  outline: none;
}

.el-button--info.is-active,
.el-button--info:active {
  background: #48ace6;
  border-color: #48ace6;
  color: #fff;
}

.el-button--info.is-plain {
  background: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
  background: #fff;
  border-color: #50bfff;
  color: #50bfff;
}

.el-button--info.is-plain:active {
  background: #fff;
  border-color: #48ace6;
  color: #48ace6;
  outline: none;
}

.el-button--large {
  padding: 11px 19px;
  font-size: 16px;
  border-radius: 4px;
}

.el-button--small {
  padding: 7px 9px;
  font-size: 12px;
  border-radius: 4px;
}

.el-button--mini {
  padding: 4px;
  font-size: 12px;
  border-radius: 4px;
}

.el-button--text {
  border: none;
  color: #20a0ff;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

.el-button--text:focus,
.el-button--text:hover {
  color: #4db3ff;
}

.el-button--text:active {
  color: #1d90e6;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}

.el-button-group .el-button--primary:first-child {
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:last-child {
  border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:first-child {
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:last-child {
  border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:first-child {
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:last-child {
  border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:first-child {
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:last-child {
  border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:first-child {
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:last-child {
  border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, 0.5);
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button {
  float: left;
  position: relative;
}

.el-button-group .el-button + .el-button {
  margin-left: 0;
}

.el-button-group .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-button-group .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-button-group .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.el-button-group .el-button:not(:last-child) {
  margin-right: -1px;
}

.el-button-group .el-button.is-active,
.el-button-group .el-button:active,
.el-button-group .el-button:focus,
.el-button-group .el-button:hover {
  z-index: 1;
}

.el-message-box {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  width: 420px;
  border-radius: 3px;
  font-size: 16px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.el-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.el-message-box__wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box__header {
  position: relative;
  padding: 20px 20px 0;
}

.el-message-box__content {
  padding: 30px 20px;
  color: #48576a;
  font-size: 14px;
  position: relative;
}

.el-message-box__close {
  display: inline-block;
  position: absolute;
  top: 19px;
  right: 20px;
  color: #999;
  cursor: pointer;
  line-height: 20px;
  text-align: center;
}

.el-message-box__close:hover {
  color: #20a0ff;
}

.el-message-box__input {
  padding-top: 15px;
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
  border-color: #ff4949;
}

.el-message-box__errormsg {
  color: #ff4949;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px;
}

.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  height: 18px;
  color: #333;
}

.el-message-box__message {
  margin: 0;
}

.el-message-box__message p {
  margin: 0;
  line-height: 1.4;
}

.el-message-box__btns {
  padding: 10px 20px 15px;
  text-align: right;
}

.el-message-box__btns button:nth-child(2) {
  margin-left: 10px;
}

.el-message-box__btns-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.el-message-box__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 36px !important;
}

.el-message-box__status.el-icon-circle-check {
  color: #13ce66;
}

.el-message-box__status.el-icon-information {
  color: #50bfff;
}

.el-message-box__status.el-icon-warning {
  color: #f7ba2a;
}

.el-message-box__status.el-icon-circle-cross {
  color: #ff4949;
}

.msgbox-fade-enter-active {
  animation: msgbox-fade-in 0.3s;
}

.msgbox-fade-leave-active {
  animation: msgbox-fade-out 0.3s;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes msgbox-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}

.el-breadcrumb {
  font-size: 13px;
  line-height: 1;
}

.el-breadcrumb__separator {
  margin: 0 8px;
  color: #bfcbd9;
}

.el-breadcrumb__item {
  float: left;
}

.el-breadcrumb__item:last-child .el-breadcrumb__item__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover {
  color: #97a8be;
  cursor: text;
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}

.el-breadcrumb__item__inner,
.el-breadcrumb__item__inner a {
  transition: color 0.15s linear;
  color: #48576a;
}

.el-breadcrumb__item__inner:hover,
.el-breadcrumb__item__inner a:hover {
  color: #20a0ff;
  cursor: pointer;
}

.el-form--label-left .el-form-item__label {
  text-align: left;
}

.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  padding: 0 0 10px;
}

.el-form--inline .el-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block;
}

.el-form--inline .el-form-item__content {
  display: inline-block;
}

.el-form--inline.el-form--label-top .el-form-item__content {
  display: block;
}

.el-form-item {
  margin-bottom: 22px;
}

.el-form-item .el-form-item {
  margin-bottom: 0;
}

.el-form-item .el-form-item .el-form-item__content {
  margin-left: 0 !important;
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner,
.el-form-item.is-error .el-input__inner {
  border-color: transparent;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-textarea__inner {
  border-color: #ff4949;
}

.el-form-item.is-required .el-form-item__label:before {
  content: "*";
  color: #ff4949;
  margin-right: 4px;
}

.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #48576a;
  line-height: 1;
  padding: 11px 12px 11px 0;
  box-sizing: border-box;
}

.el-form-item__content {
  line-height: 36px;
  position: relative;
  font-size: 14px;
}

.el-form-item__error {
  color: #ff4949;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}

.el-tabs__header {
  border-bottom: 1px solid #d1dbe5;
  padding: 0;
  position: relative;
  margin: 0 0 15px;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background-color: #20a0ff;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
}

.el-tabs__new-tab {
  float: right;
  border: 1px solid #d3dce6;
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin: 12px 0 9px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #d3dce6;
  cursor: pointer;
  transition: all 0.15s;
}

.el-tabs__new-tab .el-icon-plus {
  transform: scale(0.8);
}

.el-tabs__new-tab:hover {
  color: #20a0ff;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
}

.el-tabs__nav-wrap.is-scrollable {
  padding: 0 15px;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: #8391a5;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform 0.3s;
  float: left;
}

.el-tabs__item {
  padding: 0 16px;
  height: 42px;
  box-sizing: border-box;
  line-height: 42px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  color: #8391a5;
  position: relative;
}

.el-tabs__item .el-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 5px;
}

.el-tabs__item .el-icon-close:before {
  transform: scale(0.7);
  display: inline-block;
}

.el-tabs__item .el-icon-close:hover {
  background-color: #97a8be;
  color: #fff;
}

.el-tabs__item:hover {
  color: #1f2d3d;
  cursor: pointer;
}

.el-tabs__item.is-disabled {
  color: #bbb;
  cursor: default;
}

.el-tabs__item.is-active {
  color: #20a0ff;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
}

.el-tabs--card .el-tabs__nav .el-tabs__active-bar {
  display: none;
}

.el-tabs--card .el-tabs__nav .el-tabs__item .el-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  vertical-align: middle;
  line-height: 15px;
  overflow: hidden;
  top: -1px;
  right: -2px;
  transform-origin: 100% 50%;
}

.el-tabs--card .el-tabs__nav .el-tabs__item {
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-tabs--card .el-tabs__nav .el-tabs__item.is-closable:hover {
  padding-right: 9px;
  padding-left: 9px;
}

.el-tabs--card .el-tabs__nav .el-tabs__item.is-closable:hover .el-icon-close {
  width: 14px;
}

.el-tabs--card .el-tabs__nav .el-tabs__item.is-active {
  border: 1px solid #d1dbe5;
  border-bottom-color: #fff;
  border-radius: 4px 4px 0 0;
}

.el-tabs--card .el-tabs__nav .el-tabs__item.is-active.is-closable {
  padding-right: 16px;
  padding-left: 16px;
}

.el-tabs--card .el-tabs__nav .el-tabs__item.is-active.is-closable .el-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: #fff;
  border: 1px solid #d1dbe5;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}

.el-tabs--border-card > .el-tabs__header {
  background-color: #eef1f6;
  margin: 0;
}

.el-tabs--border-card > .el-tabs__header > .el-tabs__item {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid transparent;
  border-top: 0;
  margin-right: -1px;
  margin-left: -1px;
}

.el-tabs--border-card > .el-tabs__header > .el-tabs__item.is-active {
  background-color: #fff;
  border-right-color: #d1dbe5;
  border-left-color: #d1dbe5;
}

.el-tabs--border-card > .el-tabs__header > .el-tabs__item.is-active:first-child {
  border-left-color: #d1dbe5;
}

.el-tabs--border-card > .el-tabs__header > .el-tabs__item.is-active:last-child {
  border-right-color: #d1dbe5;
}

.slideInLeft-transition,
.slideInRight-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter 0.3s;
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave 0.3s;
}

.slideInLeft-enter {
  animation: slideInLeft-enter 0.3s;
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave 0.3s;
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }

  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}

@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }

  to {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }

  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}

@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }

  to {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}

.el-tag {
  background-color: #8391a5;
  display: inline-block;
  padding: 0 5px;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid transparent;
  white-space: nowrap;
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  transform: scale(0.75);
  height: 18px;
  width: 18px;
  line-height: 18px;
  vertical-align: middle;
  top: -1px;
  right: -2px;
}

.el-tag .el-icon-close:hover {
  background-color: #fff;
  color: #8391a5;
}

.el-tag--gray {
  background-color: #e4e8f1;
  border-color: #e4e8f1;
  color: #48576a;
}

.el-tag--gray .el-tag__close:hover {
  background-color: #48576a;
  color: #fff;
}

.el-tag--gray.is-hit {
  border-color: #48576a;
}

.el-tag--primary {
  background-color: rgba(32, 160, 255, 0.1);
  border-color: rgba(32, 160, 255, 0.2);
  color: #20a0ff;
}

.el-tag--primary .el-tag__close:hover {
  background-color: #20a0ff;
  color: #fff;
}

.el-tag--primary.is-hit {
  border-color: #20a0ff;
}

.el-tag--success {
  background-color: rgba(18, 206, 102, 0.1);
  border-color: rgba(18, 206, 102, 0.2);
  color: #13ce66;
}

.el-tag--success .el-tag__close:hover {
  background-color: #13ce66;
  color: #fff;
}

.el-tag--success.is-hit {
  border-color: #13ce66;
}

.el-tag--warning {
  background-color: rgba(247, 186, 41, 0.1);
  border-color: rgba(247, 186, 41, 0.2);
  color: #f7ba2a;
}

.el-tag--warning .el-tag__close:hover {
  background-color: #f7ba2a;
  color: #fff;
}

.el-tag--warning.is-hit {
  border-color: #f7ba2a;
}

.el-tag--danger {
  background-color: rgba(255, 73, 73, 0.1);
  border-color: rgba(255, 73, 73, 0.2);
  color: #ff4949;
}

.el-tag--danger .el-tag__close:hover {
  background-color: #ff4949;
  color: #fff;
}

.el-tag--danger.is-hit {
  border-color: #ff4949;
}

.el-tree {
  cursor: default;
  background: #fff;
  border: 1px solid #d1dbe5;
}

.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #5e7382;
}

.el-tree-node {
  white-space: nowrap;
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}

.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree-node__content {
  line-height: 36px;
  height: 36px;
  cursor: pointer;
}

.el-tree-node__content > .el-checkbox,
.el-tree-node__content > .el-tree-node__expand-icon {
  margin-right: 8px;
}

.el-tree-node__content > .el-checkbox {
  vertical-align: middle;
}

.el-tree-node__content:hover {
  background: #e4e8f1;
}

.el-tree-node__expand-icon {
  display: inline-block;
  cursor: pointer;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-left: 10px;
  border: 6px solid transparent;
  border-right-width: 0;
  border-left-color: #97a8be;
  border-left-width: 7px;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}

.el-tree-node__expand-icon:hover {
  border-left-color: #999;
}

.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}

.el-tree-node__expand-icon.is-leaf {
  border-color: transparent;
  cursor: default;
}

.el-tree-node__label,
.el-tree-node__loading-icon {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}

.el-tree-node__loading-icon {
  margin-right: 4px;
  color: #97a8be;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf7ff;
}

.el-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  color: #fff;
  opacity: 1;
  display: table;
  transition: opacity 0.2s;
}

.el-alert .el-alert__description {
  color: #fff;
  font-size: 12px;
  margin: 5px 0 0;
}

.el-alert--success {
  background-color: #13ce66;
}

.el-alert--info {
  background-color: #50bfff;
}

.el-alert--warning {
  background-color: #f7ba2a;
}

.el-alert--error {
  background-color: #ff4949;
}

.el-alert__content {
  display: table-cell;
  padding: 0 8px;
}

.el-alert__icon {
  font-size: 16px;
  width: 16px;
  display: table-cell;
  color: #fff;
  vertical-align: middle;
}

.el-alert__icon.is-big {
  font-size: 28px;
  width: 28px;
}

.el-alert__title {
  font-size: 13px;
  line-height: 18px;
}

.el-alert__title.is-bold {
  font-weight: 700;
}

.el-alert__closebtn {
  font-size: 12px;
  color: #fff;
  opacity: 1;
  top: 12px;
  right: 15px;
  position: absolute;
  cursor: pointer;
}

.el-alert__closebtn.is-customed {
  font-style: normal;
  font-size: 13px;
  top: 9px;
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
  opacity: 0;
}

.el-notification {
  width: 330px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 2px;
  position: fixed;
  right: 16px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  transition: opacity 0.3s, transform 0.3s, right 0.3s, top 0.4s;
  overflow: hidden;
}

.el-notification .el-icon-circle-check {
  color: #13ce66;
}

.el-notification .el-icon-circle-cross {
  color: #ff4949;
}

.el-notification .el-icon-information {
  color: #50bfff;
}

.el-notification .el-icon-warning {
  color: #f7ba2a;
}

.el-notification__group {
  margin-left: 0;
}

.el-notification__group.is-with-icon {
  margin-left: 55px;
}

.el-notification__title {
  font-weight: 400;
  font-size: 16px;
  color: #1f2d3d;
  margin: 0;
}

.el-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 10px 0 0;
  color: #8391a5;
  text-align: justify;
}

.el-notification__icon {
  width: 40px;
  height: 40px;
  font-size: 40px;
  float: left;
  position: relative;
  top: 3px;
}

.el-notification__closeBtn {
  top: 20px;
  right: 20px;
  position: absolute;
  cursor: pointer;
  color: #bfcbd9;
  font-size: 14px;
}

.el-notification__closeBtn:hover {
  color: #97a8be;
}

.el-notification-fade-enter {
  transform: translateX(100%);
  right: 0;
}

.el-notification-fade-leave-active {
  opacity: 0;
}

.el-input-number {
  display: inline-block;
  overflow: hidden;
  width: 180px;
  position: relative;
}

.el-input-number .el-input {
  display: block;
}

.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 82px;
}

.el-input-number.is-without-controls .el-input__inner {
  padding-right: 10px;
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
  border-color: #d1dbe5;
  color: #d1dbe5;
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
  color: #d1dbe5;
  cursor: not-allowed;
}

.el-input-number__decrease,
.el-input-number__increase {
  height: auto;
  border-left: 1px solid #bfcbd9;
  width: 36px;
  line-height: 34px;
  top: 1px;
  text-align: center;
  color: #97a8be;
  cursor: pointer;
  position: absolute;
  z-index: 1;
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
  color: #20a0ff;
}

.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #20a0ff;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
  color: #d1dbe5;
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 0;
}

.el-input-number__decrease {
  right: 37px;
}

.el-input-number--large {
  width: 200px;
}

.el-input-number--large .el-input-number__decrease,
.el-input-number--large .el-input-number__increase {
  line-height: 42px;
  width: 42px;
  font-size: 16px;
}

.el-input-number--large .el-input-number__decrease {
  right: 43px;
}

.el-input-number--large .el-input__inner {
  padding-right: 94px;
}

.el-input-number--small {
  width: 130px;
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
  line-height: 30px;
  width: 30px;
  font-size: 13px;
}

.el-input-number--small .el-input-number__decrease {
  right: 31px;
}

.el-input-number--small .el-input__inner {
  padding-right: 70px;
}

.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}

.el-tooltip__popper .popper__arrow:after {
  content: " ";
  border-width: 5px;
}

.el-tooltip__popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  border-top-color: #1f2d3d;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #1f2d3d;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #1f2d3d;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #1f2d3d;
}

.el-tooltip__popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow {
  left: -6px;
  border-right-color: #1f2d3d;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow:after {
  bottom: -5px;
  left: 1px;
  border-right-color: #1f2d3d;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #1f2d3d;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #1f2d3d;
}

.el-tooltip__popper.is-light {
  background: #fff;
  border: 1px solid #1f2d3d;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
  border-top-color: #1f2d3d;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow:after {
  border-top-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #1f2d3d;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow:after {
  border-bottom-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
  border-left-color: #1f2d3d;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow:after {
  border-left-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
  border-right-color: #1f2d3d;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow:after {
  border-right-color: #fff;
}

.el-tooltip__popper.is-dark {
  background: #1f2d3d;
  color: #fff;
}

.el-slider:after,
.el-slider:before {
  display: table;
  content: "";
}

.el-slider:after {
  clear: both;
}

.el-slider__runway {
  width: 100%;
  height: 4px;
  margin: 16px 0;
  background-color: #e4e8f1;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}

.el-slider__runway.show-input {
  margin-right: 160px;
  width: auto;
}

.el-slider__runway.disabled {
  cursor: default;
}

.el-slider__runway.disabled .el-slider__bar,
.el-slider__runway.disabled .el-slider__button {
  background-color: #bfcbd9;
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
  cursor: not-allowed;
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
  transform: scale(1);
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
  cursor: not-allowed;
}

.el-slider__input {
  float: right;
  margin-top: 3px;
}

.el-slider__bar {
  height: 4px;
  background-color: #20a0ff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
}

.el-slider__button-wrapper {
  width: 36px;
  height: 36px;
  position: absolute;
  z-index: 1001;
  top: -16px;
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.el-slider__button-wrapper:after {
  content: "";
  height: 100%;
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
  display: inline-block;
  vertical-align: middle;
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
  cursor: -webkit-grab;
  cursor: grab;
}

.el-slider__button-wrapper.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.el-slider__button {
  width: 12px;
  height: 12px;
  background-color: #20a0ff;
  border-radius: 50%;
  transition: 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
  transform: scale(1.5);
  background-color: #1c8de0;
}

.el-slider__button.hover,
.el-slider__button:hover {
  cursor: -webkit-grab;
  cursor: grab;
}

.el-slider__button.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.el-slider__stop {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #bfcbd9;
  transform: translateX(-50%);
}

.el-loading-mask {
  position: absolute;
  z-index: 10000;
  background-color: hsla(0, 0%, 100%, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}

.el-loading-mask.is-fullscreen {
  position: fixed;
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px;
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  width: 50px;
  height: 50px;
}

.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}

.el-loading-spinner .el-loading-text {
  color: #20a0ff;
  margin: 3px 0;
  font-size: 14px;
}

.el-loading-spinner .circular {
  width: 42px;
  height: 42px;
  animation: loading-rotate 2s linear infinite;
}

.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #20a0ff;
  stroke-linecap: round;
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
  opacity: 0;
}

@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}

.el-row {
  position: relative;
  box-sizing: border-box;
}

.el-row:after,
.el-row:before {
  display: table;
  content: "";
}

.el-row:after {
  clear: both;
}

.el-row--flex {
  display: -ms-flexbox;
  display: flex;
}

.el-row--flex:after,
.el-row--flex:before {
  display: none;
}

.el-row--flex.is-align-bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}

.el-row--flex.is-align-middle {
  -ms-flex-align: center;
  align-items: center;
}

.el-row--flex.is-justify-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.el-row--flex.is-justify-space-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.el-row--flex.is-justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.el-row--flex.is-justify-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.el-col-1,
.el-col-2,
.el-col-3,
.el-col-4,
.el-col-5,
.el-col-6,
.el-col-7,
.el-col-8,
.el-col-9,
.el-col-10,
.el-col-11,
.el-col-12,
.el-col-13,
.el-col-14,
.el-col-15,
.el-col-16,
.el-col-17,
.el-col-18,
.el-col-19,
.el-col-20,
.el-col-21,
.el-col-22,
.el-col-23,
.el-col-24 {
  float: left;
  box-sizing: border-box;
}

.el-col-1 {
  width: 4.16667%;
}

.el-col-offset-1 {
  margin-left: 4.16667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.16667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.16667%;
}

.el-col-2 {
  width: 8.33333%;
}

.el-col-offset-2 {
  margin-left: 8.33333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.33333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.33333%;
}

.el-col-3 {
  width: 12.5%;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  width: 16.66667%;
}

.el-col-offset-4 {
  margin-left: 16.66667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.66667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.66667%;
}

.el-col-5 {
  width: 20.83333%;
}

.el-col-offset-5 {
  margin-left: 20.83333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.83333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.83333%;
}

.el-col-6 {
  width: 25%;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  width: 29.16667%;
}

.el-col-offset-7 {
  margin-left: 29.16667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.16667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.16667%;
}

.el-col-8 {
  width: 33.33333%;
}

.el-col-offset-8 {
  margin-left: 33.33333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.33333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.33333%;
}

.el-col-9 {
  width: 37.5%;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  width: 41.66667%;
}

.el-col-offset-10 {
  margin-left: 41.66667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.66667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.66667%;
}

.el-col-11 {
  width: 45.83333%;
}

.el-col-offset-11 {
  margin-left: 45.83333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.83333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.83333%;
}

.el-col-12 {
  width: 50%;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  width: 54.16667%;
}

.el-col-offset-13 {
  margin-left: 54.16667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.16667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.16667%;
}

.el-col-14 {
  width: 58.33333%;
}

.el-col-offset-14 {
  margin-left: 58.33333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.33333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.33333%;
}

.el-col-15 {
  width: 62.5%;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  width: 66.66667%;
}

.el-col-offset-16 {
  margin-left: 66.66667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.66667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.66667%;
}

.el-col-17 {
  width: 70.83333%;
}

.el-col-offset-17 {
  margin-left: 70.83333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.83333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.83333%;
}

.el-col-18 {
  width: 75%;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  width: 79.16667%;
}

.el-col-offset-19 {
  margin-left: 79.16667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.16667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.16667%;
}

.el-col-20 {
  width: 83.33333%;
}

.el-col-offset-20 {
  margin-left: 83.33333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.33333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.33333%;
}

.el-col-21 {
  width: 87.5%;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  width: 91.66667%;
}

.el-col-offset-22 {
  margin-left: 91.66667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.66667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.66667%;
}

.el-col-23 {
  width: 95.83333%;
}

.el-col-offset-23 {
  margin-left: 95.83333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.83333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.83333%;
}

.el-col-24 {
  width: 100%;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media (max-width: 768px) {
  .el-col-xs-1 {
    width: 4.16667%;
  }

  .el-col-xs-offset-1 {
    margin-left: 4.16667%;
  }

  .el-col-xs-pull-1 {
    position: relative;
    right: 4.16667%;
  }

  .el-col-xs-push-1 {
    position: relative;
    left: 4.16667%;
  }

  .el-col-xs-2 {
    width: 8.33333%;
  }

  .el-col-xs-offset-2 {
    margin-left: 8.33333%;
  }

  .el-col-xs-pull-2 {
    position: relative;
    right: 8.33333%;
  }

  .el-col-xs-push-2 {
    position: relative;
    left: 8.33333%;
  }

  .el-col-xs-3 {
    width: 12.5%;
  }

  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }

  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }

  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }

  .el-col-xs-4 {
    width: 16.66667%;
  }

  .el-col-xs-offset-4 {
    margin-left: 16.66667%;
  }

  .el-col-xs-pull-4 {
    position: relative;
    right: 16.66667%;
  }

  .el-col-xs-push-4 {
    position: relative;
    left: 16.66667%;
  }

  .el-col-xs-5 {
    width: 20.83333%;
  }

  .el-col-xs-offset-5 {
    margin-left: 20.83333%;
  }

  .el-col-xs-pull-5 {
    position: relative;
    right: 20.83333%;
  }

  .el-col-xs-push-5 {
    position: relative;
    left: 20.83333%;
  }

  .el-col-xs-6 {
    width: 25%;
  }

  .el-col-xs-offset-6 {
    margin-left: 25%;
  }

  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }

  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }

  .el-col-xs-7 {
    width: 29.16667%;
  }

  .el-col-xs-offset-7 {
    margin-left: 29.16667%;
  }

  .el-col-xs-pull-7 {
    position: relative;
    right: 29.16667%;
  }

  .el-col-xs-push-7 {
    position: relative;
    left: 29.16667%;
  }

  .el-col-xs-8 {
    width: 33.33333%;
  }

  .el-col-xs-offset-8 {
    margin-left: 33.33333%;
  }

  .el-col-xs-pull-8 {
    position: relative;
    right: 33.33333%;
  }

  .el-col-xs-push-8 {
    position: relative;
    left: 33.33333%;
  }

  .el-col-xs-9 {
    width: 37.5%;
  }

  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }

  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }

  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }

  .el-col-xs-10 {
    width: 41.66667%;
  }

  .el-col-xs-offset-10 {
    margin-left: 41.66667%;
  }

  .el-col-xs-pull-10 {
    position: relative;
    right: 41.66667%;
  }

  .el-col-xs-push-10 {
    position: relative;
    left: 41.66667%;
  }

  .el-col-xs-11 {
    width: 45.83333%;
  }

  .el-col-xs-offset-11 {
    margin-left: 45.83333%;
  }

  .el-col-xs-pull-11 {
    position: relative;
    right: 45.83333%;
  }

  .el-col-xs-push-11 {
    position: relative;
    left: 45.83333%;
  }

  .el-col-xs-12 {
    width: 50%;
  }

  .el-col-xs-offset-12 {
    margin-left: 50%;
  }

  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }

  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }

  .el-col-xs-13 {
    width: 54.16667%;
  }

  .el-col-xs-offset-13 {
    margin-left: 54.16667%;
  }

  .el-col-xs-pull-13 {
    position: relative;
    right: 54.16667%;
  }

  .el-col-xs-push-13 {
    position: relative;
    left: 54.16667%;
  }

  .el-col-xs-14 {
    width: 58.33333%;
  }

  .el-col-xs-offset-14 {
    margin-left: 58.33333%;
  }

  .el-col-xs-pull-14 {
    position: relative;
    right: 58.33333%;
  }

  .el-col-xs-push-14 {
    position: relative;
    left: 58.33333%;
  }

  .el-col-xs-15 {
    width: 62.5%;
  }

  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }

  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }

  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }

  .el-col-xs-16 {
    width: 66.66667%;
  }

  .el-col-xs-offset-16 {
    margin-left: 66.66667%;
  }

  .el-col-xs-pull-16 {
    position: relative;
    right: 66.66667%;
  }

  .el-col-xs-push-16 {
    position: relative;
    left: 66.66667%;
  }

  .el-col-xs-17 {
    width: 70.83333%;
  }

  .el-col-xs-offset-17 {
    margin-left: 70.83333%;
  }

  .el-col-xs-pull-17 {
    position: relative;
    right: 70.83333%;
  }

  .el-col-xs-push-17 {
    position: relative;
    left: 70.83333%;
  }

  .el-col-xs-18 {
    width: 75%;
  }

  .el-col-xs-offset-18 {
    margin-left: 75%;
  }

  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }

  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }

  .el-col-xs-19 {
    width: 79.16667%;
  }

  .el-col-xs-offset-19 {
    margin-left: 79.16667%;
  }

  .el-col-xs-pull-19 {
    position: relative;
    right: 79.16667%;
  }

  .el-col-xs-push-19 {
    position: relative;
    left: 79.16667%;
  }

  .el-col-xs-20 {
    width: 83.33333%;
  }

  .el-col-xs-offset-20 {
    margin-left: 83.33333%;
  }

  .el-col-xs-pull-20 {
    position: relative;
    right: 83.33333%;
  }

  .el-col-xs-push-20 {
    position: relative;
    left: 83.33333%;
  }

  .el-col-xs-21 {
    width: 87.5%;
  }

  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }

  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }

  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }

  .el-col-xs-22 {
    width: 91.66667%;
  }

  .el-col-xs-offset-22 {
    margin-left: 91.66667%;
  }

  .el-col-xs-pull-22 {
    position: relative;
    right: 91.66667%;
  }

  .el-col-xs-push-22 {
    position: relative;
    left: 91.66667%;
  }

  .el-col-xs-23 {
    width: 95.83333%;
  }

  .el-col-xs-offset-23 {
    margin-left: 95.83333%;
  }

  .el-col-xs-pull-23 {
    position: relative;
    right: 95.83333%;
  }

  .el-col-xs-push-23 {
    position: relative;
    left: 95.83333%;
  }

  .el-col-xs-24 {
    width: 100%;
  }

  .el-col-xs-offset-24 {
    margin-left: 100%;
  }

  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }

  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}

@media (min-width: 768px) {
  .el-col-sm-1 {
    width: 4.16667%;
  }

  .el-col-sm-offset-1 {
    margin-left: 4.16667%;
  }

  .el-col-sm-pull-1 {
    position: relative;
    right: 4.16667%;
  }

  .el-col-sm-push-1 {
    position: relative;
    left: 4.16667%;
  }

  .el-col-sm-2 {
    width: 8.33333%;
  }

  .el-col-sm-offset-2 {
    margin-left: 8.33333%;
  }

  .el-col-sm-pull-2 {
    position: relative;
    right: 8.33333%;
  }

  .el-col-sm-push-2 {
    position: relative;
    left: 8.33333%;
  }

  .el-col-sm-3 {
    width: 12.5%;
  }

  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }

  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }

  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }

  .el-col-sm-4 {
    width: 16.66667%;
  }

  .el-col-sm-offset-4 {
    margin-left: 16.66667%;
  }

  .el-col-sm-pull-4 {
    position: relative;
    right: 16.66667%;
  }

  .el-col-sm-push-4 {
    position: relative;
    left: 16.66667%;
  }

  .el-col-sm-5 {
    width: 20.83333%;
  }

  .el-col-sm-offset-5 {
    margin-left: 20.83333%;
  }

  .el-col-sm-pull-5 {
    position: relative;
    right: 20.83333%;
  }

  .el-col-sm-push-5 {
    position: relative;
    left: 20.83333%;
  }

  .el-col-sm-6 {
    width: 25%;
  }

  .el-col-sm-offset-6 {
    margin-left: 25%;
  }

  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }

  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }

  .el-col-sm-7 {
    width: 29.16667%;
  }

  .el-col-sm-offset-7 {
    margin-left: 29.16667%;
  }

  .el-col-sm-pull-7 {
    position: relative;
    right: 29.16667%;
  }

  .el-col-sm-push-7 {
    position: relative;
    left: 29.16667%;
  }

  .el-col-sm-8 {
    width: 33.33333%;
  }

  .el-col-sm-offset-8 {
    margin-left: 33.33333%;
  }

  .el-col-sm-pull-8 {
    position: relative;
    right: 33.33333%;
  }

  .el-col-sm-push-8 {
    position: relative;
    left: 33.33333%;
  }

  .el-col-sm-9 {
    width: 37.5%;
  }

  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }

  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }

  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }

  .el-col-sm-10 {
    width: 41.66667%;
  }

  .el-col-sm-offset-10 {
    margin-left: 41.66667%;
  }

  .el-col-sm-pull-10 {
    position: relative;
    right: 41.66667%;
  }

  .el-col-sm-push-10 {
    position: relative;
    left: 41.66667%;
  }

  .el-col-sm-11 {
    width: 45.83333%;
  }

  .el-col-sm-offset-11 {
    margin-left: 45.83333%;
  }

  .el-col-sm-pull-11 {
    position: relative;
    right: 45.83333%;
  }

  .el-col-sm-push-11 {
    position: relative;
    left: 45.83333%;
  }

  .el-col-sm-12 {
    width: 50%;
  }

  .el-col-sm-offset-12 {
    margin-left: 50%;
  }

  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }

  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }

  .el-col-sm-13 {
    width: 54.16667%;
  }

  .el-col-sm-offset-13 {
    margin-left: 54.16667%;
  }

  .el-col-sm-pull-13 {
    position: relative;
    right: 54.16667%;
  }

  .el-col-sm-push-13 {
    position: relative;
    left: 54.16667%;
  }

  .el-col-sm-14 {
    width: 58.33333%;
  }

  .el-col-sm-offset-14 {
    margin-left: 58.33333%;
  }

  .el-col-sm-pull-14 {
    position: relative;
    right: 58.33333%;
  }

  .el-col-sm-push-14 {
    position: relative;
    left: 58.33333%;
  }

  .el-col-sm-15 {
    width: 62.5%;
  }

  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }

  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }

  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }

  .el-col-sm-16 {
    width: 66.66667%;
  }

  .el-col-sm-offset-16 {
    margin-left: 66.66667%;
  }

  .el-col-sm-pull-16 {
    position: relative;
    right: 66.66667%;
  }

  .el-col-sm-push-16 {
    position: relative;
    left: 66.66667%;
  }

  .el-col-sm-17 {
    width: 70.83333%;
  }

  .el-col-sm-offset-17 {
    margin-left: 70.83333%;
  }

  .el-col-sm-pull-17 {
    position: relative;
    right: 70.83333%;
  }

  .el-col-sm-push-17 {
    position: relative;
    left: 70.83333%;
  }

  .el-col-sm-18 {
    width: 75%;
  }

  .el-col-sm-offset-18 {
    margin-left: 75%;
  }

  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }

  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }

  .el-col-sm-19 {
    width: 79.16667%;
  }

  .el-col-sm-offset-19 {
    margin-left: 79.16667%;
  }

  .el-col-sm-pull-19 {
    position: relative;
    right: 79.16667%;
  }

  .el-col-sm-push-19 {
    position: relative;
    left: 79.16667%;
  }

  .el-col-sm-20 {
    width: 83.33333%;
  }

  .el-col-sm-offset-20 {
    margin-left: 83.33333%;
  }

  .el-col-sm-pull-20 {
    position: relative;
    right: 83.33333%;
  }

  .el-col-sm-push-20 {
    position: relative;
    left: 83.33333%;
  }

  .el-col-sm-21 {
    width: 87.5%;
  }

  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }

  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }

  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }

  .el-col-sm-22 {
    width: 91.66667%;
  }

  .el-col-sm-offset-22 {
    margin-left: 91.66667%;
  }

  .el-col-sm-pull-22 {
    position: relative;
    right: 91.66667%;
  }

  .el-col-sm-push-22 {
    position: relative;
    left: 91.66667%;
  }

  .el-col-sm-23 {
    width: 95.83333%;
  }

  .el-col-sm-offset-23 {
    margin-left: 95.83333%;
  }

  .el-col-sm-pull-23 {
    position: relative;
    right: 95.83333%;
  }

  .el-col-sm-push-23 {
    position: relative;
    left: 95.83333%;
  }

  .el-col-sm-24 {
    width: 100%;
  }

  .el-col-sm-offset-24 {
    margin-left: 100%;
  }

  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }

  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}

@media (min-width: 992px) {
  .el-col-md-1 {
    width: 4.16667%;
  }

  .el-col-md-offset-1 {
    margin-left: 4.16667%;
  }

  .el-col-md-pull-1 {
    position: relative;
    right: 4.16667%;
  }

  .el-col-md-push-1 {
    position: relative;
    left: 4.16667%;
  }

  .el-col-md-2 {
    width: 8.33333%;
  }

  .el-col-md-offset-2 {
    margin-left: 8.33333%;
  }

  .el-col-md-pull-2 {
    position: relative;
    right: 8.33333%;
  }

  .el-col-md-push-2 {
    position: relative;
    left: 8.33333%;
  }

  .el-col-md-3 {
    width: 12.5%;
  }

  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }

  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }

  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }

  .el-col-md-4 {
    width: 16.66667%;
  }

  .el-col-md-offset-4 {
    margin-left: 16.66667%;
  }

  .el-col-md-pull-4 {
    position: relative;
    right: 16.66667%;
  }

  .el-col-md-push-4 {
    position: relative;
    left: 16.66667%;
  }

  .el-col-md-5 {
    width: 20.83333%;
  }

  .el-col-md-offset-5 {
    margin-left: 20.83333%;
  }

  .el-col-md-pull-5 {
    position: relative;
    right: 20.83333%;
  }

  .el-col-md-push-5 {
    position: relative;
    left: 20.83333%;
  }

  .el-col-md-6 {
    width: 25%;
  }

  .el-col-md-offset-6 {
    margin-left: 25%;
  }

  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }

  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }

  .el-col-md-7 {
    width: 29.16667%;
  }

  .el-col-md-offset-7 {
    margin-left: 29.16667%;
  }

  .el-col-md-pull-7 {
    position: relative;
    right: 29.16667%;
  }

  .el-col-md-push-7 {
    position: relative;
    left: 29.16667%;
  }

  .el-col-md-8 {
    width: 33.33333%;
  }

  .el-col-md-offset-8 {
    margin-left: 33.33333%;
  }

  .el-col-md-pull-8 {
    position: relative;
    right: 33.33333%;
  }

  .el-col-md-push-8 {
    position: relative;
    left: 33.33333%;
  }

  .el-col-md-9 {
    width: 37.5%;
  }

  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }

  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }

  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }

  .el-col-md-10 {
    width: 41.66667%;
  }

  .el-col-md-offset-10 {
    margin-left: 41.66667%;
  }

  .el-col-md-pull-10 {
    position: relative;
    right: 41.66667%;
  }

  .el-col-md-push-10 {
    position: relative;
    left: 41.66667%;
  }

  .el-col-md-11 {
    width: 45.83333%;
  }

  .el-col-md-offset-11 {
    margin-left: 45.83333%;
  }

  .el-col-md-pull-11 {
    position: relative;
    right: 45.83333%;
  }

  .el-col-md-push-11 {
    position: relative;
    left: 45.83333%;
  }

  .el-col-md-12 {
    width: 50%;
  }

  .el-col-md-offset-12 {
    margin-left: 50%;
  }

  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }

  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }

  .el-col-md-13 {
    width: 54.16667%;
  }

  .el-col-md-offset-13 {
    margin-left: 54.16667%;
  }

  .el-col-md-pull-13 {
    position: relative;
    right: 54.16667%;
  }

  .el-col-md-push-13 {
    position: relative;
    left: 54.16667%;
  }

  .el-col-md-14 {
    width: 58.33333%;
  }

  .el-col-md-offset-14 {
    margin-left: 58.33333%;
  }

  .el-col-md-pull-14 {
    position: relative;
    right: 58.33333%;
  }

  .el-col-md-push-14 {
    position: relative;
    left: 58.33333%;
  }

  .el-col-md-15 {
    width: 62.5%;
  }

  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }

  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }

  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }

  .el-col-md-16 {
    width: 66.66667%;
  }

  .el-col-md-offset-16 {
    margin-left: 66.66667%;
  }

  .el-col-md-pull-16 {
    position: relative;
    right: 66.66667%;
  }

  .el-col-md-push-16 {
    position: relative;
    left: 66.66667%;
  }

  .el-col-md-17 {
    width: 70.83333%;
  }

  .el-col-md-offset-17 {
    margin-left: 70.83333%;
  }

  .el-col-md-pull-17 {
    position: relative;
    right: 70.83333%;
  }

  .el-col-md-push-17 {
    position: relative;
    left: 70.83333%;
  }

  .el-col-md-18 {
    width: 75%;
  }

  .el-col-md-offset-18 {
    margin-left: 75%;
  }

  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }

  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }

  .el-col-md-19 {
    width: 79.16667%;
  }

  .el-col-md-offset-19 {
    margin-left: 79.16667%;
  }

  .el-col-md-pull-19 {
    position: relative;
    right: 79.16667%;
  }

  .el-col-md-push-19 {
    position: relative;
    left: 79.16667%;
  }

  .el-col-md-20 {
    width: 83.33333%;
  }

  .el-col-md-offset-20 {
    margin-left: 83.33333%;
  }

  .el-col-md-pull-20 {
    position: relative;
    right: 83.33333%;
  }

  .el-col-md-push-20 {
    position: relative;
    left: 83.33333%;
  }

  .el-col-md-21 {
    width: 87.5%;
  }

  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }

  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }

  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }

  .el-col-md-22 {
    width: 91.66667%;
  }

  .el-col-md-offset-22 {
    margin-left: 91.66667%;
  }

  .el-col-md-pull-22 {
    position: relative;
    right: 91.66667%;
  }

  .el-col-md-push-22 {
    position: relative;
    left: 91.66667%;
  }

  .el-col-md-23 {
    width: 95.83333%;
  }

  .el-col-md-offset-23 {
    margin-left: 95.83333%;
  }

  .el-col-md-pull-23 {
    position: relative;
    right: 95.83333%;
  }

  .el-col-md-push-23 {
    position: relative;
    left: 95.83333%;
  }

  .el-col-md-24 {
    width: 100%;
  }

  .el-col-md-offset-24 {
    margin-left: 100%;
  }

  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }

  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}

@media (min-width: 1200px) {
  .el-col-lg-1 {
    width: 4.16667%;
  }

  .el-col-lg-offset-1 {
    margin-left: 4.16667%;
  }

  .el-col-lg-pull-1 {
    position: relative;
    right: 4.16667%;
  }

  .el-col-lg-push-1 {
    position: relative;
    left: 4.16667%;
  }

  .el-col-lg-2 {
    width: 8.33333%;
  }

  .el-col-lg-offset-2 {
    margin-left: 8.33333%;
  }

  .el-col-lg-pull-2 {
    position: relative;
    right: 8.33333%;
  }

  .el-col-lg-push-2 {
    position: relative;
    left: 8.33333%;
  }

  .el-col-lg-3 {
    width: 12.5%;
  }

  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }

  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }

  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }

  .el-col-lg-4 {
    width: 16.66667%;
  }

  .el-col-lg-offset-4 {
    margin-left: 16.66667%;
  }

  .el-col-lg-pull-4 {
    position: relative;
    right: 16.66667%;
  }

  .el-col-lg-push-4 {
    position: relative;
    left: 16.66667%;
  }

  .el-col-lg-5 {
    width: 20.83333%;
  }

  .el-col-lg-offset-5 {
    margin-left: 20.83333%;
  }

  .el-col-lg-pull-5 {
    position: relative;
    right: 20.83333%;
  }

  .el-col-lg-push-5 {
    position: relative;
    left: 20.83333%;
  }

  .el-col-lg-6 {
    width: 25%;
  }

  .el-col-lg-offset-6 {
    margin-left: 25%;
  }

  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }

  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }

  .el-col-lg-7 {
    width: 29.16667%;
  }

  .el-col-lg-offset-7 {
    margin-left: 29.16667%;
  }

  .el-col-lg-pull-7 {
    position: relative;
    right: 29.16667%;
  }

  .el-col-lg-push-7 {
    position: relative;
    left: 29.16667%;
  }

  .el-col-lg-8 {
    width: 33.33333%;
  }

  .el-col-lg-offset-8 {
    margin-left: 33.33333%;
  }

  .el-col-lg-pull-8 {
    position: relative;
    right: 33.33333%;
  }

  .el-col-lg-push-8 {
    position: relative;
    left: 33.33333%;
  }

  .el-col-lg-9 {
    width: 37.5%;
  }

  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }

  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }

  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }

  .el-col-lg-10 {
    width: 41.66667%;
  }

  .el-col-lg-offset-10 {
    margin-left: 41.66667%;
  }

  .el-col-lg-pull-10 {
    position: relative;
    right: 41.66667%;
  }

  .el-col-lg-push-10 {
    position: relative;
    left: 41.66667%;
  }

  .el-col-lg-11 {
    width: 45.83333%;
  }

  .el-col-lg-offset-11 {
    margin-left: 45.83333%;
  }

  .el-col-lg-pull-11 {
    position: relative;
    right: 45.83333%;
  }

  .el-col-lg-push-11 {
    position: relative;
    left: 45.83333%;
  }

  .el-col-lg-12 {
    width: 50%;
  }

  .el-col-lg-offset-12 {
    margin-left: 50%;
  }

  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }

  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }

  .el-col-lg-13 {
    width: 54.16667%;
  }

  .el-col-lg-offset-13 {
    margin-left: 54.16667%;
  }

  .el-col-lg-pull-13 {
    position: relative;
    right: 54.16667%;
  }

  .el-col-lg-push-13 {
    position: relative;
    left: 54.16667%;
  }

  .el-col-lg-14 {
    width: 58.33333%;
  }

  .el-col-lg-offset-14 {
    margin-left: 58.33333%;
  }

  .el-col-lg-pull-14 {
    position: relative;
    right: 58.33333%;
  }

  .el-col-lg-push-14 {
    position: relative;
    left: 58.33333%;
  }

  .el-col-lg-15 {
    width: 62.5%;
  }

  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }

  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }

  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }

  .el-col-lg-16 {
    width: 66.66667%;
  }

  .el-col-lg-offset-16 {
    margin-left: 66.66667%;
  }

  .el-col-lg-pull-16 {
    position: relative;
    right: 66.66667%;
  }

  .el-col-lg-push-16 {
    position: relative;
    left: 66.66667%;
  }

  .el-col-lg-17 {
    width: 70.83333%;
  }

  .el-col-lg-offset-17 {
    margin-left: 70.83333%;
  }

  .el-col-lg-pull-17 {
    position: relative;
    right: 70.83333%;
  }

  .el-col-lg-push-17 {
    position: relative;
    left: 70.83333%;
  }

  .el-col-lg-18 {
    width: 75%;
  }

  .el-col-lg-offset-18 {
    margin-left: 75%;
  }

  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }

  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }

  .el-col-lg-19 {
    width: 79.16667%;
  }

  .el-col-lg-offset-19 {
    margin-left: 79.16667%;
  }

  .el-col-lg-pull-19 {
    position: relative;
    right: 79.16667%;
  }

  .el-col-lg-push-19 {
    position: relative;
    left: 79.16667%;
  }

  .el-col-lg-20 {
    width: 83.33333%;
  }

  .el-col-lg-offset-20 {
    margin-left: 83.33333%;
  }

  .el-col-lg-pull-20 {
    position: relative;
    right: 83.33333%;
  }

  .el-col-lg-push-20 {
    position: relative;
    left: 83.33333%;
  }

  .el-col-lg-21 {
    width: 87.5%;
  }

  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }

  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }

  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }

  .el-col-lg-22 {
    width: 91.66667%;
  }

  .el-col-lg-offset-22 {
    margin-left: 91.66667%;
  }

  .el-col-lg-pull-22 {
    position: relative;
    right: 91.66667%;
  }

  .el-col-lg-push-22 {
    position: relative;
    left: 91.66667%;
  }

  .el-col-lg-23 {
    width: 95.83333%;
  }

  .el-col-lg-offset-23 {
    margin-left: 95.83333%;
  }

  .el-col-lg-pull-23 {
    position: relative;
    right: 95.83333%;
  }

  .el-col-lg-push-23 {
    position: relative;
    left: 95.83333%;
  }

  .el-col-lg-24 {
    width: 100%;
  }

  .el-col-lg-offset-24 {
    margin-left: 100%;
  }

  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }

  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}

.el-progress-bar__inner:after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: #8391a5;
  margin-top: 7px;
}

.el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  cursor: pointer;
  line-height: 146px;
  vertical-align: top;
}

.el-upload--picture-card i {
  font-size: 28px;
  color: #8c939d;
}

.el-upload--picture-card:hover {
  border-color: #20a0ff;
  color: #20a0ff;
}

.el-upload-dragger {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.el-upload-dragger .el-upload__text {
  color: #97a8be;
  font-size: 14px;
  text-align: center;
}

.el-upload-dragger .el-upload__text em {
  color: #20a0ff;
  font-style: normal;
}

.el-upload-dragger .el-icon-upload {
  font-size: 67px;
  color: #97a8be;
  margin: 40px 0 16px;
  line-height: 50px;
}

.el-upload-dragger + .el-upload__tip {
  text-align: center;
}

.el-upload-dragger ~ .el-upload__files {
  border-top: 1px solid rgba(191, 203, 217, 0.2);
  margin-top: 7px;
  padding-top: 5px;
}

.el-upload-dragger:hover {
  border-color: #20a0ff;
}

.el-upload-dragger.is-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #20a0ff;
}

.el-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: #48576a;
  line-height: 1.8;
  margin-top: 5px;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  position: relative;
}

.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}

.el-upload-list__item .el-progress {
  position: absolute;
  bottom: -3px;
  width: 100%;
}

.el-upload-list__item .el-progress__text {
  position: absolute;
  top: -10px;
  right: 0;
}

.el-upload-list__item:first-child {
  margin-top: 10px;
}

.el-upload-list__item:hover {
  background-color: #eef1f6;
}

.el-upload-list__item.is-success .el-upload-list__item-name:hover {
  color: #20a0ff;
  cursor: pointer;
}

.el-upload-list__item.is-success .el-icon-close {
  display: none;
}

.el-upload-list__item.is-success:hover .el-icon-close {
  display: inline-block;
  cursor: pointer;
  opacity: 0.75;
  transform: scale(0.7);
  color: #48576a;
}

.el-upload-list__item.is-success:hover .el-icon-close:hover {
  opacity: 1;
}

.el-upload-list__item.is-success:hover .el-icon-check,
.el-upload-list__item.is-success:hover .el-icon-circle-check {
  display: none;
}

.el-upload-list__item-name {
  color: #48576a;
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
}

.el-upload-list__item-name [class^="el-icon"] {
  color: #97a8be;
  margin-right: 7px;
  height: 100%;
  line-height: inherit;
}

.el-upload-list__item-status-label {
  position: absolute;
  right: 10px;
  top: 0;
  line-height: inherit;
  color: #13ce66;
}

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #48576a;
  display: none;
}

.el-upload-list__item-delete:hover {
  color: #20a0ff;
}

.el-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
}

.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  margin: 0 8px 8px 0;
  display: inline-block;
}

.el-upload-list--picture-card .el-upload-list__item-name,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: none;
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg) scale(0.8);
  color: #fff;
}

.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s;
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}

.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 15px;
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-block;
}

.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}

.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 10px 10px 90px;
  height: 92px;
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  background: transparent;
  box-shadow: none;
  top: -2px;
  right: -12px;
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label .el-icon-close {
  transform: rotate(45deg) scale(0.7);
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
  line-height: 70px;
  margin-top: 0;
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 70px;
  float: left;
  margin-left: -80px;
}

.el-upload-list--picture .el-upload-list__item-name {
  display: block;
  margin-top: 20px;
}

.el-upload-list--picture .el-upload-list__item-name i {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 10px;
}

.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 1px 1px #ccc;
}

.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg) scale(0.8);
  color: #fff;
}

.el-upload-list--picture .el-progress {
  position: static;
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}

.el-upload-cover:after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.el-upload-cover__label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}

.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg) scale(0.8);
  color: #fff;
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}

.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  text-align: center;
}

.el-upload-cover__interact .btn {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s, opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
  margin-top: 60px;
}

.el-upload-cover__interact .btn i {
  margin-top: 0;
}

.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}

.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}

.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}

.el-upload-cover__interact .btn i {
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: #48576a;
}

.el-progress {
  position: relative;
  line-height: 1;
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #ff4949;
}

.el-progress.is-exception .el-progress__text {
  color: #ff4949;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: #13ce66;
}

.el-progress.is-success .el-progress__text {
  color: #13ce66;
}

.el-progress__text {
  font-size: 14px;
  color: #48576a;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}

.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle {
  display: inline-block;
}

.el-progress--circle .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%);
}

.el-progress--circle .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}

.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}

.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #e4e8f1;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 2px 0 0 2px;
  background-color: #20a0ff;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 32px 0;
  }
}

.el-time-spinner {
  width: 100%;
  white-space: nowrap;
}

.el-spinner {
  display: inline-block;
  vertical-align: middle;
}

.el-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}

.el-spinner-inner .path {
  stroke: #ececec;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.el-message {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  min-width: 300px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: 2px;
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: #fff;
  transition: opacity 0.3s, transform 0.4s;
  overflow: hidden;
}

.el-message .el-icon-circle-check {
  color: #13ce66;
}

.el-message .el-icon-circle-cross {
  color: #ff4949;
}

.el-message .el-icon-information {
  color: #50bfff;
}

.el-message .el-icon-warning {
  color: #f7ba2a;
}

.el-message__group {
  margin-left: 38px;
  position: relative;
  height: 20px;
  line-height: 20px;
}

.el-message__group p {
  font-size: 14px;
  margin: 0 34px 0 0;
  white-space: nowrap;
  color: #8391a5;
  text-align: justify;
}

.el-message__group.is-with-icon {
  margin-left: 0;
}

.el-message__img {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

.el-message__icon {
  vertical-align: middle;
  margin-right: 8px;
}

.el-message__closeBtn {
  top: 3px;
  right: 0;
  position: absolute;
  cursor: pointer;
  color: #bfcbd9;
  font-size: 14px;
}

.el-message__closeBtn:hover {
  color: #97a8be;
}

.el-message-fade-enter,
.el-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%);
}

.el-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.el-badge__content {
  background-color: #ff4949;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #fff;
}

.el-badge__content.is-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content.is-fixed {
  top: 0;
  right: 10px;
  position: absolute;
  transform: translateY(-50%) translateX(100%);
}

.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-card {
  border: 1px solid #d1dbe5;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.el-card__header {
  padding: 18px 20px;
  border-bottom: 1px solid #d1dbe5;
  box-sizing: border-box;
}

.el-card__body {
  padding: 20px;
}

.el-rate {
  height: 20px;
  line-height: 1;
}

.el-rate__item {
  font-size: 0;
  vertical-align: middle;
}

.el-rate__icon,
.el-rate__item {
  display: inline-block;
  position: relative;
}

.el-rate__icon {
  font-size: 18px;
  margin-right: 6px;
  color: #bfcbd9;
  transition: 0.3s;
}

.el-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}

.el-rate__icon.hover {
  transform: scale(1.15);
}

.el-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
}

.el-rate__text {
  font-size: 14px;
  vertical-align: middle;
}

.el-steps {
  font-size: 0;
}

.el-steps > :last-child .el-step__line {
  display: none;
}

.el-steps.is-horizontal {
  white-space: nowrap;
}

.el-steps.is-horizontal.is-center {
  text-align: center;
}

.el-step {
  position: relative;
  vertical-align: top;
}

.el-step.is-vertical .el-step__head,
.el-step.is-vertical .el-step__main {
  display: inline-block;
}

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
}

.el-step.is-horizontal,
.el-step__line {
  display: inline-block;
}

.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #bfcbd9;
}

.el-step__line.is-vertical {
  width: 2px;
  box-sizing: border-box;
  top: 32px;
  bottom: 0;
  left: 15px;
}

.el-step__line.is-horizontal {
  top: 15px;
  height: 2px;
  left: 32px;
  right: 0;
}

.el-step__line.is-icon.is-horizontal {
  right: 4px;
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  transition: all 0.15s;
  width: 0;
  height: 0;
}

.el-step__icon {
  display: block;
  line-height: 28px;
}

.el-step__icon > * {
  line-height: inherit;
  vertical-align: middle;
}

.el-step__head {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: transparent;
  text-align: center;
  line-height: 28px;
  font-size: 28px;
  vertical-align: top;
  transition: all 0.15s;
}

.el-step__head.is-finish {
  color: #20a0ff;
  border-color: #20a0ff;
}

.el-step__head.is-error {
  color: #ff4949;
  border-color: #ff4949;
}

.el-step__head.is-success {
  color: #13ce66;
  border-color: #13ce66;
}

.el-step__head.is-process,
.el-step__head.is-wait {
  color: #bfcbd9;
  border-color: #bfcbd9;
}

.el-step__head.is-text {
  font-size: 14px;
  border-width: 2px;
  border-style: solid;
}

.el-step__head.is-text.is-finish {
  color: #fff;
  background-color: #20a0ff;
  border-color: #20a0ff;
}

.el-step__head.is-text.is-error {
  color: #fff;
  background-color: #ff4949;
  border-color: #ff4949;
}

.el-step__head.is-text.is-success {
  color: #fff;
  background-color: #13ce66;
  border-color: #13ce66;
}

.el-step__head.is-text.is-wait {
  color: #bfcbd9;
  background-color: #fff;
  border-color: #bfcbd9;
}

.el-step__head.is-text.is-process {
  color: #fff;
  background-color: #bfcbd9;
  border-color: #bfcbd9;
}

.el-step__main {
  white-space: normal;
  padding-right: 10px;
  text-align: left;
}

.el-step__title {
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
}

.el-step__title.is-finish {
  font-weight: 700;
  color: #20a0ff;
}

.el-step__title.is-error {
  font-weight: 700;
  color: #ff4949;
}

.el-step__title.is-success {
  font-weight: 700;
  color: #13ce66;
}

.el-step__title.is-wait {
  font-weight: 400;
  color: #97a8be;
}

.el-step__title.is-process {
  font-weight: 700;
  color: #48576a;
}

.el-step__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.el-step__description.is-finish {
  color: #20a0ff;
}

.el-step__description.is-error {
  color: #ff4949;
}

.el-step__description.is-success {
  color: #13ce66;
}

.el-step__description.is-wait {
  color: #bfcbd9;
}

.el-step__description.is-process {
  color: #8391a5;
}

.el-carousel {
  overflow-x: hidden;
  position: relative;
}

.el-carousel__container {
  position: relative;
  height: 300px;
}

.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 36px;
  height: 36px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0.11);
  color: #fff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}

.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0.23);
}

.el-carousel__arrow i {
  cursor: pointer;
}

.el-carousel__arrow--left {
  left: 16px;
}

.el-carousel__arrow--right {
  right: 16px;
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  z-index: 2;
}

.el-carousel__indicators--outside {
  bottom: 26px;
  text-align: center;
  position: static;
  transform: none;
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}

.el-carousel__indicators--outside button {
  background-color: #8391a5;
  opacity: 0.24;
}

.el-carousel__indicator {
  display: inline-block;
  background-color: transparent;
  padding: 12px 4px;
  cursor: pointer;
}

.el-carousel__indicator:hover button {
  opacity: 0.72;
}

.el-carousel__indicator.is-active button {
  opacity: 1;
}

.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: 30px;
  height: 2px;
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: 0.3s;
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}

.el-scrollbar:active .el-scrollbar__bar,
.el-scrollbar:focus .el-scrollbar__bar,
.el-scrollbar:hover .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 0.34s ease-out;
}

.el-scrollbar__wrap {
  overflow: scroll;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(151, 168, 190, 0.3);
  transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
  background-color: rgba(151, 168, 190, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}

.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}

.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  z-index: 0;
}

.el-carousel__item.is-active {
  z-index: 2;
}

.el-carousel__item--card {
  width: 50%;
}

.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  opacity: 0.12;
}

.el-carousel__item--card.is-active {
  z-index: 2;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.24;
  transition: 0.2s;
}

.el-collapse {
  border: 1px solid #dfe6ec;
  border-radius: 0;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

.el-collapse-item.is-active > .el-collapse-item__header .el-collapse-item__header__arrow {
  transform: rotate(90deg);
}

.el-collapse-item__header {
  height: 43px;
  line-height: 43px;
  padding-left: 15px;
  background-color: #fff;
  color: #48576a;
  cursor: pointer;
  border-bottom: 1px solid #dfe6ec;
  font-size: 13px;
}

.el-collapse-item__header__arrow {
  margin-right: 8px;
  transition: transform 0.3s;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: #fbfdff;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #dfe6ec;
}

.el-collapse-item__content {
  padding: 10px 15px;
  font-size: 13px;
  color: #1f2d3d;
  line-height: 1.769230769230769;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.el-input.is-disabled .el-input__inner {
  background-color: #eef1f6;
  border-color: #d1dbe5;
  color: #bbb;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  color: #bfcbd9;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #bfcbd9;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  color: #bfcbd9;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #bfcbd9;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #20a0ff;
}

.el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #bfcbd9;
  box-sizing: border-box;
  color: #1f2d3d;
  display: block;
  font-size: inherit;
  height: 36px;
  line-height: 1;
  outline: none;
  padding: 3px 10px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__inner::-webkit-input-placeholder {
  color: #97a8be;
}

.el-input__inner::-moz-placeholder {
  color: #97a8be;
}

.el-input__inner:-ms-input-placeholder {
  color: #97a8be;
}

.el-input__inner::placeholder {
  color: #97a8be;
}

.el-input__inner:hover {
  border-color: #8391a5;
}

.el-input__inner:focus {
  outline: none;
  border-color: #20a0ff;
}

.el-input__icon {
  position: absolute;
  width: 35px;
  height: 100%;
  right: 0;
  top: 0;
  text-align: center;
  color: #bfcbd9;
  transition: all 0.3s;
}

.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__icon + .el-input__inner {
  padding-right: 35px;
}

.el-input__icon.is-clickable:hover {
  cursor: pointer;
  color: #8391a5;
}

.el-input__icon.is-clickable:hover + .el-input__inner {
  border-color: #8391a5;
}

.el-input--large {
  font-size: 16px;
}

.el-input--large .el-input__inner {
  height: 42px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height: 30px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height: 22px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
}

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #fbfdff;
  color: #97a8be;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #bfcbd9;
  border-radius: 4px;
  padding: 0 10px;
  width: 1%;
  white-space: nowrap;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: block;
  margin: -10px;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select .el-input__inner,
.el-input-group__append .el-select:hover .el-input__inner,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select .el-input__inner,
.el-input-group__prepend .el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-textarea {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #eef1f6;
  border-color: #d1dbe5;
  color: #bbb;
  cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
  color: #bfcbd9;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #bfcbd9;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
  color: #bfcbd9;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #bfcbd9;
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 7px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  color: #1f2d3d;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bfcbd9;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
  color: #97a8be;
}

.el-textarea__inner::-moz-placeholder {
  color: #97a8be;
}

.el-textarea__inner:-ms-input-placeholder {
  color: #97a8be;
}

.el-textarea__inner::placeholder {
  color: #97a8be;
}

.el-textarea__inner:hover {
  border-color: #8391a5;
}

.el-textarea__inner:focus {
  outline: none;
  border-color: #20a0ff;
}

.el-cascader {
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.el-cascader .el-input,
.el-cascader .el-input__inner {
  cursor: pointer;
  background-color: transparent;
  z-index: 1;
}

.el-cascader .el-input__icon {
  transition: none;
}

.el-cascader .el-icon-caret-bottom {
  transition: transform 0.3s;
}

.el-cascader .el-icon-caret-bottom.is-reverse {
  transform: rotate(180deg);
}

.el-cascader__label {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  line-height: 34px;
  padding: 0 25px 0 10px;
  color: #1f2d3d;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
}

.el-cascader__label span {
  color: #97a8be;
}

.el-cascader--large {
  font-size: 16px;
}

.el-cascader--large .el-cascader__label {
  line-height: 40px;
}

.el-cascader--small {
  font-size: 13px;
}

.el-cascader--small .el-cascader__label {
  line-height: 28px;
}

.el-cascader-menus {
  white-space: nowrap;
  background: #fff;
  position: absolute;
  margin: 5px 0;
  z-index: 2;
  border: 1px solid #d1dbe5;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

.el-cascader-menu {
  display: inline-block;
  vertical-align: top;
  height: 204px;
  overflow: auto;
  border-right: 1px solid #d1dbe5;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 0;
  min-width: 160px;
}

.el-cascader-menu:last-child {
  border-right: 0;
}

.el-cascader-menu__item {
  font-size: 14px;
  padding: 8px 30px 8px 10px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #48576a;
  height: 36px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}

.el-cascader-menu__item:hover {
  background-color: #e4e8f1;
}

.el-cascader-menu__item.selected {
  color: #fff;
  background-color: #20a0ff;
}

.el-cascader-menu__item.selected.hover {
  background-color: #1c8de0;
}

.el-cascader-menu__item.is-active {
  color: #fff;
  background-color: #20a0ff;
}

.el-cascader-menu__item.is-active:hover {
  background-color: #1c8de0;
}

.el-cascader-menu__item.is-disabled {
  color: #bfcbd9;
  background-color: #fff;
  cursor: not-allowed;
}

.el-cascader-menu__item.is-disabled:hover {
  background-color: #fff;
}

.el-cascader-menu__item__keyword {
  font-weight: 700;
}

.el-cascader-menu__item--extensible:after {
  font-family: element-icons;
  content: "\E606";
  font-size: 12px;
  transform: scale(0.8);
  color: #bfcbd9;
  position: absolute;
  right: 10px;
  margin-top: 1px;
}

.el-cascader-menu--flexible {
  height: auto;
  max-height: 180px;
  overflow: auto;
}

.el-cascader-menu--flexible .el-cascader-menu__item {
  overflow: visible;
}

.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: red;
  padding: 0 2px;
}

.el-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
  height: 100%;
}

.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.el-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
}

.el-color-svpanel__black,
.el-color-svpanel__white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.el-color-svpanel__white {
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}

.el-color-svpanel__black {
  background: linear-gradient(0deg, #000, transparent);
}

.el-color-svpanel__cursor {
  position: absolute;
}

.el-color-svpanel__cursor > div {
  cursor: head;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}

.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff);
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff);
  height: 100%;
}

.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.el-color-dropdown {
  width: 300px;
}

.el-color-dropdown__main-wrapper {
  margin-bottom: 6px;
}

.el-color-dropdown__main-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.el-color-dropdown__btns {
  margin-top: 6px;
  text-align: right;
}

.el-color-dropdown__value {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #1f2d3d;
}

.el-color-dropdown__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}

.el-color-dropdown__btn[disabled] {
  color: #ccc;
  cursor: not-allowed;
}

.el-color-dropdown__btn:hover {
  color: #20a0ff;
  border-color: #20a0ff;
}

.el-color-dropdown__link-btn {
  cursor: pointer;
  color: #20a0ff;
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}

.el-color-dropdown__link-btn:hover {
  color: #4db3ff;
}

.el-color-picker {
  display: inline-block;
  position: relative;
}

.el-color-picker__trigger {
  display: inline-block;
  box-sizing: border-box;
  height: 36px;
  padding: 6px;
  border: 1px solid #bfcbd9;
  border-radius: 4px;
  font-size: 0;
}

.el-color-picker__color {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #666;
  width: 22px;
  height: 22px;
  text-align: center;
}

.el-color-picker__color.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-picker__color-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.el-color-picker__empty {
  font-size: 12px;
  vertical-align: middle;
  margin-top: 4px;
  color: #666;
}

.el-color-picker__icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 8px;
  width: 12px;
  color: #888;
  font-size: 12px;
}

.el-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #d1dbe5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
}