@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap");
body {
  font-family: "Noto Sans KR", sans-serif;
}

:root {
  --font-1-light: #2b2b2b;
  --fixcolor-1: #5c617c;
  --gray-1-light: #f0f0f0;
  --fixcolor-2: #1789de;
  --fixcolor-3: #fefefe;
  --bg-main-light: #fff;
  --fixcolor-4: #1999fc;
  --font-2-light: #707070;
  --fixcolor-6: #d24f45;
  --font-3-light: #8f8f8f;
  --bg-fixcolor-bot: #313131;
  --fixcolor-7: #15324e;
  --gray-2-light: #f8f8f8;
  --linecolor-1: #888;
  --fixcolor-5: #1261c4;
  --fixcolor-8: #f80;
  --linecolor-2: #d4d6dc;
  --bg-fixcolor-sub-top: #0b2239;
  --grayblue-light: #e9eef2;
  --bg-sub-light: #ebebeb;
}
* {
  font-family: "Noto Sans KR", sans-serif !important;
  outline: none !important;
}
body {
  margin: 0;
}
a,
a:active,
a:visited {
  text-decoration: none !important;
}
a {
  color: #2b2b2b;
}
h1,
h2,
h3,
h4,
h5 {
  clear: both;
  font-weight: 400;
}
a,
abbr,
acronym,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
u,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
li,
ol,
ul {
  list-style: none;
}
img {
  border: 0;
  vertical-align: top;
}
.marginL20 {
  margin-left: 20px;
}
.font-red {
  color: #d24f45 !important;
}
.font-red2 {
  color: #fcb2ad !important;
}
.font-blue {
  color: #1261c4 !important;
}
.font-blue2 {
  color: #8bc8f7 !important;
}
.font-gray {
  color: #818181 !important;
}
.font-gray2 {
  color: #e2e2e2 !important;
}
.font-orange {
  color: #fe961f !important;
}
.font-yellow {
  color: #ea0 !important;
}
.border-red {
  border: 1px solid #d24f45 !important;
}
.border-blue {
  border: 1px solid #1261c4 !important;
}
.border-gray {
  border: 1px solid #818181 !important;
}
.border-orange {
  border: 1px solid #fe961f !important;
}
.bg-red {
  background-color: #d24f45 !important;
}
.bg-blue,
.bg-red {
  color: #fff !important;
}
.bg-blue {
  background-color: #1261c4 !important;
}
.bg-gray {
  background-color: #818181 !important;
}
.bg-gray,
.bg-orange {
  color: #fff !important;
}
.bg-orange {
  background-color: #fe961f !important;
}
.bg-yellow {
  background-color: #ea0 !important;
  color: #fff !important;
}
.bg-lightgray {
  background-color: #d4d6dc !important;
  color: #2b2b2b !important;
}
.underline-red {
  -webkit-text-decoration: underline 1px solid #d24f45 !important;
  text-decoration: underline 1px solid #d24f45 !important;
}
.underline-blue {
  -webkit-text-decoration: underline 1px solid #1261c4 !important;
  text-decoration: underline 1px solid #1261c4 !important;
}
.underline-gray {
  -webkit-text-decoration: underline 1px solid #818181 !important;
  text-decoration: underline 1px solid #818181 !important;
}
.underline-orange {
  -webkit-text-decoration: underline 1px solid #fe961f !important;
  text-decoration: underline 1px solid #fe961f !important;
}
.bold400 {
  font-weight: 400;
}
.bold600 {
  font-weight: 600;
}
.bold700 {
  font-weight: 700;
}
.flex-center-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.inlineFlex-center,
.inlineFlex-center-center {
  display: inline-flex;
  align-items: center;
}
.inlineFlex-center-center {
  justify-content: center;
}
.flex-center {
  display: flex !important;
}
#header .wrap {
  display: flex;
  align-items: center;
}
#app2 > div > header {
  background: none;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 1400px;
  z-index: 100;
}
#app2 > div > header .wrap {
  position: relative;
  width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
#app2 > div > header .wrap h1 {
  font-weight: 400;
  margin: 0;
}
#app2 > div > header .wrap h1 .logo {
  float: left;
  width: 191.5px;
  margin-top: 0;
  display: block;
  background: transparent url(/static/img/logo_yellow.c9a65573.svg) no-repeat 0
    0;
  background-size: contain;
  text-indent: -1000em;
  font-size: 36px;
}
#app2 > div > header .wrap nav {
  display: inline-block;
  margin-left: 40px;
}
#app2 > div > header .wrap nav ul li {
  float: left;
  height: 79px;
  line-height: 79px;
}
#app2 > div > header .wrap nav ul li:hover {
  background: rgba(239, 180, 20, 0.5);
}
#app2 > div > header .wrap nav ul li a {
  position: relative;
  padding: 0 20px;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.9px;
  text-align: left;
  color: #f0f0f0;
}
#app2 > div > header .wrap nav ul li a:hover {
  font-weight: 600;
  color: #fff;
}
#app2 > div > header .wrap nav ul li .dropdownMenu {
  display: none;
  position: absolute;
  background-color: #052945;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
#app2 > div > header .wrap nav ul li:hover .dropdownMenu {
  display: block;
}
#app2 > div > header .wrap nav ul li .dropdownMenu li a {
  padding: 0 10px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
#app2 > div > header .wrap nav ul li .dropdownMenu li {
  display: block;
  float: none;
  line-height: 44px;
  height: 44px;
  background: rgba(239, 180, 20, 0.1);
}
#app2 > div > header .wrap nav ul li .dropdownMenu li a:hover {
  color: #fff;
}
#app2 > div > header .wrap nav ul li img {
  vertical-align: middle;
}
#app2 > div > header .wrap .tnb {
  position: absolute;
  right: 20px;
  top: 27px;
}
#app2 > div > header .wrap .tnb > li {
  position: relative;
  display: inline-block;
  line-height: 24px;
  margin-left: 30px;
  box-sizing: border-box;
}
#app2 > div > header .wrap .tnb .login a {
  background-color: #fff;
  color: #232843;
  padding: 0 13px;
  line-height: 24px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 700;
}
#app2 > div > header .wrap .tnb .login a:hover {
  background-color: #232843;
  color: #fff;
}
#app2 > div > header .wrap .tnb > li.usr > a {
  color: #fff;
  cursor: pointer;
}
#app2 > div > header .wrap .tnb > li.message-box {
  position: relative;
  cursor: pointer;
  top: 5px;
  overflow: visible;
}
#app2 > div > header .wrap .tnb > li.message-box a {
  width: 29px;
  height: 22px;
  background: url(/static/img/header-message-icon-off.29ecd8e5.svg) no-repeat
    50%;
  background-size: contain;
  display: block;
}
#app2 > div > header .wrap .tnb > li.message-box a.on {
  width: 29px;
  height: 22px;
  background: url(/static/img/header-message-icon.4e929216.svg) no-repeat 50%;
  background-size: contain;
  display: block;
}
#app2 > div > header .wrap .tnb > li.message-box:hover ul {
  display: block;
}
#app2 > div > header .wrap .tnb > li.message-box ul {
  display: none;
  position: absolute;
  background: #fff;
  padding: 3px 10px;
  left: -10px;
  top: 25px;
}
#app2 > div > header .wrap .tnb > li.message-box ul li {
  display: flex;
  font-weight: 700;
}
#app2 > div > header .wrap .tnb > li.message-box ul li span {
  margin-left: 5px;
  font-weight: 400;
}
#app2 > div > header .wrap .tnb > li.usr.price img {
  margin-right: 5px;
  width: 18px;
  height: 18px;
}
#app2 > div > header .wrap .tnb > li.language > a {
  color: #1789de;
  cursor: pointer;
}
#app2 > div > header .wrap .tnb > li.point {
  background-color: #0001;
  border-radius: 5px;
  line-height: 24px;
  font-size: 13px;
  padding: 0 10px;
}
#app2 > div > header .wrap .tnb > li a {
  display: block;
  text-decoration: none;
}
#app2 > div > header .wrap .tnb > li > span {
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0 5px;
}
#app2 > div > header .wrap .tnb > li img {
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  top: -1px;
}
#app2 > div > header .wrap .tnb > li.envelope {
  position: relative;
  margin-left: 10px;
}
#app2 > div > header .wrap .tnb > li.new:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #f80;
  right: -3px;
  top: -1px;
  display: block;
}
#app2 > div > header .wrap .tnb > li.sound img {
  width: 56px;
  height: 24px;
}
#app2 > div > header .wrap .tnb > li.point img {
  width: 18px;
  height: 18px;
}
#app2 > div > header .wrap .tnb > li.login img {
  width: 56px;
  height: 24px;
}
#app2 > div > header.white {
  background-color: hsla(0, 0%, 100%, 0);
}
#app2 > div > header.white .wrap h1 .logo {
  background: transparent url(/static/img/logo_yellow.c9a65573.svg) no-repeat 0
    0;
  background-size: contain;
}
#app2 > div > header.black .wrap nav > ul > li > a.active,
#app2 > div > header.black .wrap nav > ul > li > a:active,
#app2 > div > header.white .wrap nav > ul > li > a,
#app2 > div > header.white .wrap nav > ul > li > a:hover,
header.black .wrap nav > ul > li > a:visited {
  color: #fff;
}
#app2 > div > header.white .wrap .tnb > li.point {
  background-color: #15324e;
}
#app2 > div > header.white .wrap .tnb > li.point a {
  color: #fefefe;
}
#app2 > div > header.white .wrap .tnb > li.point a:hover {
  color: #fff;
}
#app2 > div > header.white .wrap nav ul li .dropdownMenu {
  background-color: hsla(0, 0%, 100%, 0.8);
}
#app2 > div > header.black {
  background-color: #0b2239;
}
#app2 > div > header.black .wrap {
  border-bottom: none;
}
#app2 > div > header.black .wrap h1 .logo {
  background: transparent url(/static/img/logo_yellow.c9a65573.svg) no-repeat 0
    0;
  background-size: contain;
}
#app2 > div > header.black .wrap nav > ul > li > a,
header.black .wrap nav > ul > li > a:visited {
  color: #fefefe80;
}
#app2 > div > header.black .wrap nav > ul > li > a.active,
#app2 > div > header.black .wrap nav > ul > li > a:active,
#app2 > div > header.black .wrap nav > ul > li > a:hover {
  color: #fff;
}
#app2 > div > header.black .wrap .tnb > li.point {
  background-color: #15324e;
}
#app2 > div > header.black .wrap .tnb > li.point a {
  color: #fefefe;
}
#app2 > div > header.black .wrap .tnb > li.point a:hover {
  color: #fff;
}
#app2 > div > header.blue {
  background: #232843;
}
.toggle-switchy {
  color: #fff;
}
.toggle-switchy > input + .toggle:before {
  content: "ON";
}
.toggle-switchy > input + .toggle:after {
  content: "OFF";
}
.toggle-switchy > input + .toggle > .switch {
  background: #fff;
}
.toggle-switchy > input + .toggle + .label {
  color: #000;
}
.toggle-switchy > input:checked + .toggle {
  background: #efb414;
  border: 1px solid #efb414;
}
.toggle-switchy > input:not(:checked) + .toggle {
  background: #afafaf;
}
.toggle-switchy > input:checked + .toggle > .switch {
  border: 3px solid #efb414;
}
.toggle-switchy > input:not(:checked) + .toggle > .switch {
  border: 3px solid #afafaf;
}
.toggle-switchy > input + .toggle {
  border-radius: 4px;
}
.toggle-switchy > input + .toggle .switch {
  border-radius: 6px;
}
.toggle-switchy {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  vertical-align: middle;
  margin-bottom: 0;
}
.toggle-switchy:hover {
  cursor: pointer;
}
.toggle-switchy > input {
  position: absolute;
  opacity: 0;
}
.toggle-switchy > input + .toggle {
  align-items: center;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.toggle-switchy > input[disabled] + .toggle {
  opacity: 0.5;
}
.toggle-switchy > input[disabled] + .toggle:hover {
  cursor: not-allowed;
}
.toggle-switchy > input + .toggle {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.toggle-switchy > input + .toggle > .switch {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 3;
  box-sizing: border-box;
}
.toggle-switchy > input + .toggle:after,
.toggle-switchy > input + .toggle:before {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 2;
  height: 100%;
}
.toggle-switchy > input + .toggle:before {
  right: 55%;
}
.toggle-switchy > input + .toggle:after {
  left: 50%;
}
.toggle-switchy > input + .toggle + .label {
  margin-left: 10px;
}
.toggle-switchy[data-label="left"] > input + .toggle {
  order: 2;
}
.toggle-switchy[data-label="left"] > input + .toggle + .label {
  order: 1;
  margin-left: 0;
  margin-right: 10px;
}
.toggle-switchy > input + .toggle:before {
  opacity: 0;
}
.toggle-switchy > input:checked + .toggle:before {
  opacity: 1;
}
.toggle-switchy > input:checked + .toggle:after {
  opacity: 0;
}
.toggle-switchy > input + .toggle {
  transition: background 0.2s linear, box-shadow 0.2s linear;
}
.toggle-switchy > input + .toggle:after,
.toggle-switchy > input + .toggle:before {
  transition: all 0.2s linear;
}
.toggle-switchy > input + .toggle > .switch {
  transition: right 0.2s linear, border-color 0.2s linear;
}
.toggle-switchy > input + .toggle {
  width: 65px;
  height: 30px;
}
.toggle-switchy > input + .toggle > .switch {
  width: 30px;
}
.toggle-switchy > input + .toggle:after,
.toggle-switchy > input + .toggle:before {
  font-size: 0.8rem;
}
.toggle-switchy > input:not(:checked) + .toggle > .switch {
  right: calc(100% - 30px);
}
.toggle-switchy[data-size="sm"] > input + .toggle {
  width: 55px;
  height: 24px;
  line-height: 1;
}
.toggle-switchy[data-size="sm"] > input + .toggle > .switch {
  width: 25px;
  background: url(/static/img/icon_soundOn.39ff4610.svg) 50% no-repeat;
}
.toggle-switchy[data-size="sm"] > input + .toggle:after,
.toggle-switchy[data-size="sm"] > input + .toggle:before {
  font-size: 0.7rem;
}
.toggle-switchy[data-size="sm"] > input:not(:checked) + .toggle > .switch {
  right: calc(100% - 25px);
  background: url(/static/img/icon_soundOfff.ee76b2f9.svg) 50% no-repeat;
}
.toggle-switchy[data-style="rounded"] > input + .toggle,
.toggle-switchy[data-style="rounded"] > input + .toggle > .switch {
  border-radius: 50px;
}
.toggle-switchy[data-style="rounded"] > input + .toggle:after {
  left: 50%;
}
#app2 > div > header .tnb .usr .user_info {
  display: none;
  position: absolute;
  top: 51px;
  right: 0;
  z-index: 2;
  width: 260px;
  padding: 25px 29px 24px;
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
#app2 > div > header .tnb .usr:hover .user_info {
  display: block;
}
#app2 > div > header .tnb .usr .user_info .blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 100px;
  white-space: nowrap;
}
#app2 > div > header .tnb .usr .user_info .top_user_info {
  overflow: hidden;
}
#app2 > div > header .tnb .usr .user_info .user_name {
  position: relative;
  float: left;
  line-height: 22px;
  top: 5px;
}
#app2 > div > header .tnb .usr .user_info .user_name a {
  display: inline-block;
  display: inline;
  zoom: 1;
  max-width: 116px;
  font-size: 14px;
  color: #444;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}
#app2 > div > header .tnb .usr .user_info .user_name span {
  color: #000;
}
#app2 > div > header .tnb .usr .btn_user_logout {
  float: right;
  border: 1px solid #dedede;
  padding: 4px 8px;
}
#app2 > div > header .tnb .usr .user_info button {
  overflow: visible;
  background: 0 0;
  cursor: pointer;
  box-sizing: content-box;
}
#app2 > div > header .tnb .usr .btn_user_logout span {
  font-size: 12px;
  color: #777;
  text-align: center;
  line-height: 12px;
}
#app2 > div > header .tnb .usr .detail_user_info {
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid #ececec;
}
#app2 > div > header .tnb .usr .detail_user_info ul .item {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-bottom: 5px;
  text-align: left;
}
#app2 > div > header .tnb .usr .detail_user_info .item_tit {
  border: 0;
  font-size: 13px;
  color: #444;
  line-height: 30px;
}
#app2 > div > header .tnb .usr .detail_user_info p,
#app2 > div > header .tnb .usr .detail_user_info span {
  color: #000;
}
#app2 > div > header .tnb .usr .detail_user_info .item p {
  position: absolute;
  top: -1px;
  right: 0;
  text-align: right;
  line-height: 31px;
  vertical-align: middle;
}
#app2 > div > header .tnb .usr .detail_user_info .item p .item_value {
  display: inline;
  margin-right: 2px;
  font-weight: 700;
  font-size: 14px;
  line-height: 31px;
}
#app2 > div > header .tnb .usr .detail_user_info .item p a {
  position: relative;
  top: -1px;
  -webkit-text-decoration: underline 1px solid #1261c4;
  text-decoration: underline 1px solid #1261c4;
}
#app2 > div > header .tnb .usr .user_info_buttons {
  overflow: hidden;
  margin-top: 7px;
}
#app2 > div > header .tnb .usr .user_info_buttons .user_charge,
.user_info_buttons .user_more {
  display: block;
  float: left;
  width: 95px;
  height: 30px;
  background: #96999f;
  font-size: 13px;
  color: #fff;
  line-height: 30px;
  text-align: center;
}
#app2 > div > header .tnb .usr .user_info_buttons .user_charge {
  float: right;
  background: #fa1414;
  font-weight: 700;
}
#app2 > div > header .tnb .language .list {
  display: none;
  position: absolute;
  top: 51px;
  right: 0;
  z-index: 2;
  width: 125px;
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
#app2 > div > header .tnb .language:hover .list {
  display: block;
}
#app2 > div > header .tnb .nation img {
  width: 35px;
  height: 24px;
  box-sizing: border-box;
  border: 1px solid hsla(0, 0%, 100%, 0);
}
#app2 > div > header.black .tnb .nation img {
  border: 1px solid #0b2239;
}
#app2 > div > header .tnb .language .list .tit {
  height: 30px;
  line-height: 30px;
  padding-left: 14px;
  background: #f9fafc;
  font-size: 12px;
  color: #999;
  font-weight: 400;
}
#app2 > div > header .tnb .language .list li {
  display: block;
  border-bottom: 1px solid #f1f1f4;
}
#app2 > div > header .tnb .language .list .on a,
#app2 > div > header .tnb .language .list li:hover a {
  background: #f4f5f8;
  font-weight: 500;
  color: #2b2b2b;
}
#app2 > div > header .tnb .language .list li a {
  display: block;
  height: 44px;
  line-height: 44px;
  padding-left: 14px;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  vertical-align: top;
  cursor: pointer;
}
#app2 > div > header .tnb .language .list li a span {
  padding-right: 10px;
}
#app2 > div > header .tnb .language .list li a img {
  width: 30px;
  height: 20.66px;
  box-sizing: border-box;
  border: 1px solid #d7d8dd;
  vertical-align: middle;
}
.footer-logo {
  width: 144px;
}
footer {
  background: none;
  top: 0;
  width: 100%;
  min-width: 1400px;
  background-color: #4c4f55;
  text-align: left;
}
footer .wrap {
  position: relative;
  display: block;
  width: 1400px;
  margin: 0 auto;
  padding: 68px 0 0;
  box-sizing: border-box;
}
footer .business {
  min-height: 320px;
}
footer .business .danger_msg {
  margin-right: 89px;
  width: 891px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #8f8f8f;
}
footer .business .danger_msg img {
  padding: 30px 0;
  margin-top: 5px;
}
footer .business .danger_msg p {
  font-size: 14px;
  color: #fff;
}
footer .business .help {
  color: hsla(0, 0%, 100%, 0.5);
}
footer .business .help > div {
  height: 227px;
  padding-left: 41px;
  border-left: 1px solid #d4d6dc;
}
footer .business .help .title {
  display: block;
  font-size: 20px;
  font-weight: 500;
}
footer .business .help img {
  width: 32px;
}
footer .business .help h1 {
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
}
footer .business .help h2 {
  padding-top: 16px;
  font-size: 12px;
  font-weight: 500;
}
footer .business .help .help_info {
  display: block;
  margin-bottom: 15px;
}
footer .business .help .help_info .mr30 {
  margin-right: 30px;
}
footer .business .help .help_info p {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  text-align: LEFT;
  color: hsla(0, 0%, 100%, 0.5);
}
footer .business .contact {
  display: block;
  border-top: 1px solid #d4d6dc;
  padding-top: 15px;
}
footer .business .contact > div {
  display: inline-block;
  width: 50%;
  text-align: center;
}
footer .business .contact a {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}
footer .business .contact a:hover {
  color: #000;
}
footer .business .contact a img {
  margin-right: 5px;
}
footer .payment {
  width: 100%;
  padding: 0;
  display: block;
}
footer .payment .list {
  display: flex;
  height: 77px;
  margin-top: 10px;
  padding-top: 20px;
  border-top: solid 1px var(--linecolor-2);
}
footer .payment .list > div:not(:last-child) {
  padding-right: 71px;
}
footer .payment .list > div img {
  width: 167px;
  height: 77px;
}
footer .payment p {
  padding: 20px 0;
  font-size: 12px;
  line-height: 1.23;
  color: var(--font-3-light);
  margin: 20px 0 0 0;
}
footer .copyright,
footer .payment p {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
}
footer .copyright {
  min-height: 110px;
  background-color: #4c4f55;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  line-height: 1.43;
  color: hsla(0, 0%, 100%, 0.5);
}
footer .copyright .wrap {
  padding: 0;
  padding-top: 50px;
}
footer .copyright a {
  padding-left: 30px;
  color: hsla(0, 0%, 100%, 0.5);
}
footer .copyright > div > div:first-child {
  float: left;
}
footer .copyright > div > div:last-child {
  float: right;
}
footer .text.caution {
  font-size: 14px;
  color: #8f8f8f;
  margin-top: 53px;
}
.m_header .point-box .themeMode {
  position: relative;
  margin-left: 79px;
  top: 11px;
  height: 25px;
  border-radius: 18px;
  padding-top: 6px;
}
.m_header .point-box .themeMode.ml0 {
  margin-left: 15px;
}
.m_header {
  height: 71px;
  padding: 0;
  top: 0;
  left: 0;
  text-align: center;
  background-color: transparent;
  position: fixed;
  width: 100%;
  z-index: 1005;
}
.m_header.black {
  background-color: #232843;
}
.m_header.black2 {
  background-color: rgba(35, 40, 67, 0.9);
}
.m_header.blue {
  background-color: #2c5c9b;
}
.m_header.white {
  background-color: hsla(0, 0%, 100%, 0);
}
.m_header.black,
.m_header.black .trade_menu {
  height: 51px;
}
.m_header.black .hamburger-box {
  height: 38px;
}
.m_header.black .page_title {
  height: 32px;
}
.m_header .Logo {
  width: 100%;
  padding: 9px 0;
}
.m_header .Logo img {
  height: 28px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: 10px;
  width: 109px;
  display: block;
  margin-left: 16px;
}
.m_header .page_title {
  margin: 9px auto;
  vertical-align: bottom;
  color: #e1e1e1 !important;
  width: calc(100% - 100px);
  font-size: 16px;
  height: 52px;
  line-height: 32px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_header .nav_menu {
  position: absolute;
  padding: 12px 15px;
  top: 0;
}
.m_header .btn-group {
  border: none;
  margin-top: 0;
}
.m_header .nav_myPage {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 10;
}
.m_header .sidebar-title {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #d4d6dc;
  text-align: right;
}
.m_header .trade_menu {
  width: 100%;
  height: 71px;
  padding: 7px 0;
}
.m_header .trade_menu .dropdown .btn {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.m_header .trade_menu .dropdown .dropdown-toggle:after {
  position: relative;
  top: 2px;
  left: 2px;
}
.m_header .trade_menu .dropdown .dropdown-menu {
  top: 5px !important;
  left: 50% !important;
  z-index: 1000;
  float: left;
  min-width: 150px;
  padding: 0;
  font-size: 16px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-left: -75px;
}
.m_header .trade_menu .dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: 0 10px;
  clear: both;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  line-height: 35px;
  border: 0;
  box-sizing: border-box;
}
.m_header .trade_menu .icon {
  position: relative;
  display: inline-block;
  top: -2px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.m_header .trade_menu .icon.icon_1001 {
  background: url(/static/img/icon_currency_1001.8697b20d.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .icon.icon_1002 {
  background: url(/static/img/icon_currency_1002.da827f62.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .icon.icon_1003 {
  background: url(/static/img/icon_currency_1003.6ef5726f.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .icon.icon_2001 {
  background: url(/static/img/icon_currency_2001.832cc8e2.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .icon.icon_2002 {
  background: url(/static/img/icon_currency_2002.4dabb87b.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .icon.icon_2003 {
  background: url(/static/img/icon_currency_2003.7b642dc1.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .icon.icon_2004 {
  background: url(/static/img/icon_currency_2004.d81f6e06.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .icon.icon_2005 {
  background: url(/static/img/icon_currency_2005.229b895e.svg) no-repeat;
  background-size: contain;
}
.m_header .trade_menu .dropdown .dropdown-item .icon {
  top: 0;
  margin-right: 5px;
}
.m_header .hamburger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
}
.hamburger:hover,
.m_header .hamburger.is-active:hover {
  opacity: 0.7;
}
.m_header .hamburger-box {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
}
.m_header .hamburger-inner {
  top: 67%;
  display: block;
  margin-top: 0;
}
.hamburger-inner:after,
.hamburger-inner:before,
.m_header .hamburger-inner {
  position: absolute;
  width: 29px;
  height: 2px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #fff;
}
.hamburger-inner:before,
.m_header .hamburger-inner:after {
  display: block;
  content: "";
}
.m_header .hamburger-inner:before {
  top: -8px;
}
.m_header .hamburger-inner:after {
  bottom: -8px;
}
.m_header .hamburger--spin .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.22s;
}
.m_header .hamburger--spin .hamburger-inner:before {
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}
.m_header .hamburger--spin .hamburger-inner:after {
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.m_header .hamburger--spin.is-active {
  text-align: right;
}
.m_header .hamburger--spin.is-active .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(225deg);
  background-color: #000;
}
.m_header .hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
  opacity: 0;
  background-color: #000;
}
.m_header .hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
  background-color: #000;
}
.m_header .icon-close {
  margin-right: 5.6px;
  margin-top: -30px;
  width: 33px;
}
.m_header .info_wrap {
  padding: 0;
  color: #2b2b2b;
}
.m_header .sound {
  height: 24px;
  box-sizing: border-box;
}
.m_header .login,
.m_header .sound {
  position: relative;
  float: left;
  line-height: 24px;
  top: 12px;
  left: 15px;
}
.m_header .login {
  background-color: #5c617c;
  padding: 0 13px;
  border-radius: 24px;
  font-size: 13px;
  width: 80px;
  text-align: center;
}
.m_header .login.register {
  float: right;
  left: -12px;
}
.m_header .login a {
  color: #fff;
}
.userBox {
  color: #2b2b2b;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  height: 50px;
  border-bottom: 1px solid #d4d6dc;
  box-sizing: border-box;
  padding: 13px 15px;
}
.userBox:after {
  clear: both;
  content: "";
  display: block;
}
.userBox > * {
  display: inline-block;
}
.userBox span {
  float: left;
}
.userBox img {
  vertical-align: middle;
  margin-right: 5px;
}
.userBox .btnLogout {
  float: right;
  background-color: #5c617c;
  color: #fff;
  padding: 0 13px;
  border-radius: 24px;
  line-height: 24px;
  font-size: 13px;
}
.userBox a:hover {
  background-color: #369fee;
}
.cash_info {
  color: #2b2b2b;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  height: 54px;
  border-bottom: 1px solid #d4d6dc;
  box-sizing: border-box;
  padding: 13px 15px;
  width: 100%;
}
.cash_info > div {
  width: 100%;
}
.cash_info > * {
  line-height: 2;
  float: left;
  font-size: 14px !important;
  margin: 0;
}
.cash_info .cash_name,
.cash_info .point_name {
  width: 100%;
  text-align: left;
  color: #707070;
  font-weight: 500;
}
.cash_info .num {
  width: 100%;
  text-align: right;
}
.message_info {
  margin: 0;
  background-color: #ebebeb;
  text-align: center;
  padding: 19px 0;
  border-bottom: 1px solid #d4d6dc;
}
.message_info > * {
  display: inline-block;
}
.message_info > div {
  text-align: center;
  width: 33.33%;
}
.message_info > div img {
  position: relative;
  display: block;
  margin: 0 auto;
}
.message_info a {
  color: #2b2b2b;
  position: relative;
  font-size: 13px;
}
.message_info a .messageNew {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 1px;
  right: 12px;
  border-radius: 2px;
}
.menuIcon,
.user_info .message,
.user_info .mission {
  margin: 0;
  position: relative;
}
.menuIcon {
  display: block;
  text-align: left;
  padding: 12px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
.menuIcon.active {
  color: #0089de !important;
}
.menuIcon:active,
.menuIcon:focus,
.menuIcon:hover {
  color: #000;
  text-decoration: none;
}
.menuIcon:active > img,
.menuIcon:focus > img,
.menuIcon:hover > img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
}
.menuIcon .bg_more {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 20px;
  height: 20px;
}
.menuIcon.collapsed .bg_more {
  background: url(/static/img/icon_menu_open.025a8ccc.svg) no-repeat;
  background-position: 50%;
  background-size: contain;
}
.menuIcon.not-collapsed .bg_more {
  background: url(/static/img/icon_menu_close.7defd5b1.svg) no-repeat;
  background-position: 50%;
  background-size: contain;
}
.site_menu {
  padding-bottom: 35px;
}
.site_menu li {
  border-bottom: 1px solid #d4d6dc;
  cursor: pointer;
}
.site_menu ul {
  background-color: #f0f0f0;
}
.site_menu ul li {
  margin: 0;
  padding: 10px 0 10px 18px;
  font-size: 12px;
  font-weight: 500;
  border-top: 1px solid #d4d6dc;
  border-bottom: none;
  text-align: left;
}
.site_menu ul li a {
  color: #000;
}
.site_menu ul li img {
  width: 24px;
  height: 24px;
}
#Foot {
  padding: 19px 15px;
  text-align: center;
  background-color: #4c4f55;
  z-index: 9000;
}
#Foot ul li {
  float: left;
  margin-right: 20px;
  border-right: 1px solid #666;
  padding-right: 20px;
  font-size: 14px;
}
#Foot ul li a {
  color: #8f8f8f;
}
#Foot ul li:last-child {
  margin-right: 0;
  border-right: 0;
}
#Foot h4 {
  clear: both;
  text-align: left;
  color: #ccc;
}
#Foot span {
  text-align: left;
  float: left;
  margin-bottom: 15px;
}
#Foot span a {
  color: #aaa;
}
#Foot span a:focus,
#Foot span a:hover,
#Footspan a:active {
  color: #0475bd;
}
#Foot address {
  clear: both;
  text-align: left;
  color: #8f8f8f;
  font-size: 14px;
  margin: 10px auto 0;
} /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.hinge {
  animation-duration: 2s;
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation-name: bounce;
}
@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    transform: scaleX(1.15) scaleY(0.85);
  }
  to {
    transform: scale(1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%,
  to {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  to {
    transform: scale(1) rotate(0);
  }
}
.tada {
  animation-name: tada;
}
@keyframes wobble {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  to {
    transform: translateX(0);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  to {
    transform: translateX(0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  to {
    transform: translateX(0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  to {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  to {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  to {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  to {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  to {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(1turn) scale(0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  to {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  to {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0) skewX(-15deg);
    opacity: 1;
  }
  to {
    transform: translateX(0) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0) skewX(0deg);
    opacity: 1;
  }
  to {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  to {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  to {
    transform: translateY(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  to {
    transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  to {
    transform: translateX(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  to {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
}
.rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
  to {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
.home #header {
  box-shadow: none;
}
.home .flex {
  display: flex;
  align-items: center;
}
.home .main {
  background: url(/static/img/main_back_img.4b4d453f.webp) no-repeat 50%;
  background-size: 100% 1103px;
  height: 794px;
  width: 100%;
  min-width: 1400px;
  padding-top: 177px;
}
.home .main,
.home .main .wrap {
  margin: 0 auto;
  box-sizing: border-box;
}
.home .main .wrap {
  width: 1240px;
  position: relative;
  color: #fff;
}
.home .main .wrap h2 {
  font-size: 104px;
  font-weight: 900;
  letter-spacing: -2.08px;
  line-height: 1.2;
}
.home .main .wrap h2 span {
  display: block;
}
.home .main .wrap h3 {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -2.5px;
  margin: 0 0 14px;
}
.home .main .wrap h6 {
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.42px;
}
.home .main .wrap .btn-box {
  margin-top: 38px;
}
.home .main .wrap .btn-box .btn {
  border-radius: 8px;
  max-width: 229px;
  width: 100%;
  height: 72px;
  color: #232843;
  background: #fff;
  font-size: 28px;
  font-weight: 700;
  cursor: pointer;
}
.home .main .wrap .btn-box .btn.login {
  margin-left: 22px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.home .info1 {
  padding: 89px 0 151px;
  box-sizing: border-box;
  display: inline-table;
  width: 100%;
  background-color: #f5f7f9;
}
.home .info1 .wrap {
  height: 100%;
  box-sizing: border-box;
  position: relative;
  width: 1240px;
  margin: 0 auto;
}
.home .info1 .top {
  justify-content: center;
}
.home .info1 .top img {
  max-width: 508px;
  cursor: pointer;
}
.home .info1 .top img:hover {
  transform: scale(1.01);
}
.home .info1 .top img:first-child {
  margin: 0 43px 0 0;
}
.home .info1 .mid-title1 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.15px;
  text-align: center;
  margin: 165px 0 14px;
}
.home .mid-title2 {
  font-size: 54px;
  font-weight: 900;
  text-align: center;
}
.home .info1 .mid {
  margin: 107px 0 138px;
  align-items: flex-start;
}
.home .info1 .mid .flex {
  align-items: flex-start;
  width: 33%;
  margin: 0 40px 0 0;
}
.home .info1 .mid .flex:last-child {
  margin: 0;
}
.home .info1 .mid .flex img {
  margin: 0 16px 0 0;
}
.home .info1 .mid .flex div p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.home .info1 .mid .flex div .title {
  font-size: 24px;
  font-weight: 700;
  color: #232843;
  padding: 0 0 16px;
}
.home .info1 .bot p {
  font-size: 34px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 47px !important;
}
.home .info1 .bot img:first-child {
  max-width: 812px;
  width: 100%;
}
.home .info1 .bot img:last-child {
  max-width: 405px;
  width: 100%;
  margin: 0 0 0 23px;
}
.home .info2 {
  background-color: #1a1d27;
  padding: 99px 0 78px;
  box-sizing: border-box;
  display: inline-table;
  width: 100%;
  color: #fff;
}
.home .info2 .wrap {
  box-sizing: border-box;
  position: relative;
  width: 1240px;
  margin: 0 auto;
}
.home .mid-title3 {
  font-size: 32px;
  font-weight: 600;
  margin: 14px 0 120px;
  text-align: center;
}
.home .info2 li .title {
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  opacity: 1;
}
.home .info2 li div p {
  font-size: 23px;
  opacity: 0.58;
  line-height: 1.38;
}
.home .info2 li div a {
  margin: 25px 0 0;
  display: block;
  font-size: 20px;
  color: #5399f0;
  cursor: pointer;
}
.home .info2 li div a:hover {
  color: #5399f0;
}
.home .info2 li div a img {
  width: 8.5px;
  height: 15px;
  margin: 0 0 0 4px;
}
.home .info2 li:first-child > img {
  margin: 0 73px 0 0;
}
.home .info2 .center {
  padding: 57px 0 50px;
  flex-direction: row-reverse;
}
.home .info2 .center div {
  margin: 0 163px 0 78px;
}
.home .info2 li:last-child > img {
  margin: 0 109px 0 0;
}
.home .info3 {
  background-color: #e4e7ea;
  padding: 76px 0 84px;
}
.home .info3 .wrap {
  box-sizing: border-box;
  position: relative;
  width: 1240px;
  margin: 0 auto;
}
.home .info3 .flex img {
  width: 650px;
  margin: 0 30px 0 0;
}
.home .info3 .flex p {
  font-size: 18px;
  font-weight: 600;
  opacity: 0.75;
  line-height: 1.33;
}
.home .info3 .flex .title {
  font-size: 28px;
  font-weight: 800;
  opacity: 1;
  line-height: 1.07;
  word-break: keep-all;
  margin: 0 0 10px !important;
}
.home .info3 .flex div:first-child {
  margin: 0 0 40px;
}
.home .simple_info {
  min-width: 1390px;
  padding: 100px 0 105px;
}
.dark .home .simple_info {
  color: #fff;
}
.home .simple_info .wrap {
  box-sizing: border-box;
  position: relative;
  width: 1390px;
  margin: 0 auto;
}
.home .simple_info .flex {
  justify-content: space-between;
}
.home .simple_info h3 {
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 43px;
}
.home .simple_info img {
  width: 191px;
  height: 101px;
  margin: 0;
}
.home .overlay-container {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 10000;
  overflow: auto;
}
.home .overlay-container.show {
  display: block;
}
.home .black-overlay {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
  z-index: 999;
}
.home .overlay-container .popup {
  display: block;
  position: absolute;
  padding-bottom: 50px;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 420px;
  max-height: 500px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1000;
  background-color: #fff;
  padding: 15px;
}
.home .overlay-container .popup .title {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
  color: var(--font-1-light);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.home .overlay-container .popup .content {
  width: 390px;
  max-height: 350px;
  padding: 10px;
  text-align: left;
  font-size: 14px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: transparent;
  line-height: 1.4;
}
.home .overlay-container .popup .content::-webkit-scrollbar {
  display: inline;
  display: initial;
  -webkit-appearance: none;
  width: 8px;
}
.home .overlay-container .popup .content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, 0.5);
}
.home .overlay-container .popup .content img,
.home .overlay-container .popup .content table {
  max-width: 370px !important;
  width: auto;
  height: auto;
}
.home .overlay-container .popup .footer {
  padding-top: 20px;
  position: relative;
  text-align: center;
}
.home .overlay-container .popup .footer .close-popup {
  float: right;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  border-radius: 0 !important;
  background-color: #5c617c;
  color: var(--fixcolor-3);
  cursor: pointer;
}
.home .overlay-container .popup .footer .close-popup.textCenter {
  float: none;
  margin: 0 auto;
}
.home .overlay-container .popup .footer .todayClose {
  position: absolute;
  left: 0;
  top: 25px;
}
.home .overlay-container .popup .footer .todayClose input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]
  + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]
  + label:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 2px solid var(--fixcolor-1);
}
.home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]
  + label:active:before,
.home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]:checked
  + label:active:before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]:checked
  + label:before {
  content: "\2713";
  color: #fff;
  background: var(--fixcolor-1);
  border-color: var(--fixcolor-1);
  line-height: 14px;
}
.signup {
  background-color: #eee;
}
.signup .main {
  margin-top: 84px;
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
}
.signup .main .wrap {
  padding: 6px 0 70px;
  box-sizing: border-box;
  position: relative;
  width: 1400px;
  height: 1434px;
  margin: 0 auto;
  text-align: center;
}
.signup .rightBoard {
  width: 1046px;
  min-height: 500px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  float: right;
  text-align: left;
  box-sizing: border-box;
}
.signup .fullBoard {
  width: 1400px;
}
.signup .rightBoard h2 {
  color: #2b2b2b;
  font-size: 32px;
  line-height: 1.5;
  border-bottom: 2px solid #888;
}
.signup .rightBoard h4 {
  color: #1789de;
  font-size: 24px;
  margin-top: 50px;
}
.signup .rightBoard .row_money {
  padding: 30px;
  border-radius: 20px;
  background-color: #f0f0f0;
  margin-top: 20px;
}
.signup .rightBoard .row_member {
  border-top: 1px solid #d4d6dc;
  border-bottom: 2px solid #d4d6dc;
  margin: 30px 0;
}
.signup .row_member .contentsRow {
  border-bottom: 1px solid #d4d6dc;
  display: block;
  clear: both;
  text-align: left;
  color: #2b2b2b;
}
.signup .row_member .contentsRow p {
  width: 165px;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  background-color: #f0f0f0;
  display: inline-block;
  padding: 3px 20px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 4.5;
  min-height: 62px;
}
.signup .row_member .contentsRow span {
  font-size: 21px;
  font-weight: 700;
  color: #15324e;
  vertical-align: middle;
  display: inline-block;
  min-width: 290px;
  line-height: 2.5;
}
.signup .row_member .contentsRow:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.signup .row_money .contentsRow {
  margin-bottom: 30px;
}
.signup .row_money .contentsRow:last-child {
  margin-bottom: 0;
}
.signup .row_money .step {
  color: #232843;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: block;
  float: left;
  clear: both;
  font-weight: 700;
  margin-right: 10px;
  min-width: 60px;
}
.signup .row_money .pre {
  width: 100%;
  white-space: pre-line;
  word-break: break-all;
  overflow: auto;
  line-height: 1.5;
  font-size: 18px;
}
.signup input.member {
  width: 320px;
}
.signup input.member,
.signup input.member2 {
  padding: 5px 10px;
  height: 40px;
  background: #fff;
  color: #2b2b2b;
  border: 1px solid #d4d6dc;
  text-align: left;
  font-size: 16px;
  box-sizing: border-box;
}
.signup input.member2 {
  width: 165px;
}
.signup input.date {
  padding: 4px 5px;
  width: 222px;
  height: 40px;
  background: #fff;
  color: #000;
  border: 1px solid #d4d6dc;
  text-align: right;
  font-weight: 700;
  font-size: 16px;
  box-sizing: border-box;
  background-image: url(/static/img/icon_schedule.60a596f8.svg);
  background-position: 7px 7px;
  background-repeat: no-repeat;
}
.signup input.disabled {
  background-color: #eee;
}
.signup .buttonArea {
  text-align: right;
}
.signup .buttonArea.center {
  text-align: center;
  margin: 10px 0 50px;
}
.signup .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: #707070;
  color: #fefefe;
  height: 40px;
  box-sizing: border-box;
}
.signup .btn-confirm {
  background-color: #5c617c;
  min-width: 160px;
  border-radius: 4px;
  margin-left: 8px;
}
.signup .btn-confirm:hover {
  color: #fff;
}
.signup .btn-cancel {
  background-color: #707070;
  min-width: 160px;
  margin-left: 5px;
}
.signup .btn-lg {
  padding: 12px 32px;
  height: 50px;
  border-radius: 0;
}
.signup .btn-lg:hover {
  color: #fff;
}
.signup .contentsRow select {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  padding: 0 0 0 10px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  width: 320px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAANhJREFUSEtjZKAxYKSx+QyjFhAM4dEgIj+ILl+93cDDxTJBUVHxAz5T7t+/L/Dtx798bU3lRmzqsMYByHBGRsZ6hv//L3BzsTjisgRk+Ndvf/YzMDIa/P//v1FXW7UB3RKsFkA1HmBgZNTHZQmy4Qz//1/k5mJxwOYQnKkInyXEGg7yDd5kis0SkCZYsOBzOSyoCOYDdEvAGhkZDYgxnKAPYK5AsQQkiCfMiYpkbMkNbgkDAwOuCCU6meJK9yBLQHKE8gayfoJxQDCrElAwagHBEBwNIoJBBADf1oIZjmNULAAAAABJRU5ErkJggg==)
    no-repeat;
  -webkit-appearance: none;
  background-position: calc(100% - 15px);
}
.signup .searchArea select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}
.signup .contentsRow select.emailSelect {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  padding: 10px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  width: 165px;
}
.signup .moneyArea table {
  border-top: 2px solid #1789de;
  border-bottom: none !important;
}
.signup .moneyArea .list_head {
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  height: 50px;
  border-bottom: 2px solid #333;
  padding: 0 5px;
  margin: 30px 0;
  color: #2b2b2b;
  box-sizing: border-box;
  font-weight: 300;
  border-collapse: collapse;
  border-spacing: 0;
}
.signup .moneyArea .list_head thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
}
.signup .moneyArea .list_head.history .title {
  font-size: 16px;
  font-weight: 300;
}
.signup .moneyArea .list_head tbody tr td {
  padding: 11px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.signup .board_co_number {
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.signup .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.signup .board_co_account {
  font-size: 18px;
  font-weight: 600;
}
.signup .board_co_account.deposite {
  color: #1789de;
}
.signup .board_co_account.withdraw {
  color: #d24f45;
}
.signup .board_co_account .buying {
  color: #1789de;
}
.signup .board_co_account .sell {
  color: #d24f45;
}
.signup .board_co_status .realization {
  color: #1789de;
}
.signup .board_co_status .disqualification {
  color: #d24f45;
}
.signup .board_co_money {
  color: #2b2b2b;
  font-size: 18px;
  text-align: right;
  font-weight: 600;
  padding-right: 20px;
}
.signup .board_co_status {
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
}
.signup .board_co_status .ongoing {
  border-radius: 25px;
  color: #f80;
  border: 2px solid #f80;
}
.signup .board_co_status .ongoing,
.signup .board_co_status .refusal {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
}
.signup .board_co_status .refusal {
  border-radius: 25px;
  color: #d24f45;
  border: 2px solid #d24f45;
}
.signup .board_co_status .done {
  background-color: #fff;
  padding: 5px;
  border-radius: 25px;
  color: #1789de;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #1789de;
}
.signup .checks {
  position: relative;
}
.signup .checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.signup .checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.signup .checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.signup .checks input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #1789de;
}
.signup .checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #1789de;
  border-radius: 100%;
}
.signup .tableDescription {
  margin: 20px 0 90px;
  color: #707070;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
.signup .pagination {
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: block;
}
.pagination a,
.signup .pagination span {
  background-color: #ebebeb;
  color: #8f8f8f;
  display: inline-block;
  padding: 11px 15px;
  margin: 0 1px;
  text-decoration: none;
  width: auto;
  border-radius: 5px;
  font-size: 18px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.75;
  min-width: 50px;
}
.signup .pagination .current {
  padding: 11px 15px;
  background-color: #5c617c;
  color: #fff;
}
.signup .btn.deposite {
  background-color: #1789de;
}
.signup .btn.withdraw {
  background-color: #d24f45;
}
.signup .btn.reflash {
  background-color: #fff;
  color: #232843;
  border: 1px solid #232843;
}
.signup .btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
}
.signup .member_warning {
  font-size: 12px;
  color: #d24f45;
  line-height: 1.5;
  font-weight: 400;
}
.signup .member_warning.pass {
  font-size: 12px;
  color: #2fac5f;
  line-height: 1.5;
  font-weight: 400;
}
.signup .agree {
  position: relative;
}
.signup .agree .all_agree {
  margin-bottom: 18px;
}
.signup .agree ul li {
  position: relative;
  margin-bottom: 18px;
}
.signup .agree input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.signup .agree input[type="checkbox"] + label a {
  position: absolute;
  top: -3px;
  left: 30px;
  display: block;
  color: #2b2b2b;
  font-weight: 400;
  cursor: pointer;
}
.login-page {
  background-color: #eee;
}
.login-page .main {
  margin-top: 84px;
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
}
.login-page .main .wrap {
  padding: 20px 0;
  box-sizing: border-box;
  position: relative;
  width: 1400px;
  height: 1200px;
  margin: 0 auto;
  text-align: center;
}
.login-page .rightBoard {
  width: 1046px;
  min-height: 500px;
  padding: 30px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  float: right;
  text-align: left;
  box-sizing: border-box;
}
.login-page .fullBoard {
  width: 1400px;
  height: 950px;
  margin-top: 0;
}
.login-page .rightBoard h2 {
  color: #2b2b2b;
  font-size: 32px;
  line-height: 1.5;
  border-bottom: 2px solid #888;
}
.login-page .rightBoard h4 {
  color: #1789de;
  font-size: 24px;
  margin-top: 50px;
}
.login-page input.member {
  padding: 13px 13px;
  width: 320px;
  height: 50px;
  background: #fff;
  color: #2b2b2b;
  border: 1px solid #d4d6dc;
  text-align: left;
  font-size: 16px;
  box-sizing: border-box;
}
.login-page .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: #707070;
  color: #fefefe;
  height: 40px;
  box-sizing: border-box;
}
.login-page .btn-confirm {
  background-color: #232843;
}
.login-page .btn-confirm:hover {
  color: #fff;
}
.login-page .loginForm {
  width: 386px;
  margin: 160px auto;
  text-align: center;
}
.login-page .loginForm img {
  width: 153px;
  margin: 50px auto 57px;
}
.login-page .loginForm .contentsRow {
  display: block;
  clear: both;
  text-align: left;
  color: #2b2b2b;
  margin-bottom: 12px;
}
.login-page .loginForm .contentsRow input.member {
  width: 386px;
}
.login-page .loginForm .errorMsg {
  width: 100%;
  min-height: 44px;
  text-align: left;
}
.login-page .loginForm .member_warning {
  font-size: 14px;
  color: #d24f45;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
  height: 42px;
  margin-bottom: 14px;
}
.login-page .loginForm .btnLogin {
  width: 100%;
  height: 50px;
  border-radius: 0;
}
.login-page .loginForm .autoLogin {
  margin: 12px 0 42px;
  text-align: left;
  color: #707070;
  position: relative;
}
.login-page .loginForm .helpDesk {
  color: #707070;
  text-align: center;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}
.login-page .loginForm .join {
  text-align: center;
  font-size: 14px;
  color: #2b2b2b;
  font-weight: 600;
  margin-top: 30px;
}
.login-page .loginForm .join .btnJoin {
  color: #1261c4;
  font-weight: 600;
  margin-left: 5px;
}
.login-page .autoLogin input[type="checkbox"] + label span {
  position: absolute;
  top: -1px;
  left: 30px;
  display: block;
  color: #707070;
}
.login-page .autoLogin input[type="checkbox"] {
  display: none;
}
.login-page .autoLogin input[type="checkbox"] + label {
  border: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF8mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMTItMjJUMTM6NDI6NDgrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTEyLTIyVDE1OjA1OjExKzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTEyLTIyVDE1OjA1OjExKzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMSIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRvdCBHYWluIDIwJSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMDRkODVkZS1mNWM1LTQ4NGUtYWExMy00YjkwMjgwMTZiYzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZTI1ODA3ZS0xODU2LTFkNDQtODljNC02MjQyOTEzM2Y4ZjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NTRiMjlhOS0wOTM0LTQxMzItYjZjZS1kNGY3MjNkNTA3NmEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1NGIyOWE5LTA5MzQtNDEzMi1iNmNlLWQ0ZjcyM2Q1MDc2YSIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0yMlQxMzo0Mjo0OCswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmIwNGQ4NWRlLWY1YzUtNDg0ZS1hYTEzLTRiOTAyODAxNmJjOSIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0yMlQxNTowNToxMSswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uuTeZQAAAItJREFUKJGl0bENgzAURdHnTEFoIsEobMASWYKCHaJMkQaJFahpA1WKNGmY4VKAY4K+TBG7sORzLVm2Q/FxOvBI4FSpUyns6bgDMMUZOptvK4+koqDhap4eOCPxAaC2GYl+3agtRiLn/U08Pz0jIS682I6RNNxpWbbJD/sgJDsOgchoeZDsX8X9/ZszTG3yQb+WsjoAAAAASUVORK5CYII=)
    #d4d6dc no-repeat 50%/10px 10px;
  cursor: pointer;
  border-radius: 16px;
}
.login-page .autoLogin input[type="checkbox"]:checked + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF8mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMTItMjJUMTM6NDI6NDgrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTEyLTIyVDE1OjA1OjExKzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTEyLTIyVDE1OjA1OjExKzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMSIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRvdCBHYWluIDIwJSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMDRkODVkZS1mNWM1LTQ4NGUtYWExMy00YjkwMjgwMTZiYzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZTI1ODA3ZS0xODU2LTFkNDQtODljNC02MjQyOTEzM2Y4ZjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NTRiMjlhOS0wOTM0LTQxMzItYjZjZS1kNGY3MjNkNTA3NmEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1NGIyOWE5LTA5MzQtNDEzMi1iNmNlLWQ0ZjcyM2Q1MDc2YSIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0yMlQxMzo0Mjo0OCswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmIwNGQ4NWRlLWY1YzUtNDg0ZS1hYTEzLTRiOTAyODAxNmJjOSIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0yMlQxNTowNToxMSswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uuTeZQAAAItJREFUKJGl0bENgzAURdHnTEFoIsEobMASWYKCHaJMkQaJFahpA1WKNGmY4VKAY4K+TBG7sORzLVm2Q/FxOvBI4FSpUyns6bgDMMUZOptvK4+koqDhap4eOCPxAaC2GYl+3agtRiLn/U08Pz0jIS682I6RNNxpWbbJD/sgJDsOgchoeZDsX8X9/ZszTG3yQb+WsjoAAAAASUVORK5CYII=)
    #232843 no-repeat 50%/10px 10px;
}
.app-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98789;
}
.app-popup-inner {
  max-width: 430px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 10px;
}
.app-popup-inner .title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.app-popup-inner .message {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 700;
}
.app-popup-inner .btn-box {
  margin-top: 20px;
}
.app-popup-inner .btn-box button {
  border: none;
  border-radius: 4px;
  max-width: 50%;
  width: 100%;
  font-size: 18px;
  height: 40px;
  border: 1px solid transparent;
}
.app-popup-inner .btn-box .cancel {
  border: 1px solid #15324e;
  background: #fff;
}
.app-popup-inner .btn-box .ok {
  background: #15324e;
  color: #fff;
}
.tradeDetailPopup {
  padding: 0 25px;
  width: 100%;
  height: 310px;
}
.tradeDetailPopup .title {
  width: 1000px;
  text-align: center;
}
.tradeDetailPopup .title h2 {
  font-size: 21px;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 30px;
}
.tradeDetailPopup .content table {
  width: 1000px;
  height: 100%;
  border: none;
  border-collapse: collapse;
  text-align: center;
  font-size: 16px;
  border-bottom: 2px solid #1789de;
  border-top: 2px solid #1789de;
}
.tradeDetailPopup .content table col:first-child,
.tradeDetailPopup .content table col:nth-child(2) {
  width: 150px;
}
.tradeDetailPopup .content table col:nth-child(3) {
  width: 100px;
}
.tradeDetailPopup .content table col:nth-child(4) {
  width: 150px;
}
.tradeDetailPopup .content table col:nth-child(5),
.tradeDetailPopup .content table col:nth-child(6) {
  width: 120px;
}
.tradeDetailPopup .content table col:nth-child(7) {
  width: 150px;
}
.tradeDetailPopup .content table col:nth-child(8),
.tradeDetailPopup .content table col:nth-child(9) {
  width: 80px;
}
.tradeDetailPopup .content table thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
  font-weight: 600;
}
.tradeDetailPopup .content table tbody tr td {
  padding: 15px 10px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.tradeDetailPopup .content table .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.tradeDetailPopup .content .footer {
  width: 1000px;
  margin-top: 20px;
  text-align: center;
}
.tradeDetailPopup .content .footer .close-btn {
  position: relative;
  border-radius: 0;
  width: 130px;
  height: 42px;
  padding: 0 3px;
  line-height: 42px;
  display: inline-block;
  font-weight: bolder;
  cursor: pointer;
  background: #232843;
  color: #fff;
  border-radius: 8px;
}
.contractPopup {
  width: 662px;
  height: 597px;
}
.contractPopup .header {
  position: relative;
  width: 100%;
  height: 72px;
  background-color: #15324e;
  text-align: center;
}
.contractPopup .header .tradeType {
  position: absolute;
  top: 18px;
  left: 30px;
  width: 56px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  border-radius: 4px;
}
.contractPopup .header .logo {
  display: inline-block;
  padding-top: 22px;
  height: 34px;
}
.contractPopup .header .logo img {
  width: 134px;
}
.contractPopup .header .close {
  position: absolute;
  top: 25px;
  right: 10px;
  background: url(/static/img/icon_agreement_close.35b7d3ee.svg) no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.contractPopup .content {
  text-align: center;
  padding: 41px 30px 0;
}
.contractPopup .content .content1 h1 {
  font-size: 24px;
  font-weight: 700;
}
.contractPopup .content .content1 p {
  font-size: 14px;
  color: #707070;
  margin-top: 24px;
}
.contractPopup .content .content2 {
  background: #ebebeb;
  padding: 0 30px;
  margin-top: 32px;
}
.contractPopup .content .content2 > div:first-child {
  width: 100%;
  padding-top: 12px;
}
.contractPopup .content .content2 > div:first-child h2 {
  font-size: 18px;
  color: #2b2b2b;
  font-weight: 700;
}
.contractPopup .content .content2 > div:first-child p {
  font-size: 14px;
  color: #707070;
  font-weight: 500;
  margin-top: 6px;
}
.contractPopup .content .content2 > div:nth-child(2) {
  width: 100%;
}
.contractPopup .content .content2 > div:nth-child(2) h2 {
  font-size: 32px;
  font-weight: 700;
}
.contractPopup .content .content2 > div:nth-child(2) p {
  padding: 0 0 10px;
  font-size: 16px;
  color: #2b2b2b;
  font-weight: 600;
}
.contractPopup .content .content2 > div:nth-child(2) span {
  display: block;
  margin: 7px 0;
  font-size: 16px;
  color: #2b2b2b;
  font-weight: 600;
}
.contractPopup .content .content2 > div:nth-child(3) {
  width: 100%;
  border-top: 1px solid #8f8f8f;
}
.contractPopup .content .content2 > div:nth-child(3) .btn {
  display: inline-block;
  width: 116px;
  height: 34px;
  margin: 10px 12.5px 25px;
  vertical-align: middle;
  font-size: 14px;
  cursor: inherit;
  border-radius: 0;
}
.contractPopup .content .content2 > div:nth-child(3) .btn:first-child {
  margin-left: 0;
}
.contractPopup .content .content2 > div:nth-child(3) .btn:last-child {
  margin-right: 0;
}
.contractPopup .content .content2#zoom .top .flex-center-between .name {
  font-size: 16px;
}
.contractPopup .content .content2#zoom .right {
  text-align: right;
}
.contractPopup .content .content2#zoom .right p.value {
  font-weight: 700;
  color: #222;
}
.contractPopup .content .content2#zoom .right p.sub-value {
  color: #707070;
}
.contractPopup .content .content2#zoom .right span {
  padding: 0 6.5px;
}
.contractPopup .content .content2#zoom .right span.pr0 {
  padding-right: 0;
}
.contractPopup .content .content2#zoom .right span.bdr {
  border-right: 1px solid #b1b1b1;
}
.contractPopup .content .content2#zoom .btm {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #8f8f8f;
}
.contractPopup .content .content3 > div {
  width: 100%;
  margin-top: 16px;
  text-align: left;
}
.contractPopup .content .content3 > div p {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.9px;
  text-align: left;
  margin: 0;
}
.contractPopup .content .content4 {
  position: relative;
  width: 100%;
  margin-top: 20px;
  text-align: left;
}
.contractPopup .content .content4 > div:first-child {
  float: left;
  line-height: 42px;
  vertical-align: middle;
  font-size: 18px;
}
.contractPopup .content .content4 > div:first-child > span:last-child {
  font-size: 20px;
  font-weight: 700;
}
.contractPopup .content .content4 > div:last-child {
  float: right;
  width: 148px;
  height: 42px;
  vertical-align: middle;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  border-radius: 4px;
}
.contractPopup .content .content5 table {
  width: 740px;
  height: 100%;
  border: none;
  border-collapse: collapse;
  text-align: center;
  font-size: 16px;
}
.contractPopup .content .content5 table col:first-child,
.contractPopup .content .content5 table col:nth-child(2) {
  width: 370px;
}
.contractPopup .content .content5 table td {
  border: none;
  padding: 8px 0 10px;
  text-align: center;
}
.contractPopup .content .content5 table thead td {
  background-color: #f0f0f0;
  border-top: 2px solid #d4d6dc;
  border-bottom: 1px solid #d4d6dc;
  background: #f0f0f0;
}
.contractPopup .content .content5 table tbody td {
  border-bottom: 1px solid #d4d6dc;
  font-size: 16px;
}
.contractPopup .content .content_blank {
  position: relative;
  width: 100%;
  min-height: 20px;
}
.m_tradeDetailPopup {
  padding: 0 0;
  width: 100%;
  height: 100%;
}
.m_tradeDetailPopup .title {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.m_tradeDetailPopup .title h2 {
  font-size: 18px;
  margin: 10px 0;
  font-weight: 700;
}
.m_tradeDetailPopup .content table {
  width: 100%;
  height: 100%;
  border: none;
  border-collapse: collapse;
  text-align: center;
  font-size: 13px;
  border-bottom: 2px solid #1789de;
  border-top: 2px solid #1789de;
}
.m_tradeDetailPopup .content table col:first-child,
.m_tradeDetailPopup .content table col:nth-child(2),
.m_tradeDetailPopup .content table col:nth-child(3) {
  width: 33.33%;
}
.m_tradeDetailPopup .content table thead tr td {
  background-color: #f0f0f0;
  font-weight: 600;
  padding: 8px 0;
  border-bottom: 1px solid #d4d6dc;
}
.m_tradeDetailPopup .content table tbody tr td {
  padding: 5px 5px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.m_tradeDetailPopup .content .footer {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.m_tradeDetailPopup .content .footer .close-btn {
  position: relative;
  border-radius: 0;
  width: 130px;
  height: 42px;
  padding: 0 3px;
  line-height: 42px;
  display: inline-block;
  font-weight: bolder;
  cursor: pointer;
  background: #0c5ca0;
  color: #fff;
}
.m_contractPopup {
  width: 100%;
  height: 100%;
}
.m_contractPopup .header {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #15324e;
  text-align: center;
}
.m_contractPopup .header .tradeType {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 50px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 12px;
  border-radius: 3px;
}
.m_contractPopup .header .logo {
  display: inline-block;
  padding-top: 7px;
  height: 37px;
}
.m_contractPopup .header .logo img {
  width: 127.8px;
}
.m_contractPopup .header .close {
  position: absolute;
  top: 17px;
  right: 15px;
  background: url(/static/img/icon_agreement_close.35b7d3ee.svg) no-repeat;
  background-size: contain;
  width: 17.6px;
  height: 17.6px;
  cursor: pointer;
}
.m_contractPopup .content {
  text-align: center;
  padding: 0 10px;
  max-height: 500px;
  overflow: auto;
}
.m_contractPopup .content .content1 h1 {
  font-size: 18px;
  margin-top: 23px;
  font-weight: 700;
}
.m_contractPopup .content .content1 p {
  font-size: 12px;
  color: #707070;
  margin-top: 10px;
}
.m_contractPopup .content .content2 {
  background: #ebebeb;
  padding: 0 13px;
  margin-top: 26px;
}
.m_contractPopup .content .content2 > div:first-child {
  width: 100%;
  padding-top: 10px;
}
.m_contractPopup .content .content2 > div:first-child h2 {
  font-size: 16px;
  color: #2b2b2b;
  font-weight: 700;
}
.m_contractPopup .content .content2 > div:first-child p {
  font-size: 14px;
  color: #707070;
  font-weight: 500;
  margin-top: 0;
}
.m_contractPopup .content .content2 > div:nth-child(2) {
  width: 100%;
}
.m_contractPopup .content .content2 > div:nth-child(2) h2 {
  font-size: 24px;
  font-weight: 700;
}
.m_contractPopup .content .content2 > div:nth-child(2) p {
  padding: 0 0 10px;
  font-size: 14px;
  color: #2b2b2b;
  font-weight: 600;
}
.m_contractPopup .content .content2 > div:nth-child(2) span {
  display: block;
  margin: 7px 0;
  font-size: 14px;
  color: #2b2b2b;
  font-weight: 600;
}
.m_contractPopup .content .content2 > div:nth-child(3) {
  width: 100%;
  border-top: 1px solid #8f8f8f;
}
.m_contractPopup .content .content2 > div:nth-child(3) .btn {
  display: block;
  width: calc(100% - 10px);
  height: 30px;
  line-height: 30px;
  margin: 5px;
  font-size: 13px;
  cursor: inherit;
  border-radius: 0;
  padding: 0;
}
.m_contractPopup .content .content3 > div {
  width: 100%;
  margin-top: 10px;
  text-align: left;
}
.m_contractPopup .content .content3 > div p {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.9px;
  text-align: left;
  margin: 0;
}
.m_contractPopup .content .content4 {
  position: relative;
  width: 100%;
  margin-top: 10px;
  text-align: left;
}
.m_contractPopup .content .content4 > div:first-child {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
.m_contractPopup .content .content5 > div:first-child {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  width: 130px;
}
.m_contractPopup .content .content2#zoom .top .flex-center-between {
  align-items: start;
}
.m_contractPopup .content .content2#zoom .top .flex-center-between .name {
  font-size: 16px;
  margin-top: 0;
}
.m_contractPopup .content .content2#zoom .right {
  text-align: right;
}
.m_contractPopup .content .content2#zoom .right p.value {
  font-weight: 700;
  color: #222;
}
.m_contractPopup .content .content2#zoom .right p.sub-value {
  color: #707070;
}
.m_contractPopup .content .content2#zoom .right span {
  padding: 0 6.5px;
}
.m_contractPopup .content .content2#zoom .right span.pr0 {
  padding-right: 0;
}
.m_contractPopup .content .content2#zoom .right span.bdr {
  border-right: 1px solid #b1b1b1;
}
.m_contractPopup .content .content2#zoom .btm {
  margin-top: 20px;
  padding: 20px 0 10px;
  border-top: 1px solid #8f8f8f;
}
@media (max-width: 550px) {
  .app-popup-inner {
    max-width: 320px;
    padding: 10px;
  }
  .app-popup-inner .title {
    font-size: 16px;
  }
  .app-popup-inner .message {
    font-size: 14px;
  }
  .app-popup-inner .btn-box button {
    font-size: 14px;
    height: 30px;
  }
}
.dark .trade {
  background-color: #1a1d27;
}
.trade .main {
  margin: 90px 0 111px;
  width: 100%;
  box-sizing: border-box;
}
.trade .main .wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 10px;
}
.trade .main .wrap .trade-view {
  width: 915px;
}
.trade .main .wrap .trade-view .notice {
  display: flex;
  align-items: center;
  vertical-align: middle;
  position: relative;
  padding: 10px 0;
  background: #fff;
  box-shadow: 2px 2px 4px #dee1e7;
}
.trade .main .wrap .chart-box.title-box {
  background: #232843;
  width: 100%;
  color: #fff;
  padding: 11.5px 0;
}
.trade .main .wrap .trade-view .config .icon {
  position: relative;
  display: inline-block;
  margin: 0 7.1px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.trade .main .wrap .trade-view .config .icon.icon_1001 {
  background: url(/static/img/BTC--big.95abe0c8.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_1002 {
  background: url(/static/img/ETH--big.4c297620.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_1003 {
  background: url(/static/img/XRP--big.b0f70c32.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_1004 {
  background: url(/static/img/SOL--big.a1df4b28.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_2001 {
  background: url(/static/img/icon_currency_2001.832cc8e2.svg) no-repeat;
  background-size: contain;
}
.trade .main .wrap .trade-view .config .icon.icon_2002 {
  background: url(/static/img/icon_currency_2002.4dabb87b.svg) no-repeat;
  background-size: contain;
}
.trade .main .wrap .trade-view .config .icon.icon_2003 {
  background: url(/static/img/icon_currency_2003.7b642dc1.svg) no-repeat;
  background-size: contain;
}
.trade .main .wrap .trade-view .config .icon.icon_2004 {
  background: url(/static/img/icon_currency_2004.d81f6e06.svg) no-repeat;
  background-size: contain;
}
.trade .main .wrap .trade-view .config .icon.icon_2005 {
  background: url(/static/img/icon_currency_2005.229b895e.svg) no-repeat;
  background-size: contain;
}
.trade .main .wrap .trade-view .config .icon.icon_3001 {
  background: url(/static/img/nasdaq-100--big.4b6cd798.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_3002 {
  background: url(/static/img/EU--big.2c39da65.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_3003 {
  background: url(/static/img/crude-oil--big.b099419b.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_3005 {
  background: url(/static/img/gold--big.d700486a.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_3012 {
  background: url(/static/img/s-and-p-500--big.fb7ae5c5.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .icon.icon_3014 {
  background: url(/static/img/hang-seng.7443c999.svg) no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.trade .main .wrap .time-select-box {
  padding-right: 17px;
}
.trade .main .wrap .time-select-box .time-btn {
  width: 56px;
  height: 30px;
  background: transparent;
  color: #e8e8e8;
  font-size: 14px;
  box-shadow: none;
  border: 1px solid #8b97a2;
  border-radius: 6px;
}
.trade .main .wrap .time-select-box .time-btn.center {
  border-left: 1px solid #6d7176;
  border-right: 1px solid #6d7176;
}
.trade .main .wrap .time-select-box .time-btn.active {
  color: #fff;
  opacity: 1;
}
.trade .main .wrap .trade-view .symbol {
  position: relative;
  display: block;
}
.trade .main .wrap .trade-view .symbol .align-bottom {
  align-items: end !important;
}
.trade .main .wrap .trade-view .symbol .text {
  position: relative;
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  line-height: 1.27;
}
.trade .main .wrap .trade-view .symbol .text.under {
  font-size: 14px;
  color: #9d9d9d;
  margin-left: 13px;
}
.trade .main .wrap .trade-view .symbol .symbol_desc {
  font-size: 12px;
  color: #9d9d9d;
  line-height: 1.17;
  margin-left: 10px;
}
.trade .main .wrap .trade-view .symbol .market_desc {
  font-size: 12px;
  color: #9d9d9d;
}
.trade .main .wrap .trade-view .symbol .market_desc span {
  display: block;
  line-height: 5px;
  color: #fff;
  font-size: 12px;
}
.trade .main .wrap .trade-view .symbol .market_desc.market_desc_1 {
  font-size: 10px;
  color: #e7b835;
  line-height: 1px;
}
.trade .main .wrap .trade-view .symbol .market_symbol {
  margin: 5px 10px 0;
  position: relative;
}
.trade .main .wrap .trade-view .symbol .market_symbol img {
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 100%;
}
.trade .main .wrap .trade-view .config .time_btn {
  position: absolute;
  right: 10px;
  top: -2px;
}
.trade .main .wrap .trade-view .config .time_btn a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  margin-right: 10px;
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  border: 1px solid #707070;
  color: #707070;
  text-align: center;
  cursor: pointer;
}
.trade .main .wrap .trade-view .config .time_btn a.active {
  background-color: #0089de;
  border-color: #0089de;
  color: #fff;
}
.trade .main .wrap .trade-view .trade-state {
  width: 100%;
  min-height: 90px;
  margin-top: 10px;
  background: #fff;
}
.trade .main .wrap .trade-view .trade-state .state-container {
  width: 100% !important;
  height: 90px;
  padding: 0;
}
.trade .main .wrap .trade-view .trade-state .active {
  display: block;
}
.trade .main .wrap .trade-view .trade-state .inactive {
  display: none;
}
.trade .main .wrap .trade-view .trade-state .chart-data-state {
  position: relative;
  margin: 0 auto 0;
  width: 100%;
  height: auto;
}
.trade .main .wrap .trade-view .trade-state .chart-data-state > .inner {
  position: relative;
  width: 100%;
  height: 45px;
  font-size: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.trade .main .wrap .trade-view .trade-state .chart-data-state > .inner .bar-bg {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .bar-bg
  .bar {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .bar-bg
  .low {
  left: 100%;
  top: 0;
  background-color: #c90218;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .bar-bg
  .high {
  left: -100%;
  top: 0;
  background-color: #1c68bc;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .bar-bg
  .show {
  opacity: 1 !important;
}
.trade .main .wrap .trade-view .trade-state .chart-data-state > .inner .state {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 10;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 25px 0 25px;
  width: 33.333%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 45px;
  text-align: right;
  vertical-align: top;
  transition: color 0.8s;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:first-child {
  text-align: left;
  font-size: 16px;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:nth-child(2) {
  text-align: center;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:nth-child(3) {
  text-align: left;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:last-child {
  text-align: right;
  font-size: 16px;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler {
  position: relative;
  margin: 0 auto 15px;
  width: 100%;
  height: auto;
  font-size: 0;
  text-align: center;
  box-sizing: border-box;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler > div {
  display: inline-block;
  width: 45%;
  height: 10px;
  font-size: 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler > span {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 33%;
  height: 25px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-align: left;
  line-height: 25px;
  box-sizing: border-box;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler .rulerStart {
  text-align: center;
  font-size: 16px;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler .rulerMin {
  padding-left: 1rem;
  text-align: left;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler .rulerMin > b {
  margin-right: 0.5rem;
  font-weight: bolder;
  color: #c8041a;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler .rulerMax {
  padding-right: 1rem;
  text-align: right;
}
.trade .main .wrap .trade-view .trade-state .chart-data-ruler .rulerMax > b {
  margin-left: 0.5rem;
  font-weight: bolder;
  color: #1e68bb;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-state {
  position: relative;
  margin: 0 auto 0;
  width: 100%;
  height: auto;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-state > .inner {
  position: relative;
  width: 100%;
  height: 45px;
  font-size: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-state > .inner .bar-bg {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .bar-bg
  .bar {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .bar-bg
  .low {
  left: 100%;
  top: 0;
  background-color: #c90218;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .bar-bg
  .high {
  left: -100%;
  top: 0;
  background-color: #1c68bc;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .bar-bg
  .show {
  opacity: 1 !important;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-state > .inner .state {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 10;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-state > .inner .msg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 5rem;
  background-color: #f2f2f2;
  opacity: 0;
  z-index: 20;
  transition: opacity 1s;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 1rem 0 1rem;
  width: 33%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 45px;
  text-align: right;
  vertical-align: top;
  transition: color 0.8s;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:first-child {
  text-align: left;
  font-size: 16px;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:nth-child(2) {
  width: 34%;
  text-align: center;
  font-size: 16px;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:nth-child(3) {
  text-align: left;
}
.trade
  .main
  .wrap
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:last-child {
  text-align: right;
  font-size: 16px;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 45px;
  font-size: 0;
  text-align: center;
  box-sizing: border-box;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler > div {
  display: inline-block;
  margin-bottom: 0.1rem;
  width: 16.5%;
  height: 0.5rem;
  font-size: 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler > span {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 2rem;
  font-size: 0.8rem;
  font-weight: 400;
  box-sizing: border-box;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler .bonus-l3 {
  position: absolute;
  top: 10px;
  left: 0;
  width: 80px;
  text-align: left;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler .bonus-l2 {
  position: absolute;
  top: 10px;
  left: 95px;
  width: 80px;
  text-align: center;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler .bonus-l1 {
  position: absolute;
  top: 10px;
  left: 225px;
  width: 80px;
  text-align: center;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler .bonus-m0 {
  position: absolute;
  top: 10px;
  left: 360px;
  width: 80px;
  text-align: center;
  font-weight: 700;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler .bonus-r1 {
  position: absolute;
  top: 10px;
  right: 225px;
  width: 80px;
  text-align: center;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler .bonus-r2 {
  position: absolute;
  top: 10px;
  right: 95px;
  width: 80px;
  text-align: center;
}
.trade .main .wrap .trade-view .trade-state .bonus-data-ruler .bonus-r3 {
  position: absolute;
  top: 10px;
  right: 0;
  width: 80px;
  text-align: right;
}
.trade .main .wrap .trade-view .graph {
  position: relative;
  width: 100%;
  background: #fff;
}
.trade .main .wrap .trade-view .graph .loading {
  position: absolute;
  top: 155px;
  left: 380px;
  width: 160px;
  height: 20px;
  display: block;
}
.trade .main .wrap .trade-view .graph .loading.close {
  display: none;
}
.trade .main .wrap .trade-view .graph .tvChart {
  opacity: 0;
}
.trade .main .wrap .trade-view .graph .tvChart.show {
  display: block;
  opacity: 1;
}
.trade .main .wrap .trade-view .graph .desc {
  width: 100%;
  height: 19px;
  font-size: 16px;
  padding: 10px;
  font-weight: 600;
  display: none;
}
.trade .main .wrap .trade-view .graph .desc.show {
  display: block;
}
.trade .main .wrap .trade-view .graph .desc a {
  font-weight: 700;
}
.trade .main .wrap .trade-view .graph .t-vue-lspan {
  margin: 0 5px;
}
.trade .main .wrap .trade-view .graph .t-vue-title2 {
  font-size: 15px;
  font-weight: 500;
}
.trade .stop-betting .font-blue,
.trade .stop-betting .font-gray,
.trade .stop-betting .font-orange,
.trade .stop-betting .font-red {
  color: #818181 !important;
}
.trade .stop-betting .border-blue,
.trade .stop-betting .border-gray,
.trade .stop-betting .border-orange,
.trade .stop-betting .border-red {
  border: 1px solid #818181 !important;
}
.trade .stop-betting .bg-blue,
.trade .stop-betting .bg-gray,
.trade .stop-betting .bg-orange,
.trade .stop-betting .bg-red {
  background-color: #818181 !important;
  color: #fff !important;
}
.trade .stop-betting .bg-lightgray {
  background-color: #818181 !important;
  color: #2b2b2b !important;
}
.trade .main .wrap .trade-info .trade-table.new {
  height: 420px;
}
.trade .main .wrap .trade-info .trade-table.new .title-box {
  padding: 18px 0;
}
.trade .main .wrap .trade-info .trade-table.new .head-title {
  padding: 22px 12px;
}
.trade .main .wrap .trade-info .trade-table.new .head-title p {
  font-size: 18px;
  font-weight: 600;
  color: #2b2b2b;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box {
  border: 1px solid #d4d6dc;
  border-left: none;
  border-right: none;
  border-top: none;
  padding-bottom: 13px;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .button-box button {
  width: 83px;
  height: 52px;
  border: 1px solid #1261c4;
  font-weight: 700;
  font-size: 16px;
  background: #1261c4;
  color: #fff;
  border-radius: 5px;
}
.trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .button-box
  button.reset {
  border: 1px solid #707070;
  background: #fff;
  color: #707070;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box {
  width: 100%;
  margin-right: 12px;
  box-sizing: border-box;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box .name {
  font-size: 14px;
  margin-right: 15px;
  min-width: 48px;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box.all {
  margin-right: 12px;
  margin-bottom: 18px;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box.all input {
  padding: 13px 12px;
  border: none;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box.threeBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .input-box.threeBtn
  input {
  margin: 0 7px;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box input {
  width: 100%;
  padding: 13px 12px;
  background: #efefef;
  border-radius: 5px;
  height: 40px;
  text-align: right;
  border: none;
  border-radius: 8px;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  color: #1d1b1b;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box button {
  min-width: 55px;
  height: 40px;
  border: none;
  padding: 0;
  margin-left: 10px;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box button img {
  width: 100%;
  height: 100%;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .btn-area {
  width: calc(100% - 63px);
  margin-left: auto;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .btn-area button {
  border: 1px solid #c2c9cf;
  width: 100%;
  max-width: 98px;
  height: 32px;
  color: #8b97a2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .btn-area button.full {
  max-width: 100%;
  color: #fff;
  border: 1px solid #2ebd85;
  background: #2ebd85;
}
.trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .btn-area
  .price-btn-box {
  margin-bottom: 7px;
}
.trade .main .wrap .trade-info .trade-table.new .mid-box .input-box.all.mb22,
.trade .main .wrap .trade-info .trade-table.new .mid-box div.mb10 {
  margin-bottom: 10px;
}
.trade .main .wrap .trade-info .trade-table.new .btn-box {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 10px;
}
.trade .main .wrap .trade-info .trade-table.new .btn-box button {
  margin-right: 12px;
  border-radius: 8px;
  width: 139px;
  height: 48px;
  font-weight: 700;
  font-size: 16px;
  border: none;
  color: #fff;
}
.trade .main .wrap .trade-info .trade-table.new .btn-box button.short {
  background: #d24f45;
}
.trade .main .wrap .trade-info .trade-table.new .btn-box button.long {
  background: #1261c4;
}
.trade .main .wrap .trade-info .trade-table.new .btn-box button.reset {
  border: 1px solid #707070;
  background: #fff;
  color: #707070;
  max-width: 75px;
  margin-right: 0;
}
.trade .main .wrap .trade-info .trade-table.new .btn-box button.reset img {
  width: 25px;
}
.trade .main .wrap .trade-info .trade-table.new.off .mid-box {
  border: 1px solid #dedede;
  border-right: none;
  border-left: none;
  border-top: none;
}
.trade
  .main
  .wrap
  .trade-info
  .trade-table.new.off
  .mid-box
  .button-box
  button {
  background: #dedede;
  border: 1px solid #dedede;
}
.trade
  .main
  .wrap
  .trade-info
  .trade-table.new.off
  .mid-box
  .button-box
  button.reset {
  background: #dedede;
  border: 1px solid #dedede;
  color: #fff;
}
.trade .main .wrap .trade-info .trade-table.new.off .mid-box .input-box input {
  border: 1px solid #dedede;
  color: #dedede;
}
.trade .main .wrap .trade-info .trade-table.new.off .mid-box .input-box .name {
  color: #dedede;
}
.trade .main .wrap .trade-info .trade-table.new.off .btn-box button.long,
.trade .main .wrap .trade-info .trade-table.new.off .btn-box button.short {
  background: #dedede;
}
.trade .main .wrap .trade-info .trade-table.new.off .btn-box button.reset,
.trade
  .main
  .wrap
  .trade-info
  .trade-table.new.off
  .mid-box
  .btn-area
  button.full {
  background: #dedede;
  border: none;
  color: #fff;
}
.trade .main .wrap .trade-info .trade-table.new.off .minus {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAB4BAMAAABhpS8YAAAAGFBMVEVHcEze3t7f39/e3t7f39/e3t7////t7e18QJacAAAABXRSTlMAjVLKEJ7CvSkAAADkSURBVGje7doxDoJQEIThZ4K9hfRa2GMM95DowgnknUC9vm9FrCxnG/z3AF92J9DApOSzP5lgLsddmqeqTTXb2TyYbj6brsyGUTE5m3WTWYtIV80205oy0tFuSvOhM8e7J1op1/RFr356rzRHP34tPd2P9zil5HgrgdaD1szlaWq1cZZAG7mZi2nyPc+YmJiYmJiYmJiYmJiYizJ/f/DpMRdu8h5hYmJiYmJiYmJiYmL+g9nKzSa18v/vTcg//YjuQURHIqLLEdE5iejGhHR4IrpG705UlpDPbycqorsV0jFTd+FeIQUOdzSiftEAAAAASUVORK5CYII=);
}
.trade .main .wrap .trade-info .trade-table.new.off .plus {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAB4BAMAAABhpS8YAAAAFVBMVEVHcEze3t7f39/e3t7e3t7////v7+8FhdnGAAAABHRSTlMAjVLKqUL6MQAAAOpJREFUaN7t2tENgjAQxvGSOIAPDKCJA9TIABDPTkCZANx/BFsF33z77gX/N8AvvStNSPuFUOt8M0Hdr6fwrdZUddzIi+lqXWljlpasqKfZsHWesqimtftGR1Z0+Exz0Zl5fk9Uucy60L62/lCauTZ/kLZem6/jlJJ5LANtk9acytfUyc0YOu0WlU2KweRmj4mJiYmJ+e9m+bNMmJiYmJiY+zHnHzc+C+auTc4RJiYmJub+Te5DMDExMTExi9nJzejyVu7xpu+RPfDISHhkOTwyJy7ZGGmGZ1zDRg5ZI5dMlEd2yyVjps7CvQDar3rbvTVEZQAAAABJRU5ErkJggg==);
}
.trade .main .wrap .trade-info .trade-table {
  position: relative;
  width: 100%;
  height: 520px;
  margin-top: 10px;
  background: #fff;
}
.trade .main .wrap .trade-info .trade-table > table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.trade .main .wrap .trade-info .trade-table > table col:first-child {
  width: 120px;
}
.trade .main .wrap .trade-info .trade-table > table col:nth-child(2) {
  width: 50px;
}
.trade .main .wrap .trade-info .trade-table > table col:nth-child(3) {
  width: 100px;
}
.trade .main .wrap .trade-info .trade-table > table col:nth-child(4),
.trade .main .wrap .trade-info .trade-table > table col:nth-child(5) {
  width: 140px;
}
.trade .main .wrap .trade-info .trade-table > table th {
  padding: 10px 0;
  font-weight: 700;
  border-bottom: 1px solid #d4d6dc;
  background-color: #f8f8f8;
  font-size: 16px;
}
.trade .main .wrap .trade-info .trade-table > table td {
  border: none;
  border-bottom: 1px solid #d2d2d2;
  padding: 10px 5px;
  font-size: 14px;
}
.trade .main .wrap .trade-info .trade-table > table .reqTr {
  min-height: 44px;
  line-height: 17px;
}
.trade .main .wrap .trade-info .trade-table > table .reqTr th {
  padding: 20px 0;
  font-size: 18px;
}
.trade .main .wrap .trade-info .trade-table > table .ratearr {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASCAYAAACNdSR1AAAABHNCSVQICAgIfAhkiAAAAWhJREFUKFOFkr1OAlEQhc/sitGEGIklNY2aXbEyQDQxS0cWKWjJ0vkIvIGFpYUlG5+Avw40AYGY0CiiMbGmJBAbNcIds0tYYAW83Z37zdwzc4bgOi+6FhwCmlqoXLrfaDbAyaTc/u63iGhvbYT93VL5ffZ9Dm7HtQxAFzbAqCmF8slC+DUWDQxldACsO4BAWimWzcndqdzWo1UQjud1ck+MhHpQuutacRt+1qPnTLh2NzSWw3mlUDmz4cfYqV+SpTeAvAthKyhEQine5qitazkQxZeCdnHursuszk1jVYKj+T/ImYYvXc8RsFIGGN0f4VFpM9X0b0jiiQg7y34QLCUGZsgqCmwbDUMizi6CGcj3s5Hx6CaAz6hXyWUKM3pfQlI/b0JTU6yELeMhIGPYIZraLZjSAzP8124rwWfcZ4jGi8SMWt+MLF4kW06SZZ+30SJwYMieww/zaPmK2s2mmkFIHBmY4St3w7+nn3fYkq2h7QAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: contain;
  display: inline-block;
  width: 7px;
  height: 12px;
  position: relative;
  top: 2px;
}
.trade .main .wrap .trade-info .trade-table > table .btn {
  position: relative;
  border-radius: 3px;
  width: 100px;
  font-size: 14px;
  padding: 0;
  line-height: 24px;
  display: inline-block;
  font-weight: bolder;
  margin: 0 5px 5px;
  cursor: pointer;
}
.trade .main .wrap .trade-info .trade-table > table tfoot td {
  width: 100%;
  border: none;
}
.trade .main .wrap .trade-info .trade-table > table tfoot td .btn {
  padding: 4px 3px;
  margin: 15px 5px;
  font-size: 16px;
  width: 90px;
}
.trade .main .wrap .trade-info .trade-table > table th.buy-total,
.trade .main .wrap .trade-info .trade-table > table th.sell-total {
  font-size: 18px;
  font-weight: bolder;
  padding: 10px 0;
}
.trade .main .wrap .trade-info .trade-table .pause {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute;
  z-index: 1;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 370px;
  font-size: 24px;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  left: 0;
}
.trade .main .wrap .trade-info .trade-table .pause.active {
  display: block;
}
.trade .main .wrap .trade-info .trade-table .bettingFinish {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 92px;
  letter-spacing: -1.05px;
  text-align: center;
  opacity: 0.8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #000;
  color: var(--bg-main-light);
}
.trade .main .wrap .trade-info .trade-table .bettingFinish p {
  position: relative;
  transform: translateX(-50%);
  top: 166px;
  left: 50%;
}
.trade .main .wrap .trade-info .trade-table .bettingFinish.active {
  display: block;
}
.trade .left .result .wrap {
  padding: 0;
}
.trade .result {
  width: 100%;
  box-sizing: border-box;
}
.trade .result .wrap h1 {
  font-size: 18px;
  padding: 12px;
  margin: 0;
  font-weight: 600;
}
.trade .result .wrap .event-result > table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.trade .result .wrap .event-result > table th:first-child {
  width: 145px;
}
.trade .result .wrap .event-result > table th:nth-child(2),
.trade .result .wrap .event-result > table th:nth-child(3),
.trade .result .wrap .event-result > table th:nth-child(4),
.trade .result .wrap .event-result > table th:nth-child(5) {
  width: 80px;
}
.trade .result .wrap .event-result > table th {
  padding: 8.5px 0;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
  border-top: 1px solid #d4d6dc;
  font-size: 16px;
  font-weight: bolder;
  background-color: #f8f8f8;
}
.trade .result .wrap .event-result > table td {
  border: none;
  border-bottom: 1px solid #d4d6dc;
  font-size: 14px;
  padding: 0;
  height: 45px;
}
.trade .result .wrap .event-result > table td.df {
  padding: 0;
  line-height: 3.2;
}
.trade .result .wrap .event-result > table .time {
  font-size: 12px;
}
.trade .result .wrap .event-result > table .result {
  position: relative;
  line-height: 24px;
  display: inline-block;
  font-weight: bolder;
  padding: 1px 0;
  margin: 0;
}
.trade .result .wrap .recent-trade {
  position: relative;
  display: inline-block;
  width: 675px;
  height: 465px;
  margin-left: 10px;
  background: #fff;
  box-shadow: 2px 2px 4px #dee1e7;
}
.trade .result .wrap .recent-trade > table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  min-height: 420px;
}
.trade .result .wrap .recent-trade > table col:first-child,
.trade .result .wrap .recent-trade > table col:nth-child(2) {
  width: 175px;
}
.trade .result .wrap .recent-trade > table col:nth-child(3),
.trade .result .wrap .recent-trade > table col:nth-child(4),
.trade .result .wrap .recent-trade > table col:nth-child(5) {
  width: 100px;
}
.trade .result .wrap .recent-trade > table th {
  padding: 8.5px 0;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
  border-top: 1px solid #d4d6dc;
  font-size: 16px;
  font-weight: bolder;
  background-color: #f8f8f8;
}
.trade .result .wrap .recent-trade > table td {
  border: none;
  border-bottom: 1px solid #d4d6dc;
  font-size: 14px;
  height: 45px;
}
.trade .result .wrap .recent-trade > table tfoot td {
  border: none;
  padding: 0;
  font-size: 14px;
  height: 64px;
}
.trade .result .wrap .recent-trade > table tfoot td > div {
  display: inline-block;
}
.trade .result .wrap .recent-trade > table tfoot td > div:first-child {
  width: 430px;
  text-align: left;
}
.trade .result .wrap .recent-trade > table tfoot td > div:last-child {
  width: 205px;
  text-align: right;
}
.trade .result .wrap .recent-trade > table tfoot td > div .btn {
  position: relative;
  border-radius: 5px;
  padding: 8px 25px;
  margin: 10px 5px;
  display: inline-block;
  font-size: 16px;
  font-weight: bolder;
  cursor: pointer;
}
.trade .result .wrap .recent-trade .btn-resfresh {
  position: absolute;
  top: 1px;
  right: 0;
}
.trade .result .wrap .recent-trade .blank {
  height: 100%;
}
.trade .result .wrap .recent-trade .tradeDetail {
  text-underline-position: under;
  cursor: pointer;
}
.trade .score-board {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding-bottom: 20px;
}
.trade .score-board .wrap {
  height: 284px;
  padding: 0;
}
.trade .score-board .wrap h1 {
  font-size: 18px;
  padding: 10px;
}
.trade .score-board .wrap .board {
  width: 100%;
  height: 100%;
  background: #fff;
}
.trade .score-board .wrap .board > table * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  text-transform: none;
  text-decoration: none;
}
.trade .score-board .wrap .board > table {
  display: block;
  border-collapse: collapse;
  overflow-x: auto;
  padding-bottom: 10px;
}
.trade .score-board .wrap .board > table tbody {
  border-spacing: 0;
}
.trade .score-board .wrap .board > table tbody td {
  border: 1px solid #f5f5f5;
  white-space: nowrap;
}
.trade .score-board .wrap .board > table tbody td > div {
  width: 33px;
}
.trade .score-board .wrap .board > table tbody td > div > div {
  position: relative;
  margin-left: 1.5px;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 20px;
}
.trade .score-board .wrap .board > table tbody td > div > div,
.trade .score-board .wrap .board > table tbody td > div > div span {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trade .score-board .wrap .board > table tbody td > div .result {
  margin-top: 15px;
}
.trading-vue-legend {
  z-index: 50 !important;
}
#msgAlertLypop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  transition: all 0.1s ease;
  display: none;
}
#msgAlertLypop.show {
  display: block;
}
#msgAlertLypop .popcont {
  max-width: 300px;
  width: 100%;
  height: 130px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  border-radius: 150px;
  display: table;
  color: #fff;
}
#msgAlertLypop .popcont.show {
  animation: testAni 1s ease-out 1;
}
#msgAlertLypop .popcont.buy {
  background: #d24f45;
}
#msgAlertLypop .popcont.sell {
  background: #1261c1;
}
#msgAlertLypop .popcont .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#msgAlertLypop .popcont .stxt {
  text-align: center;
  margin-top: 20px;
  font-size: 1.5em;
}
#msgAlertLypop .popcont .inner .stxt {
  font-size: 5em;
  color: #fff;
}
@keyframes testAni {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.tradeHistory {
  background-color: #eee;
  height: 100%;
}
.tradeHistory .contents {
  text-align: center;
  width: 100%;
  height: 100%;
  margin-top: 84px;
  padding-top: 20px;
}
.tradeHistory .contents .wrap {
  padding: 20px 0;
  box-sizing: border-box;
  position: relative;
  width: 1400px;
  margin: 0 auto;
  text-align: center;
  height: 100%;
}
.tradeHistory .contents .rightBoard {
  width: 1046px;
  padding: 30px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  text-align: left;
  box-sizing: border-box;
}
.tradeHistory .contents .fullBoard {
  width: 1400px;
}
.tradeHistory .contents .rightBoard h2 {
  color: #2b2b2b;
  font-size: 32px;
  line-height: 1.5;
  border-bottom: 2px solid #888;
}
.tradeHistory .contents .rightBoard h4 {
  color: #1789de;
  font-size: 24px;
  margin-top: 50px;
}
.tradeHistory .date input {
  position: relative;
  top: 2px;
  padding: 4px 10px 4px 0;
  width: 140px;
  height: 40px;
  background: #fff;
  color: #000;
  border: 1px solid #d4d6dc;
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  box-sizing: border-box;
  background-image: url(/static/img/icon_schedule.60a596f8.svg);
  background-position: 7px 7px;
  background-repeat: no-repeat;
  cursor: pointer;
  font-weight: 700;
}
.tradeHistory .date1 {
  margin: 0 !important;
}
.tradeHistory .date2 {
  margin-right: 20px;
}
.tradeHistory .wave {
  position: relative;
  top: 5px;
  padding: 0 10px;
  font-size: 26px;
  margin: 0 !important;
}
.tradeHistory .buttonArea {
  text-align: right;
}
.tradeHistory .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: #707070;
  color: #fefefe;
  height: 40px;
  box-sizing: border-box;
}
.tradeHistory .searchArea {
  margin: 15px 0 15px;
  height: 46px;
}
.tradeHistory .searchArea .searchOption {
  float: left;
}
.tradeHistory .searchArea .searchOption > * {
  display: inline-block;
  margin-right: 20px;
}
.tradeHistory .searchArea .buttonArea {
  float: right;
  margin: 0;
}
.tradeHistory .searchArea select {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  padding: 7px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  font-weight: 700;
}
.tradeHistory .searchArea select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}
.tradeHistory .moneyArea {
  position: relative;
}
.tradeHistory .moneyArea table {
  border-top: 2px solid #1789de;
  border-bottom: none !important;
}
.tradeHistory .moneyArea .list_head {
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  height: 50px;
  border-bottom: 2px solid #333;
  padding: 0 5px;
  margin: 0;
  color: #2b2b2b;
  box-sizing: border-box;
  font-weight: 300;
  border-collapse: collapse;
  border-spacing: 0;
}
.tradeHistory .moneyArea .list_head thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
}
.tradeHistory .moneyArea .list_head.history .title {
  font-size: 16px;
  font-weight: 400;
}
.tradeHistory .moneyArea .list_head tbody tr td {
  padding: 5px 10px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.tradeHistory .board_co_number {
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.tradeHistory .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.tradeHistory .board_co_date span {
  color: #222;
}
.tradeHistory .board_co_account {
  font-size: 18px;
  font-weight: 600;
}
.tradeHistory .board_co_account.deposite {
  color: #1789de;
}
.tradeHistory .board_co_account.withdraw {
  color: #d24f45;
}
.tradeHistory .board_co_account .buying {
  color: #1789de;
}
.tradeHistory .board_co_account .sell {
  color: #d24f45;
}
.tradeHistory .board_co_status .realization {
  color: #1789de;
}
.tradeHistory .board_co_status .disqualification {
  color: #d24f45;
}
.tradeHistory .board_co_money {
  color: #2b2b2b;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  padding-right: 20px;
}
.tradeHistory .board_co_status {
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
}
.tradeHistory .board_co_status .ongoing {
  border-radius: 25px;
  color: #f80;
  border: 2px solid #f80;
}
.tradeHistory .board_co_status .ongoing,
.tradeHistory .board_co_status .refusal {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
}
.tradeHistory .board_co_status .refusal {
  border-radius: 25px;
  color: #d24f45;
  border: 2px solid #d24f45;
}
.tradeHistory .board_co_status .done {
  background-color: #fff;
  padding: 5px;
  border-radius: 25px;
  color: #1789de;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #1789de;
}
.tradeHistory .checks {
  position: relative;
}
.tradeHistory .checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tradeHistory .checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-weight: 700;
}
.tradeHistory .checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 23px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.tradeHistory .checks input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #5c617c;
}
.tradeHistory .checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #5c617c;
  border-radius: 100%;
}
.tradeHistory .tableDescription {
  margin: 20px 0 90px;
  color: #707070;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
.tradeHistory .statistics {
  display: table;
  position: absolute;
  right: 0;
  bottom: 165px;
  border: 1px solid #d9d9d9;
  width: 660px;
  border-radius: 15px;
  padding: 15px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  width: 840px;
}
.tradeHistory .statistics span {
  padding: 0 5px;
}
.tradeHistory .statistics > div {
  display: table-cell;
  text-align: center;
}
.tradeHistory .statistics > div:first-child,
.tradeHistory .statistics > div:nth-child(2),
.tradeHistory .statistics > div:nth-child(3),
.tradeHistory .statistics > div:nth-child(4) {
  width: 21.5%;
}
.tradeHistory .statistics > div:nth-child(5) {
  width: 14%;
}
.tradeHistory .pagination {
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: block;
}
.pagination a,
.tradeHistory .pagination span {
  background-color: #ebebeb;
  color: #8f8f8f;
  display: inline-block;
  padding: 11px 15px;
  margin: 0 1px;
  text-decoration: none;
  width: auto;
  border-radius: 5px;
  font-size: 18px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.75;
  min-width: 50px;
  cursor: pointer;
}
.tradeHistory .pagination .current {
  padding: 11px 15px;
  background-color: #5c617c;
  color: #fff;
  cursor: inherit;
}
.tradeHistory .btn.refresh {
  background-color: #fff;
  color: #9d9d9d;
  border: 1px solid #9d9d9d;
  border-radius: 0;
}
.tradeHistory .btn.refresh:hover {
  color: #0c5ca0;
}
.tradeHistory .btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
  border-radius: 0;
  padding: 3px 10px;
}
.tradeGuide {
  background-color: #eee;
  height: 100%;
}
.tradeGuide .contents {
  text-align: center;
  width: 100%;
  height: 100%;
  margin-top: 80px;
}
.tradeGuide .contents .wrap {
  padding: 20px 0;
  box-sizing: border-box;
  position: relative;
  width: 1400px;
  margin: 0 auto;
  text-align: center;
  height: 100%;
}
.tradeGuide .contents .fullBoard {
  width: 1400px;
  padding: 30px 30px 50px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  text-align: left;
  box-sizing: border-box;
}
.tradeGuide .contents .fullBoard h2 {
  color: #2b2b2b;
  font-size: 32px;
  line-height: 1.5;
  border-bottom: 2px solid #888;
  font-weight: 700;
}
.tradeGuide .contents .fullBoard h2.secondTitle {
  margin-top: 100px;
}
.tradeGuide .contents .fullBoard h4 {
  color: #1789de;
  font-size: 24px;
  margin-top: 50px;
}
.tradeGuide .contents .guide-container {
  width: 100%;
  margin-top: 30px;
}
.tradeGuide .contents .guide-container .list {
  overflow: hidden;
}
.tradeGuide .contents .guide-container .list > li {
  float: left;
  width: 50%;
  max-width: 670px;
  height: 580px;
  padding: 20px 20px;
}
.tradeGuide .contents .guide-container .list > li:nth-child(odd) {
  padding-left: 0;
}
.tradeGuide .contents .guide-container .list > li:nth-child(2n) {
  padding-right: 0;
}
.tradeGuide .contents .guide-container .list > li .gimg {
  display: block;
}
.tradeGuide .contents .guide-container .list > li .gimg > img {
  width: 100%;
}
.tradeGuide .contents .guide-container .list > li .desc {
  margin-top: 10px;
  position: relative;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: -1.05px;
  text-align: left;
  color: var(--font-1-light);
}
.tradeGuide .contents .guide-container .list > li .desc .no {
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 21px;
}
.tradeGuide .contents .guide-container .list > li .desc .text {
  padding-left: 21px;
  font-size: 21px;
}
.tradeGuide .contents .guide-container .list > li .desc h4 {
  margin: 0;
  font-size: 20px;
  color: #7f7f7f;
}
.tradeGuide .contents .guide-container .list > li .desc p {
  margin: 0;
  font-size: 16px;
  color: #0089de;
  padding: 5px 0;
}
.auto {
  position: absolute;
  top: 0;
  left: 0;
}
.auto label,
.auto p {
  font-weight: 600;
}
.auto .auto-betting {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.auto .auto-betting .wrap {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}
.auto .auto-betting .floating1 {
  position: absolute;
  top: 100px;
  right: -175px;
  width: 175px;
  height: 355px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
}
.auto .auto-betting .floating1 h4 {
  height: 36px;
  line-height: 36px;
  padding-left: 12px;
  background-color: #0b2239;
  color: #ebebeb;
}
.auto .auto-betting .floating1 h4,
.auto .auto-betting .floating1 p {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  margin: 0;
}
.auto .auto-betting .floating1 p {
  line-height: 1.43;
  color: #6a7076;
}
.auto .auto-betting .floating1 .info > div {
  width: 150px;
  padding-top: 8px;
  margin: 12px auto;
}
.auto .auto-betting .floating1 .info > div:first-child {
  border-top: none;
  margin: 0 auto;
}
.auto .auto-betting .floating1 .info > div:nth-child(2) {
  border-top: 1px solid #c8c8c9;
}
.auto .auto-betting .floating1 .info > div:nth-child(3) {
  background: #e9eef2;
  margin: 0;
  padding: 8px 12.5px;
  width: 100%;
}
.auto .auto-betting .floating1 .info > div:nth-child(3) p {
  color: #1789de;
}
.auto .auto-betting .floating1 .info > div:nth-child(4) {
  border-top: none;
  padding: 10px 0 0 0;
}
.auto .auto-betting .floating1 span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #0b2239;
  padding-top: 6px;
}
.auto .auto-betting .floating2 {
  position: absolute;
  top: 480px;
  right: -175px;
  width: 175px;
  height: 240px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
}
.auto .auto-betting .floating2 .info > div {
  width: 150px;
  padding-top: 8px;
  margin: 12px auto;
}
.auto .auto-betting .floating2 .info > div:first-child {
  border-top: none;
  margin: 0 auto;
}
.auto .auto-betting .floating2 .info > div:nth-child(2) {
  padding: 0;
  margin: 13px auto 15px;
}
.auto .auto-betting .floating2 .info > div:nth-child(3) {
  border-top: 1px solid #c8c8c9;
  padding-top: 15px;
}
.auto .auto-betting .floating2 .info > div:nth-child(4) {
  border-top: none;
  padding: 10px 0 0;
  margin: auto;
}
.auto .auto-betting .floating2 .state {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #6a7076;
}
.auto .auto-betting .floating2 select {
  width: 100%;
  padding: 8px 7px;
  border-color: #ebebeb;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.7px;
}
.auto .auto-betting .floating2 p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #1789de;
}
.auto .auto-betting .floating2 span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #0b2239;
  padding-top: 7px;
}
.auto .auto-betting .floating3 {
  position: absolute;
  top: 740px;
  right: -175px;
  width: 175px;
  height: 90px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
}
.auto .auto-betting .floating3 .contact {
  display: block;
  border-top: 1px solid #d4d6dc;
  padding: 15px 0;
}
.auto .auto-betting .floating3 .contact > div {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.auto .auto-betting .floating3 .contact > div:first-child {
  border-right: 1px solid #c8c8c9;
}
.auto .auto-betting .floating3 .contact a {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  width: 100%;
  text-align: center;
}
.auto .auto-betting .floating3 .contact a:hover {
  color: #000;
}
.auto .auto-betting .floating3 .contact a img {
  display: block;
  margin: 0 auto;
  padding: 0 0 10px;
}
.auto .auto-betting .btn {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 0 10px 0;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}
.auto .auto-betting .btn-config {
  background: #5a5e62;
}
.auto .auto-betting .btn-start {
  background: #1261c4;
}
.auto .auto-betting .btn-stop {
  background: #d24f45;
}
.auto .auto-betting .floating1 .btn-config,
.auto .auto-betting .floating1 .btn-start {
  padding-left: 35px;
}
.auto .auto-betting .icon-config:before {
  content: " ";
  background: url(/static/img/icon_auto_setting.647712d8.svg) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 6px;
  top: 5px;
}
.auto .auto-betting .icon-start:before {
  content: " ";
  background: url(/static/img/icon_auto_start.9bbb6f2e.svg) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 6px;
  top: 5px;
}
.auto .auto-betting .icon-stop:before {
  content: " ";
  background: url(/static/img/icon_auto_stop.567224b6.svg) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 6px;
  top: 5px;
}
.auto .default {
  color: #2b2b2b !important;
}
.auto .plus {
  color: #1261c4 !important;
}
.auto .minus {
  color: #d24f45 !important;
}
.auto .waiting {
  color: #6a7076 !important;
}
.auto .waiting-red {
  color: #d24f45 !important;
}
.auto .betting {
  color: #f80;
  animation: glitter2 1s infinite;
}
@keyframes glitter2 {
  0% {
    color: #f80;
  }
  50% {
    color: #f1c592;
  }
  to {
    color: #f80;
  }
}
.auto .vm--container {
  background: none;
  width: 0;
  height: 0;
}
.auto .vm--overlay {
  display: none;
}
.auto .vm--modal {
  padding: 38px 30px 47px;
  border-radius: 12px;
}
.auto .vm--modal .btn-back {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  margin-right: 10px;
}
.auto .vm--modal .btn-close {
  position: absolute;
  top: 37px;
  right: 30px;
  font-size: 20px;
  cursor: pointer;
}
.auto .vm--modal h3 {
  width: 100%;
  border-bottom: 1px solid #0b2239;
  padding-bottom: 17px;
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.auto .auto-setting {
  padding: 30px 0 0;
}
.auto .auto-setting > div h4 {
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  border-bottom: 1px solid #0b2239;
  padding-bottom: 5px;
}
.auto .auto-setting > div {
  width: 397px;
  display: inline-block;
  margin-left: 14px;
  color: #0b2239;
  vertical-align: top;
}
.auto .auto-setting > div > div {
  display: block;
}
.auto .auto-setting > div:first-child {
  margin-left: 0;
}
.auto .auto-setting > div:first-child > div:nth-child(3) {
  height: 110px;
  margin-top: 10px;
}
.auto .auto-setting .input-config {
  margin: 32.5px 0;
}
.auto .auto-setting .input-config .custom-control {
  display: inline-block;
}
.auto .auto-setting .input-config .config-value {
  display: inline-block;
  width: 148px;
  margin: 0 8px 0 20px;
  background-color: #fff;
  border: 1px solid #d4d6dc;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.16px;
  text-align: right;
  padding: 5px;
}
.auto .auto-setting .input-config .readonly {
  background-color: #ebebeb;
}
.auto .auto-setting .input-config .config-value.disable {
  margin-left: 58px;
}
.auto .auto-setting .input-config span {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.auto .auto-setting .btn-area {
  margin-top: 28px;
  text-align: center;
}
.auto .auto-setting .btn-setting {
  background-color: #ebebeb;
  border: 1px solid #c8c8c9;
  border-radius: 4px;
  color: #0b2239;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: -0.8px;
  text-align: center;
  width: 182px;
  height: 56px;
  margin: 0 5px;
}
.auto .auto-setting .btn-all-stop {
  background-color: #af0d01;
  border: 1px solid #af0d01;
  border-radius: 4px;
}
.auto .auto-setting .btn-all-start,
.auto .auto-setting .btn-all-stop {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 80px;
  letter-spacing: -0.9px;
  text-align: center;
  width: 374px;
  height: 92px;
  margin: 0 0 34px;
}
.auto .auto-setting .btn-all-start {
  background-color: #344c6a;
  border: 1px solid #344c6a;
  border-radius: 4px;
}
.auto .auto-setting .total {
  padding: 10px;
  background-color: #e1e8f0;
  margin-top: 25px;
  border-radius: 4px;
}
.auto .auto-setting .total p {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #1789de;
}
.auto .auto-setting .total span {
  display: block;
  font-size: 28px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  text-align: right;
  color: #1261c4;
  padding-top: 6px;
}
.auto .auto-setting .money {
  padding: 10px;
  display: block;
  height: 30px;
  margin-bottom: 8px;
}
.auto .auto-setting .money p {
  float: left;
  font-weight: 600;
}
.auto .auto-setting .money p,
.auto .auto-setting .money span {
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.auto .auto-setting .money span {
  float: right;
  font-weight: 700;
}
.auto .auto-setting .common-config {
  position: relative;
  background: #ebebeb;
  border-radius: 4px;
  padding: 20px;
}
.auto .auto-setting .common-config > div:first-child p {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.auto .auto-setting .common-config > div:first-child span {
  float: right;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.9px;
}
.auto .auto-setting .common-config > div:nth-child(2) {
  padding-bottom: 20px;
  border-bottom: 1px solid #aaacaf;
}
.auto .auto-setting .common-config > div:nth-child(2) p {
  margin: 22px 0 0;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  padding-bottom: 5px;
}
.auto .auto-setting .common-config > div:nth-child(2) .btn-group {
  height: 32px;
  vertical-align: top;
  margin-left: 8px;
}
.auto .auto-setting .common-config > div:nth-child(2) .btn-group a {
  width: 65px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  border: none;
  border-left: 1px solid #aaacaf;
  background: #fff;
  color: #707070;
  cursor: pointer;
}
.auto .auto-setting .common-config > div:nth-child(2) .btn-group a.active,
.auto .auto-setting .common-config > div:nth-child(2) .btn-group a:hover {
  outline: none;
  background-color: #1789de;
  color: #fff;
  box-shadow: inset 0 -1px 0 #ddd;
}
.auto .auto-setting .common-config > div:nth-child(2) .btn-group a:active,
.auto .auto-setting .common-config > div:nth-child(2) .btn-group a:focus {
  outline: none;
  box-shadow: inset 0 -1px 0 #ddd;
}
.auto .auto-setting .common-config > div:nth-child(2) .btn-group a:first-child {
  border-left: none;
}
.auto .auto-setting .common-config > div:nth-child(2) select {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  width: 155px;
  padding: 3px;
}
.auto .auto-setting .common-config > div:nth-child(3) {
  padding: 18px 0;
  border-bottom: 1px solid #aaacaf;
}
.auto .auto-setting .common-config > div:nth-child(3) > div {
  display: block;
  position: relative;
}
.auto .auto-setting .common-config > div:nth-child(3) > div:first-child {
  padding-bottom: 5px;
}
.auto .auto-setting .common-config > div:nth-child(3) p {
  display: inline-block;
  padding: 4px 0;
}
.auto .auto-setting .common-config > div:nth-child(3) select {
  width: 200px;
  height: 32px;
  float: right;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: left;
  padding-left: 3px;
}
.auto .auto-setting .common-config > div:nth-child(3) .checks {
  position: absolute;
  display: inline-block;
}
.auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  > div
  .checks:nth-child(2) {
  left: 155px;
  top: 0;
}
.auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  > div
  .checks:nth-child(3) {
  left: 230px;
  top: 0;
}
.auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]
  + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]
  + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]:checked
  + label:before {
  background: #fff;
  border-color: #1789de;
}
.auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: #1789de;
  border-radius: 100%;
}
.auto .auto-setting .common-config > div:nth-child(4) {
  padding: 18px 0;
}
.auto .auto-setting .common-config > div:nth-child(4) p {
  float: left;
}
.auto .auto-setting .common-config > div:nth-child(4) span {
  float: right;
  font-weight: 700;
}
.auto .auto-setting .common-config > div:nth-child(5) {
  padding: 30px 0 0;
}
.auto .auto-setting .common-config > div:nth-child(5) .btn {
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: center;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.auto .auto-setting .common-config > div:nth-child(5) .btn-reset {
  background-color: #fff;
  width: 115px;
  height: 56px;
  color: #5a5e62;
}
.auto .auto-setting .common-config > div:nth-child(5) .btn-start {
  background-color: #1261c4;
  width: 233px;
  height: 56px;
  color: #fff;
  margin-left: 9px;
}
.auto .auto-setting .common-config > div:nth-child(5) .btn-stop {
  background-color: #d24f45;
  width: 233px;
  height: 56px;
  color: #fff;
  margin-left: 9px;
}
.auto .auto-setting .common-config .betting-overlay {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: 185px;
  background: #fff;
  opacity: 0.05;
  z-index: 2;
}
.auto .table-setting {
  margin-top: 25px;
}
.auto .table-setting h4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.9px;
  margin-bottom: 1px;
}
.auto .table-setting .desc,
.auto .table-setting h4 {
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
}
.auto .table-setting .desc {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.6px;
  color: #aaacaf;
  padding-bottom: 10px;
}
.auto .table-setting .table-config {
  display: inline-block;
  vertical-align: top;
  width: 920px;
  height: 615px;
  border-bottom: 1px solid #aaacaf;
}
.auto .table-setting .table-config .head {
  width: 100%;
  color: #fff;
  background-color: #aaacaf;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.86;
  letter-spacing: -0.28px;
  text-align: center;
}
.auto .table-setting .table-config .head > div {
  display: inline-block;
  width: 153px;
  height: 42px;
  line-height: 42px;
}
.auto .table-setting .table-config .table-rows {
  width: 100%;
  max-height: 572px;
  overflow-y: overlay;
}
.auto .table-setting .table-config .table-row {
  width: 100%;
  color: #000;
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.86;
  letter-spacing: -0.28px;
  text-align: center;
  border-bottom: 1px solid #d4d6dc;
}
.auto .table-setting .table-config .table-row > div {
  display: inline-block;
  width: 153px;
  height: 55px;
  line-height: 55px;
}
.auto .table-setting .table-config .table-input,
.auto .table-setting .table-config .table-rows select {
  width: 94%;
  height: 35px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #d4d6dc;
  padding: 0 5px;
}
.auto .table-setting .table-config .table-rows select {
  padding: 0.5em 0.8em;
  line-height: 1;
  font-family: inherit;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZEQjUxRkQ0MTVDMTFFOUJGNTg4MDQxMThBMEVEQ0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZEQjUxRkU0MTVDMTFFOUJGNTg4MDQxMThBMEVEQ0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkRCNTFGQjQxNUMxMUU5QkY1ODgwNDExOEEwRURDRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERkRCNTFGQzQxNUMxMUU5QkY1ODgwNDExOEEwRURDRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlW3BOAAAAAlSURBVHjaYmxp6/3PgAMwATEjDjlGJhgDXQKmkwFNAVwhQIABACgUAqRFAwsXAAAAAElFTkSuQmCC)
    no-repeat 95% 50%;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.auto .table-setting .table-config .table-rows select::-ms-expand {
  display: none;
}
.auto .table-setting .table-config .table-rows .lot {
  width: 94%;
  border: 1px solid #d4d6dc;
  text-align: right;
  padding: 0.5em 0.8em;
  line-height: 1;
  font-family: inherit;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.auto .table-setting .table-config .table-rows .buy {
  color: #cc4d46;
}
.auto .table-setting .table-config .table-rows .sell {
  color: #2063c4;
}
.auto .table-setting .detail-config {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  margin-left: 20px;
}
.auto .table-setting .detail-config > div:first-child {
  margin-bottom: 5px;
}
.auto .table-setting .detail-config > div:last-child {
  margin-top: 15px;
}
.auto .table-setting .detail-config .config-load {
  border-bottom: 1px solid #aaacaf;
}
.auto .table-setting .detail-config .config-load h4 {
  display: inline-block;
  margin: 0 0 7px;
  padding: 0;
}
.auto .table-setting .detail-config .btn {
  border-radius: 4px;
  width: 136px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
}
.auto .table-setting .detail-config .btn-load {
  position: relative;
  float: right;
  width: 72px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: center;
  color: #64696f;
  padding: 5px 0;
  border: 1px solid #aaacaf;
  top: -2px;
}
.auto .table-setting .detail-config .btn-create {
  background-color: #1789de;
  margin-right: 4px;
  height: 42px;
  line-height: 30px;
}
.auto .table-setting .detail-config .btn-recommend {
  background-color: #d24f45;
  margin-left: 4px;
  height: 42px;
  line-height: 30px;
}
.auto .table-setting .detail-config .btn-reset {
  background-color: #fff;
  margin-right: 4px;
  height: 44px;
  line-height: 32px;
  color: #0c5ca0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.auto .table-setting .detail-config .btn-submit {
  background-color: #788d9f;
  margin-left: 4px;
  height: 44px;
  line-height: 32px;
}
.auto .table-setting .detail-config .btn-save {
  background-color: #0c5ca0;
  height: 55px;
  line-height: 40px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -1px;
  text-align: center;
}
.auto .table-setting .detail-config .btn-area {
  border-top: 1px solid #aaacaf;
  margin-top: 15px;
  padding: 20px 0 15px;
}
.auto .table-setting .detail-config .input-area {
  padding: 20px 0;
  position: relative;
}
.auto .table-setting .detail-config .input-area p {
  font-weight: 600;
}
.auto .table-setting .detail-config .input-area p,
.auto .table-setting .detail-config .input-area p span {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
}
.auto .table-setting .detail-config .input-area p span {
  color: #2b2b2b;
  font-weight: 500;
  padding-left: 3px;
}
.auto .table-setting .detail-config .input-area p .info {
  float: right;
  color: #1261c4;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: right;
}
.auto .table-setting .detail-config .input-area p.title {
  display: inline-block;
  width: 53px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
}
.auto .table-setting .detail-config .input-area .mini-input {
  display: inline-block;
  width: calc(100% - 53px);
  height: 44px;
  padding: 11px 17px;
  text-align: right;
  margin: 10px 0 2px;
  border: 1px solid #d4d6dc;
}
.auto .table-setting .detail-config .input-area .full-input {
  width: 100%;
  height: 44px;
  padding: 11px 17px;
  text-align: right;
  margin: 3px 0 2px;
  border: 1px solid #d4d6dc;
}
.auto .table-setting .detail-config .input-area .readonly {
  background-color: #ebebeb;
}
.auto .table-setting .detail-config .input-area .input-alert {
  color: #d24f45;
}
.auto .table-setting .detail-config .input-area .input-alert,
.auto .table-setting .detail-config .input-area .input-alert-b {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.auto .table-setting .detail-config .input-area .input-alert-b {
  color: #1789de;
}
.auto .table-setting .detail-config .info-area {
  padding: 15px 5px;
  background-color: #ebebeb;
}
.auto .table-setting .detail-config .info-area .money {
  padding: 0 5px;
  display: block;
  height: 26px;
  margin-bottom: 0;
}
.auto .table-setting .detail-config .info-area .money p {
  float: left;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #3f5465;
}
.auto .table-setting .detail-config .info-area .money span {
  float: right;
  font-size: 13px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: right;
  color: #3f5465;
}
.auto .mini-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 99;
  transition: all 0.1s ease;
}
.auto .mini-popup .show {
  display: block;
}
.auto .mini-popup .popcont {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 auto;
  color: #2b2b2b;
  display: table;
}
.auto .mini-popup .popcont .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.auto .mini-popup .popcont .content {
  position: relative;
  display: inline-block;
  width: 420px;
  height: 380px;
  border: 1px solid #aaacaf;
  background-color: #fff;
  padding: 30px 20px;
  text-align: left;
  border-radius: 6px;
}
.auto .mini-popup .popcont .content h4 {
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.9px;
  text-align: left;
  margin: 0;
}
.auto .mini-popup .popcont .content .btn-close {
  top: 25px;
  right: 20px;
}
.auto .mini-popup .popcont .content .rule-list {
  max-height: 300px;
  margin: 20px 0;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: -0.28px;
  text-align: center;
}
.auto .mini-popup .popcont .content .rule-list .rule-row {
  display: block;
  height: 40px;
  text-align: left;
}
.auto .mini-popup .popcont .content .rule-list .rule-row:first-child > div {
  border-top: 2px solid #aaacaf;
}
.auto .mini-popup .popcont .content .rule-list .rule-row > div {
  display: inline-block;
  border-bottom: 1px solid #d4d6dc;
  vertical-align: middle;
  line-height: 37px;
}
.auto .mini-popup .popcont .content .rule-list .rule-row > div:first-child {
  position: relative;
  width: 40px;
  margin-left: 0;
  text-align: center;
}
.auto .mini-popup .popcont .content .rule-list .rule-row > div:nth-child(2) {
  position: relative;
  width: 228px;
  text-align: left;
  padding-left: 10px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auto .mini-popup .popcont .content .rule-list .rule-row > div:nth-child(3) {
  position: relative;
  width: 100px;
  padding: 0;
  text-align: right;
}
.auto .mini-popup .popcont .content .rule-list .rule-row .btn {
  position: relative;
  top: -2px;
  padding: 0;
  width: 30px;
  height: 30px;
  margin-left: 8px;
}
.auto .mini-popup .popcont .content .rule-list .rule-row .btn-apply {
  width: 52px;
  height: 26px;
  border: 1px solid #aaacaf;
  color: #76787b;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: -0.26px;
}
.auto .overlay-container {
  z-index: 1001;
  overflow: auto;
}
.auto .black-overlay,
.auto .overlay-container {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
}
.auto .black-overlay {
  opacity: 0.4;
  background-color: #000;
  z-index: 999;
}
.auto .overlay-container .popup {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 320px;
  height: 220px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1000;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);
}
.auto .overlay-container .popup .close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 45px;
  cursor: pointer;
  font-weight: 100;
}
.auto .overlay-container .popup .content {
  width: 100%;
  height: 140px;
  font-size: 14px;
  border: none;
  display: table;
}
.auto .overlay-container .popup .content p {
  display: table-cell;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #0b2239;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}
.auto .overlay-container .popup .footer {
  width: calc(100% - 40px);
  height: 60px;
  bottom: 0;
  left: 0;
  position: fixed;
  text-align: center;
  background-color: #fff;
  border: none;
  padding: 0;
  margin: 0 20px;
}
.auto .overlay-container .popup .footer .btn-popup {
  display: inline-block;
  width: 130px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  line-height: 40px;
  margin: 0 5px;
}
.auto .overlay-container .popup .footer .btn-cancel {
  border: 1px solid #0c5ca0;
  color: #0c5ca0;
}
.auto .overlay-container .popup .footer .btn-confirm,
.auto .overlay-container .popup .footer .btn-confirm-full {
  border: 1px solid #0c5ca0;
  background-color: #0c5ca0;
  color: #fff;
}
.auto .overlay-container .popup .footer .btn-confirm-full {
  width: 100%;
  margin: 0;
}
.auto .popup-betting-config .overlay-container {
  position: absolute;
  left: 0;
  top: 0;
}
.auto .popup-betting-config .black-overlay {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
  z-index: 999;
}
.m_auto {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 1001;
}
.m_auto label,
.m_auto p {
  font-weight: 600;
}
.m_auto .auto-betting {
  position: relative;
  width: 100%;
  height: 90px;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.3);
  z-index: 1003;
}
.m_auto .auto-betting .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.m_auto .auto-betting .wrap .row {
  padding: 10px;
  height: 50px;
}
.m_auto .auto-betting .wrap .row > div:first-child {
  border-right: 1px solid #d4d6dc;
}
.m_auto .auto-betting .wrap .info-slide {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 8px;
  text-align: center;
  background-color: #d4d6dc;
}
.m_auto .auto-betting .wrap .info-slide .arrow {
  position: absolute;
  top: 8px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.m_auto .auto-betting .wrap .info-slide .arrow img {
  vertical-align: top;
}
.m_auto .auto-betting .wrap .info-slide .arrow.left {
  left: 3px;
}
.m_auto .auto-betting .wrap .info-slide .arrow.right {
  right: 3px;
}
.m_auto .auto-betting .wrap .info-slide p {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 50%;
  padding-right: 9px;
  color: #15324e;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
.m_auto .auto-betting .wrap .info-slide p:before {
  content: "|";
  width: 1px;
  position: absolute;
  right: 0;
  top: -1px;
  color: #15324e;
  font-size: 14px;
  font-weight: 700;
}
.m_auto .auto-betting .wrap .info-slide span {
  display: inline-block;
  width: 50%;
  padding-left: 9px;
  color: #15324e;
}
.m_auto .auto-betting .btn,
.m_auto .auto-betting .wrap .info-slide span {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}
.m_auto .auto-betting .btn {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 1.5;
}
.m_auto .auto-betting .btn img {
  position: relative;
  top: -1px;
  padding-right: 5px;
}
.m_auto .auto-betting .btn-config {
  color: #15324e;
}
.m_auto .auto-betting .btn-start {
  color: #1261c4;
}
.m_auto .auto-betting .btn-stop {
  color: #d24f45;
}
.m_auto .default {
  color: #2b2b2b !important;
}
.m_auto .plus {
  color: #1261c4 !important;
}
.m_auto .minus {
  color: #d24f45 !important;
}
.m_auto .waiting {
  color: #6a7076 !important;
}
.m_auto .waiting-red {
  color: #d24f45 !important;
}
.m_auto .betting {
  color: #f80;
  animation: glitter2 1s infinite;
}
.m_auto .vm--container {
  background: none;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
.m_auto .vm--overlay {
  display: none;
}
.m_auto .vm--modal {
  top: 0 !important;
  left: 0 !important;
  padding: 0 15px;
  border-radius: 0;
  z-index: 1000;
  overflow-y: scroll;
}
.m_auto .vm--modal .btn-back {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  margin-right: 10px;
}
.m_auto .vm--modal .popup-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 17px 0;
  background-color: #fff;
  z-index: 1004;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.3);
}
.m_auto .vm--modal .popup-header h3 {
  width: 100%;
  color: #0b2239;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}
.m_auto .vm--modal .popup-header.black {
  color: #fff;
  background-color: #0b2239;
}
.m_auto .vm--modal .popup-header.black h3 {
  color: #fff;
}
.m_auto .vm--modal .popup-header .btn-close {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
.m_auto .auto-setting {
  width: 100%;
  padding: 65px 0 0;
}
.m_auto .auto-setting > div h4 {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  border-bottom: 1px solid #0b2239;
  padding-bottom: 5px;
}
.m_auto .auto-setting > div {
  width: 100%;
  display: inline-block;
  margin-top: 30px;
  color: #0b2239;
  vertical-align: top;
}
.m_auto .auto-setting > div:first-child {
  margin-top: 0;
}
.m_auto .auto-setting .input-config {
  margin-top: 15px;
}
.m_auto .auto-setting .input-config .custom-control {
  display: inline-block;
}
.m_auto .auto-setting .input-config .config-value {
  display: inline-block;
  width: 100%;
  max-width: 120px;
  margin: 0 5px 0 10px;
  background-color: #fff;
  border: 1px solid #d4d6dc;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.16px;
  text-align: right;
  padding: 2px 3px;
}
.m_auto .auto-setting .input-config .readonly {
  background-color: #ebebeb;
}
.m_auto .auto-setting .input-config .config-value.disable {
  margin-left: 47px;
}
.m_auto .auto-setting .input-config span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.m_auto .auto-setting .btn-area {
  margin-top: 15px;
  text-align: center;
}
.m_auto .auto-setting .btn-area .col-6 {
  padding: 0 5px;
  margin: 0;
}
.m_auto .auto-setting .btn-area .col-6:first-child {
  padding-left: 0;
}
.m_auto .auto-setting .btn-area .col-6:last-child {
  padding-right: 0;
}
.m_auto .auto-setting .btn-area .btn {
  display: inline-block;
  border-radius: 4px;
  padding: 15px 0;
  margin: 0;
  font-size: 18px;
  width: 100%;
  text-align: center;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
}
.m_auto .auto-setting .btn-area .btn-setting {
  background-color: #ebebeb;
  border: 1px solid #c8c8c9;
  color: #0b2239;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 0;
}
.m_auto .auto-setting .btn-area .btn-all-stop {
  background-color: #af0d01;
  border: 1px solid #af0d01;
  color: #fff;
}
.m_auto .auto-setting .btn-area .btn-all-start {
  background-color: #344c6a;
  border: 1px solid #344c6a;
  color: #fff;
}
.m_auto .auto-setting .total {
  padding: 10px;
  background-color: #e1e8f0;
  margin-top: 10px;
  border-radius: 4px;
}
.m_auto .auto-setting .total p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #1789de;
}
.m_auto .auto-setting .total span {
  display: block;
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  text-align: right;
  color: #1261c4;
  padding-top: 6px;
}
.m_auto .auto-setting .money {
  display: block;
  height: 30px;
  margin-top: 15px;
}
.m_auto .auto-setting .money p {
  float: left;
  font-size: 16px;
  font-weight: 600;
}
.m_auto .auto-setting .money p,
.m_auto .auto-setting .money span {
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.m_auto .auto-setting .money span {
  float: right;
  font-size: 18px;
  font-weight: 700;
}
.m_auto .auto-setting .common-config {
  position: relative;
  background: #ebebeb;
  border-radius: 4px;
  padding: 20px 18px;
  margin-bottom: 20px;
}
.m_auto .auto-setting .common-config > div:first-child p {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.m_auto .auto-setting .common-config > div:first-child span {
  float: right;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.9px;
}
.m_auto .auto-setting .common-config > div:nth-child(2) {
  padding-bottom: 20px;
  border-bottom: 1px solid #aaacaf;
}
.m_auto .auto-setting .common-config > div:nth-child(2) p {
  display: block;
  margin: 22px 0 0;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  padding-bottom: 5px;
}
.m_auto .auto-setting .common-config > div:nth-child(2) .btn-group {
  float: right;
  height: 33px;
  vertical-align: top;
  margin: 10px 0 5px;
}
.m_auto .auto-setting .common-config > div:nth-child(2) .btn-group a {
  width: 50px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  border: none;
  border-left: 1px solid #aaacaf;
  background: #fff;
  color: #707070;
  cursor: pointer;
}
.m_auto .auto-setting .common-config > div:nth-child(2) .btn-group a.active,
.m_auto .auto-setting .common-config > div:nth-child(2) .btn-group a:hover {
  outline: none;
  background-color: #1789de;
  color: #fff;
  box-shadow: inset 0 -1px 0 #ddd;
}
.m_auto .auto-setting .common-config > div:nth-child(2) .btn-group a:active,
.m_auto .auto-setting .common-config > div:nth-child(2) .btn-group a:focus {
  outline: none;
  box-shadow: inset 0 -1px 0 #ddd;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(2)
  .btn-group
  a:first-child {
  border-left: none;
}
.m_auto .auto-setting .common-config > div:nth-child(2) select {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  padding: 3px;
  margin: 10px 10px 5px 0;
}
.m_auto .auto-setting .common-config > div:nth-child(3) {
  padding: 18px 0;
  border-bottom: 1px solid #aaacaf;
}
.m_auto .auto-setting .common-config > div:nth-child(3) > div {
  display: block;
  position: relative;
}
.m_auto .auto-setting .common-config > div:nth-child(3) > div:first-child {
  padding-bottom: 5px;
}
.m_auto .auto-setting .common-config > div:nth-child(3) p {
  display: inline-block;
  padding: 4px 0;
}
.m_auto .auto-setting .common-config > div:nth-child(3) select {
  min-width: 160px;
  height: 32px;
  float: right;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: left;
  padding-left: 3px;
}
.m_auto .auto-setting .common-config > div:nth-child(3) .checks {
  position: absolute;
  display: inline-block;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  > div
  .checks:nth-child(2) {
  right: 110px;
  top: 0;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  > div
  .checks:nth-child(3) {
  right: 30px;
  top: 0;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]
  + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]
  + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]:checked
  + label:before {
  background: #fff;
  border-color: #1789de;
}
.m_auto
  .auto-setting
  .common-config
  > div:nth-child(3)
  .checks
  input[type="radio"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background: #1789de;
  border-radius: 100%;
}
.m_auto .auto-setting .common-config > div:nth-child(4) {
  padding: 18px 0;
}
.m_auto .auto-setting .common-config > div:nth-child(4) p {
  display: inline-block;
}
.m_auto .auto-setting .common-config > div:nth-child(4) span {
  float: right;
  font-weight: 700;
}
.m_auto .auto-setting .common-config > div:nth-child(5) {
  padding: 10px 0 0;
}
.m_auto .auto-setting .common-config > div:nth-child(5) .btn {
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: center;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.m_auto .auto-setting .common-config > div:nth-child(5) .btn-reset {
  background-color: #fff;
  width: calc(35% - 12px);
  height: 56px;
  color: #5a5e62;
  margin-right: 12px;
}
.m_auto .auto-setting .common-config > div:nth-child(5) .btn-start {
  background-color: #1261c4;
  width: 65%;
  height: 56px;
  color: #fff;
}
.m_auto .auto-setting .common-config > div:nth-child(5) .btn-stop {
  background-color: #d24f45;
  width: 65%;
  height: 56px;
  color: #fff;
}
@media only screen and (max-width: 410px) {
  .m_auto .auto-setting .common-config > div:nth-child(3) select {
    float: inherit;
    display: block;
    margin: 10px 0;
    width: 100%;
  }
}
@media only screen and (max-width: 330px) {
  .m_auto .auto-setting .common-config > div:nth-child(2) .btn-group {
    float: inherit;
    display: block;
  }
  .m_auto .auto-setting .common-config > div:nth-child(3) p {
    display: block;
  }
  .m_auto .auto-setting .common-config > div:nth-child(3) .checks {
    position: relative;
    margin: 10px 0;
  }
  .m_auto
    .auto-setting
    .common-config
    > div:nth-child(3)
    > div
    .checks:nth-child(2) {
    right: inherit;
  }
  .m_auto
    .auto-setting
    .common-config
    > div:nth-child(3)
    > div
    .checks:nth-child(3) {
    right: inherit;
    padding-left: 20px !important;
  }
  .m_auto .auto-setting .common-config > div:nth-child(5) {
    padding: 10px 0 0;
  }
  .m_auto .auto-setting .common-config > div:nth-child(5) .btn {
    font-size: 14px;
  }
}
.m_auto .auto-setting .common-config .betting-overlay {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: 185px;
  background: #fff;
  opacity: 0.05;
  z-index: 2;
}
.m_auto .table-setting {
  margin-top: 65px;
}
.m_auto .table-setting h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.9px;
  margin-bottom: 15px;
}
.m_auto .table-setting .desc,
.m_auto .table-setting h4 {
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
}
.m_auto .table-setting .desc {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #aaacaf;
  padding: 12px 0 0;
}
.m_auto .table-setting .desc:last-child {
  padding-bottom: 30px;
}
.m_auto .table-setting .table-config {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #aaacaf;
  margin-top: 35px;
}
.m_auto .table-setting .table-config .head {
  display: table;
  width: 100%;
  color: #fff;
  background-color: #aaacaf;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  padding: 3px 0;
}
.m_auto .table-setting .table-config .head > div {
  display: table-cell;
  height: 42px;
  vertical-align: middle;
}
.m_auto .table-setting .table-config .table-rows {
  width: 100%;
  overflow-y: overlay;
}
.m_auto .table-setting .table-config .table-row {
  display: table;
  width: 100%;
  color: #000;
  background-color: #fff;
  font-size: 10px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.86;
  letter-spacing: -0.28px;
  text-align: center;
  border-bottom: 1px solid #d4d6dc;
}
.m_auto .table-setting .table-config .table-row > div {
  display: table-cell;
  height: 55px;
  vertical-align: middle;
}
.m_auto .table-setting .table-config .head > div:first-child,
.m_auto .table-setting .table-config .table-row > div:first-child {
  width: 8%;
}
.m_auto .table-setting .table-config .head > div:nth-child(2),
.m_auto .table-setting .table-config .table-row > div:nth-child(2) {
  width: 15%;
}
.m_auto .table-setting .table-config .head > div:nth-child(3),
.m_auto .table-setting .table-config .table-row > div:nth-child(3) {
  width: 19%;
}
.m_auto .table-setting .table-config .head > div:nth-child(4),
.m_auto .table-setting .table-config .table-row > div:nth-child(4) {
  width: 14%;
}
.m_auto .table-setting .table-config .head > div:nth-child(5),
.m_auto .table-setting .table-config .table-row > div:nth-child(5) {
  width: 19%;
}
.m_auto .table-setting .table-config .head > div:nth-child(6),
.m_auto .table-setting .table-config .table-row > div:nth-child(6) {
  width: 15%;
}
.m_auto .table-setting.cruise-setting .table-config .head > div:first-child,
.m_auto
  .table-setting.cruise-setting
  .table-config
  .table-row
  > div:first-child {
  width: 8%;
}
.m_auto .table-setting.cruise-setting .table-config .head > div:nth-child(2),
.m_auto .table-setting.cruise-setting .table-config .head > div:nth-child(3),
.m_auto
  .table-setting.cruise-setting
  .table-config
  .table-row
  > div:nth-child(2),
.m_auto
  .table-setting.cruise-setting
  .table-config
  .table-row
  > div:nth-child(3) {
  width: 18%;
}
.m_auto .table-setting.cruise-setting .table-config .head > div:nth-child(4),
.m_auto
  .table-setting.cruise-setting
  .table-config
  .table-row
  > div:nth-child(4) {
  width: 25%;
}
.m_auto .table-setting.cruise-setting .table-config .head > div:nth-child(5),
.m_auto
  .table-setting.cruise-setting
  .table-config
  .table-row
  > div:nth-child(5) {
  width: 16%;
}
.m_auto .table-setting.cruise-setting .table-config .head > div:nth-child(6),
.m_auto
  .table-setting.cruise-setting
  .table-config
  .table-row
  > div:nth-child(6) {
  width: 25%;
}
.m_auto .table-setting .table-config .table-rows .lot,
.m_auto .table-setting .table-config .table-rows select {
  width: 94%;
  height: 26px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #d4d6dc;
  padding: 0 5px;
}
.m_auto .table-setting .table-config .table-rows select {
  padding: 0.5em 0.8em;
  line-height: 1;
  font-family: inherit;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZEQjUxRkQ0MTVDMTFFOUJGNTg4MDQxMThBMEVEQ0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZEQjUxRkU0MTVDMTFFOUJGNTg4MDQxMThBMEVEQ0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkRCNTFGQjQxNUMxMUU5QkY1ODgwNDExOEEwRURDRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERkRCNTFGQzQxNUMxMUU5QkY1ODgwNDExOEEwRURDRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlW3BOAAAAAlSURBVHjaYmxp6/3PgAMwATEjDjlGJhgDXQKmkwFNAVwhQIABACgUAqRFAwsXAAAAAElFTkSuQmCC)
    no-repeat 95% 50%;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.m_auto .table-setting .table-config .table-rows select::-ms-expand {
  display: none;
}
.m_auto .table-setting .table-config .table-rows .buy {
  color: #cc4d46;
}
.m_auto .table-setting .table-config .table-rows .sell {
  color: #2063c4;
}
.m_auto .table-setting .detail-config {
  display: inline-block;
  width: 100%;
}
.m_auto .table-setting .detail-config > div:last-child {
  margin-top: 25px;
}
.m_auto .table-setting .detail-config .config-load {
  margin-bottom: 10px;
}
.m_auto .table-setting .detail-config .config-load h4 {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.m_auto .table-setting .detail-config .btn {
  border-radius: 4px;
  width: 136px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
}
.m_auto .table-setting .detail-config .btn-load {
  position: relative;
  float: right;
  width: 83px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: center;
  color: #64696f;
  padding: 8px 0;
  border: 1px solid #aaacaf;
  top: -6px;
}
.m_auto .table-setting .detail-config .btn-create {
  background-color: #1789de;
  margin-right: 4px;
  height: 42px;
  line-height: 30px;
}
.m_auto .table-setting .detail-config .btn-recommend {
  background-color: #d24f45;
  margin-left: 4px;
  height: 42px;
  line-height: 30px;
}
.m_auto .table-setting .detail-config .btn-reset {
  background-color: #fff;
  width: calc(50% - 8px);
  margin-right: 8px;
  height: 50px;
  line-height: 36px;
  color: #0c5ca0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.m_auto .table-setting .detail-config .btn-submit {
  background-color: #788d9f;
  width: calc(50% - 8px);
  margin-left: 8px;
  height: 50px;
  line-height: 36px;
}
.m_auto .table-setting .detail-config .btn-save {
  background-color: #0c5ca0;
  height: 62px;
  line-height: 48px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -1px;
  text-align: center;
}
.m_auto .table-setting .detail-config .btn-area {
  border-top: 1px solid #aaacaf;
  margin-top: 20px;
  padding: 25px 0 25px;
}
.m_auto .table-setting .detail-config .input-area {
  padding: 15px 0 15px;
  position: relative;
}
.m_auto .table-setting .detail-config .input-area p {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
}
.m_auto .table-setting .detail-config .input-area p span {
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  padding-left: 3px;
}
.m_auto .table-setting .detail-config .input-area p .info {
  float: right;
  color: #1261c4;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: right;
}
.m_auto .table-setting .detail-config .input-area p.title {
  display: inline-block;
  width: 53px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
}
.m_auto .table-setting .detail-config .input-area .mini-input {
  display: inline-block;
  width: calc(100% - 53px);
  height: 44px;
  padding: 11px 17px;
  text-align: right;
  margin: 10px 0 2px;
  border: 1px solid #d4d6dc;
}
.m_auto .table-setting .detail-config .input-area .full-input {
  width: 100%;
  height: 44px;
  padding: 11px 17px;
  text-align: right;
  margin: 3px 0 2px;
  border: 1px solid #d4d6dc;
}
.m_auto .table-setting .detail-config .input-area .readonly {
  background-color: #ebebeb;
}
.m_auto .table-setting .detail-config .input-area .input-alert {
  color: #d24f45;
}
.m_auto .table-setting .detail-config .input-area .input-alert,
.m_auto .table-setting .detail-config .input-area .input-alert-b {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
}
.m_auto .table-setting .detail-config .input-area .input-alert-b {
  color: #1789de;
}
.m_auto .table-setting .detail-config .info-area {
  padding: 15px 5px;
  background-color: #ebebeb;
}
.m_auto .table-setting .detail-config .info-area .money {
  padding: 0 5px;
  display: block;
  height: 26px;
  margin-bottom: 0;
}
.m_auto .table-setting .detail-config .info-area .money p {
  float: left;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #3f5465;
}
.m_auto .table-setting .detail-config .info-area .money span {
  float: right;
  font-size: 13px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: right;
  color: #3f5465;
}
.m_auto .mini-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1005;
  transition: all 0.1s ease;
}
.m_auto .mini-popup .show {
  display: block;
}
.m_auto .mini-popup .popcont {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 auto;
  color: #2b2b2b;
  display: table;
}
.m_auto .mini-popup .popcont .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 12px;
}
.m_auto .mini-popup .popcont .content {
  position: relative;
  display: inline-block;
  max-width: 340px;
  width: 100%;
  height: 370px;
  border: 1px solid #aaacaf;
  background-color: #fff;
  padding: 20px 15px 20px 9px;
  text-align: left;
  border-radius: 6px;
}
.m_auto .mini-popup .popcont .content h4 {
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.9px;
  text-align: left;
  margin: 0;
}
.m_auto .mini-popup .popcont .content .btn-close {
  position: absolute;
  top: 18px;
  right: 9px;
}
.m_auto .mini-popup .popcont .content .rule-list {
  max-height: 290px;
  margin: 23px 0;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: -0.28px;
  text-align: center;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row {
  display: block;
  width: 100%;
  height: 40px;
  text-align: left;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row:first-child > div {
  border-top: 2px solid #aaacaf;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row > div {
  display: table-cell;
  border-bottom: 1px solid #d4d6dc;
  vertical-align: middle;
  height: 40px;
  font-size: 13px;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row > div:first-child {
  position: relative;
  width: 5%;
  margin-left: 0;
  text-align: center;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row > div:nth-child(2) {
  position: relative;
  max-width: 200px;
  width: 75%;
  left: 6px;
  text-align: left;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row > div:nth-child(3) {
  position: relative;
  width: 25%;
  left: 6px;
  padding: 0;
  text-align: right;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row > div > div {
  display: table;
  width: 100%;
  height: 100%;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row > div > div > div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row .btn {
  padding: 5px;
  line-height: inherit;
}
.m_auto .mini-popup .popcont .content .rule-list .rule-row .btn-apply {
  min-width: 52px;
  height: 26px;
  border: 1px solid #aaacaf;
  color: #76787b;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: inherit;
}
.m_auto .overlay-container {
  z-index: 9998;
  overflow: auto;
}
.m_auto .black-overlay,
.m_auto .overlay-container {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
}
.m_auto .black-overlay {
  opacity: 0.4;
  background-color: #000;
  z-index: 999;
}
.m_auto .overlay-container .popup {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 320px;
  height: 220px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1000;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);
}
.m_auto .overlay-container .popup .close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 45px;
  cursor: pointer;
  font-weight: 100;
}
.m_auto .overlay-container .popup .content {
  width: 100%;
  height: 140px;
  font-size: 14px;
  border: none;
  display: table;
}
.m_auto .overlay-container .popup .content p {
  display: table-cell;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #0b2239;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}
.m_auto .overlay-container .popup .footer {
  width: calc(100% - 40px);
  height: 60px;
  bottom: 0;
  left: 0;
  position: fixed;
  text-align: center;
  background-color: #fff;
  border: none;
  padding: 0;
  margin: 0 20px;
}
.m_auto .overlay-container .popup .footer .btn-popup {
  display: inline-block;
  width: 130px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  line-height: 40px;
  margin: 0 5px;
}
.m_auto .overlay-container .popup .footer .btn-cancel {
  border: 1px solid #0c5ca0;
  color: #0c5ca0;
}
.m_auto .overlay-container .popup .footer .btn-confirm,
.m_auto .overlay-container .popup .footer .btn-confirm-full {
  border: 1px solid #0c5ca0;
  background-color: #0c5ca0;
  color: #fff;
}
.m_auto .overlay-container .popup .footer .btn-confirm-full {
  width: 100%;
  margin: 0;
}
.m_auto .popup-betting-config {
  background-color: #fff;
}
.m_auto .popup-betting-config .overlay-container {
  position: fixed;
  left: 0;
  top: 0;
}
.m_auto .popup-betting-config .black-overlay {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
  z-index: 999;
}
@media only screen and (max-width: 400px) {
  .trade .main .wrap .trade-view .symbol .text {
    font-size: 18px;
  }
  .MTEST.trade .title-box img {
    width: 16px;
  }
}
.apply-common-tooltip[data-v-3af2edf7] {
  display: none !important;
}
.bank .contents {
  background-color: #eee;
  text-align: center;
  width: 100%;
  margin: 84px 0 0;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.bank .contents .wrap {
  padding: 71px 0 261px;
  box-sizing: border-box;
  position: relative;
  width: 1400px;
  margin: 0 auto;
  text-align: center;
}
.bank .leftNav {
  width: 338px;
  height: 265px;
  padding: 15px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  float: left;
}
.bank .leftNav .title {
  width: 100%;
  height: 82px;
  margin-bottom: 15px;
  padding: 30px;
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: cover;
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  text-align: left;
}
.bank .leftNav ul li {
  text-align: left;
  padding: 10px 30px;
  color: #2b2b2b;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  cursor: pointer;
}
.bank .leftNav ul li.active {
  background-color: #f4edd9;
}
.bank .leftNav ul li a {
  color: #15324e;
  font-size: 16px;
}
.bank .contents .rightBoard {
  width: 1052px;
}
.bank .contents .fullBoard {
  width: 1400px;
}
.bank .contents .rightBoard h2 {
  color: #2b2b2b;
  font-size: 32px;
  line-height: 1.5;
  border-bottom: 2px solid #888;
  font-weight: 700;
  padding-bottom: 15px;
}
.bank .contents .rightBoard h4 {
  color: #2e74a8;
  font-size: 24px;
  margin-top: 18px;
  font-weight: 600;
}
.bank .contents .rightBoard .row_money {
  padding: 30px;
  border-radius: 20px;
  background-color: #f0f0f0;
  margin-top: 20px;
}
.bank .contents .rightBoard .row_money2 {
  border-top: 2px solid #888;
  border-bottom: 2px solid #888;
  margin: 30px 0;
}
.bank .row_money2 .contentsRow {
  border-bottom: 1px solid #d4d6dc;
  display: block;
  clear: both;
  line-height: 62px;
  text-align: left;
  color: #2b2b2b;
}
.bank .row_money2 .contentsRow p {
  width: 165px;
  height: 65px;
  font-size: 16px;
  font-weight: 700;
  margin-right: 20px;
  background-color: #f0f0f0;
  display: inline-block;
  padding: 0 20px;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0;
}
.bank .row_money2 .contentsRow span {
  font-size: 18px;
  font-weight: 700;
  color: #15324e;
  vertical-align: middle;
  display: inline-block;
  min-width: 290px;
}
.bank .row_money2 .contentsRow:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.bank .row_money2 .contentsRow .won {
  padding: 0 5px;
  min-width: 20px !important;
}
.bank .row_money .contentsRow {
  margin-bottom: 10px;
}
.bank .row_money .contentsRow:last-child {
  margin-bottom: 0;
}
.bank .row_money .step {
  color: #5c617c;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: 5px;
  display: block;
  float: left;
  clear: both;
  font-weight: 700;
  margin-right: 15px;
  min-width: 30px;
}
.bank .row_money .pre {
  width: 100%;
  white-space: pre-line;
  word-break: break-all;
  overflow: auto;
  line-height: normal;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.9px;
  color: #2b2b2b;
}
.bank input.money {
  width: 222px;
}
.bank div.money,
.bank input.money {
  padding: 4px 10px;
  height: 40px;
  background: #fff;
  color: #15324e;
  border: 1px solid #d4d6dc;
  text-align: right;
  font-weight: 700;
  font-size: 16px;
  box-sizing: border-box;
}
.bank div.money {
  width: 320px;
}
.bank div.money input {
  border: none;
  height: 100%;
  width: 100%;
  text-align: right;
}
.bank .date input {
  position: relative;
  top: 2px;
  padding: 4px 10px 4px 0;
  width: 140px;
  height: 40px;
  background: #fff;
  color: #000;
  border: 1px solid #d4d6dc;
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  box-sizing: border-box;
  background-image: url(/static/img/icon_schedule.60a596f8.svg);
  background-position: 7px 7px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.bank .date1 {
  margin: 0 !important;
}
.bank .date2 {
  margin-right: 20px;
}
.bank .wave {
  position: relative;
  top: 5px;
  padding: 0 10px;
  font-size: 26px;
  margin: 0 !important;
}
.bank .buttonArea {
  text-align: right;
}
.bank .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: #7a809f;
  color: #fefefe;
  height: 40px;
  box-sizing: border-box;
}
.bank .btn-confirm {
  background-color: #5c617c;
}
.bank .btn-progress {
  background-color: #d4d6dc;
  color: #888;
  cursor: inherit;
}
.bank .btn-lg {
  padding: 12px 32px;
  height: 50px;
}
.bank .searchArea {
  margin: 70px 0 15px;
  height: 46px;
}
.bank .searchArea.mtPoint {
  margin-top: 48px;
}
.bank .searchArea .searchOption {
  float: left;
}
.bank .searchArea .searchOption > * {
  display: inline-block;
  margin-right: 20px;
}
.bank .searchArea .buttonArea {
  float: right;
  margin: 0;
}
.bank .searchArea .buttonArea .deposit.btn {
  background: #1789de;
  border-radius: 0;
}
.bank .searchArea .buttonArea .withdraw.btn {
  border-radius: 0;
}
.bank .searchArea select {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  padding: 7px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.bank .searchArea select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}
.bank .moneyArea table {
  border: none !important;
}
.bank .moneyArea .list_head {
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  height: 50px;
  border-bottom: 2px solid #333;
  padding: 0 5px;
  margin: 0;
  color: #2b2b2b;
  box-sizing: border-box;
  font-weight: 300;
  border-collapse: collapse;
  border-spacing: 0;
}
.bank .moneyArea .list_head thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
}
.bank .moneyArea .list_head.history .title {
  font-size: 18px;
  font-weight: 700;
}
.bank .moneyArea .list_head tbody tr td {
  padding: 11px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.bank .board_co_number {
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.bank .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.bank .board_co_account {
  font-size: 18px;
  font-weight: 600;
}
.bank .board_co_account.deposite {
  color: #1789de;
  font-weight: 600;
}
.bank .board_co_account.withdraw {
  color: #d24f45;
  font-weight: 600;
}
.bank .board_co_account .buying {
  color: #1789de;
  font-weight: 600;
}
.bank .board_co_account .sell {
  color: #d24f45;
  font-weight: 600;
}
.bank .board_co_status .realization {
  color: #1789de;
  font-weight: 600;
}
.bank .board_co_status .disqualification {
  color: #d24f45;
  font-weight: 600;
}
.bank .board_co_money {
  color: #2b2b2b;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  padding-right: 20px;
}
.bank .board_co_status {
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
}
.bank .board_co_status .ongoing {
  border-radius: 25px;
  color: #f80;
  border: 2px solid #f80;
}
.bank .board_co_status .ongoing,
.bank .board_co_status .refusal {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
  font-weight: 600;
}
.bank .board_co_status .refusal {
  border-radius: 25px;
  color: #d24f45;
  border: 2px solid #d24f45;
}
.bank .board_co_status .done {
  background-color: #fff;
  padding: 5px;
  border-radius: 25px;
  color: #1789de;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #1789de;
  font-weight: 600;
}
.bank .checks {
  position: relative;
}
.bank .checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.bank .checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.bank .checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 23px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.bank .checks input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #5c617c;
}
.bank .checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #5c617c;
  border-radius: 100%;
}
.bank .tableDescription {
  margin: 20px 0 90px;
  color: #707070;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
.bank .pagination {
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: block;
}
.bank .pagination span,
.pagination a {
  background-color: #ebebeb;
  color: #8f8f8f;
  display: inline-block;
  padding: 11px 15px;
  margin: 0 1px;
  text-decoration: none;
  width: auto;
  border-radius: 5px;
  font-size: 18px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.75;
  min-width: 50px;
}
.bank .pagination .current {
  padding: 11px 15px;
  background-color: #5c617c;
  color: #fff;
}
.bank .btn.deposite {
  background-color: #1789de;
}
.bank .btn.withdraw {
  background-color: #d24f45;
}
.bank .btn.reflash {
  background-color: #fff;
  color: #0c5ca0;
  border: 1px solid #0c5ca0;
}
.bank .btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
}
.helpdesk .contents {
  background-color: #eee;
  text-align: center;
  width: 100%;
  margin: 84px 0 0;
  display: inline-block;
  padding-bottom: 20px;
  padding-top: 20px;
}
.helpdesk .contents .wrap {
  padding: 20px 0;
  box-sizing: border-box;
  position: relative;
  width: 1400px;
  margin: 0 auto;
  text-align: center;
}
.helpdesk .leftNav {
  width: 338px;
  min-height: 265px;
  padding: 15px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  float: left;
}
.helpdesk .leftNav .title {
  width: 100%;
  height: 82px;
  margin-bottom: 15px;
  padding: 30px;
  background: url(data:image/png;base64,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);
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  text-align: left;
  position: relative;
}
.helpdesk .leftNav .title:after {
  content: "";
  display: block;
  width: 115px;
  height: 70px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 20px;
}
.helpdesk .leftNav ul li {
  text-align: left;
  padding: 10px 30px;
  color: #707070;
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  font-weight: 700;
}
.helpdesk .leftNav ul li.active {
  background-color: #f4edd9;
}
.helpdesk .leftNav ul li a {
  color: #2b2b2b;
}
.helpdesk .contents .rightBoard {
  width: 1052px;
}
.helpdesk .contents .fullBoard {
  width: 1400px;
}
.helpdesk .contents .rightBoard h2 {
  color: #2b2b2b;
  font-size: 32px;
  border-bottom: 2px solid #888;
  margin-bottom: 0;
  line-height: 1.5;
}
.helpdesk .contents .rightBoard h4 {
  color: #1789de;
  font-size: 24px;
  margin-top: 50px;
}
.helpdesk .contents .rightBoard .top {
  padding: 30px;
}
.helpdesk .contents .rightBoard .top h2 {
  border: none;
}
.helpdesk .contents .rightBoard .top .search-box {
  border-radius: 5px;
  padding: 7px 20px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
}
.helpdesk .contents .rightBoard .top .search-box img {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.helpdesk .contents .rightBoard .top .search-box input {
  font-weight: 700;
  color: #8f8f8f;
  border: none;
  background: transparent;
  width: 100%;
}
.helpdesk .contents .rightBoard .top .search-box input::-moz-placeholder {
  color: #8f8f8f;
  font-weight: 700;
}
.helpdesk .contents .rightBoard .top .search-box input::placeholder {
  color: #8f8f8f;
  font-weight: 700;
}
.helpdesk .contents .rightBoard .searchForm {
  float: right;
  margin-top: -50px;
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 0 10px;
  width: 250px;
  box-sizing: border-box;
}
.helpdesk .contents .rightBoard .searchForm > * {
  display: inline-block;
  vertical-align: middle;
}
.helpdesk .contents .rightBoard .searchForm .btnSearch {
  background-image: url(/static/img/icon_search.3c9e2d66.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.helpdesk .contents .rightBoard .row_board {
  border-bottom: 2px solid #d4d6dc;
  margin: 0 0 30px;
}
.helpdesk .contents .rightBoard .row_board2 {
  margin: 10px 0;
}
.helpdesk .contents .rightBoard .row_line {
  border-bottom: 2px solid #888;
  padding-bottom: 30px;
}
.helpdesk .contents .rightBoard .answer pre,
.helpdesk .contents .rightBoard .question pre {
  width: 100%;
  white-space: pre-wrap;
  font-size: 15px;
}
.helpdesk .contents .rightBoard .answer pre {
  margin-top: 10px;
  border-top: 2px solid #d4d6dc;
  padding: 30px 15px 0;
}
.helpdesk .row_board .contentsRow {
  display: block;
  clear: both;
  line-height: 45px;
  text-align: left;
  color: #2b2b2b;
}
.helpdesk .row_board .contentsRow > *,
.row_board2 .contentsRow > * {
  display: inline-block;
}
.helpdesk .row_board .contentsRow p,
.row_board2 .contentsRow p {
  min-width: 80px;
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 0 0;
  box-sizing: border-box;
  vertical-align: middle;
  height: auto;
  text-align: left;
}
.helpdesk .row_board .contentsRow span,
.row_board2 .contentsRow span {
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  min-width: 280px;
  text-align: left;
}
.helpdesk .row_board .contentsRow:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.helpdesk .row_board .contentsRow .btn {
  margin-right: 10px;
  height: 50px;
  min-width: 90px;
}
.helpdesk .contents .rightBoard .row_board.write {
  border-top: none;
  margin: 0;
  padding-bottom: 20px;
  height: 100%;
  display: grid;
}
.helpdesk .row_board.write .contentsRow {
  margin-top: 20px;
}
.helpdesk .rightBoard .contentsBox {
  width: 100%;
  overflow: auto;
  line-height: 1.5;
  font-size: 18px;
  color: #2b2b2b;
  letter-spacing: -1px;
  border-bottom: 2px solid #d4d6dc;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}
.helpdesk input.search {
  width: 185px;
  background: transparent;
  border: none;
  text-align: left;
}
.helpdesk input.money,
.helpdesk input.search {
  height: 40px;
  color: #2b2b2b;
  font-size: 16px;
  box-sizing: border-box;
}
.helpdesk input.date,
.helpdesk input.money {
  padding: 4px 5px;
  width: 222px;
  background: #fff;
  border: 1px solid #d4d6dc;
  text-align: right;
  font-weight: 700;
}
.helpdesk input.date {
  height: 40px;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
  background-image: url(/static/img/icon_schedule.60a596f8.svg);
  background-position: 7px 7px;
  background-repeat: no-repeat;
}
.helpdesk input.subject_content {
  height: 40px;
  background: transparent;
  text-align: left;
  font-size: 16px;
  margin-top: 3px;
}
.helpdesk input.subject_content,
.helpdesk textarea.board_content {
  width: calc(100% - 110px);
  color: #2b2b2b;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  float: right;
}
.helpdesk textarea.board_content {
  height: 200px;
  resize: none;
  line-height: 1.4;
}
.helpdesk input.attatch {
  width: 200px;
  height: 50px;
  background: transparent;
  color: #2b2b2b;
  text-align: left;
  font-size: 16px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  margin-top: 3px;
  margin-right: 10px;
}
.helpdesk .buttonArea {
  margin-top: 30px;
  text-align: right;
}
.helpdesk .buttonArea .btn.cancel {
  margin-right: 10px;
  width: 120px;
}
.helpdesk .buttonArea .btn.send {
  width: 120px;
}
.helpdesk .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  background-color: #707070;
  border: 1px solid transparent;
  color: #fefefe;
  height: 40px;
  box-sizing: border-box;
}
.helpdesk .btn-confirm,
.helpdesk .btn-outline {
  background-color: #232843;
}
.helpdesk .btn-outline {
  border: 1px solid #232843;
  color: #fff;
}
.helpdesk .btn-outline.find:hover {
  color: #e2e2e2;
}
.helpdesk .btn-lg {
  padding: 12px 32px;
  height: 50px;
  margin-left: 10px;
  border-radius: 0;
}
.helpdesk .btn-lg:hover {
  color: #fff;
}
.helpdesk .searchArea {
  margin: 100px 0 16px;
  height: 36px;
}
.helpdesk .searchArea .searchOption {
  float: left;
}
.helpdesk .searchArea .searchOption > * {
  display: inline-block;
  margin-right: 20px;
}
.helpdesk .searchArea .buttonArea {
  float: right;
}
.helpdesk .searchArea select {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  padding: 10px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.helpdesk .searchArea select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}
.helpdesk .board_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 30px;
  border-top: 2px solid #8b97a2;
}
.helpdesk .board_table tr td {
  font-size: 17px;
  line-height: 32px;
  height: 50px;
  border-bottom: 1px solid #e9eef2;
  padding: 0 5px;
  margin: 30px 0;
  color: #2b2b2b;
  box-sizing: border-box;
  font-weight: 400;
}
.helpdesk .board_table thead tr td {
  font-size: 17px;
  text-align: center;
  background-color: #f8f8f8;
  font-weight: 400;
}
.helpdesk .board_table .board_notice {
  font-weight: 700 !important;
}
.helpdesk .board_table .board_notice td {
  background-color: #dadce3;
  border-bottom: 1px solid #fff;
}
.helpdesk .board_table .board_notice td a {
  font-size: 18px;
  font-weight: 600;
}
.helpdesk .board_table tr td.board_co_subject {
  padding: 0 15px;
}
.board_table tr td.board_co_view,
.helpdesk .board_table tr td.board_co_date {
  text-align: center;
  font-weight: 300;
  color: #8f8f8f;
}
.helpdesk .board_table a,
.helpdesk .board_table tr td.board_co_view.unread {
  color: #2b2b2b;
}
.helpdesk .board_table a:hover {
  color: #1789de;
}
.helpdesk .board_table tr td img {
  position: relative;
  top: -2px;
  vertical-align: middle;
  height: 25px;
}
.helpdesk .board_table tr td .categoryNotice {
  color: #5c617c;
  margin: 0 15px 0 8px;
  font-weight: 600;
}
.helpdesk .moneyArea .list_head thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
}
.helpdesk .moneyArea .list_head.history .title {
  font-size: 16px;
  font-weight: 300;
}
.helpdesk .moneyArea .list_head tbody tr td {
  padding: 11px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.helpdesk .board_co_number {
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.helpdesk .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.helpdesk .board_co_account {
  font-size: 18px;
  font-weight: 600;
}
.helpdesk .board_co_account.deposite {
  color: #1789de;
}
.helpdesk .board_co_account.withdraw {
  color: #d24f45;
}
.helpdesk .board_co_account .buying {
  color: #1789de;
}
.helpdesk .board_co_account .sell {
  color: #d24f45;
}
.helpdesk .board_co_status .realization {
  color: #1789de;
}
.helpdesk .board_co_status .disqualification {
  color: #d24f45;
}
.helpdesk .board_co_money {
  color: #2b2b2b;
  font-size: 18px;
  text-align: right;
  font-weight: 600;
  padding-right: 20px;
}
.helpdesk .board_co_status {
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  margin: 0 auto;
}
.helpdesk .board_co_status.ongoing,
.helpdesk .board_co_status.refusal {
  padding: 5px;
  border-radius: 25px;
  color: #d24f45;
  box-sizing: border-box;
  min-width: 150px;
  font-weight: 700;
}
.helpdesk .board_co_status.done {
  padding: 5px;
  border-radius: 25px;
  color: #1789de;
  box-sizing: border-box;
  min-width: 150px;
  font-weight: 700;
}
.helpdesk .checks {
  position: relative;
}
.helpdesk .checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.helpdesk .checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.helpdesk .checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.checks input[type="radio"]:checked + label:before {
  border-color: #1789de;
}
.helpdesk .checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #1789de;
  border-radius: 100%;
}
.helpdesk .tableDescription {
  margin: 20px 0 90px;
  color: #707070;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
.helpdesk .pagination {
  padding: 20px 0 80px;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: block;
}
.helpdesk .pagination span,
.pagination a {
  background-color: #ebebeb;
  color: #8f8f8f;
  display: inline-block;
  padding: 11px 15px;
  margin: 0 1px;
  text-decoration: none;
  width: auto;
  border-radius: 5px;
  font-size: 18px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.75;
  min-width: 50px;
}
.helpdesk .pagination .current {
  padding: 11px 15px;
  background-color: #5c617c;
  color: #fff;
}
.helpdesk .btn.deposite {
  background-color: #d6b65d;
}
.helpdesk .btn.withdraw {
  background-color: #d24f45;
}
.helpdesk .btn.reflash {
  background-color: #fff;
  color: #0c5ca0;
  border: 1px solid #0c5ca0;
}
.helpdesk .btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
}
.helpdesk .contentsBox img,
.helpdesk .contentsBox table {
  display: block;
  max-width: 100% !important;
  width: auto;
  height: auto;
}
.helpdesk .fileUpload {
  padding-top: 20px;
}
.helpdesk .fileUpload input[type="file"] {
  position: absolute;
  top: -9999px;
  left: 9999px;
  width: 0;
  height: 0;
}
.helpdesk .fileUpload > div {
  display: inline-block !important;
  width: calc(100% - 110px);
  height: 40px;
  box-sizing: border-box;
  float: right;
}
.helpdesk .row_board .contentsRow.fileUpload .btn {
  height: 40px;
}
.helpdesk .fileUploadList {
  padding-top: 20px;
}
.helpdesk .fileUploadList > div {
  display: inline-block !important;
  width: calc(100% - 110px);
  height: 100%;
  box-sizing: border-box;
  float: right;
}
.helpdesk .fileUploadList div.file-listing {
  font-size: 14px;
  display: inline-block;
}
.helpdesk .fileUploadList div.file-listing span {
  margin: 0 10px !important;
}
.memo .contents {
  background-color: #eee;
  text-align: center;
  width: 100%;
  margin: 84px 0 0;
  display: inline-block;
  padding-bottom: 20px;
  padding-top: 20px;
}
.memo .contents .wrap {
  padding: 20px 0;
  box-sizing: border-box;
  position: relative;
  width: 1400px;
  margin: 0 auto;
  text-align: center;
}
.memo .leftNav {
  width: 338px;
  min-height: 265px;
  padding: 15px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  float: left;
}
.memo .leftNav .title {
  width: 100%;
  height: 82px;
  margin-bottom: 15px;
  padding: 30px;
  background-image: linear-gradient(90deg, #178ed0 30%, #28aef8);
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  text-align: left;
  position: relative;
}
.memo .leftNav .title:after {
  content: "";
  display: block;
  width: 115px;
  height: 70px;
  background-image: url(/static/img/leftNavImg_helpdesk.468cc540.svg);
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 20px;
}
.memo .leftNav ul li {
  text-align: left;
  padding: 10px 30px;
  color: #15324e;
  font-size: 16px;
  line-height: 1.5;
}
.memo .leftNav ul li.active {
  background-color: #f0f0f0;
}
.memo .contents .rightBoard {
  width: 1052px;
}
.memo .contents .fullBoard {
  width: 1400px;
}
.memo .contents .rightBoard h2 {
  color: #2b2b2b;
  font-size: 32px;
  line-height: 1.5;
  border-bottom: 2px solid #888;
  font-weight: 700;
}
.memo .contents .rightBoard h4 {
  color: #1789de;
  font-size: 24px;
  margin-top: 50px;
}
.memo .contents .rightBoard .searchForm {
  float: right;
  margin-top: -50px;
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 0 10px;
  width: 250px;
  box-sizing: border-box;
}
.memo .contents .rightBoard .searchForm > * {
  display: inline-block;
  vertical-align: middle;
}
.memo .contents .rightBoard .searchForm .btnSearch {
  background-image: url(/static/img/icon_search.3c9e2d66.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.memo .contents .rightBoard .row_board {
  border-bottom: 2px solid #d4d6dc;
  margin: 0 0;
}
.memo .contents .rightBoard .row_board2 {
  margin: 0 0;
}
.memo .row_board .contentsRow {
  display: block;
  clear: both;
  line-height: 57px;
  text-align: left;
  color: #2b2b2b;
  padding: 0;
}
.memo .row_board .contentsRow > *,
.row_board2 .contentsRow > * {
  display: inline-block;
}
.memo .row_board .contentsRow p,
.memo .row_board2 .contentsRow p {
  font-size: 18px;
  font-weight: 700;
  padding: 0 0;
  box-sizing: border-box;
  vertical-align: middle;
  height: auto;
}
.memo .row_board .contentsRow span,
.row_board2 .contentsRow span {
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;
  min-width: 290px;
}
.memo .row_board .contentsRow:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.memo .row_board .contentsRow .btn {
  margin-right: 10px;
  height: 50px;
  min-width: 90px;
}
.memo .rightBoard .contentsBox {
  width: 100%;
  overflow: auto;
  line-height: 1.5;
  font-size: 18px;
  color: #2b2b2b;
  letter-spacing: -1px;
  border-bottom: 2px solid #d4d6dc;
  padding-bottom: 30px;
  margin-bottom: 50px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 30px;
}
.memo input.search {
  width: 185px;
  background: transparent;
  border: none;
  text-align: left;
}
.memo input.money,
.memo input.search {
  height: 40px;
  color: #2b2b2b;
  font-size: 16px;
  box-sizing: border-box;
}
.memo input.date,
.memo input.money {
  padding: 4px 5px;
  width: 222px;
  background: #fff;
  border: 1px solid #d4d6dc;
  text-align: right;
  font-weight: 700;
}
.memo input.date {
  height: 40px;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
  background-image: url(/static/img/icon_schedule.60a596f8.svg);
  background-position: 7px 7px;
  background-repeat: no-repeat;
}
.memo input.subject_content {
  height: 50px;
  background: transparent;
  text-align: left;
  font-size: 16px;
  margin-top: 3px;
}
.memo input.subject_content,
.memo textarea.board_content {
  width: calc(100% - 110px);
  color: #2b2b2b;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  float: right;
}
.memo textarea.board_content {
  padding: 5px;
  min-height: 400px;
  max-height: 600px;
}
.memo input.attatch {
  width: 200px;
  height: 50px;
  background: transparent;
  color: #2b2b2b;
  text-align: left;
  font-size: 16px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  margin-top: 3px;
  margin-right: 10px;
}
.memo .buttonArea {
  text-align: right;
}
.memo .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: #707070;
  color: #fefefe;
  height: 40px;
  box-sizing: border-box;
}
.memo .btn-confirm {
  background-color: #0c5ca0;
}
.memo .btn-outline {
  border: 1px solid #0c5ca0;
  color: #0c5ca0;
  background-color: #fff;
}
.memo .btn-lg {
  padding: 12px 32px;
  height: 50px;
  border-radius: 0;
}
.memo .btn-lg:hover {
  color: #fff;
}
.memo .searchArea {
  margin: 100px 0 16px;
  height: 36px;
}
.memo .searchArea .searchOption {
  float: left;
}
.memo .searchArea .searchOption > * {
  display: inline-block;
  margin-right: 20px;
}
.memo .searchArea .buttonArea {
  float: right;
}
.memo .board_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 30px;
}
.memo .board_table tr td {
  font-size: 18px;
  line-height: 32px;
  height: 50px;
  border-bottom: 1px solid #e9eef2;
  padding: 0 5px;
  margin: 30px 0;
  color: #2b2b2b;
  box-sizing: border-box;
  font-weight: 400;
}
.memo .board_table thead tr td {
  font-size: 16px;
  text-align: center;
  background-color: #f8f8f8;
  font-weight: 600;
  border-bottom: 2px solid #5c617c;
}
.memo .board_table .board_notice td {
  background-color: #e9eef2;
  border-bottom: 1px solid #fff;
}
.memo .board_table tr td.board_co_subject {
  padding: 0 20px;
  font-weight: 500;
}
.memo .board_table tr td.board_co_subject a {
  cursor: pointer;
}
.board_table tr td.board_co_view,
.memo .board_table tr td.board_co_date {
  text-align: center;
  font-weight: 300;
  color: #8f8f8f;
}
.memo .board_table a,
.memo .board_table tr td.board_co_view.unread {
  color: #2b2b2b;
}
.memo .board_table a:hover {
  color: #1789de;
}
.memo .board_table tr td img {
  vertical-align: middle;
}
.memo .board_table tr td .categoryNotice {
  color: #1789de;
  margin: 0 20px 0 10px;
}
.memo .moneyArea .list_head thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
}
.memo .moneyArea .list_head.history .title {
  font-size: 16px;
  font-weight: 300;
}
.memo .moneyArea .list_head tbody tr td {
  padding: 11px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.memo .board_co_number {
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.memo .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.memo .board_co_account {
  font-size: 18px;
  font-weight: 600;
}
.memo .board_co_account.deposite {
  color: #1789de;
}
.memo .board_co_account.withdraw {
  color: #d24f45;
}
.memo .board_co_account .buying {
  color: #1789de;
}
.memo .board_co_account .sell {
  color: #d24f45;
}
.memo .board_co_status .realization {
  color: #1789de;
}
.memo .board_co_status .disqualification {
  color: #d24f45;
}
.memo .board_co_money {
  color: #2b2b2b;
  font-size: 18px;
  text-align: right;
  font-weight: 600;
  padding-right: 20px;
}
.memo .board_co_status {
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
}
.memo .board_co_status.ongoing,
.memo .board_co_status.refusal {
  color: #d24f45;
}
.memo .board_co_status.done,
.memo .board_co_status.ongoing,
.memo .board_co_status.refusal {
  padding: 5px;
  border-radius: 25px;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
}
.memo .board_co_status.done {
  color: #1789de;
}
.memo .checks {
  position: relative;
}
.memo .checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.memo .checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.memo .checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.memo .checks input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #1789de;
}
.memo .checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #1789de;
  border-radius: 100%;
}
.memo .tableDescription {
  margin: 20px 0 90px;
  color: #707070;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
.memo .pagination {
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: block;
}
.memo .pagination span,
.pagination a {
  background-color: #ebebeb;
  color: #8f8f8f;
  display: inline-block;
  padding: 11px 15px;
  margin: 0 1px;
  text-decoration: none;
  width: auto;
  border-radius: 5px;
  font-size: 18px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.75;
  min-width: 50px;
}
.memo .pagination span,
.pagination a img {
  margin-top: 4px;
}
.memo .pagination .current {
  padding: 11px 15px;
  background-color: #5c617c;
  color: #fff;
}
.memo .btn.deposite {
  background-color: #1789de;
}
.memo .btn.withdraw {
  background-color: #d24f45;
}
.memo .btn.reflash {
  background-color: #fff;
  color: #0c5ca0;
  border: 1px solid #0c5ca0;
}
.memo .btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
}
.memo .pc-tab {
  width: 100%;
  margin: 50px auto;
}
.memo .pc-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.memo .pc-tab ul li label {
  float: left;
  padding: 15px 25px;
  border: 1px solid #fff;
  background: #f0f0f0;
  color: #444;
  border-bottom: none !important;
  width: 446px;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.memo .pc-tab ul li label:hover {
  background: #ddd;
  border-top: 2px solid #ddd;
  color: #111;
}
.memo .pc-tab ul li label.active {
  background: #fff;
  color: #111;
  position: relative;
  border: 2px solid #5c617c;
}
.memo .pc-tab ul li label.active:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  left: 0;
  bottom: -1px;
}
.memo .pc-tab ul li label img {
  margin-right: 5px;
  vertical-align: bottom;
}
.memo .pc-tab section {
  font-family: "Droid Serif";
  clear: both;
}
.memo .pc-tab section > div {
  padding: 20px 0;
  width: 100%;
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}
.memo .pc-tab section div h2 {
  margin: 0;
  letter-spacing: 1px;
  color: #34495e;
}
p {
  margin-bottom: 0 !important;
}
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ol,
dl,
ul {
  margin-bottom: 0 !important;
}
#Content {
  clear: both;
  position: relative;
  margin-top: 71px;
}
#Content .title {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  padding: 10px 15px;
  background-color: #102030;
}
#Content .title span {
  padding-left: 5px;
}
#Content .title .btn-group {
  float: right;
  margin-right: 40px;
  width: 170px;
}
#Content .title .btn {
  padding: 0;
}
#Content .title .btn .caret {
  padding-left: 0;
}
#Content.removeMt {
  margin-top: 0;
}
#keyvisual {
  margin: 0 auto;
  overflow: hidden;
  perspective: 1;
  z-index: 0;
  height: 547px;
  text-align: center;
  background: url(/static/img/m_main_bg.0b4aecc0.webp) no-repeat;
  background-position: top;
  background-size: cover;
}
#keyvisual h2 {
  font-size: 45px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -1.2px;
  text-align: center;
  color: #f7ffff;
  margin-top: 170px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#keyvisual h4.sub-title {
  font-size: 20px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  font-weight: 500;
  color: #fff;
  margin-top: 10px;
}
#keyvisual .view_info {
  min-width: 312px;
  margin: 20px auto 0;
  padding: 0 20px;
}
#keyvisual .view_info ul {
  background: rgba(51, 47, 35, 0.5);
  width: 100%;
  height: 100%;
  padding: 14px 0 10px;
  border-radius: 6px;
}
.view_info ul li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  position: relative;
}
.view_info ul li p.memberNum {
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  font-family: roboto;
}
.view_info ul li p.memberDesc {
  font-size: 10px;
  color: #fff;
}
.view_info ul li span.memberNum {
  font-size: 32px;
  font-weight: 500;
  color: #fff;
  font-family: roboto;
}
.view_info ul li:first-child:after {
  position: absolute;
  top: 8px;
  right: 0;
  height: 44px;
  content: "";
  display: inline-block;
  border-right: 1px solid #fff;
}
.view_info p.btnArea {
  text-align: center;
  margin: 29px auto !important;
  padding: 0;
  display: inline-block;
}
.view_info p.btnArea a {
  margin: 0 5px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.6px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #fff;
}
.view_info p.btnArea a,
.view_info p.btnArea button {
  width: 150px;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
}
.view_info p.btnArea button {
  border: none;
  border-radius: 4px;
}
.view_info p.btnArea button.left {
  background-color: #efb414;
  color: #fff;
  margin-right: 10px;
}
.view_info p.btnArea button.right {
  background-color: #fff;
  color: #1f2224;
}
#bannerM {
  background: #4d4d4d;
  padding: 18px 0;
}
#bannerM p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.17;
}
#info1 {
  background: #e3e3e0;
  padding: 30px 0;
  text-align: center;
}
#info1 .carousel-caption {
  right: 0;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 0;
  background-color: transparent;
  color: #2b2b2b;
  text-shadow: none;
  position: relative;
}
#info1 .carousel-caption h3 {
  font-size: 26px;
  line-height: 2;
  letter-spacing: normal;
  color: #454545;
  font-weight: 700;
}
#info1 .carousel-caption h3,
#info1 .carousel-caption p {
  font-stretch: normal;
  font-style: normal;
  text-align: center;
}
#info1 .carousel-caption p {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.7px;
  color: #564e62;
  min-height: 70px;
  font-weight: 500;
}
#info1 .carousel-indicators {
  bottom: 0;
}
#info1 .carousel-indicators li {
  background-color: #ced0d7;
  width: 13px;
  height: 13px;
  margin: 1px 5px;
  border-radius: 10px;
  border: 0;
}
#info1 .carousel-indicators .active {
  background-color: #efb414;
}
#info1 .img-fluid {
  max-width: 80%;
  margin: 0 auto;
}
#info2 {
  background-color: #fff;
  padding: 30px 0 0;
}
#info2 .center {
  text-align: center;
}
#info2 .center p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
  letter-spacing: -0.7px;
  margin-bottom: 20px !important;
}
#info2 .center p,
#info2 .center p.subTitle {
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  color: #2b2b2b;
}
#info2 .center p.subTitle {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: normal;
}
#info2 .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: 0;
  background-color: transparent;
  color: #2b2b2b;
  text-shadow: none;
  position: absolute;
  padding: 30px 15px 0;
  margin-top: -190px;
  min-height: 190px;
}
#info2 .carousel-caption h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  color: #2a2a2a;
}
#info2 .carousel-caption h3,
#info2 .carousel-caption p {
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
}
#info2 .carousel-caption p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.29;
  color: #707070;
}
#simple_info {
  background: #918b7b;
  padding: 30px 0;
  color: #fff;
}
#simple_info .container {
  padding-right: 10px;
  padding-left: 10px;
}
#simple_info .col,
#simple_info .col-sm-4,
#simple_info .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.services-wrap {
  overflow: inherit;
  text-align: center;
  padding: 15px 0;
}
.services-wrap h3 {
  padding-top: 10px;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: center;
  color: #e8f0ff;
}
#info_area {
  background-color: #4c4f55;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
  display: block;
  min-height: 100px;
  padding: 0 16px;
  position: relative;
}
#info_area .logo {
  width: 79px;
  margin: 26px 0 16px;
}
#info_area .charactor {
  float: left;
  margin-right: 10px;
  width: 30%;
  height: auto;
  padding-bottom: 30%;
}
#info_area .charactor img {
  position: absolute;
  width: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
.info-title {
  font-size: 14px;
  font-weight: 400;
}
.info-subTitle {
  font-size: 24px;
  font-weight: 500;
  font-weight: 700;
  margin-top: 10px;
}
.info-text {
  font-size: 14px;
  line-height: 1.5;
}
.info-text,
.info-text span {
  font-weight: 600;
}
.fw500 {
  font-weight: 500;
}
#info_area .help_info {
  display: block;
  margin-top: 0;
}
#info_area .contact {
  display: block;
  border-top: 1px solid #d4d6dc;
  margin-top: 15px;
  padding-top: 15px;
}
#info_area .contact > div {
  display: inline-block;
  width: 50%;
  text-align: center;
}
#info_area .contact > div:first-child {
  border-right: 1px solid #c8c8c9;
}
#info_area .contact a {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}
#info_area .contact a:hover {
  color: #000;
}
#info_area .contact a img {
  display: block;
  margin: 0 auto;
  padding: 0 0 10px;
}
#info3 {
  text-align: center;
  padding: 60px 16px 45px;
}
#info3 .title {
  font-size: 26px;
  color: #454545;
  padding: 0;
}
#info3 .sub-title,
#info3 .title {
  background: transparent;
  font-weight: 700;
}
#info3 .sub-title {
  font-size: 14px;
  color: #564e62;
  margin-top: 12px;
}
#info3 img {
  min-width: 328px;
  width: 100%;
  margin-top: 43px;
}
#info3 .info3-box {
  margin-top: 40px;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  padding: 0 14px;
}
#info3 .info3-box .inner {
  padding: 30px 0;
}
#info3 .info3-box .inner.up {
  border-bottom: 1px solid #f0f0f0;
}
#info3 .info3-box .inner .name {
  font-weight: 700;
  font-size: 16px;
  color: #232843;
}
#info3 .info3-box .inner .text {
  font-size: 12px;
  color: #a59f8f;
  margin-top: 12px;
}
.list_wrap {
  clear: both;
  color: #666;
  width: 100%;
}
.list_wrap .row {
  border-bottom: 1px solid #f0f0f0;
  padding: 2px 15px;
}
.list_wrap .row:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}
.list_wrap .row .subject {
  font-size: 13px;
  line-height: 28px;
  margin: 0;
  text-align: left;
  width: 100%;
}
.list_wrap .row .subject a {
  color: #333;
}
.list_wrap .row.notice {
  background-color: #dadce3;
  color: #2b2b2b;
  font-weight: 700;
  height: 53px;
  padding: 12px 10px;
  border-bottom: 1px solid #fff;
}
.list_wrap .row.notice a {
  color: #2b2b2b;
}
.list_wrap .subject img {
  vertical-align: middle;
}
.list_wrap .categoryNotice {
  color: #5c617c;
  margin: 0 8px;
  font-weight: 700;
}
.list_wrap .row ul {
  padding-left: 0;
}
.list_wrap .row ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1.3;
  padding-top: 10px;
}
.list_wrap .row ul li:first-child {
  width: 65px;
  text-align: left;
  font-weight: 600;
  vertical-align: top;
  padding-top: 18px;
}
.list_wrap .row ul li.board-title {
  width: calc(100% - 135px);
  min-height: 42px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.list_wrap .row ul li.board-title .desc {
  font-weight: 400;
  color: #8f8f8f;
  font-size: 12px;
}
.list_wrap .row ul li:last-child {
  width: 70px;
  color: #8f8f8f;
  font-weight: 300;
  vertical-align: top;
}
.m_helpdesk .list_wrap .row ul li.board-title {
  padding-top: 18px;
}
.m_memo .list_wrap .row .subject a .b-title {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list_wrap .row ul li.ongoing {
  padding-left: 10px;
}
.list_wrap .row ul li.notice-category {
  padding-left: 10px;
  font-weight: 700;
}
.list_wrap .row ul li.view {
  color: #707070;
  text-align: right;
  padding-top: 18px;
}
.m_helpdesk .list_wrap .row:first-child {
  border-top: 1px solid transparent;
}
.m_helpdesk pre {
  width: 100%;
  white-space: pre-wrap;
  padding: 0 10px;
  font-size: 13px;
}
.m_helpdesk .answer {
  margin-bottom: 20px;
}
.m_helpdesk .answer pre {
  padding: 0;
}
.m_helpdesk .fileUpload {
  display: block;
  width: 100%;
}
.m_helpdesk .fileUpload p {
  display: inline;
}
.m_helpdesk .fileUpload input[type="file"] {
  position: absolute;
  top: -9999px;
  left: 9999px;
  width: 0;
  height: 0;
  display: none;
}
.m_helpdesk .fileUpload .btn {
  height: 30px;
  background-color: #232843;
  color: #fff;
  font-size: 13px;
  float: right;
}
.m_helpdesk .fileUpload .btn:hover {
  color: #fff;
}
.m_helpdesk .fileUploadList {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 5px;
  min-height: 35px;
  width: 100%;
}
.m_helpdesk .fileUploadList .file-listing {
  font-size: 12px;
  display: block;
  font-weight: 500;
  line-height: 2;
  padding: 0 5px;
}
.m_helpdesk .flex-center-between .uploadBtn {
  width: 100%;
  max-width: 88px;
  font-size: 14px;
  background: #5c617c;
  margin-left: 11px;
  color: #fff;
}
.m_helpdesk #Content .buttonArea {
  padding: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.m_helpdesk #Content .buttonArea a {
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.m_helpdesk.write #Content .buttonArea a {
  border-radius: 4px;
}
.m_helpdesk #Content .viewBtn.buttonArea a {
  border-radius: 8px;
}
.m_helpdesk #Content .flex-center-between {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.view_wrap {
  clear: both;
  width: 100%;
}
.view_wrap .detail {
  padding-bottom: 5px;
}
.view_wrap .row {
  border-bottom: 1px solid #222;
  padding: 5px;
  display: block;
  clear: both;
  color: #757b85;
  line-height: 24px;
  letter-spacing: -1px;
}
.view_wrap .row .subject {
  color: #f60;
}
.view_wrap .content {
  padding: 10px;
}
.view_wrap .row .writer {
  color: #333;
  font-weight: 700;
}
.row_board {
  border-bottom: 1px solid #d4d6dc;
  margin-bottom: 15px;
}
.row_board .contentsRow {
  display: block;
  clear: both;
  line-height: 32px;
  text-align: left;
  color: #2b2b2b;
  padding: 0 15px;
}
.row_board .contentsRow:last-child {
  margin-bottom: 15px;
}
.row_board .contentsRow > div {
  display: block;
}
.row_board .contentsRow .row > div:last-child {
  padding-left: 0;
}
.row_board .contentsRow .row > div button:first-child {
  margin-right: 5px;
  padding: 6px 10px;
}
.row_board .contentsRow > *,
.row_board2 .contentsRow > * {
  display: inline-block;
}
.row_board .contentsRow p {
  width: 50px;
  font-size: 13px;
  font-weight: 500;
  box-sizing: border-box;
  vertical-align: middle;
  height: auto;
  color: #8f8f8f;
}
.row_board .contentsRow span,
.row_board2 .contentsRow span {
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
}
.row_board .contentsRow:first-child {
  margin-top: 20px;
}
.row_board .contentsRow:first-child .h-title {
  display: inline-block;
  width: 100%;
  max-width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}
.contentsBox {
  width: 100%;
  overflow: auto;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  color: #2b2b2b;
  letter-spacing: -1px;
  padding: 0 15px;
  margin-bottom: 30px;
}
.contentsBox img {
  width: 100%;
  margin-bottom: 20px;
}
.contentsBox p {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.m_board .contentsBox img,
.m_board .contentsBox table {
  display: block;
  max-width: 100% !important;
  width: auto;
  height: auto;
}
.m_board #Content {
  margin-top: 51px;
}
.m_board.m_noticeView #Content {
  margin-top: 71px;
}
.replyBox {
  width: 100%;
  overflow: auto;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  color: #2b2b2b;
  letter-spacing: -1px;
  padding: 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.replyBox div {
  font-size: 0;
  margin-bottom: 10px;
}
.replyBox div > * {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.replyBox div p {
  width: 60px;
  font-size: 13px;
  font-weight: 500;
  box-sizing: border-box;
  vertical-align: top;
  height: auto;
}
.replyBox div p:last-child {
  width: calc(100% - 60px);
  font-weight: 500;
}
.col .btn-confirm {
  margin-left: 15px;
  background-color: #232843;
  color: #fff;
}
.col .btn-confirm:hover {
  color: #fff;
}
.col .btn-outline-secondary:hover {
  background-color: #fff;
  color: #6c757d;
}
.buttonArea {
  text-align: center;
  margin: 30px 0;
  padding: 0 15px;
}
.buttonArea .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: #707070;
  color: #fefefe;
  height: 40px;
  box-sizing: border-box;
}
.buttonArea .btn:hover {
  color: #fff;
}
.buttonArea .btn img {
  margin-right: 10px;
  vertical-align: text-bottom;
  vertical-align: middle;
}
.buttonArea .btn-more {
  color: #8f8f8f;
  background-color: #fff;
  font-size: 16px;
}
.buttonArea .btn-more:hover {
  color: #8f8f8f;
}
.buttonArea .btn-more img {
  margin-left: 10px;
}
.buttonArea .btn-confirm {
  background-color: #232843;
  margin: 0;
  border-radius: 4px;
}
.buttonArea .btn-lg {
  height: 50px;
  line-height: 2;
  border-radius: 4px;
}
.buttonArea .btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}
.ongoing {
  color: #d24f45;
}
.done {
  color: #d6b65d;
}
.read {
  font-weight: 500;
}
.read,
.read.notread {
  color: #8f8f8f;
}
.form-control {
  border: 1px solid #bdc3c7;
  padding: 1.375rem 0.75rem;
}
.m_helpdesk .form-control {
  padding: 1.375rem 0.75rem !important;
}
.helpdesk textarea {
  margin-bottom: 15px;
}
.textWarning {
  padding: 10px 0 10px 15px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -1px;
  color: #2b2b2b;
}
.w50 {
  width: 50%;
}
.pad0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#cmt_form {
  margin-bottom: 5px;
}
#cmt_form,
#cmt_form .title {
  height: 30px;
  line-height: 27px;
}
#cmt_form .title {
  color: #fff;
  float: left;
  position: absolute;
  font-size: 17px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
#cmt_form .fld {
  float: left;
  padding: 1px 0;
  width: 57%;
  position: absolute;
  left: 75px;
}
#cmt_form .fld input {
  width: 100%;
  border: 0;
  color: #000;
  height: 24px;
  -webkit-box-shadow: inset 0 1px 1px 0 #d3d3d3;
  -webkit-appearance: none;
  border-radius: 4px 4px 4px 4px;
}
.board_btn {
  padding: 20px 0;
  text-align: center;
  margin: 0 auto;
}
#btn_list {
  min-width: 60px;
  color: #fff;
  background-color: #f90;
  border-radius: 4px;
  cursor: pointer;
  margin: 5px;
  vertical-align: middle;
  display: inline-block;
  padding: 0 3px;
}
#btn_list,
#btn_list span {
  line-height: 24px;
  text-align: center;
  font-weight: 700;
}
#btn_list span {
  margin: 0 auto;
  color: #000;
  font-size: 13px;
}
.btn_cmt_write {
  color: #fff;
  background-color: #f60;
  border-radius: 4px;
  cursor: pointer;
  height: 24px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  float: right;
  margin: 0 5px;
  line-height: 24px;
  position: relative;
  top: 2px;
}
.btn_cmt_write span {
  color: #fff;
  font-weight: 700;
}
.view_wrap .cmt_list_wrap .row .cmt_name {
  float: left;
  width: 30%;
  margin-bottom: 3px;
  line-height: 34px;
  padding-left: 5px;
  color: #333;
}
.view_wrap .cmt_list_wrap .row .cmt_content {
  width: 70%;
  margin-bottom: 3px;
  color: #333;
  font-weight: 800;
}
.view_wrap .row input {
  width: 90%;
}
.view_wrap .content textarea,
.view_wrap .row input {
  border: 1px solid #ccc;
  color: #000;
  -webkit-box-shadow: inset 0 1px 1px 0 #d3d3d3;
  -webkit-appearance: none;
  border-radius: 4px 4px 4px 4px;
  line-height: 24px;
}
.view_wrap .content textarea {
  font-size: 14px;
  height: 150px;
  padding: 0;
  width: 100%;
}
.head_logo {
  width: 100%;
  margin: 50px 0;
  text-align: center;
}
.head_logo img {
  max-width: 100%;
  max-height: 65px;
}
#loginForm {
  text-decoration: none;
}
#loginForm,
#loginForm fieldset {
  display: inline-block;
  width: 100%;
}
#loginForm fieldset {
  height: 100%;
  overflow: hidden;
  text-align: left;
}
.input_area .input_txt_area {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #b6b6b6;
  border-radius: 6px;
  display: block;
  padding: 5px 4px;
}
.empty {
  background-color: #fff;
}
#login_area {
  margin: 24px 20px 0 20px;
  padding-bottom: 9px;
  position: relative;
}
#login_area .text-danger {
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 10px;
}
.uid,
.upw {
  height: 50px;
  padding: 0;
  position: relative;
}
.upw {
  margin: 8px 0 0 0;
}
#login_id,
#login_pw {
  width: 100%;
  height: 50px;
  padding: 2px 10px;
  color: #2b2b2b;
  font-size: 15px;
  border: 1px solid #d4d6dc;
  border-radius: 0;
  font: 400 14px/1.5 Noto Sans KR, Open Sans, sans-serif;
}
#login_id.fill {
  background-image: none;
}
#login_id:focus,
#login_pw:focus {
  outline: none;
  border: 1px solid #232843;
}
#login_pw.fill {
  background-image: none;
}
#did,
#dpw {
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 6px;
  right: 94px;
  background-position: 0 -122px;
  text-indent: -3000em;
}
.ubtn {
  padding: 18px 0 0 0;
  font-size: 13px;
  line-height: 26px;
}
.ubtn input {
  margin: 0;
  width: 16px;
  height: 16px;
}
.ubtn .st_group {
  position: relative;
  padding-right: 25px;
  overflow: hidden;
}
.ubtn .help {
  position: absolute;
  top: -2px;
  top: 16px;
  right: 0;
  _left: 110px;
  float: left;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #c0c3c8;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 1px 1px #fff, inset -1px -1px 1px #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#f4f4f4)
  );
  -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.45);
  background-color: #f4f4f4;
}
.ubtn .help span {
  display: block;
  background-position: 4px -60px;
}
label.disabled {
  color: #ccc;
}
input.disabled {
  opacity: 0.25;
}
#spw {
  margin-left: 19px;
}
#loginBtn {
  top: 0;
  right: 0;
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  color: #fff;
  background: #232843;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 10px;
}
.find_pwd {
  text-align: center;
  margin: 10px 0 20px;
}
.find_pwd,
.find_pwd a {
  color: #777;
  font-size: 12px;
}
.join_area {
  margin: 20px;
  text-align: center;
}
.join_area .inner_join {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.join_area .inner_join .btn_join {
  overflow: hidden;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
}
.join_area .inner_join .txt_join {
  color: #1261c4;
  margin-left: 5px;
  font-weight: 600;
}
.join_area .inner_join .txt_join:active,
.join_area .inner_join .txt_join:hover {
  display: inline-block;
}
.m_memo .mobile-tab .list_wrap .row {
  border-bottom: 1px solid #ccc;
  padding: 2px 15px;
}
.mobile-tab {
  list-style: none;
  margin-top: 15px;
  padding: 0;
}
.mobile-tab li label {
  float: left;
  padding: 9px 0 10px;
  border: 2px solid #fff;
  border-bottom: 0;
  background: #f0f0f0;
  color: #444;
  border-bottom: none !important;
  border-top: 2px solid #f0f0f0;
  width: 33.333%;
  box-sizing: border-box;
  text-align: center;
  font-size: 13px;
  letter-spacing: -1px;
}
.mobile-tab li label:hover {
  background: #ddd;
  border-top: 2px solid #ddd;
}
.mobile-tab li label:active {
  background: #fff;
}
.mobile-tab li label img {
  margin-right: 5px;
  vertical-align: middle;
  width: 14px;
}
.mobile-tab li:first-child label {
  border-left: 1px solid transparent !important;
}
.mobile-tab li:last-child label {
  border-right: 1px solid transparent !important;
}
.mobile-tab li:not(:last-child) label {
  border-right-width: 0;
}
.mobile-tab section {
  font-family: "Droid Serif";
  clear: both;
}
.mobile-tab section > div {
  padding: 20px 0;
  width: 100%;
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}
.mobile-tab section div h2 {
  margin: 0;
  letter-spacing: 1px;
  color: #34495e;
}
#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label {
  background: #fff;
  color: #111;
  position: relative;
  border: 2px solid #1261c4;
}
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  left: 0;
  bottom: -1px;
}
.m_signup #loginForm .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  padding: 20px;
  border-bottom: 1px solid #d4d6dc;
}
.m_signup .content .box {
  flex-basis: 100%;
  margin-bottom: 20px;
}
.m_signup .content .box label.info-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  flex-basis: 100%;
  margin-bottom: 5px;
  line-height: 1.5;
  color: #8f8f8f;
}
.m_signup .content .box .form-control {
  background: #ebebeb;
}
.m_signup .content .box .form-control,
.m_signup.m_register .content .box .form-control {
  border: 1px solid #d4d6dc;
  border-radius: 0;
  padding: 13px 20px;
  height: 50px;
  border-radius: 4px;
}
.m_signup .content .box .form-control.white,
.m_signup.m_register .content .box .form-control {
  background: #fff;
}
.m_signup .content .box .invalid-feedback {
  margin-top: 5px;
  display: inline;
}
.m_signup .content .text-danger,
.m_signup .content .text-danger.pass {
  font-size: 12px;
  letter-spacing: -1px;
  font-weight: 500;
  line-height: 1.25;
}
.m_signup .content .text-danger.pass {
  color: #2fac5f !important;
}
.m_signup .content .box .row {
  line-height: 42px;
  text-align: center;
}
.m_signup .content .box select {
  height: 42px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  padding: 10px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAANhJREFUSEtjZKAxYKSx+QyjFhAM4dEgIj+ILl+93cDDxTJBUVHxAz5T7t+/L/Dtx798bU3lRmzqsMYByHBGRsZ6hv//L3BzsTjisgRk+Ndvf/YzMDIa/P//v1FXW7UB3RKsFkA1HmBgZNTHZQmy4Qz//1/k5mJxwOYQnKkInyXEGg7yDd5kis0SkCZYsOBzOSyoCOYDdEvAGhkZDYgxnKAPYK5AsQQkiCfMiYpkbMkNbgkDAwOuCCU6meJK9yBLQHKE8gayfoJxQDCrElAwagHBEBwNIoJBBADf1oIZjmNULAAAAABJRU5ErkJggg==)
    no-repeat;
  -webkit-appearance: none;
  background-position: calc(100% - 15px);
}
.m_signup .content .box .btn {
  width: 100%;
  height: 40px;
  margin-top: -5px;
  font-size: 14px;
}
.m_signup.m_register .content .box .btn {
  height: 50px;
  margin-top: 0;
  padding-top: 14px;
}
.m_signup .emailSelect {
  margin-top: 10px;
}
.m_signup .pr0 {
  padding-right: 0 !important;
}
.m_signup .pl0 {
  padding-left: 0 !important;
}
.m_signup .pt0 {
  padding-top: 0 !important;
}
.m_signup .pb0 {
  padding-bottom: 0 !important;
}
.m_signup .tableDescription {
  padding: 10px 20px;
  color: #707070;
  font-size: 14px;
  text-align: left;
  line-height: 1.5;
}
.m_signup .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.m_signup .list-group-item {
  position: relative;
  display: block;
  padding: 5px;
  margin-bottom: -1px;
  background-color: #fff;
  border: none;
}
.m_signup .custom-control {
  position: relative;
  display: block;
  padding-left: 30px;
}
.m_signup .custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.m_signup .btn-confirm {
  background-color: #232843;
  color: #fff;
  border-radius: 4px;
}
.m_signup .btn-confirm:hover {
  color: #fff;
}
.m_signup .agree {
  position: relative;
  margin-top: 20px;
}
.m_signup .agree .all_agree {
  margin-bottom: 5px;
}
.m_signup .agree ul li {
  position: relative;
  margin-bottom: 5px;
}
.m_signup .agree input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.m_signup .agree input[type="checkbox"] + label a {
  position: relative;
  top: -5px;
  left: 10px;
  display: block;
  color: #2b2b2b;
  font-weight: 400;
  cursor: pointer;
}
.m_signup #loginForm .buttonArea {
  text-align: center;
  margin: 30px 0;
  padding: 0 20px;
}
.m_signup .btn-lg {
  height: 50px;
  line-height: 2;
}
.m_trade .trade-view {
  width: 100%;
  height: 100%;
}
.m_trade .trade-view .notice {
  display: flex;
  align-items: center;
  vertical-align: middle;
  position: relative;
  padding: 10px 0;
  background: #fff;
  box-shadow: 2px 2px 4px #dee1e7;
}
.m_trade .trade-view .config {
  position: relative;
  width: 100%;
  height: 35px;
  background: #fff;
  text-align: left;
  line-height: 35px;
  border-bottom: 1px solid #e5e5e5;
}
.m_trade .trade-view .config .icon {
  position: relative;
  display: inline-block;
  top: 0;
  margin-left: 5px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.m_trade .trade-view .config .icon.icon_1001 {
  background: url(/static/img/icon_currency_1001.8697b20d.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .icon.icon_1002 {
  background: url(/static/img/icon_currency_1002.da827f62.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .icon.icon_1003 {
  background: url(/static/img/icon_currency_1003.6ef5726f.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .icon.icon_2001 {
  background: url(/static/img/icon_currency_2001.832cc8e2.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .icon.icon_2002 {
  background: url(/static/img/icon_currency_2002.4dabb87b.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .icon.icon_2003 {
  background: url(/static/img/icon_currency_2003.7b642dc1.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .icon.icon_2004 {
  background: url(/static/img/icon_currency_2004.d81f6e06.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .icon.icon_2005 {
  background: url(/static/img/icon_currency_2005.229b895e.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol {
  position: relative;
  display: inline-block;
  top: 0;
  line-height: 35px;
  margin-left: 7px;
  vertical-align: middle;
}
.m_trade .trade-view .config .symbol .text {
  position: relative;
  width: 105px;
  top: -7px;
  left: 0;
  font-weight: 700;
  font-size: 16px;
}
.m_trade .trade-view .config .symbol .symbol_desc {
  position: absolute;
  top: 18px;
  left: 0;
  width: 106px;
  height: 14px;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_1001 {
  background: url(/static/img/symbol_currency_1001.7c7ec1b2.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_1002 {
  background: url(/static/img/symbol_currency_1002.a6cb3279.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_1003 {
  background: url(/static/img/symbol_currency_1003.e6ccbbcf.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_2001 {
  background: url(/static/img/symbol_currency_2001.71c75d38.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_2002 {
  background: url(/static/img/symbol_currency_2002.66b2a612.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_2003 {
  background: url(/static/img/symbol_currency_2003.8c698f2a.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_2004 {
  background: url(/static/img/symbol_currency_2004.9f34cbdd.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .symbol .symbol_desc.symbol_desc_2005 {
  background: url(/static/img/symbol_currency_2005.de82611c.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-view .config .time_btn a {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  margin-left: 10px;
  width: 70px;
  height: 21px;
  line-height: 21px;
  font-size: 13px;
  border: 1px solid #707070;
  color: #707070;
  text-align: center;
  cursor: pointer;
}
.m_trade .trade-view .config .time_btn a.active {
  background-color: #0089de;
  border-color: #0089de;
  color: #fff;
}
.m_trade .trade-view .trade-state {
  width: 100%;
  height: 70px;
  margin-top: 0;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.m_trade .trade-view .trade-state .state-container {
  width: 100%;
  padding: 0;
}
.m_trade .trade-view .trade-state .active {
  display: block;
}
.m_trade .trade-view .trade-state .inactive {
  display: none;
}
.m_trade .trade-view .trade-state .chart-data-state {
  position: relative;
  margin: 0 auto 0;
  width: 100%;
  height: auto;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner {
  position: relative;
  width: 100%;
  height: 35px;
  font-size: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner .bar-bg {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner .bar-bg .bar {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner .bar-bg .low {
  left: 100%;
  top: 0;
  background-color: #c90218;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner .bar-bg .high {
  left: -100%;
  top: 0;
  background-color: #1c68bc;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner .bar-bg .show {
  opacity: 1 !important;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner .state {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 10;
}
.m_trade .trade-view .trade-state .chart-data-state > .inner .state .col {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px 0 10px;
  width: 33.333%;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 35px;
  text-align: right;
  vertical-align: top;
  transition: color 0.8s;
}
.m_trade
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:first-child {
  text-align: left;
  font-size: 13px;
}
.m_trade
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:nth-child(2) {
  text-align: center;
}
.m_trade
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:nth-child(3) {
  text-align: left;
}
.m_trade
  .trade-view
  .trade-state
  .chart-data-state
  > .inner
  .state
  .col:last-child {
  text-align: right;
  font-size: 13px;
}
.m_trade .trade-view .trade-state .chart-data-ruler {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
  font-size: 0;
  text-align: center;
  box-sizing: border-box;
}
.m_trade .trade-view .trade-state .chart-data-ruler > div {
  display: inline-block;
  width: 45%;
  height: 7px;
  font-size: 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
}
.m_trade .trade-view .trade-state .chart-data-ruler > span {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 33%;
  height: 25px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  text-align: left;
  line-height: 25px;
  box-sizing: border-box;
}
.m_trade .trade-view .trade-state .chart-data-ruler .rulerStart {
  text-align: center;
}
.m_trade .trade-view .trade-state .chart-data-ruler .rulerMin {
  padding-left: 10px;
  text-align: left;
}
.m_trade .trade-view .trade-state .chart-data-ruler .rulerMin > b {
  margin-right: 0.5rem;
  font-weight: bolder;
  color: #c8041a;
}
.m_trade .trade-view .trade-state .chart-data-ruler .rulerMax {
  padding-right: 10px;
  text-align: right;
}
.m_trade .trade-view .trade-state .chart-data-ruler .rulerMax > b {
  margin-left: 0.5rem;
  font-weight: bolder;
  color: #1e68bb;
}
.m_trade .trade-view .trade-state .bonus-data-state {
  position: relative;
  margin: 0 auto 0;
  width: 100%;
  min-height: 35px;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner {
  position: relative;
  width: 100%;
  height: 35px;
  font-size: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .bar-bg {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .bar-bg .bar {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .bar-bg .low {
  left: 100%;
  top: 0;
  background-color: #c90218;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .bar-bg .high {
  left: -100%;
  top: 0;
  background-color: #1c68bc;
  opacity: 0;
  transition: left 0.8s, opacity 0.8s;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .bar-bg .show {
  opacity: 1 !important;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .state {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 10;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .msg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 5rem;
  background-color: #f2f2f2;
  opacity: 0;
  z-index: 20;
  transition: opacity 1s;
}
.m_trade .trade-view .trade-state .bonus-data-state > .inner .state .col {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  width: 33%;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 35px;
  text-align: right;
  vertical-align: top;
  transition: color 0.8s;
}
.m_trade
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:first-child {
  text-align: left;
  font-size: 13px;
}
.m_trade
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:nth-child(2) {
  text-align: center;
  font-size: 15px;
}
.m_trade
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:nth-child(3) {
  text-align: left;
}
.m_trade
  .trade-view
  .trade-state
  .bonus-data-state
  > .inner
  .state
  .col:last-child {
  text-align: right;
  font-size: 13px;
}
.m_trade .trade-view .trade-state .bonus-data-ruler {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 35px;
  font-size: 0;
  text-align: center;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.m_trade .trade-view .trade-state .bonus-data-ruler > div {
  display: inline-block;
  margin-bottom: 0.1rem;
  width: 16.5%;
  height: 0.5rem;
  font-size: 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
}
.m_trade .trade-view .trade-state .bonus-data-ruler > span {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 2rem;
  font-size: 11px;
  font-weight: 400;
  color: #000;
  box-sizing: border-box;
}
.m_trade .trade-view .trade-state .bonus-data-ruler .bonus-l3 {
  position: absolute;
  top: 10px;
  left: 0;
  width: 80px;
  text-align: left;
}
.m_trade .trade-view .trade-state .bonus-data-ruler .bonus-l2 {
  position: absolute;
  top: 10px;
  left: 16.666%;
  width: 80px;
  text-align: center;
  margin-left: -40px;
}
.m_trade .trade-view .trade-state .bonus-data-ruler .bonus-l1 {
  position: absolute;
  top: 10px;
  left: 33.333%;
  width: 80px;
  text-align: center;
  margin-left: -40px;
}
.m_trade .trade-view .trade-state .bonus-data-ruler .bonus-m0 {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 80px;
  text-align: center;
  color: #1261c4;
  font-weight: 700;
  margin-left: -40px;
}
.m_trade .trade-view .trade-state .bonus-data-ruler .bonus-r1 {
  position: absolute;
  top: 10px;
  left: 66.666%;
  width: 80px;
  text-align: center;
  margin-left: -40px;
}
.m_trade .trade-view .trade-state .bonus-data-ruler .bonus-r2 {
  position: absolute;
  top: 10px;
  left: 83.333%;
  width: 80px;
  text-align: center;
  margin-left: -40px;
}
.m_trade .trade-view .trade-state .bonus-data-ruler .bonus-r3 {
  position: absolute;
  top: 10px;
  right: 0;
  width: 80px;
  text-align: right;
}
.MTEST.trade .trade-view .graph {
  position: relative;
  width: 100%;
  min-height: 280px;
  height: 100%;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.MTEST.trade .main .wrap .trade-view .graph .loading {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}
.MTEST.trade .main .wrap .trade-view .graph .loading.close {
  display: none;
}
.MTEST.trade .trade-view .graph .tvChart {
  border-bottom: 1px solid #888;
  opacity: 0;
}
.MTEST.trade .trade-view .graph .tvChart.show {
  display: block;
  opacity: 1;
}
.MTEST.trade .trade-view .graph .desc {
  width: 100%;
  min-height: 19px;
  font-size: 12px;
  padding: 5px 0 0 5px;
  font-weight: 600;
  display: none;
}
.MTEST.trade .trade-view .graph .desc.show {
  display: block;
}
.MTEST.trade .trade-view .graph .desc a {
  font-weight: 700;
}
.MTEST.trade .trade-view .graph .t-vue-lspan {
  margin: 0 5px;
}
.MTEST.trade .trade-view .graph .t-vue-title2 {
  font-size: 15px;
  font-weight: 500;
}
.m_trade .trade-info {
  height: 100%;
}
.m_trade .trade-info .betting-state {
  width: 100%;
  background: #fff;
}
.m_trade .trade-info .betting-state .timer {
  width: 100%;
}
.m_trade .trade-info .betting-state .timer > div {
  text-align: center;
  border-bottom: 1px solid #d4d6dc;
}
.m_trade .trade-info .betting-state .timer > div:first-child {
  border-right: 1px solid #d4d6dc;
  padding-left: 40px;
}
.m_trade .trade-info .betting-state .timer > div .icon {
  position: absolute;
  top: 4px;
  left: -90px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  background: url(/static/img/watch.bbde85d9.svg) no-repeat;
  background-size: contain;
}
.m_trade .trade-info .betting-state .timer > div .text {
  position: relative;
  top: 3px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
}
.m_trade .trade-info .betting-state .timer > div .bold {
  font-weight: bolder;
}
.m_trade .trade-info .betting-state .timer > div .time {
  position: relative;
  display: inline-block;
  font-size: 24px;
  margin-left: 10px;
}
.m_trade .trade-info .betting-state .timer > div .icon.alarm {
  background: url(/static/img/watch_alram.4a3d93c4.svg) no-repeat;
  background-size: contain;
  animation: alarm 20ms infinite;
}
.m_trade .trade-info .betting-state .timer > div .time.glitter {
  animation: glitter 1s infinite;
}
.m_trade .trade-info .betting-state .per {
  width: 100%;
  height: 48px;
  padding: 0 5px 0 5px;
}
.m_trade .trade-info .betting-state .per .turn {
  display: inline-block;
  width: 85px;
  padding-left: 15px;
  font-size: 14px;
}
.m_trade .trade-info .betting-state .per .turn .text {
  display: inline-block;
  font-size: 14.5px;
  padding-top: 4px;
}
.m_trade .trade-info .betting-state .per .betting-compare {
  width: 100%;
  position: relative;
}
.m_trade .trade-info .betting-state .per .betting-compare .state-name-1 {
  position: absolute;
  top: 3px;
  left: 9px;
  font-size: 12px;
  color: #d24f45;
  transition: left 0.8s;
}
.m_trade .trade-info .betting-state .per .betting-compare .state-name-2 {
  position: absolute;
  top: 3px;
  right: 9px;
  font-size: 12px;
  color: #1261c4;
  transition: left 0.8s;
}
.m_trade .trade-info .betting-state .per .betting-compare .compare-state {
  position: relative;
  top: -25px;
  left: -16px;
  background: url(/static/img/betting_state.c6ff7795.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 36px;
  height: 36px;
  transition: left 0.8s;
}
.m_trade .trade-info .betting-state .per .betting-compare .compare-bar {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
.m_trade .trade-info .betting-state .per .betting-compare .compare-bar-away {
  height: 15px;
  background-color: #d24f45;
  margin-top: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  padding-left: 7px;
  border-radius: 15px;
  width: 100%;
}
.m_trade .trade-info .betting-state .per .betting-compare .compare-bar-home {
  position: absolute;
  right: 0;
  top: 20px;
  height: 15px;
  background-color: #1261c4;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 50%;
  transition: all 0.8s;
}
.m_trade
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-bar-home
  span {
  padding-right: 7px;
}
.m_trade .trade-info .trade-table .bettingFinish {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  opacity: 0.7;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #000;
  color: var(--bg-main-light);
}
.m_trade .trade-info .trade-table .bettingFinish.active {
  display: block;
}
.m_trade .trade-info .trade-table .bettingFinish p {
  position: relative;
  transform: translateX(-50%);
  top: 110px;
  left: 50%;
}
.m_trade .trade-info .trade-table .bettingFinish span {
  position: relative;
  top: calc(50% - 20px);
}
.m_trade .stop-betting .font-blue,
.m_trade .stop-betting .font-gray,
.m_trade .stop-betting .font-orange,
.m_trade .stop-betting .font-red {
  color: #818181 !important;
}
.m_trade .stop-betting .border-blue,
.m_trade .stop-betting .border-gray,
.m_trade .stop-betting .border-orange,
.m_trade .stop-betting .border-red {
  border: 1px solid #818181 !important;
}
.m_trade .stop-betting .bg-blue,
.m_trade .stop-betting .bg-gray,
.m_trade .stop-betting .bg-orange,
.m_trade .stop-betting .bg-red {
  background-color: #818181 !important;
  color: #fff !important;
}
.m_trade .stop-betting .bg-lightgray {
  background-color: #818181 !important;
  color: #2b2b2b !important;
}
.m_trade .trade-info .trade-table {
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 4px #dee1e7;
  position: relative;
  border-top: 1px solid #ccc;
}
.m_trade .trade-info .trade-table .pause {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute;
  z-index: 1;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 550px;
  font-size: 20px;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
.m_trade .trade-info .trade-table .pause.active {
  display: block;
}
.m_trade .trade-info .trade-table > table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.m_trade .trade-info .trade-table > table col:first-child {
  width: 20%;
}
.m_trade .trade-info .trade-table > table col:nth-child(2),
.m_trade .trade-info .trade-table > table col:nth-child(3) {
  width: 15%;
}
.m_trade .trade-info .trade-table > table col:nth-child(4),
.m_trade .trade-info .trade-table > table col:nth-child(5) {
  width: 25%;
}
.m_trade .trade-info .trade-table > table th {
  padding: 7px 0;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
  font-weight: bolder;
  background-color: #f8f8f8;
  text-align: center;
}
.m_trade .trade-info .trade-table > table td {
  border: none;
  border-bottom: 1px solid #d2d2d2;
  padding: 3px;
  font-size: 13px;
}
.m_trade .trade-info .trade-table > table .reqTr {
  min-height: 44px;
  line-height: 17px;
}
.m_trade .trade-info .trade-table > table .ratearr {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASCAYAAACNdSR1AAAABHNCSVQICAgIfAhkiAAAAWhJREFUKFOFkr1OAlEQhc/sitGEGIklNY2aXbEyQDQxS0cWKWjJ0vkIvIGFpYUlG5+Avw40AYGY0CiiMbGmJBAbNcIds0tYYAW83Z37zdwzc4bgOi+6FhwCmlqoXLrfaDbAyaTc/u63iGhvbYT93VL5ffZ9Dm7HtQxAFzbAqCmF8slC+DUWDQxldACsO4BAWimWzcndqdzWo1UQjud1ck+MhHpQuutacRt+1qPnTLh2NzSWw3mlUDmz4cfYqV+SpTeAvAthKyhEQine5qitazkQxZeCdnHursuszk1jVYKj+T/ImYYvXc8RsFIGGN0f4VFpM9X0b0jiiQg7y34QLCUGZsgqCmwbDUMizi6CGcj3s5Hx6CaAz6hXyWUKM3pfQlI/b0JTU6yELeMhIGPYIZraLZjSAzP8124rwWfcZ4jGi8SMWt+MLF4kW06SZZ+30SJwYMieww/zaPmK2s2mmkFIHBmY4St3w7+nn3fYkq2h7QAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: contain;
  display: inline-block;
  width: 7px;
  height: 12px;
  position: relative;
  top: 2px;
}
.m_trade .trade-info .trade-table > table .btn {
  width: 100%;
  position: relative;
  border-radius: 3px;
  padding: 0 3px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 13px;
}
.m_trade .trade-info .trade-table > table .btn:last-child {
  margin-bottom: 0;
  display: block;
}
.m_trade .trade-info .trade-table > table tfoot tr,
.trade-info .trade-table > table tfoot td {
  overflow: inherit;
  white-space: normal;
  table-layout: inherit;
  letter-spacing: -1px;
}
.m_trade .trade-info .trade-table > table tfoot td {
  width: 100%;
  border: none;
}
.m_trade .trade-info .trade-table > table tfoot div {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.m_trade .trade-info .trade-table > table tfoot div .btn {
  font-size: 13px;
  width: calc(50% - 10px);
  margin: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0;
}
.m_trade .trade-info .trade-table > table tfoot div .btn:last-child {
  width: auto;
  margin-bottom: 5px;
}
.m_trade .trade-info .trade-table > table th.buy-total,
.m_trade .trade-info .trade-table > table th.sell-total {
  font-size: 13px;
  font-weight: bolder;
  padding: 5px 0;
}
.m_trade .trade-info .trade-table.new {
  padding-bottom: 30px;
}
.m_trade .trade-info .trade-table.new .head-title {
  padding: 12px;
  background: #ebebeb;
}
.m_trade .trade-info .trade-table.new .head-title p {
  font-size: 18px;
  font-weight: 600;
  color: #2b2b2b;
}
.m_trade .trade-info .trade-table.new .mid-box {
  padding: 26px 13px;
  border: 1px solid #d4d6dc;
  border-left: none;
  border-right: none;
}
.m_trade .trade-info .trade-table.new .mid-box .button-box button {
  width: 75px;
  height: 40px;
  border: 1px solid #1261c4;
  font-weight: 500;
  font-size: 14px;
  background: #1261c4;
  color: #fff;
  border-radius: 5px;
}
.m_trade .trade-info .trade-table.new .mid-box .button-box button.reset {
  border: 1px solid #707070;
  background: #fff;
  color: #707070;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box {
  width: 100%;
  margin-right: 6px;
  box-sizing: border-box;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box.all input {
  padding: 10px 16px;
  border: 1px solid #d4d6dc;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box.all .name {
  min-width: 60px;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box.threeBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box.threeBtn input {
  margin: 0 4px;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box input {
  border: none;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #707070;
  border-radius: 5px;
  height: 40px;
  text-align: right;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box button {
  min-width: 45px;
  height: 40px;
  border: none;
  padding: 0;
  margin-left: 10px;
}
.m_trade .trade-info .trade-table.new .mid-box .input-box button img {
  width: 100%;
  height: 100%;
}
.m_trade .trade-info .trade-table.new .mid-box div.mb10 {
  margin-bottom: 10px;
}
.m_trade .trade-info .trade-table.new .mid-box div.mb22 {
  margin-bottom: 22px;
}
.m_trade .trade-info .trade-table.new .btn-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 14px;
  padding-right: 14px;
}
.m_trade .trade-info .trade-table.new .btn-box button {
  margin-left: 12px;
  border-radius: 5px;
  width: 160px;
  height: 48px;
  font-weight: 700;
  font-size: 16px;
  border: none;
  color: #fff;
}
.m_trade .trade-info .trade-table.new .btn-box button.short {
  background: #d24f45;
}
.m_trade .trade-info .trade-table.new .btn-box button.long {
  background: #1261c4;
}
.m_trade .trade-info .trade-table.new .btn-box button.reset {
  border: 1px solid #707070;
  background: #fff;
  color: #707070;
}
.m_trade .trade-info .trade-table.new.off .mid-box {
  border: 1px solid #dedede;
  border-right: none;
  border-left: none;
}
.m_trade .trade-info .trade-table.new.off .mid-box .button-box button {
  background: #dedede;
  border: 1px solid #dedede;
}
.m_trade .trade-info .trade-table.new.off .mid-box .button-box button.reset {
  background: #dedede;
  border: 1px solid #dedede;
  color: #fff;
}
.m_trade .trade-info .trade-table.new.off .mid-box .input-box input {
  border: 1px solid #dedede;
  color: #dedede;
}
.m_trade .trade-info .trade-table.new.off .mid-box .input-box .name {
  color: #dedede;
}
.m_trade .trade-info .trade-table.new.off .btn-box button.long,
.m_trade .trade-info .trade-table.new.off .btn-box button.short {
  background: #dedede;
}
.m_trade .trade-info .trade-table.new.off .btn-box button.reset {
  background: #dedede;
  border: none;
  color: #fff;
}
.m_trade .trade-info .trade-table.new.off .minus {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAB4BAMAAABhpS8YAAAAGFBMVEVHcEze3t7f39/e3t7f39/e3t7////t7e18QJacAAAABXRSTlMAjVLKEJ7CvSkAAADkSURBVGje7doxDoJQEIThZ4K9hfRa2GMM95DowgnknUC9vm9FrCxnG/z3AF92J9DApOSzP5lgLsddmqeqTTXb2TyYbj6brsyGUTE5m3WTWYtIV80205oy0tFuSvOhM8e7J1op1/RFr356rzRHP34tPd2P9zil5HgrgdaD1szlaWq1cZZAG7mZi2nyPc+YmJiYmJiYmJiYmJiYizJ/f/DpMRdu8h5hYmJiYmJiYmJiYmL+g9nKzSa18v/vTcg//YjuQURHIqLLEdE5iejGhHR4IrpG705UlpDPbycqorsV0jFTd+FeIQUOdzSiftEAAAAASUVORK5CYII=);
}
.m_trade .trade-info .trade-table.new.off .plus {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAB4BAMAAABhpS8YAAAAFVBMVEVHcEze3t7f39/e3t7e3t7////v7+8FhdnGAAAABHRSTlMAjVLKqUL6MQAAAOpJREFUaN7t2tENgjAQxvGSOIAPDKCJA9TIABDPTkCZANx/BFsF33z77gX/N8AvvStNSPuFUOt8M0Hdr6fwrdZUddzIi+lqXWljlpasqKfZsHWesqimtftGR1Z0+Exz0Zl5fk9Uucy60L62/lCauTZ/kLZem6/jlJJ5LANtk9acytfUyc0YOu0WlU2KweRmj4mJiYmJ+e9m+bNMmJiYmJiY+zHnHzc+C+auTc4RJiYmJub+Te5DMDExMTExi9nJzejyVu7xpu+RPfDISHhkOTwyJy7ZGGmGZ1zDRg5ZI5dMlEd2yyVjps7CvQDar3rbvTVEZQAAAABJRU5ErkJggg==);
}
@media only screen and (max-width: 400px) {
  .m_trade .trade-info .trade-table > table .btn {
    font-size: 12px;
  }
}
@media only screen and (max-width: 368px) {
  .m_trade .trade-info .betting-state .timer > div:first-child {
    padding: 0;
  }
  .m_trade .trade-info .betting-state .timer > div .icon {
    position: relative;
    top: 5px;
    left: 0;
    display: inline-block;
  }
  .m_trade .trade-info .betting-state .timer > div .text {
    display: block;
  }
  .m_trade .trade-info .betting-state .timer > div .text br {
    display: none;
  }
  .m_trade .trade-info .betting-state .timer > div .time {
    display: block;
    margin: 0;
    font-size: 20px;
  }
}
@media only screen and (max-width: 300px) {
  .m_trade .trade-info .trade-table > table .btn {
    font-size: 10px;
  }
}
.m_trade .result {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
.m_trade .result .wrap {
  position: relative;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.m_trade .result .wrap h1 {
  font-size: 16px;
  padding: 5px;
  margin-bottom: 0;
}
.m_trade .result .wrap .event-result {
  display: inline-block;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 4px #dee1e7;
}
.m_trade .result .wrap .event-result > table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.m_trade .result .wrap .event-result > table col:first-child,
.m_trade .result .wrap .event-result > table col:nth-child(2),
.m_trade .result .wrap .event-result > table col:nth-child(3) {
  width: 33.3%;
}
.m_trade .result .wrap .event-result > table th {
  padding: 7px 0;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
  border-top: 1px solid #d4d6dc;
  font-weight: bolder;
  background-color: #f8f8f8;
  text-align: center;
}
.m_trade .result .wrap .event-result > table td {
  padding: 3px;
  border: none;
  border-bottom: 1px solid #d4d6dc;
  font-size: 13px;
}
.m_trade .result .wrap .event-result > table span {
  position: relative;
  border-radius: 15px;
  height: 24px;
  line-height: 17px;
  display: inline-block;
  font-weight: bolder;
  padding: 1px 0;
  margin-top: 0;
}
.m_trade .result .wrap .recent-trade {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 2px 2px 4px #dee1e7;
}
.m_trade .result .wrap .recent-trade > table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.m_trade .result .wrap .recent-trade > table col:first-child,
.m_trade .result .wrap .recent-trade > table col:nth-child(2),
.m_trade .result .wrap .recent-trade > table col:nth-child(3),
.m_trade .result .wrap .recent-trade > table col:nth-child(4) {
  width: 25%;
}
.m_trade .result .wrap .recent-trade > table th {
  padding: 7px 0;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
  border-top: 1px solid #d4d6dc;
  font-weight: bolder;
  background-color: #f8f8f8;
  text-align: center;
}
.m_trade .result .wrap .recent-trade > table td {
  padding: 5px 0;
  border: none;
  border-bottom: 1px solid #d4d6dc;
  font-size: 13px;
}
.m_trade .score-board {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding-bottom: 20px;
}
.m_trade .score-board .wrap {
  width: 1400px;
  height: 285px;
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.m_trade .score-board .wrap h1 {
  font-size: 18px;
  padding: 10px;
}
.m_trade .score-board .wrap .board {
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 2px 2px 4px #dee1e7;
}
.m_trade .score-board .wrap .board > table * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  text-transform: none;
  text-decoration: none;
}
.m_trade .score-board .wrap .board > table {
  display: block;
  border-collapse: collapse;
  overflow-x: auto;
  padding-bottom: 10px;
}
.m_trade .score-board .wrap .board > table tbody {
  border-spacing: 0;
}
.m_trade .score-board .wrap .board > table tbody td {
  border: 1px solid #f5f5f5;
  white-space: nowrap;
}
.m_trade .score-board .wrap .board > table tbody td > div {
  width: 33px;
}
.m_trade .score-board .wrap .board > table tbody td > div > div {
  position: relative;
  margin-left: 1.5px;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 20px;
}
.m_trade .score-board .wrap .board > table tbody td > div > div,
.m_trade .score-board .wrap .board > table tbody td > div > div span {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_trade .score-board .wrap .board > table tbody td > div .result {
  margin-top: 15px;
}
.m_trade .trading-vue-legend {
  z-index: 50 !important;
}
.padl0 {
  padding-left: 0 !important;
}
.m_home .data_display {
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
}
.m_home .chart-container {
  width: calc(100% - 20px);
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.m_home .chart_header {
  position: relative;
  width: 100%;
  margin-top: 15px;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 5px;
}
.m_home .chart_header label {
  margin: 0;
}
.m_home .chart_header > span {
  position: absolute;
  top: -3px;
  right: 0;
  font-size: 14px;
  font-weight: 600;
  box-sizing: border-box;
}
.m_home .chart_index_data {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 14px;
  font-weight: 300;
}
.m_home .chart_index_data > div span {
  font-weight: 300;
}
.m_home .chart_index_data > div em {
  padding-left: 5px;
}
.m_home .chart_module {
  margin-top: 0;
}
.m_home .chart_module figure {
  margin: 0 0 10px;
}
.m_home .chart_module figure span {
  margin-right: 16px;
  font-size: 12px;
  color: #666;
}
.m_home .chart_module figure span i {
  margin-right: 8px;
  display: inline-block;
}
.m_home .chart_module figure span.color01 i {
  width: 10px;
  height: 2px;
  background-color: #fa526c;
  vertical-align: middle;
}
.m_home .chart_module figure span.color02 i {
  width: 10px;
  height: 10px;
  background-color: #e6e7ec;
}
.m_home .data_display .list {
  margin: 15px 0 15px;
  padding: 0 10px;
}
.m_home .data_display .list .header {
  font-size: 22px;
  border-bottom: 1px solid #eee;
}
.m_home .data_display .list ul li {
  font-size: 14px;
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}
.m_home .data_display .list ul li:last-child {
  border-bottom: none;
}
.m_home .data_display .list ul li a {
  text-decoration: none;
  cursor: pointer;
}
.m_home .data_display .list ul li span.icon {
  position: relative;
  float: left;
  top: 0;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.m_home .data_display .list ul li span.icon.icon_1 {
  background: url(/static/img/icon_currency_1.d4d39a2f.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_12 {
  background: url(/static/img/icon_currency_12.c5d5a882.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_42 {
  background: url(/static/img/icon_currency_42.8340fa19.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_71 {
  background: url(/static/img/icon_currency_71.b45cabb0.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_84 {
  background: url(/static/img/icon_currency_84.4dabb87b.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_86 {
  background: url(/static/img/icon_currency_86.7b642dc1.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_170 {
  background: url(/static/img/icon_currency_170.b63d97a3.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_1001 {
  background: url(/static/img/icon_currency_1001.8697b20d.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_1002 {
  background: url(/static/img/icon_currency_1002.da827f62.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_1003 {
  background: url(/static/img/icon_currency_1003.6ef5726f.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_2001 {
  background: url(/static/img/icon_currency_2001.832cc8e2.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_2002 {
  background: url(/static/img/icon_currency_2002.4dabb87b.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_2003 {
  background: url(/static/img/icon_currency_2003.7b642dc1.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_2004 {
  background: url(/static/img/icon_currency_2004.d81f6e06.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li span.icon.icon_2005 {
  background: url(/static/img/icon_currency_2005.229b895e.svg) no-repeat;
  background-size: contain;
}
.m_home .data_display .list ul li label {
  float: left;
  height: 20px;
  line-height: 20px;
  padding-left: 8px;
}
.m_home .data_display .list ul li p {
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  position: relative;
  margin: 0;
}
.m_home .data_display .list ul li p span.price {
  padding-right: 80px;
}
.m_home .data_display .list ul li p span.rate {
  width: 90px;
  position: absolute;
  right: 0;
  top: 0;
}
.m_home .overlay-container {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 10000;
  overflow: auto;
}
.m_home .overlay-container.show {
  display: block;
}
.m_home .black-overlay {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
  z-index: 999;
}
.m_home .overlay-container .popup {
  display: block;
  position: absolute;
  padding-bottom: 50px;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 340px;
  max-height: 500px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1000;
  background-color: #fff;
  padding: 15px;
}
.m_home .overlay-container .popup .title {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
  color: var(--font-1-light);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.m_home .overlay-container .popup .content {
  max-width: 390px;
  max-height: 350px;
  width: 100%;
  padding: 10px;
  text-align: left;
  font-size: 13px;
  border: 1px solid transparent;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: #fafafa;
  line-height: 1.4;
}
.m_home .overlay-container .popup .content::-webkit-scrollbar {
  display: inline;
  display: initial;
  -webkit-appearance: none;
  width: 8px;
}
.m_home .overlay-container .popup .content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, 0.5);
}
.m_home .overlay-container .popup .content img,
.m_home .overlay-container .popup .content table {
  max-width: 100% !important;
  width: auto;
  height: auto;
}
.m_home .overlay-container .popup .footer {
  margin-top: 10px;
  position: relative;
  text-align: center;
  background: #5c617c;
}
.m_home .overlay-container .popup .footer .close-popup {
  float: right;
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  border-radius: 0 !important;
  background-color: var(--fixcolor-1);
  color: var(--fixcolor-3);
  cursor: pointer;
}
.m_home .overlay-container .popup .footer .close-popup.textCenter {
  float: none;
  margin: 0 auto;
}
.m_home .overlay-container .popup .footer .todayClose {
  position: absolute;
  left: 0;
  top: 15px;
}
.m_home .overlay-container .popup .footer .todayClose input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.m_home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]
  + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 13px;
}
.m_home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]
  + label:before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 18px;
  margin: 0 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 2px solid var(--fixcolor-1);
}
.m_home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]
  + label:active:before,
.m_home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]:checked
  + label:active:before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.m_home
  .overlay-container
  .popup
  .footer
  .todayClose
  input[type="checkbox"]:checked
  + label:before {
  content: "\2713";
  color: #fff;
  background: var(--fixcolor-1);
  border-color: var(--fixcolor-1);
  line-height: 14px;
}
.m_trade #msgAlertLypop .popcont {
  max-width: 200px;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  border-radius: 100px;
  display: table;
  color: #fff;
}
.m_trade #msgAlertLypop .popcont .stxt {
  text-align: center;
  margin-top: 20px;
  font-size: 1em;
}
.m_trade #msgAlertLypop .popcont .inner .stxt {
  font-size: 3em;
  color: #fff;
}
.m_memo .pc-tab {
  width: 100%;
  margin: 20px auto;
  min-height: 90px;
}
.m_memo .pc-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.m_memo .pc-tab ul li label {
  float: left;
  padding: 10px;
  border: 1px solid #fff;
  background: #f0f0f0;
  color: #444;
  border-bottom: none !important;
  width: 33.33%;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 14px;
}
.m_memo .pc-tab ul li label:hover {
  background: #ddd;
  border-top: 2px solid #ddd;
  color: #111;
}
.m_memo .pc-tab ul li label.active {
  background: #fff;
  color: #5c617c;
  position: relative;
  border: 1px solid #5c617c;
}
.m_memo .pc-tab ul li label.active:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  left: 0;
  bottom: -1px;
}
.m_memo .pc-tab ul li label img {
  position: relative;
  top: -3px;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: bottom;
}
.m_memo pre {
  display: inline;
  width: 100%;
  white-space: pre-wrap;
  font-size: 14px;
}
.m_memo .pc-tab .tab1 .row_board .contentsRow:first-child {
  border-top: 1px solid #d4d6dc;
}
.m_Guide .guide-container {
  width: 100%;
  margin-top: 20px;
}
.m_Guide .guide-container .list {
  overflow: hidden;
}
.m_Guide .guide-container .list > li {
  width: 100%;
  padding: 10px 10px 30px 10px;
  text-align: center;
}
.m_Guide .guide-container .list > li .gimg {
  display: block;
  max-width: 100%;
}
.m_Guide .guide-container .list > li .gimg > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 380px;
  padding: 5px;
}
.m_Guide .guide-container .list > li .desc {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
}
.m_Guide .guide-container .list > li .desc .no {
  position: absolute;
  left: 0;
  font-size: 15px;
  font-weight: 600;
}
.m_Guide .guide-container .list > li .desc .text {
  display: inline-block;
  padding-left: 15px;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
}
.m_Guide .guide-container .list > li .desc p {
  display: block;
  font-size: 13px;
  color: #0089de;
  text-align: left;
  padding: 0 0 15px;
}
.txt400hide {
  display: inline;
}
@media only screen and (max-width: 400px) {
  .txt400hide {
    display: none;
  }
}
@media only screen and (max-width: 330px) {
  .m_Guide .guide-container .list > li .gimg > img {
    width: 100%;
  }
}
.searchArea {
  margin-top: 20px;
}
.search {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 5px;
}
.search .date {
  padding: 5px;
}
.search .date,
.search .type {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}
.search .type {
  padding: 5px 10px;
}
.checkArea {
  margin-top: 10px;
}
.checks {
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 19px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 14px;
  margin: 0;
}
.checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.checks input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #8b97a2;
}
.checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #8b97a2;
  border-radius: 100%;
}
.contentsBox table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.contentsBox table col:first-child {
  width: 20%;
}
.contentsBox table col:nth-child(2) {
  width: 15%;
}
.contentsBox table col:nth-child(3) {
  width: 25%;
}
.contentsBox table col:nth-child(4) {
  width: 15%;
}
.contentsBox table col:nth-child(5) {
  width: 25%;
}
.contentsBox table th,
.contentsBox thead td {
  padding: 10px 0 !important;
  font-weight: 400;
  border-top: 2px solid #8b97a2 !important;
  border-bottom: none !important;
  font-weight: bolder;
  background-color: #f8f8f8;
  text-align: center;
}
.contentsBox table td {
  padding: 9px 0;
  border: none;
  border-bottom: 1px solid #d4d6dc;
  font-size: 13px;
}
.contentsBox table td span {
  letter-spacing: -1px;
  font-size: 12px;
  text-align: center;
}
.contentsBox table td .date {
  color: #8f8f8f;
}
.contentsBox table td .disqualification,
.contentsBox table td .font-red {
  color: #d24f45;
  font-weight: 600;
}
.contentsBox table td .font-blue,
.contentsBox table td .realization {
  color: #d6b65d;
  font-weight: 600;
}
.contentsBox table td .ongoing {
  color: #f80;
  padding: 3px;
  border: 1px solid #f80;
  border-radius: 20px;
  display: block;
}
.contentsBox table td .done {
  color: #1261c4;
  padding: 3px;
  border: 1px solid #1261c4;
  border-radius: 20px;
  display: block;
}
.contentsBox table td .refused {
  color: #d24f45;
  padding: 3px;
  border: 1px solid #d24f45;
  border-radius: 20px;
  display: block;
}
.contentsBox table td .amount {
  color: #15324e;
}
.contentsBox table td .buying {
  color: #d6b65d;
}
.contentsBox table td .sell {
  color: #d24f45;
}
.contentsBox table,
.contentsBox td,
.contentsBox tr {
  overflow: hidden;
  white-space: nowrap;
  table-layout: fixed;
  letter-spacing: -1px;
}
.contentsBox .list_head {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto !important;
}
.contentsBox .list_head td {
  padding: 11px !important;
}
.btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
  padding: 3px 5px;
  font-size: 14px;
}
.m_bank .row_board3 {
  margin-bottom: 15px;
}
.m_bank .row_board3 .contentsRow {
  display: block;
  clear: both;
  line-height: 32px;
  text-align: left;
  color: #2b2b2b;
  padding: 0 15px;
  margin-top: 20px;
}
.m_bank .row_board3 .contentsRow:last-child {
  margin-bottom: 15px;
}
.m_bank .row_board3 .contentsRow > div {
  display: block;
}
.m_bank .row_board3 .contentsRow .head_title {
  color: #5c617c;
  width: auto;
  font-size: 16px;
  font-weight: 700;
}
.m_bank .row_board3 .contentsRow .row > div:last-child {
  padding-left: 0;
}
.m_bank .row_board3 .contentsRow .row > div button:first-child {
  margin-right: 5px;
  padding: 6px 10px;
}
.m_bank .row_board3 .contentsRow > * {
  display: inline-block;
}
.m_bank .row_board3 .contentsRow p {
  width: 50px;
  font-size: 13px;
  font-weight: 500;
  box-sizing: border-box;
  vertical-align: middle;
  height: auto;
}
.m_bank .row_board3 .contentsRow span {
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
}
.m_bank .contentsBox:first-child {
  margin-top: 20px;
}
.m_bank .contentsBox p {
  font-weight: 500;
}
.m_bank .contentsBox .stepTitle,
.m_bank .contentsBox .stepTitle2 {
  color: #5c617c;
}
.m_bank .contentsBox .stepContents p,
.m_bank .contentsBox .stepContents2 p {
  color: #2b2b2b;
  margin-bottom: 15px !important;
  line-height: 1.5;
}
.m_bank .contentsBox table .date {
  color: #8f8f8f;
}
.m_bank .contentsBox {
  width: 100%;
  overflow: auto;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  color: #2b2b2b;
  letter-spacing: -1px;
  padding: 0 15px;
  margin-bottom: 30px;
}
.m_bank .contentsBox.gray {
  background-color: #f0f0f0;
  padding: 20px 15px;
}
.m_bank .contentsBox.account {
  border-top: 1px solid #d4d6dc;
  margin-bottom: 0;
}
.m_bank .contentsBox.account,
.m_bank .contentsBox.account2 {
  border-bottom: 1px solid #d4d6dc;
  padding: 20px 15px !important;
}
.m_bank .contentsBox .stepRow {
  margin-bottom: 30px;
}
.m_bank .contentsBox .stepRow > div {
  float: left;
  vertical-align: top;
}
.m_bank .contentsBox p {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.m_bank .contentsBox .stepTitle {
  color: #232843;
  font-size: 14px;
  font-weight: 700;
  width: 70px;
  letter-spacing: normal;
}
.m_bank .contentsBox .stepContents {
  width: calc(100% - 70px);
}
.m_bank .contentsBox .stepTitle2 {
  color: #232843;
  font-size: 14px;
  font-weight: 700;
  width: 50px;
  letter-spacing: normal;
}
.m_bank .contentsBox .stepContents2 {
  width: calc(100% - 50px);
}
.m_bank .contentsBox .stepContents p,
.money .contentsBox .stepContents2 p {
  color: #2b2b2b;
  margin-bottom: 15px;
  line-height: 1.5;
}
.m_bank .contentsBox .info-label {
  display: block;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  flex-basis: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1.5;
  color: #8f8f8f;
}
.m_bank .contentsBox .accountInfo {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #15324e;
  line-height: 2;
}
.m_bank .replyBox {
  width: 100%;
  overflow: auto;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  color: #2b2b2b;
  letter-spacing: -1px;
  padding: 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.m_bank .btn-money {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color: #8b97a2;
  color: #fff;
  height: 40px;
  box-sizing: border-box;
  border-radius: 0;
}
.m_bank .btn_moneyArea,
.m_bank .btn_moneyArea .col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.m_bank .btn_moneyArea .col {
  text-align: center;
}
.m_bank .contentsBox div .btn {
  margin: 5px 0;
  width: calc(100% - 2px);
  font-size: 14px;
  line-height: 30px;
  height: 34px;
  padding: 0;
}
.m_bank .contentsBox div .btn:first-child {
  margin-left: 0;
}
.m_bank .contentsBox div .btn:last-child {
  margin-right: 0;
}
.m_bank .requestArea {
  margin-bottom: 20px;
}
.m_bank .requestArea .btnCol {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.m_bankStatement .searchArea {
  margin-top: 10px;
}
.m_subPage #Content {
  padding: 0 16px;
}
.m_subPage.notice #Content,
.m_tradeHistory #Content {
  padding-left: 0;
  padding-right: 0;
}
.m_login #Content input[type="checkbox"] {
  margin-right: 10px;
  height: 26px;
}
.m_login #Content .autoLogin {
  color: #707070;
  margin-left: 5px;
  font-size: 14px;
  line-height: 27px;
}
.m_login #Content label img {
  width: 24px;
  height: 24px;
}
.m_login #Content input[type="checkbox"] {
  display: none;
}
.m_login #Content input[type="checkbox"] + label {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0;
  background: transparent;
}
.m_login #Content input[id="checkbox2"]:checked + label img {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAP1BMVEVHcExaYHtbYHxbYXtbYHtbYHtbYXxbYHtaX3xcYHxcYXz///9nbIXj5OjCw86ana62uMTCxM719vd9gZbQ0dlIEGZNAAAACnRSTlMATzWjvGzX8RWGxMRR0AAAAXpJREFUWMPtl92SgyAMhf0BAoFqrX3/Z92dqitFJKEynb3gXHWc8avJCUlomqqqqn+g1vRCASjRm/ZjiJYC0BMIqT/BGDwKjM7GAEaVieoUnkplkDrAhKDjciQSagtxECUrLmSIEZ0GDgjIjGuFLCkKZAiAc+sPcy2wwdo7KzhDcv5I5sIH3e1Ljv6kdAmNC8cyikmkOPNj4ayhoUhElvRr5dw23zDRD1OcW8hJHDlDGWbtY94fnfvWRwrv3TA7es96Otfu9/8HFzHM5ySyrd7i8LIxr5yJed62cnTLa8PBsKAFcEEbKWIYAVJhahfS82gYEdpe2JNHihlGJNuzfyeNZ5yE/X5BbqRn1DCiINvIkdh4WVNJ4xkpNOwlzWwjHulgGNFGgsa2k+bcKanjrWOM9gOd0fwX0hTlmKxx5Ka9tebNWnk6EXP3CMEb2aIpM/w5axtnreEtbYxFq9DKBvLby2g64ypvZ5dwNazCV4iCl5qC16yqqqqC+gFVxkkLv5VwqwAAAABJRU5ErkJggg==);
  width: 24px;
  height: 24px;
}
.apply-common-tooltip[data-v-f444969e] {
  display: none !important;
}
.designBox {
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  padding: 0 17px;
  overflow: hidden;
}
.wrapPC .dropdown-sort {
  width: 100%;
}
.flex-center {
  display: flex;
  align-items: center;
}
.flex-start {
  display: flex;
  align-items: start;
}
.flex-end {
  display: flex;
  align-items: end;
}
.flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-center-start {
  display: flex;
  align-items: center;
  justify-content: start;
}
.flex-center-end {
  display: flex;
  align-items: center;
  justify-content: end;
}
.table-box {
  text-align: center;
}
.table-box .table-head {
  font-size: 12px;
  color: #6d7176;
  padding: 6px 17px;
  background: #f2f2f2;
}
.table-box .table-body {
  font-size: 12px;
  padding: 20px 17px;
  border-bottom: 1px solid #e8e8e8;
}
.table-box .table-item {
  width: 100%;
  color: #2b2b2b;
}
.table-box .table-item.click p {
  cursor: pointer;
  -webkit-text-decoration: solid;
  text-decoration: solid;
  text-decoration-line: underline;
}
.body-box {
  display: flex;
}
.body-box .left {
  width: 100%;
  max-width: 915px;
}
.body-box .right {
  width: 100%;
  margin-left: 11px;
  max-width: 474px;
}
.body-box .title-box {
  padding: 14px 0;
}
.body-box .title-box .title {
  font-size: 16px;
  font-weight: 600;
}
.body-box .under {
  margin-top: 10px;
  align-items: start;
}
.body-box .under .right {
  max-width: 401px;
}
.scroll-wrap {
  overflow-y: scroll;
}
.scroll-wrap::-webkit-scrollbar {
  width: 3px;
  height: 10px;
  cursor: pointer;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  background: #dcdcdc;
  border-radius: 10px;
  height: 5px;
  cursor: pointer;
}
.scroll-wrap::-webkit-scrollbar-thumb:horizontal {
  cursor: pointer;
}
.scroll-wrap::-webkit-scrollbar-track {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.designBox.trade-view {
  padding: 0;
  padding-bottom: 0;
}
.designBox.trade-view .info-box {
  padding: 3px 17px;
  border-bottom: 1px solid #e8e8e8;
}
.designBox.trade-view .info-box .price-box {
  align-items: center;
}
.designBox.trade-view .info-box .price-box .price {
  font-size: 31px;
  color: #9d9d9d;
  display: flex;
  align-items: end;
  font-weight: 700;
}
.designBox.trade-view .info-box .price-box .price.up {
  color: #f0180e;
}
.designBox.trade-view .info-box .price-box .price.down {
  color: #1261c4;
}
.designBox.trade-view .info-box .price-box .price span {
  font-size: 14px;
  color: #9d9d9d;
  margin-left: 10px;
  font-weight: 400;
}
.designBox.trade-view .info-box .price-box .per {
  font-size: 12px;
  color: #9d9d9d;
  font-weight: 700;
  margin-left: 10px;
  text-align: right;
}
.designBox.trade-view .info-box .price-box .per.up {
  color: #f0180e;
}
.designBox.trade-view .info-box .price-box .per.up span {
  color: #f0180e !important;
}
.designBox.trade-view .info-box .price-box .per.down {
  color: #1261c4;
}
.designBox.trade-view .info-box .price-box .per.down span {
  color: #1261c4 !important;
}
.designBox.trade-view .info-box .price-box .per span {
  margin-left: 19px;
}
.designBox.trade-view .info-box .etc-box {
  font-size: 12px;
  margin-left: 21px;
}
.designBox.trade-view .info-box .etc-box .text {
  color: #6d7176;
}
.designBox.trade-view .info-box .etc-box .top {
  padding: 7px 0;
}
.designBox.trade-view .info-box .etc-box .etcPrice {
  width: 100px;
}
.designBox.trade-view .info-box .etc-box .etcPrice .value {
  font-weight: 700;
}
.designBox.trade-view .info-box .etc-box .etcAmount {
  width: 170px;
  margin-left: 21px;
  margin-right: 17px;
}
.designBox.trade-view .info-box .etc-box .etcAmount .value {
  font-weight: 700;
}
.designBox.trade-view .info-box .etc-box .etcPrice.up .value {
  color: #f0180e;
}
.designBox.trade-view .info-box .etc-box .etcPrice.down .value {
  color: #1261c4;
}
.designBox.trade-view .info-box .marketTime {
  margin-right: 10px;
}
.designBox.trade-view .info-box .marketTime div {
  width: 160px;
}
.designBox.trade-view .info-box .marketTime .text {
  color: #6d7176;
  font-size: 12px;
  line-height: 1.17;
}
.designBox.trade-view .info-box .marketTime .text.name {
  min-width: 77px;
}
.designBox.trade-view .info-box .marketTime .text.time {
  color: #232843;
  font-size: 12px;
  margin-left: 8px;
  font-weight: 700;
  min-width: none;
  text-align: right;
}
.designBox.trade-view .spin-box {
  padding: 8px 7px;
  background: #f2f2f2;
  overflow: hidden;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.designBox.trade-view .spin-box .text {
  color: #3a81b7;
  font-size: 12px;
  letter-spacing: -0.24px;
  margin-right: 80px;
  white-space: nowrap;
  animation: rollingleft 33s linear infinite;
}
.designBox.trade-view .spin-box .text span {
  color: #232843;
  margin-left: 12px;
  font-weight: 700;
}
.timer-box {
  height: 90px;
}
.timer-box.designBox {
  padding: 10px 0 10px;
}
.timer-box .trade-info {
  width: 100%;
  height: 100%;
}
.timer-box .trade-info .gray-box {
  background: #f2f2f2;
  border-radius: 8px;
  padding: 7px;
  padding-left: 0;
  padding-bottom: 3px;
  position: relative;
  width: 100%;
  margin-left: 20px;
}
.timer-box .trade-info .gray-box > div {
  width: 100%;
  margin-top: 5px;
}
.timer-box.off {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0;
}
.timer-box.off * {
  display: none;
}
.timer-box .trade-info .betting-state {
  width: 100%;
  background: #fff;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.timer-box .trade-info .betting-state .timer {
  width: 100%;
}
.timer-box .trade-info .betting-state .timer .line-box {
  margin-left: 5px;
}
.timer-box .trade-info .betting-state .timer .line-box:before {
  content: "";
  width: 1px;
  height: 23px;
  border: 1px solid #6d7176;
}
.timer-box .trade-info .betting-state .timer .line-box .time {
  font-size: 26px;
  margin-top: 2px;
}
.timer-box .trade-info .betting-state .timer > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-align: center;
  padding: 0 10px 0 0;
}
.timer-box .trade-info .betting-state .timer > div .icon {
  position: relative;
  top: 0;
  left: 11px;
  display: inline-block;
  width: 17.6px;
  height: 21px;
  background: url(/static/img/icon-timer-black.d70db697.svg) no-repeat;
  background-size: contain;
}
.timer-box .trade-info .betting-state .timer > div .text {
  font-size: 12px;
}
.timer-box .trade-info .betting-state .timer > div .bold {
  font-weight: 700;
}
.timer-box .trade-info .betting-state .timer > div .time {
  position: relative;
  top: 0;
  display: inline-block;
  font-size: 28px;
  margin-left: 0;
  min-width: 72px;
  letter-spacing: -1px;
}
.timer-box .trade-info .betting-state .timer > div .icon.alarm {
  background: url(/static/img/icon-timer-red.8cd87a94.svg) no-repeat;
  background-size: contain;
  animation: alarm 20ms infinite;
}
.timer-box .trade-info .betting-state .timer > div .time.glitter {
  animation: glitter 1s infinite;
}
@keyframes alarm {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  to {
    transform: rotate(10deg);
  }
}
@keyframes glitter {
  0% {
    color: #2b2b2b;
  }
  50% {
    color: #d24f45;
  }
  to {
    color: #2b2b2b;
  }
}
.timer-box .trade-info .betting-state .text {
  font-size: 12px;
  color: #6d7176;
  min-width: 66px;
  padding: 0 5px;
  font-weight: 700;
  line-height: 13px;
}
.timer-box .trade-info .betting-state .text.round {
  min-width: auto;
  text-align: left;
  padding-left: 96px;
}
.timer-box .trade-info .betting-state .text.round.right {
  padding-left: 66px;
}
.timer-box .trade-info .betting-state .text.round-data {
  position: absolute;
  left: 0;
  top: 11px;
}
.timer-box .trade-info .betting-state .per-box {
  padding: 10px;
  padding-left: 0;
}
.timer-box .trade-info .betting-state .per {
  width: 100%;
}
.timer-box .trade-info .betting-state .per .turn {
  display: inline-block;
  width: 85px;
  padding-left: 15px;
  font-size: 14px;
}
.timer-box .trade-info .betting-state .per .turn .text {
  display: inline-block;
  font-size: 14.5px;
  padding-top: 4px;
}
.timer-box .trade-info .betting-state .per .betting-compare {
  width: 100%;
  position: relative;
}
.timer-box .trade-info .betting-state .per .betting-compare .state-name-1 {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 10px;
  color: #d24f45;
  transition: left 0.8s;
}
.timer-box .trade-info .betting-state .per .betting-compare .state-name-2 {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 10px;
  color: #1261c4;
  transition: left 0.8s;
}
.timer-box .trade-info .betting-state .per .betting-compare .compare-state {
  position: relative;
  top: -12px;
  left: -19px;
  background: url(/static/img/betting_state.c6ff7795.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 45px;
  height: 45px;
  transition: left 0.8s;
}
.timer-box .trade-info .betting-state .per .betting-compare .compare-bar {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
.timer-box .trade-info .betting-state .per .betting-compare .compare-bar-away {
  height: 18px;
  background-color: #d24f45;
  margin-top: 20px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: left;
  padding-left: 7px;
  border-radius: 15px;
  width: 100%;
}
.timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-bar-away
  span {
  position: absolute;
  left: 6px;
  top: 22px;
}
.timer-box .trade-info .betting-state .per .betting-compare .compare-bar-home {
  position: absolute;
  right: 0;
  top: 20px;
  height: 18px;
  background-color: #1261c4;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: right;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 50%;
  transition: all 0.8s;
}
.timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-bar-home
  span {
  padding-right: 7px;
  position: absolute;
  right: 0;
  top: 2px;
}
.stock-list-box .scroll-wrap {
  height: 100%;
}
.stock-list-box {
  height: 483px;
}
.stock-list-box.designBox {
  padding: 0;
}
.stock-list-box .title-box {
  padding: 15px 17px;
  background: #232843;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.stock-list-box .title-box .title {
  font-size: 18px;
  color: #fff;
  min-width: 63px;
  white-space: nowrap;
}
.stock-list-box .search-box {
  border-radius: 6px;
  margin: 0 0;
  padding: 9px 8px;
  background: #4b506c;
  display: flex;
  align-items: center;
  width: 100%;
}
.stock-list-box .search-box img {
  display: block !important;
  max-width: 15px;
  margin-right: 5px;
}
.stock-list-box .search-box .search-input {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 16px;
  color: #fff;
}
.stock-list-box .search-box .search-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
.stock-list-box .search-box .search-input::placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
.stock-list-box .set-img {
  width: 25px;
}
.stock-list-box .tabBox {
  height: 53px;
  padding: 12px 17px 0;
}
.stock-list-box .tabBox .tab-item {
  font-size: 20px;
  font-weight: 700;
  margin-right: 10px;
  border-bottom: 3px solid transparent;
  padding-bottom: 7px;
  cursor: pointer;
}
.stock-list-box .tabBox .tab-item.on {
  border-bottom: 3px solid #1261c4;
  color: #1261c4;
}
.stock-list-box .table-box .table-body {
  padding: 14px 17px;
}
.stock-list-box .table-item {
  white-space: nowrap;
}
.stock-list-box .table-item.icon {
  width: 16.4px;
}
.stock-list-box .table-item.name {
  width: 140px;
  text-align: left;
}
.stock-list-box .table-item.price {
  width: 70px;
  text-align: left;
}
.stock-list-box .table-item.red {
  color: #f0180e !important;
}
.stock-list-box .table-item.blue {
  color: #1261c4 !important;
}
.stock-list-box .table-item.before,
.stock-list-box .table-item.money {
  width: 70px;
}
.stock-list-box .table-body .table-item.name {
  font-size: 14px;
  font-weight: 700;
  color: #232843;
  cursor: pointer;
}
.stock-list-box .table-body .table-item.name span {
  font-size: 12px;
  color: #6d7176;
}
.stock-list-box .table-head .table-item.price {
  text-align: center;
}
.stock-list-box .table-body .table-item.price {
  text-align: right;
}
.stock-list-box .table-body .table-item.money {
  font-weight: 700;
  color: #232843;
  text-align: right;
}
.stock-list-box .table-body .table-item.money span {
  font-weight: 400;
  color: #6d7176;
}
.stock-list-box .table-body .table-item.before {
  text-align: right;
}
.stock-list-box .table-item.icon img {
  width: 17px;
  cursor: pointer;
}
.stock-list-box .table-item.icon img.on {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAvCAMAAACWqWnGAAAAOVBMVEVHcEz6pQX4pAf3pAf3pAj3owf3pAf4owf3pAf/pwD3pAb/qAD4pAb4pAf3pAf3pAf3owf8pwP3pAjpifjIAAAAEnRSTlMAK0mQ56LGP/YIdRJUZ7XVgRvt/9t7AAABDUlEQVRIx5XVWQ6DMAwE0OwLhUB8/8O26kKB2CHjXzTSizwJSgnjFTo5RTQyk0UjhRzsIoqoi1CZf0Uc7CLSqItoQ11EK+yCZB8XJPPfyAq7AJn5JWhCXeOy7PYIL4vXMeGfoDA337NaCBubldIrEHDmY/fDiVD3baexxLENdQTnztc029tEeTQrd91A4opQQw8ltG0TEz5LVYk8Li2dej0CgGp6z2+DmYk7SD/CwVLuJSp7/Bl13cj4bfZkVdikkSOHG1qiHZKFUwnNfouSvPvLvv9FNXeukq9F9fIvtSnht6iu61o1V9TYcbU3471eK7oS1w3tJFk+PlNnXBFky/vtFMyJlU2dWih9iDwBZBI2722EG7cAAAAASUVORK5CYII=);
}
.all-result-box {
  height: 520px;
}
.all-result-box .table-box {
  height: 735px;
}
.all-result-box .table-box .table-body {
  padding: 12px 17px;
}
.all-result-box .table-box .table-body:last-child {
  border-bottom: none;
}
.all-result-box .scroll-wrap {
  height: 739px;
}
.all-result-box .table-item.time {
  width: 123px;
}
.all-result-box .table-item.bonus {
  width: 33px;
  white-space: nowrap;
}
.all-result-box .table-item.price {
  width: 100px;
}
.all-result-box .table-item.ing {
  width: 45px;
  white-space: nowrap;
}
#app2 .wrap.flex-start {
  padding: 6px 0 70px;
}
.leftMenu {
  font-size: 16px;
  min-width: 158px;
  text-align: center;
  padding: 17px 11px !important;
  margin-right: 50px;
}
.leftMenu .text {
  padding: 9px 0;
  color: #5c617c;
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.leftMenu .text.on {
  background: #5c617c;
  color: #fff;
}
.subPage .designBox {
  padding: 0;
}
.subPage .text-box {
  width: 100%;
}
.subPage .title-box {
  padding: 14px 30px;
  background: #232843;
  color: #fff;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  font-weight: 700;
  font-size: 25px;
}
.subPage .row_board .contentsRow {
  padding: 0;
}
.rightBoard.designBox {
  padding: 0;
  text-align: left;
}
.rightBoard.designBox .text-box {
  padding: 0 30px;
}
.bank .rightBoard.designBox .table-head {
  padding: 13px 0;
}
.bank .rightBoard.designBox .table-body {
  padding: 13px 0;
  border-bottom: 1px solid #d4d6dc;
}
.bank .rightBoard.designBox .table-item {
  font-size: 16px;
  white-space: nowrap;
}
.bank .rightBoard.designBox .table-item .text.fwb {
  font-weight: 700;
}
.bank .rightBoard.designBox .table-item .text.red {
  color: #d24f45;
}
.bank .rightBoard.designBox .table-item .text.blue {
  color: #1789de;
}
.bank .rightBoard.designBox .table-item .text.navy {
  color: #15324e;
}
.bank .rightBoard.designBox .table-item.num {
  max-width: 100px;
}
.bank .rightBoard.designBox .table-item.date {
  min-width: 150px;
}
.bank .rightBoard.designBox .table-item.type {
  max-width: 100px;
}
.bank .rightBoard.designBox .table-item.price {
  min-width: 270px;
}
.bank .rightBoard.designBox .table-item.status {
  width: 161px;
}
.bank .rightBoard.designBox .table-item.etc {
  min-width: 205px;
}
.bank .rightBoard.designBox .table-body .table-item.date .text {
  color: #6d7176;
}
.bank .rightBoard.designBox .table-body .table-item.status .text {
  padding: 6px 0;
  border: 1px solid #000;
  border-radius: 17px;
  width: 70px;
}
.bank .rightBoard.designBox .table-body .table-item.status .text.yellow {
  color: #f80;
  border: 2px solid #f80;
  font-weight: 600;
}
.bank .rightBoard.designBox .table-body .table-item.status .text.red {
  color: #d14e45;
  border: 2px solid #d14e45;
  font-weight: 600;
}
.bank .rightBoard.designBox .table-body .table-item.status .text.blue {
  color: #1789de;
  border: 2px solid #1789de;
  font-weight: 600;
}
.tradeHistory .contents .rightBoard.designBox {
  padding: 0;
}
.trade-list-box {
  margin-top: 12px;
  height: 540px;
}
.trade-list-box .table-box {
  height: 793px;
}
.trade-list-box .scroll-wrap {
  height: 727px;
  overflow-y: auto;
}
.trade-list-box .table-box .table-body,
.trade-list-box .table-box .table-head {
  padding: 6px 0;
}
.trade-list-box .table-box .table-item.date {
  min-width: 120px;
}
.trade-list-box .table-box .table-item .colorYellow {
  color: #f80;
}
.trade-list-box .table-box .table-item .colorRed {
  color: #f0180e;
}
.trade-list-box .table-box .table-item .colorBlue {
  color: #1261c4;
}
.trade-list-box .btn-box {
  padding: 15px 0;
}
.trade-list-box .btn-box .btn {
  width: 100%;
  max-width: 66px;
  margin-right: 10px;
  height: 40px;
  border-radius: 8px;
}
.trade-list-box .btn-box .btn.more {
  color: #6d7176;
  font-weight: 600;
}
.trade-list-box .btn-box .btn.all {
  color: #fff;
  background: #818181;
  border: 1px solid #818181;
}
.trade-list-box .btn-box .btn.ing {
  color: #fe961f;
  background: #fff;
  border: 1px solid #fe961f;
}
.trade-list-box .btn-box .btn.suc {
  color: #1261c4;
  background: #fff;
  border: 1px solid #1261c4;
}
.trade-list-box .btn-box .btn.fail {
  color: #d24f45;
  background: #fff;
  border: 1px solid #d24f45;
}
.trade-list-box .btn-box .btn.ing.select {
  box-shadow: 0 0 0 0.2rem #fe961f;
}
.trade-list-box .btn-box .btn.suc.select {
  box-shadow: 0 0 0 0.2rem #1261c4;
}
.trade-list-box .btn-box .btn.fail.select {
  box-shadow: 0 0 0 0.2rem #d24f45;
}
.chart_module {
  border-top: none;
  border-bottom: none;
  min-width: 135.4px;
}
.chart_module svg .highcharts-plot-background,
.chart_module svg .highcharts-plot-border {
  background: transparent;
  fill: transparent;
}
.chart_module svg .highcharts-grid-line {
  background: transparent;
  fill: transparent;
  border: none;
}
.chart_module svg .highcharts-grid.highcharts-xaxis-grid,
.chart_module svg .highcharts-grid.highcharts-yaxis-grid {
  display: none;
}
.MTEST .chart_module {
  border: none;
}
.MTEST.trade .main .wrap {
  padding-top: 13px;
}
.MTEST .mb_designBox {
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.MTEST .designBox {
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
  overflow: visible;
}
.MTEST .under {
  display: flex;
  flex-direction: column-reverse;
}
.MTEST .body-box {
  display: block;
}
.MTEST .body-box .title-box {
  padding: 14px 10px;
}
.MTEST .body-box .left {
  max-width: 100%;
}
.MTEST .body-box .left.por {
  position: relative;
}
.MTEST .body-box .left.por .toggleStock {
  border: none;
  background: transparent;
  height: 100%;
  border-radius: 8px;
  margin-right: 10px;
}
.MTEST .body-box .right {
  max-width: 100%;
  margin-left: 0;
}
.MTEST .body-box .under {
  margin-top: 29px;
}
.MTEST .body-box .under .left {
  margin-top: -20px;
}
.MTEST .body-box .under .right {
  max-width: 100%;
  margin-left: 0;
}
.MTEST.trade .main {
  padding: 0 12px;
  margin: 51px auto 0;
  padding-bottom: 53px;
}
.MTEST.trade .main .wrap .trade-view {
  width: 100%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.MTEST.trade .main .wrap .trade-view .symbol .text {
  line-height: 20px;
}
.MTEST.trade .main .wrap .chart-box.title-box {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.MTEST.trade .main .wrap .chart-box.title-box .text.under {
  margin: 0;
  font-size: 10px;
}
.MTEST.trade .main .wrap .chart-box.title-box span.under {
  margin: 0;
  display: inline;
  font-size: 10px;
  margin-left: 3px;
}
.MTEST.trade .main .wrap .trade-view .symbol .market_symbol {
  margin-left: 5px;
  margin-right: 5px;
}
.MTEST.trade .main .wrap .trade-view .symbol .market_desc {
  font-size: 10px;
}
.MTEST.trade .main .wrap .trade-view .symbol .market_desc span {
  line-height: 10px;
  margin-top: 3px;
}
.MTEST.trade .main .wrap .trade-view .symbol .market_desc.market_desc_1 {
  line-height: 16px;
}
.MTEST.trade .designBox.trade-view .info-box .price-box .price {
  width: 60%;
}
.MTEST.trade .main .wrap .trade-view .config .symbol .text {
  font-size: 17px;
  top: -14px;
}
.MTEST.trade .designBox.trade-view .info-box .marketTime {
  margin-right: 0;
  padding-top: 10px;
}
.MTEST.trade .designBox.trade-view .info-box .marketTime div {
  width: 100%;
}
.MTEST.trade .designBox.trade-view .info-box .marketTime .text {
  font-size: 10px;
  margin-right: 0;
}
.MTEST.trade .designBox.trade-view .info-box .marketTime .text.name {
  min-width: 77px;
}
.MTEST .designBox.trade-view .info-box {
  padding: 13px 11px;
  border-bottom: none;
}
.MTEST .designBox.trade-view .info-box .etc-box {
  margin-left: 0;
  width: 100%;
  margin-top: 15px;
}
.MTEST .designBox.trade-view .info-box .etc-box .top {
  border-bottom: none;
}
.MTEST .designBox.trade-view .info-box .etc-box .top .etcPrice.down {
  margin-left: 5px;
}
.MTEST .designBox.trade-view .info-box .etc-box > div {
  padding: 0;
}
.MTEST .designBox.trade-view .info-box .etc-box > div > div {
  width: 100%;
  font-size: 10px;
  margin-left: 0;
  margin-right: 0;
}
.MTEST.trade .main .wrap .trade-info .trade-table.new {
  margin-top: 25px;
}
.MTEST.trade .main .wrap .trade-info .trade-table .bettingFinish p {
  top: 172px;
}
.MTEST.trade .main .wrap .time-select-box {
  width: 100%;
  padding: 10px 0;
  background: #232843;
  padding-right: 4px;
}
.MTEST.trade .main .wrap .time-select-box .time-btn {
  width: 100%;
  font-size: 14px;
  height: 24px;
}
.MTEST.trade .main .timer-box.designBox {
  height: 79px;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.MTEST .timer-box .trade-info .betting-state .timer > div {
  padding: 0 10px;
}
.MTEST .timer-box .trade-info .gray-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-left: 0;
  padding-top: 0;
}
.MTEST .timer-box .trade-info .gray-box > div {
  margin-top: 10px;
}
.MTEST .timer-box .trade-info .betting-state .text.round {
  padding-left: 100px;
}
.MTEST .timer-box .trade-info .betting-state .text.round.right {
  padding-left: 90px;
}
.MTEST .timer-box .trade-info .betting-state .text.round-data {
  top: 10px;
}
.MTEST .timer-box .trade-info .betting-state .per-box {
  display: block !important;
  padding-left: 10px;
}
.MTEST .timer-box .trade-info .betting-state .text {
  font-size: 10px;
  padding-left: 0;
}
.MTEST .timer-box .trade-info .betting-state .timer > div .text br {
  display: block;
}
.MTEST .timer-box .trade-info .betting-state .text br {
  display: none;
}
.MTEST .timer-box .trade-info .betting-state .timer > div .time {
  font-size: 20px;
}
.MTEST .timer-box.off {
  display: none;
}
.MTEST.trade .main .wrap .trade-info .trade-table.new .title-box {
  padding: 14px 10px;
}
.MTEST.trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .btn-area
  button {
  max-width: 100%;
}
.MTEST.trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .btn-area
  button.center {
  margin: 0 9px;
}
.MTEST.trade .left .stock-list-box {
  overflow: hidden;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.MTEST.trade .left .stock-list-box .scroll-wrap {
  height: 416px;
}
.MTEST.trade .left .stock-list-box .title-box {
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  padding: 18px 0 18px 7.1px;
}
.MTEST .mb_designBox.order {
  padding: 0 11px;
}
.MTEST .mb_designBox.order .mid-box {
  padding: 19px 11px;
}
.MTEST.trade .main .wrap .trade-info .trade-table.new {
  height: 100%;
}
.MTEST.trade .main .wrap .trade-info .trade-table {
  box-shadow: none;
  overflow: visible;
}
.trade .title-box img {
  display: none;
}
.MTEST.trade .title-box img {
  width: 25px;
  cursor: pointer;
  display: block;
}
.MTEST.trade .main .wrap .trade-info .trade-table.new .btn-box {
  justify-content: center;
  padding-bottom: 20px;
}
.MTEST.trade .main .wrap .trade-info .trade-table.new .btn-box button {
  width: 100%;
}
.MTEST .mb_designBox.score {
  padding: 20px 11px;
}
.MTEST.trade .score-board .wrap .board .mb_designBox > table * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  text-transform: none;
  text-decoration: none;
}
.MTEST.trade .score-board .wrap .board .mb_designBox > table {
  display: block;
  border-collapse: collapse;
  overflow-x: auto;
  padding-bottom: 10px;
}
.MTEST.trade .score-board .wrap .board .mb_designBox > table tbody {
  border-spacing: 0;
}
.MTEST.trade .score-board .wrap .board .mb_designBox > table tbody td {
  border: 1px solid #f5f5f5;
  white-space: nowrap;
}
.MTEST.trade .score-board .wrap .board .mb_designBox > table tbody td > div {
  width: 33px;
}
.MTEST.trade
  .score-board
  .wrap
  .board
  .mb_designBox
  > table
  tbody
  td
  > div
  > div {
  position: relative;
  margin-left: 1.5px;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MTEST.trade
  .score-board
  .wrap
  .board
  .mb_designBox
  > table
  tbody
  td
  > div
  > div
  span {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MTEST.trade .score-board .wrap .board > table tbody td > div .result {
  margin-top: 15px;
}
.MTEST.trade .all-result-box {
  margin-top: 29px;
  height: 280px;
}
.MTEST.trade .all-result-box .scroll-wrap {
  height: 174px;
}
.MTEST.trade .all-result-box .table-head {
  padding: 11px 9px;
}
.MTEST.trade .all-result-box .scroll-wrap .table-body {
  padding: 5px 9px;
}
.MTEST .all-result-box .table-item.time {
  width: 60px;
}
.MTEST .all-result-box .table-box {
  height: 220px;
}
.MTEST .trade-list-box .btn-box .btn {
  max-width: 44px;
  font-size: 12px;
  height: 30px;
  padding: 0;
}
.MTEST.trade .trade-list-box {
  margin-top: 0;
  height: 320px;
}
.MTEST.trade .trade-list-box .scroll-wrap {
  height: 174px;
}
.MTEST.trade .trade-list-box .table-head {
  padding: 11px 9px;
}
.MTEST.trade .trade-list-box .scroll-wrap .table-body {
  padding: 5px 9px;
}
.MTEST.trade .trade-list-box .table-item.date {
  min-width: 60px;
}
.MTEST.trade .trade-list-box .table-box {
  height: 220px;
}
.MTEST.trade .trade-list-box .btn-box {
  padding: 10px 11px;
}
.MTEST .trade-list-box .btn-box .btn.more {
  max-width: 100%;
  margin-right: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}
.trade-list-box .btn-box .btn.more {
  max-width: 100%;
  margin-right: 0;
}
.trade .trade-list-box .btn-box .btn.more span {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.trade .trade-list-box .btn-box .btn.more .icon-more-arrow {
  background: url(/static/img/more_trade_arrow.a67a0f55.svg) no-repeat 50%;
  background-size: cover;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 8px;
}
@media (max-width: 400px) {
  .MTEST.trade
    .main
    .wrap
    .trade-info
    .trade-table.new
    .mid-box
    .btn-area
    button {
    font-size: 12px;
  }
}
:root {
  --B-white: #fff;
  --B-black: #2b2b2b;
  --T-color: #232843;
  --table-span: #6d7176;
  --table-bold: #232843;
  --table-head: #f2f2f2;
  --table-body-border: #e8e8e8;
  --btn-yellow: #fe961f;
  --btn-blue: #1261c4;
  --btn-red: #d24f45;
  --btn-gray: #818181;
  --timer-bg: #f2f2f2;
  --input-bg: #efefef;
  --box-border-gray: #d4d6dc;
}
:root:not(.theme-dark) {
  --tv-color-platform-background: #d1c4e9;
  --tv-color-pane-background: #fbdff4;
  --tv-color-toolbar-button-background-hover: #f48fb1;
  --tv-color-toolbar-button-background-expanded: #f48fb1;
  --tv-color-toolbar-button-background-active: #f9b9e9;
  --tv-color-toolbar-button-background-active-hover: #f48fb1;
  --tv-color-toolbar-button-text: #88184f;
  --tv-color-toolbar-button-text-hover: #4a148c;
  --tv-color-toolbar-button-text-active: red;
  --tv-color-toolbar-button-text-active-hover: red;
  --tv-color-item-active-text: #0606ff;
  --tv-color-toolbar-toggle-button-background-active: red;
  --tv-color-toolbar-toggle-button-background-active-hover: #f0f;
  --tv-color-toolbar-divider-background: #fbdff4;
  --tv-color-toolbar-save-layout-loader: #6a6d78;
  --tv-color-popup-background: #f1bce1;
  --tv-color-popup-element-text: #88184f;
  --tv-color-popup-element-text-hover: #4a148c;
  --tv-color-popup-element-background-hover: #f48fb1;
  --tv-color-popup-element-divider-background: #fbdff4;
  --tv-color-popup-element-secondary-text: #4a148c;
  --tv-color-popup-element-hint-text: #4a148c;
  --tv-color-popup-element-text-active: #0606ff;
  --tv-color-popup-element-background-active: red;
  --tv-color-popup-element-toolbox-text: #88184f;
  --tv-color-popup-element-toolbox-text-hover: #4a148c;
  --tv-color-popup-element-toolbox-text-active-hover: #4a148c;
  --tv-color-popup-element-toolbox-background-hover: #de5984;
  --tv-color-popup-element-toolbox-background-active-hover: #f0f;
}
.theme-dark:root {
  --tv-color-platform-background: #d1c4e9;
  --tv-color-pane-background: #fbdff4;
  --tv-color-toolbar-button-background-hover: #f48fb1;
  --tv-color-toolbar-button-background-expanded: #f48fb1;
  --tv-color-toolbar-button-background-active: #f9b9e9;
  --tv-color-toolbar-button-background-active-hover: #f48fb1;
  --tv-color-toolbar-button-text: #88184f;
  --tv-color-toolbar-button-text-hover: #4a148c;
  --tv-color-toolbar-button-text-active: red;
  --tv-color-toolbar-button-text-active-hover: red;
  --tv-color-item-active-text: #06ff06;
  --tv-color-toolbar-toggle-button-background-active: red;
  --tv-color-toolbar-toggle-button-background-active-hover: #f0f;
  --tv-color-toolbar-divider-background: #fbdff4;
  --tv-color-toolbar-save-layout-loader: #868993;
  --tv-color-popup-background: #f1bce1;
  --tv-color-popup-element-text: #88184f;
  --tv-color-popup-element-text-hover: #4a148c;
  --tv-color-popup-element-background-hover: #f48fb1;
  --tv-color-popup-element-divider-background: #fbdff4;
  --tv-color-popup-element-secondary-text: #4a148c;
  --tv-color-popup-element-hint-text: #4a148c;
  --tv-color-popup-element-text-active: #0606ff;
  --tv-color-popup-element-background-active: red;
  --tv-color-popup-element-toolbox-text: #88184f;
  --tv-color-popup-element-toolbox-text-hover: #4a148c;
  --tv-color-popup-element-toolbox-text-active-hover: #4a148c;
  --tv-color-popup-element-toolbox-background-hover: #de5984;
  --tv-color-popup-element-toolbox-background-active-hover: #f0f;
}
#mbHome section {
  padding: 0 16px;
}
#mbHome .land-box .title-box {
  text-align: center;
}
#mbHome .land-box .title-box .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.17;
}
#mbHome .land-box .title-box .sub-title {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.6px;
}
#mbHome .land-box.main {
  background: url(/static/img/mb-home-bg.05d1cc7a.png) no-repeat top;
  height: 547px;
  background-size: 100% 547px;
  padding: 150px 0 190px;
  position: relative;
}
#mbHome .land-box.main .text-box {
  color: #fff;
  text-align: center;
}
#mbHome .land-box.main .text-box .text.big {
  font-weight: 700;
  font-size: 37px;
  line-height: 1.17;
}
#mbHome .land-box.main .text-box .text.center {
  margin: 8px 0;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 700;
}
#mbHome .land-box.main .text-box .text.small {
  font-size: 14px;
  margin-top: 8px;
  font-weight: 400;
}
#mbHome .land-box.main .btn-box {
  position: absolute;
  bottom: 33px;
  padding: 0 38px;
  width: 100%;
}
#mbHome .land-box.main .btn-box .btn {
  background: #fff;
  color: #232843;
  border-radius: 4px;
  height: 50px;
  width: 100%;
  font-weight: 700;
}
#mbHome .land-box.main .btn-box .btn.login {
  margin-top: 14px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
#mbHome .land-box.why {
  padding-top: 38px;
  padding-bottom: 52px;
  background: #f5f7f9;
}
#mbHome .land-box.why .img-box {
  width: 100%;
  box-sizing: border-box;
}
#mbHome .land-box.why .img-box .img-why {
  width: 48%;
  display: block;
}
#mbHome .land-box.why .title-box {
  margin-top: 45px;
}
#mbHome .land-box.why .title-box .title {
  margin-top: 4px;
}
#mbHome .land-box.why .content-box {
  text-align: center;
}
#mbHome .land-box.why .content-box .item-box {
  margin-top: 31px;
}
#mbHome .land-box.why .content-box img {
  width: 66px;
}
#mbHome .land-box.why .content-box .name {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0 16px;
}
#mbHome .land-box.why .content-box .text {
  color: #232843;
  font-size: 12px;
  line-height: 1.67;
  margin-top: 16px;
}
#mbHome .land-box.power {
  background: #1a1d27;
  padding-top: 46px;
  padding-bottom: 58px;
}
#mbHome .land-box.power .title-box {
  color: #fff;
}
#mbHome .land-box.power .title-box .sub-title {
  margin-top: 8px;
}
#mbHome .land-box.power .content-box {
  text-align: center;
}
#mbHome .land-box.power .content-box .item-box {
  color: #fff;
  margin-top: 41px;
}
#mbHome .land-box.power .content-box .item-box .name {
  font-size: 20px;
  font-weight: 700;
}
#mbHome .land-box.power .content-box .item-box .text {
  font-size: 12px;
  letter-spacing: -0.6px;
  margin-top: 9px;
}
#mbHome .land-box.power .content-box .item-box img {
  width: 302px;
  margin-top: 16px;
}
#mbHome .land-box.power .content-box .item-box .more {
  color: #5399f0;
  margin-top: 12px;
  font-size: 12px;
}
#mbHome .land-box.any {
  background: #e4e7ea;
  padding-top: 44px;
  padding-bottom: 50px;
}
#mbHome .land-box.any .title-box {
  color: #232843;
}
#mbHome .land-box.any .title-box .sub-title {
  margin-top: 9px;
}
#mbHome .land-box.any img {
  width: 100%;
  margin-top: 16px;
}
#mbHome .land-box.any .text-box {
  text-align: center;
  color: #232843;
  margin-top: 34px;
}
#mbHome .land-box.any .text-box.top {
  margin-top: 45px;
}
#mbHome .land-box.any .text-box .name {
  font-size: 16px;
  font-weight: 900;
}
#mbHome .land-box.any .text-box .text {
  font-size: 12px;
  margin-top: 12px;
  font-weight: 600;
}
#mbHome .land-box.partner {
  background: #fff;
  padding-top: 60px;
  padding-bottom: 64px;
  text-align: center;
}
#mbHome .land-box.partner h1 {
  font-size: 24px;
  font-weight: 900;
  color: #232843;
}
#mbHome .land-box.partner img {
  width: 100%;
}
.header .point-box .point {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 16px;
  display: flex;
  align-items: center;
}
.header .logo-box img {
  width: 90px;
  cursor: pointer;
  margin-top: -10px;
}
.header .icon-memo {
  margin-left: 11px;
  width: 24px;
  cursor: pointer;
}
.header .icon-memo.on {
  content: url(/static/img/icon_messageNew_gray.5ac396cd.svg);
}
.header .right-box .nav-box .nav-item {
  font-size: 20px;
  font-weight: 600;
  color: hsla(0, 0%, 100%, 0.7);
  padding: 4px 4px 12px;
  border-bottom: 1px solid #232843;
  margin-left: 40px;
  cursor: pointer;
}
.header .right-box .nav-box .nav-item:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.header .right-box .nav-box .nav-item.hoverBox {
  position: relative;
}
.header .right-box .nav-box .nav-item.hoverBox:hover {
  border-bottom: 1px solid #fff;
}
.header .right-box .nav-box .nav-item.hoverBox .pc-nav-box {
  display: none;
}
.header .right-box .nav-box .nav-item.hoverBox.on .pc-nav-box {
  display: block;
  width: 245px;
  position: absolute;
  top: 62px;
  left: -54px;
  padding: 35px 0;
  background: #fff;
  border-radius: 12px;
  color: #232843;
  font-size: 14px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.header .right-box .nav-box .nav-item.hoverBox.on .pc-nav-box .category {
  font-size: 18px;
  font-weight: 700;
  padding: 0 25px;
  text-align: left;
}
.header .right-box .nav-box .nav-item.hoverBox.on .pc-nav-box .category span {
  color: #243ecb;
  font-weight: 700;
}
.header .right-box .nav-box .nav-item.hoverBox.on .pc-nav-box div {
  margin-bottom: 27px;
}
.header .right-box .nav-box .nav-item.hoverBox.on .pc-nav-box div.mb0 {
  margin-bottom: 0;
}
.header .right-box .nav-box .nav-item.hoverBox.on .icon-arrow {
  transform: rotate(180deg);
}
.header .right-box .nav-box .nav-item .userName {
  color: #fff;
  margin-left: 8px;
  margin-right: 15px;
}
.header .right-box .nav-box .nav-item .login a {
  color: #fff;
}
.header .right-box .nav-box .nav-item.signUp {
  color: #fff;
  padding: 4px 16px 12px;
  margin-left: 20px;
  font-size: 20px;
  margin-top: 0;
}
.header .right-box .nav-box .nav-item.hoverBox.on {
  border-bottom: 1px solid transparent;
}
.header .right-box .nav-box .nav-item.on {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.home .header .point-box .themeMode {
  display: none;
}
.header .point-box .themeMode {
  padding: 4px 5px 0;
  max-width: 44px;
  border-radius: 12px;
  width: 100%;
  cursor: pointer;
  height: 22px;
  margin-left: 11px;
}
.header .point-box .themeMode img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  height: 14px;
  width: 14px;
  display: block;
}
.header .point-box .themeMode {
  background: #0b5adb;
}
.point-box .themeMode {
  padding: 4px 5px 0;
  max-width: 44px;
  border-radius: 12px;
  width: 100%;
  cursor: pointer;
  height: 22px;
  margin-left: 21px;
}
.point-box .themeMode img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  height: 14px;
  width: 14px;
  display: block;
}
.point-box .themeMode {
  background: #0b5adb;
}
.dark .point-box .themeMode {
  background: #f7a408;
}
.point-box .themeMode .circle {
  border-radius: 100%;
  background: #fff;
  display: block;
  width: 14px;
  height: 14px;
}
.dark .bank .contents {
  background-color: #1a1d27;
}
.dark .bank .leftNav ul li.active {
  background-color: #f4edd9;
}
.dark .bank .leftNav ul li a {
  color: #15324e;
}
.dark .bank .contents .rightBoard h2 {
  color: #fff;
  border-bottom: 2px solid #515355;
}
.dark .bank .contents .rightBoard h4 {
  color: #2e74a8;
}
.dark .bank .contents .rightBoard .row_money {
  background-color: #212433;
}
.dark .bank .contents .rightBoard .row_money2 {
  border-top: 2px solid #515355;
  border-bottom: 2px solid #515355;
}
.dark .bank .row_money2 .contentsRow {
  border-bottom: 1px solid #515355;
  color: #fff;
}
.dark .bank .row_money2 .contentsRow p {
  background-color: #212433;
  color: #8b97a2;
}
.dark .bank .row_money2 .contentsRow span {
  color: #fff;
}
.dark .bank .row_money2 .contentsRow .won {
  color: #8b97a2;
}
.dark .bank .row_money .step {
  color: #8b97a2;
}
.dark .bank .row_money .pre {
  color: #fff;
}
.dark .bank input.money {
  background: #fff;
  color: #15324e;
  border: 1px solid #d4d6dc;
}
.dark .bank div.money {
  background: #212433;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
}
.dark .bank div.money input {
  border: none;
  background: transparent;
  color: #fff;
}
.dark .bank .date input {
  background: #212433;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  position: relative;
  top: 2px;
  padding: 4px 10px 4px 0;
  width: 140px;
  height: 40px;
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  box-sizing: border-box;
  background-image: url(/static/img/icon_schedule_dark.b0cb1442.svg);
  background-position: 7px 7px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.dark .bank .btn {
  background-color: #7a809f;
  color: #fefefe;
}
.dark .bank .btn-confirm {
  background-color: #fff;
  color: #222;
  font-weight: 700;
}
.dark .bank .btn-progress {
  background-color: #d4d6dc;
  color: #888;
}
.dark .bank .searchArea .buttonArea .deposit.btn {
  background: #1789de;
}
.dark .bank .searchArea select {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d4d6dc;
  padding: 7px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.dark .bank .searchArea select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}
.dark .bank .moneyArea table {
  border: none !important;
}
.dark .bank .moneyArea .list_head {
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  height: 50px;
  border-bottom: 2px solid #333;
  padding: 0 5px;
  margin: 0;
  color: #2b2b2b;
  box-sizing: border-box;
  font-weight: 300;
  border-collapse: collapse;
  border-spacing: 0;
}
.dark .bank .moneyArea .list_head thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
}
.dark .bank .moneyArea .list_head.history .title {
  font-size: 18px;
  font-weight: 700;
}
.dark .bank .moneyArea .list_head tbody tr td {
  padding: 11px;
  font-weight: 400;
  border-bottom: 1px solid #d4d6dc;
}
.dark .bank .board_co_number {
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.dark .bank .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.dark .bank .board_co_account {
  font-size: 18px;
  font-weight: 600;
}
.dark .bank .board_co_account.deposite {
  color: #1789de;
  font-weight: 600;
}
.dark .bank .board_co_account.withdraw {
  color: #d24f45;
  font-weight: 600;
}
.dark .bank .board_co_account .buying {
  color: #1789de;
  font-weight: 600;
}
.dark .bank .board_co_account .sell {
  color: #d24f45;
  font-weight: 600;
}
.dark .bank .board_co_status .realization {
  color: #1789de;
  font-weight: 600;
}
.dark .bank .board_co_status .disqualification {
  color: #d24f45;
  font-weight: 600;
}
.dark .bank .board_co_money {
  color: #2b2b2b;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  padding-right: 20px;
}
.dark .bank .board_co_status {
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
}
.dark .bank .board_co_status .ongoing {
  border-radius: 25px;
  color: #f80;
  border: 2px solid #f80;
}
.dark .bank .board_co_status .ongoing,
.dark .bank .board_co_status .refusal {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
  font-weight: 600;
}
.dark .bank .board_co_status .refusal {
  border-radius: 25px;
  color: #d24f45;
  border: 2px solid #d24f45;
}
.dark .bank .board_co_status .done {
  background-color: #fff;
  padding: 5px;
  border-radius: 25px;
  color: #1789de;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #1789de;
  font-weight: 600;
}
.dark .bank .checks {
  position: relative;
}
.dark .bank .checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dark .bank .checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #fff;
}
.dark .bank .checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 23px;
  text-align: center;
  background: transparent;
  border: 1px solid #9d9d9d;
  border-radius: 100%;
}
.dark .bank .checks input[type="radio"]:checked + label:before {
  background: transparent;
  border-color: #fff;
}
.dark .bank .checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 100%;
}
.dark .bank .tableDescription {
  margin: 20px 0 90px;
  color: #707070;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
.dark .bank .pagination {
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: block;
}
.dark .bank .pagination span,
.pagination a {
  background-color: #ebebeb;
  color: #8f8f8f;
  display: inline-block;
  padding: 11px 15px;
  margin: 0 1px;
  text-decoration: none;
  width: auto;
  border-radius: 5px;
  font-size: 18px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.75;
  min-width: 50px;
}
.dark .bank .pagination .current {
  padding: 11px 15px;
  background-color: #5c617c;
  color: #fff;
}
.dark .bank .btn.deposite {
  background-color: #1789de;
}
.dark .bank .btn.withdraw {
  background-color: #d24f45;
}
.dark .bank .btn.reflash {
  background-color: #fff;
  color: #0c5ca0;
  border: 1px solid #0c5ca0;
}
.dark .bank .btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
}
#app2.dark {
  background: #1a1d27;
}
.dark .b-sidebar > .b-sidebar-body {
  background: #212433;
}
.dark .b-sidebar .icon-close {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABEBAMAAADKPY6BAAAAIVBMVEVHcEyImKOKl6GLlqKLlqKPmqiLl6GLmKKKl6GNlqOLl6L1WLomAAAACnRSTlMAF9HivwqrKpw9bombWAAAAWhJREFUSMeF1r1qwzAQB/AzNIRsxdcX8OqtU8BTO2TJ5KHQtXOnQl6gz+ExDaXcU9aS9a37K16E0OmHLenOIqLDK8Hn6cs2y/URRXTT0TQHkQGFsPwYZhFBTDeJHC0CGV6HVmYxITpjEMN8CmTYDv3RmyBmQ+SbdmfEeIQgExCCTEQQkyCISRGiB4VxyIfrasyG/IZ+/TYFojElUjMVUjM1UjIKUjIakjMqkjM6kjIASRmERAYikcFIYDASmAbiGfu8gJDd6CNuM8ry3oecYDXpxntIYDDiFxbXm7A7gsuWRxqMRxoMx6Ub7iGQ2ZDbiBmHnHrMOGTuIOMRv8QKw2F3EBMRyHCyxTqTIoDh7JxoTI6oDBeHrWZKRGG4OrElUyMVw8qxzxkNKRhWcydldCRjGCRgZBCSMAyzODBnnMW9+2tZ5TrjQjHQfmpfCMwnXdrXCjN7ZRqXk232BdeK/fRs2/fWRWmd/Q8r6NLcqbL4zQAAAABJRU5ErkJggg==);
  width: 17px;
  height: 17px;
  margin-right: 14px;
}
.dark .userBox span {
  color: #fff;
}
.dark .message_info {
  background: #232843;
  border-bottom: 1px solid #515355;
}
.dark .cash_info,
.dark .userBox {
  color: #fff;
  border-bottom: 1px solid #515355;
}
.dark .user_info .message,
.dark .user_info .mission {
  color: #fff;
}
.dark .m_header .sidebar-title,
.dark .site_menu li {
  border-bottom: 1px solid #515355;
}
.dark .site_menu li {
  border-top: 1px solid #515355;
}
.dark .menuIcon:active,
.dark .menuIcon:focus,
.dark .menuIcon:hover {
  color: #fff;
  background: #2b2f43;
}
.dark .menuIcon {
  color: hsla(0, 0%, 100%, 0.8);
  background: #2b2f43;
}
.dark .menuIcon.active {
  color: #fff !important;
}
.dark .message img.new {
  content: url(/static/img/icon_messageNew_dark.5506a94f.svg);
}
.dark .message img.none {
  content: url(/static/img/icon_message_dark.4ea29047.svg);
}
.dark .statistic img {
  content: url(/static/img/icon_statistics_dark.77cb494d.svg);
}
.dark .withdrawal img {
  content: url(/static/img/icon_withdrawal_dark.782c008e.svg);
}
.dark .message span,
.dark .statistic span,
.dark .withdrawal span {
  color: #fff;
}
.dark footer {
  background: none;
  top: 0;
  width: 100%;
  min-width: 1400px;
  background-color: #121314;
  text-align: left;
}
.dark footer .business .danger_msg p {
  font-size: 14px;
  color: #6d7176;
}
.dark footer .business .help > div {
  height: 227px;
  padding-left: 41px;
  border-left: 1px solid #6d7176;
}
.dark footer .business .help h1 {
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #6d7176;
}
.dark footer .business .help .help_info p {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  text-align: LEFT;
  color: #6d7176;
}
.dark footer .copyright {
  min-height: 110px;
  background-color: #121314;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: hsla(0, 0%, 100%, 0.5);
}
.dark .header .right-box .nav-box .nav-item.hoverBox.on .pc-nav-box {
  background: #111621;
  box-shadow: 0 0 6px 0 #000;
}
.dark .header .right-box .nav-box .nav-item.hoverBox.on .pc-nav-box .category {
  color: #8b97a2;
}
.dark
  .header
  .right-box
  .nav-box
  .nav-item.hoverBox.on
  .pc-nav-box
  .category
  span {
  color: #fff;
}
.dark .helpdesk .contents {
  background: #1a1d27;
}
.dark .helpdesk .contents .rightBoard .top .search-box {
  background: #212433;
}
.dark .helpdesk .board_table thead tr td {
  background: #212433;
  color: #8b97a2;
}
.dark .helpdesk .board_table tr td.board_co_subject a {
  color: #fff;
}
.dark .helpdesk .board_table .board_notice td {
  background: #272f5d;
}
.dark .helpdesk .board_table tr td img {
  content: url(/static/img/icon_trade_notice_dark.68c7970b.svg);
}
.dark .helpdesk .board_table tr td .categoryNotice {
  color: #fff;
}
.dark .helpdesk .board_table .board_notice td {
  border: 1px solid #515355;
  border-left: none;
  border-right: none;
}
.dark .helpdesk .board_table {
  border-top: 2px solid #515355;
}
.dark .helpdesk .board_table tr td {
  border-bottom: 1px solid #515355;
}
.dark .helpdesk .board_table tr td.board_co_view.unread {
  color: #fff;
}
.dark .helpdesk .board_table tr td.board_co_view.unread.read {
  color: #515355;
}
.dark .helpdesk .buttonArea .btn img {
  content: url(/static/img/icon_write_dark.4dbc322d.svg);
}
.dark .helpdesk .buttonArea .btn-lg {
  background: #fff;
  color: #222;
}
.dark .helpdesk .row_board .contentsRow p,
.dark .row_board2 .contentsRow p {
  color: #8b97a2;
}
.dark .helpdesk .rightBoard .contentsBox,
.dark .helpdesk .row_board .contentsRow span,
.dark .helpdesk pre,
.dark .row_board2 .contentsRow span {
  color: #fff;
}
.dark .helpdesk input.subject_content,
.dark .helpdesk textarea.board_content {
  border: none;
  background: #212433;
  color: #515355;
}
.dark .helpdesk .row_board .contentsRow span,
.dark .row_board2 .contentsRow span {
  color: #515355;
}
.dark .helpdesk .btn-outline {
  background: #5c617c;
  color: #fff;
}
.dark .helpdesk .buttonArea .btn.cancel {
  border: 1px solid #707070;
  color: #fff;
  background: transparent;
}
.dark .helpdesk .contents .rightBoard .row_board {
  border-bottom: 1px solid #888;
}
.dark .login-page {
  background-color: #101117;
}
.dark .login-page .rightBoard {
  box-shadow: 0 0 8px 0 #000;
  background-color: #111621;
  border-radius: 4px;
}
.dark .login-page .rightBoard h2 {
  color: #2b2b2b;
  border-bottom: 2px solid #888;
}
.dark .login-page .rightBoard h4 {
  color: #1789de;
}
.dark .login-page input.member {
  background: #212433;
  color: #fff;
  border: none;
  border-radius: 4px;
}
.dark .login-page input.member::-moz-placeholder {
  color: #515355;
}
.dark .login-page input.member::placeholder {
  color: #515355;
}
.dark .login-page .btn {
  border: 1px solid transparent;
  color: #111621;
}
.dark .login-page .btn,
.dark .login-page .btn-confirm {
  background-color: #fff;
  border-radius: 4px;
}
.dark .login-page .btn-confirm:hover {
  color: #111621;
}
.dark .login-page .loginForm {
  width: 386px;
  margin: 160px auto;
  text-align: center;
}
.dark .login-page .loginForm img {
  content: url(data:image/png;base64,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);
  width: 153px;
  margin: 50px auto 67px;
}
.dark .login-page .loginForm .contentsRow {
  display: block;
  clear: both;
  text-align: left;
  color: #2b2b2b;
  margin-bottom: 12px;
}
.dark .login-page .loginForm .contentsRow input.member {
  width: 386px;
}
.dark .login-page .loginForm .errorMsg {
  width: 100%;
  min-height: 44px;
  text-align: left;
}
.dark .login-page .loginForm .member_warning {
  font-size: 14px;
  color: #d24f45;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
  height: 42px;
  margin-bottom: 14px;
}
.dark .login-page .loginForm .btnLogin {
  width: 100%;
  height: 50px;
  border-radius: 4px;
}
.dark .login-page .loginForm .autoLogin {
  margin: 12px 0 42px;
  text-align: left;
  color: #707070;
  position: relative;
}
.dark .login-page .loginForm .helpDesk {
  color: #707070;
  text-align: center;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}
.dark .login-page .loginForm .join {
  text-align: center;
  font-size: 14px;
  color: #6d7176;
  font-weight: 600;
  margin-top: 30px;
}
.dark .login-page .loginForm .join .btnJoin {
  color: #1261c4;
  font-weight: 600;
  margin-left: 5px;
}
.dark .login-page .autoLogin input[type="checkbox"] + label span {
  position: absolute;
  top: -1px;
  left: 30px;
  display: block;
  color: #707070;
}
.dark .login-page .autoLogin input[type="checkbox"] {
  display: none;
}
.dark .login-page .autoLogin input[type="checkbox"] + label {
  border: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAM1BMVEVHcEwfIzIfIzEgIzIdIC4YGicgIzMgIzEgIzIgIzIgIzIgIzIhJDNRU1UmKTY7PkZHSU1uuwPLAAAADHRSTlMAhT6hGgvXaO/5usHzh2F4AAABgUlEQVRYw+2X27KDIAxFC3I3Av//te2ZYqs2hIvMnBf2mw+uIckmCY/H1NTU/0tytjhljHIL47KXIrSzcJB1WvRg2ImSWKwVJZkBVIY1RSgUZKUaDsUNEDK8lqOBltVjOGChisQtFGUrohMGKkCmmHGpoEqq5AJWAHi/W/NeYGHbQjKBvHOgF+dDIo8kbJmzbe/orOi2UOJs6ZMykyPznDgpNHBE7cnIEif63Ux9kfl44QDwrprtCfpyiLotv8YjOLBkQesH82c8j3DCEb5mQer03yEbHuOAyoLM+b9w5cRLq6wF7SSkYAWQwlMSkUTToa1ockOGQyR7wcqEFqxQ/qMh93hilkMYUiNXAi9Y4fqfLu2JFD0yAWRlGzmSEA7VRi7X/0vCOGRjE3jrCGg/EA3N/03COfQ8kpdx5EOOUxhHv03Se7zRFfeItW5kr7eWtba1rWatqVvadBlUu7LZMavfuGV03Hr8MqbOLey69UmSeUL0vGwGPWoGPrOmpqYG6gniz1WYNfatGwAAAABJRU5ErkJggg==)
    #111621 no-repeat 50%;
  cursor: pointer;
  border-radius: 16px;
  background-size: contain;
}
.dark .login-page .autoLogin input[type="checkbox"]:checked + label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF8mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMTItMjJUMTM6NDI6NDgrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTEyLTIyVDE1OjA1OjExKzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTEyLTIyVDE1OjA1OjExKzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMSIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRvdCBHYWluIDIwJSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMDRkODVkZS1mNWM1LTQ4NGUtYWExMy00YjkwMjgwMTZiYzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZTI1ODA3ZS0xODU2LTFkNDQtODljNC02MjQyOTEzM2Y4ZjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NTRiMjlhOS0wOTM0LTQxMzItYjZjZS1kNGY3MjNkNTA3NmEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1NGIyOWE5LTA5MzQtNDEzMi1iNmNlLWQ0ZjcyM2Q1MDc2YSIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0yMlQxMzo0Mjo0OCswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmIwNGQ4NWRlLWY1YzUtNDg0ZS1hYTEzLTRiOTAyODAxNmJjOSIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0yMlQxNTowNToxMSswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uuTeZQAAAItJREFUKJGl0bENgzAURdHnTEFoIsEobMASWYKCHaJMkQaJFahpA1WKNGmY4VKAY4K+TBG7sORzLVm2Q/FxOvBI4FSpUyns6bgDMMUZOptvK4+koqDhap4eOCPxAaC2GYl+3agtRiLn/U08Pz0jIS682I6RNNxpWbbJD/sgJDsOgchoeZDsX8X9/ZszTG3yQb+WsjoAAAAASUVORK5CYII=)
    #232843 no-repeat 50%/10px 10px;
}
.dark .memo .contents {
  background: #1a1d27;
}
.dark .memo .pc-tab ul li label.active {
  background: #111621;
  color: #fff;
  border-bottom: none;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
.dark .memo .pc-tab ul li label {
  background: #1c1f2e;
  color: #8b97a2;
  border: none;
}
.dark .memo .pc-tab section > div,
.dark .memo .pc-tab ul li label.active:after {
  background: transparent;
}
.dark .memo .row_board .contentsRow p,
.dark .memo .row_board2 .contentsRow p {
  color: #8b97a2;
}
.dark .memo .row_board .contentsRow span,
.dark .memo pre,
.dark .row_board2 .contentsRow span {
  color: #fff;
}
.dark .memo .contents .rightBoard .row_board,
.dark .memo .rightBoard .contentsBox {
  border-bottom: 2px solid #515355;
}
.dark .memo .board_table thead tr td {
  background: #111621;
  color: #8b97a2;
}
.dark .memo .board_table tr td,
.dark .memo .board_table tr td a {
  color: #fff;
  text-decoration: none;
}
.dark .memo .buttonArea .btn-lg {
  background: #fff;
  color: #111621;
}
.dark .memo .board_table tr td {
  border-bottom: 1px solid #515355;
}
.dark .m_memo .pc-tab ul li label {
  background: #1c1f2e;
  border: none;
  font-size: 12px;
  color: #8b97a2;
}
.dark .m_memo .pc-tab ul li label.active {
  border: 1px solid #fff;
  border-bottom: none;
}
.dark .m_memo .pc-tab ul li label.active:after {
  background: transparent;
}
.dark .list_wrap .row .subject .b-title {
  color: #fff;
}
.dark .list_wrap .row .subject .desc .writer span {
  color: #8f8f8f;
}
.dark #Content .form-control {
  background: #212433;
  border: none;
  border-radius: 4px;
  color: #fff;
}
.dark .row_board .contentsRow .h-title {
  color: #fff;
}
.dark .icon-question {
  content: url(/static/img/icon_question_dark.4dbc322d.svg);
}
.dark .textWarning {
  color: #515355;
}
.dark .m_helpdesk .fileUploadList .file-listing {
  color: #fff;
}
.dark .m_helpdesk .fileUploadList {
  border: none;
  background: #212433;
}
.dark .buttonArea .btn-confirm {
  background: #fff !important;
  color: #222 !important;
}
.dark .m_subPage .buttonArea .btn {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.dark .m_helpdesk.m_subPage .list_wrap .row {
  border-bottom: 1px solid #515355;
}
.dark .m_helpdesk .list_wrap .row ul li.board-title {
  color: #fff;
}
.dark .replyBox,
.dark .row_board {
  border-bottom: 1px solid #515355;
}
.dark .replyBox {
  border-top: 1px solid #515355;
}
.dark .replyBox div p {
  color: #8b97a2;
}
.dark .replyBox .answer,
.dark .replyBox .answer pre {
  color: #fff;
}
.dark .list_wrap .row.notice {
  background: #272f5d;
  color: #fff;
  border-bottom: none;
}
.dark .list_wrap .categoryNotice,
.dark .list_wrap .row ul li.board-title .text,
.dark .list_wrap .row ul li.notice-category,
.dark .list_wrap .row.notice a {
  color: #fff;
}
.dark .list_wrap .row {
  border-bottom: 1px solid #515355;
}
.dark .contentsBox table tbody td {
  color: #fff;
}
.dark .btn.dark-text {
  color: #8f8f8f;
}
.dark .checks input[type="radio"]:checked + label:after {
  background: #fff;
}
.dark .checks input[type="radio"]:checked + label:before {
  background: transparent;
  border: 1px solid #fff;
}
.dark .contentsBox p {
  color: #707070;
}
.dark .checks input[type="radio"] + label {
  color: #fff;
}
.dark .checks input[type="radio"] + label:before {
  background: transparent;
}
.dark .search .date {
  margin-right: 50px;
}
.dark .contentsBox table th,
.dark .contentsBox thead td {
  background: #232843;
}
.dark .contentsBox thead td {
  color: #8b97a2;
}
.dark .m_tradeHistory select option {
  background: #111621;
  border: none;
}
.dark .m_bank .contentsBox.gray {
  background: #212433;
}
.dark .m_bank .row_board3 .contentsRow .head_title {
  color: #6db1e3;
}
.dark .m_bank .contentsBox .stepTitle,
.dark .m_bank .contentsBox .stepTitle2 {
  color: #8995a0;
}
.dark .m_bank .contentsBox .stepContents p,
.dark .m_bank .contentsBox .stepContents2 p,
.dark .money .contentsBox .stepContents2 p {
  color: #eaeaeb;
}
.dark .m_bank .contentsBox .accountInfo {
  color: #fff;
}
.dark .m_bank .btn-money {
  border-radius: 4px;
  background: #7a809f;
  color: #fff;
}
.dark .contentsBox table th,
.dark .contentsBox thead td {
  color: #8b97a2;
}
.dark .contentsBox table td .amount {
  color: #fff;
}
.dark .contentsBox table td .refusal {
  border: 1px solid #d24f45;
  border-radius: 20px;
  color: #d24f45;
}
.dark .m_bank .contentsBox {
  overflow: hidden;
}
.dark .m_login .head_logo img {
  content: url(data:image/png;base64,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);
}
.dark #login_id,
.dark #login_pw {
  color: #fff;
  background: #212433;
  border: none;
  border-radius: 8px;
}
.dark #loginBtn {
  background: #fff;
  color: #111621;
  border-radius: 8px;
}
.dark .join_area .inner_join,
.dark .ubtn label {
  color: #8b97a2;
}
.dark .m_login #Content input[type="checkbox"] {
  margin-right: 10px;
  height: 26px;
}
.dark .m_login #Content .autoLogin {
  color: #707070;
  margin-left: 5px;
  font-size: 14px;
  line-height: 27px;
}
.dark .m_login #Content label img {
  width: 24px;
  height: 24px;
}
.dark .m_login #Content input[type="checkbox"] {
  display: none;
}
.dark .m_login #Content input[type="checkbox"] + label {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 30px;
  background: transparent;
}
.dark .m_login #Content input[id="checkbox2"]:checked + label img {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAUVBMVEVHcEz///////////////////////////////////////////////////////8aHSfw8PFwcnhFR0/Y2Np9f4UnKjOoqa2TlJm8vcA1OEFhY2qQW+I6AAAADnRSTlMA6j+/ChbV9oZso7ghWPzcsE4AAAGfSURBVFjD7ZfZkoMgEEWjIIsL4pJl8v8fOpmARk1Dg1I1L96nFFWe0Nymu7lcTp069f+iuSgJ45yRUuR0L6WWFVcL8UoWOzCFWFEsS8SiKIQxqKgIa6acYnU4J+fKoywP5UjlF2/ScF6Sx+OyewqIrs5UgDL0xClTQWJYFggEoLX9IZB8Rg6oa9vRBkePbOjFmUniwIbu7VuDca7YnUI3w2kDkqnycYar4djQVOXx3heZtpx+8o27QY2P0xvOj56X8l2edYZzHT5Lbt9KIPGsRnvQj8Va6QSRGfP6/04Dht2XcOIEsVUc/Yc0WE63vm9O0GSa3nw2Gd9vikkoaCIBhpnrhoc2rkjPb8OQ0MjW7DcJMgw57FIBJNAwxH7xnYDtEzQMScgGuBItaNhbTdilXZF6DbQSGlhGFqQvw5AysilsH9IjtksWcOm4gfWgiCj+htSBHH8/ops++1cG7nCvpZEThNY75wgS1rIJPjuGDRFForGmTjRohY5syJ64DB5GszTDKDIex83s0rGpTMY+SRI9IRI+ahI+s06dOpVQv/RhZA+WVznpAAAAAElFTkSuQmCC);
  width: 24px;
  height: 24px;
}
.dark .m_login #Content input[id="checkbox2"]:checked + label:after {
  display: none;
}
#header,
.dark .m_signup .agree input[type="checkbox"] + label a {
  color: #fff;
}
#header {
  background: #232843;
  position: fixed;
  width: 100%;
  z-index: 99;
  padding-top: 12px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.header-inner {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.header .point-box .point .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.header .point-box .point.w .icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAAIVBMVEVHcEz///////////////////////////////////////+PBM77AAAAC3RSTlMAgG0oMhwMRnheUNV0NFMAAAGnSURBVDjLfVQ9T8NADLUKSYEJp0mqMOXEH2hhYWwkkBhTiTInA4gxHdkqFSFgIhOMZUP8Ss733Ta5N1zdvtPVfn42gMHdM8Po6wb2EfyixEe5Sx0y1IhmvRQnJy4VtugiqxzuCrexttQQd9EY7mePO9PUCe5jo7hlBzeW1AF2Qdbx1Mm9Cq7t5DIhCWLvo4MeLudc0cPFnGM9XMT7pqJL5h6EUosygiliAnMVSWmOZJBAjbiib6d0gbDSQUz5buiVXGeX6CCjRk1Iv0aLESuhz4WsFYSi5gslt7zE7RMKmVp+QUmVqfLIWoyqLSIjYwTy7ZdFCcsUHqEeQ7C4lT+ClW+awzUMRlZgw6VQN/AHw5QK3eLWi3sYlPAGQQ4P5k2by5BrW0Lj5NKaRoa8/AYqsDWY2kWbc/Gpay8cD8x5RtZ2sdZa2LygZpsBSHSPhD8YNduUt7KGT0lormZtbR/ocCTSm+mukyeMl8ZwzM9PMx2R48GoorSSkDkeNP/9Ls5v17s+z/tmxTtjvtn0zbR3F/h2iHf3+HaWd9fBQf+O9O5W707u2uX/gRhw4yDFdu8AAAAASUVORK5CYII=)
    no-repeat 50%;
  background-size: cover;
}
.header .point-box .point.p {
  margin-left: 24px;
}
.header .point-box .point.p .icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACnRSTlMAgGFzRBRQMyAomIzTvwAAAUBJREFUOMt9lL1Ow0AQhFcEAi737DiUcYSo7QIkOkyBUl6gCKURLwBI9FCAoEPihTnusHfvb6eK8knW7ezsAEzaXXWoTl4g1tEDOp2/huiww1HlYxYZ+M3RQYNcSjP2g74uCO1jqMuJ3UesHtEcYw3/rE+wyqECU3Jz3CbZmWVNkilrCWL2o7MMaw17yrClYZPLayNmeWn2Nv4+tg/7IKjJlJWb9oZZMwsYrauFLbHn9ekG4G38Y0HPXFlfB9ijh/Y+W9Iya3LMsZp8UjSeY4qGUoA+q1hAQtayFASs1jSUx+4+371g8bcEwVJ8BnsyDWM9/+bXdcejFnjmLXebZQu+oz4MzDzLBrIvYpqyFLKSZbDadVEGpewWQualWxFvTLpN6abFLpA6ROweqbPEroMi35Fit/JO1onG/uvyknf5L6W8ZqGg+joCAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: cover;
}
.dark .header .point-box .themeMode {
  background: #f7a408;
}
.header .point-box .themeMode .circle {
  border-radius: 100%;
  background: #fff;
  display: block;
  width: 14px;
  height: 14px;
}
.dark .designBox {
  background-color: #111621;
  box-shadow: 0 0 8px 0 #000;
}
.dark .body-box .title-box .title {
  color: #fff;
}
.dark .table-box .table-head {
  color: #9d9d9d;
  background: #232843;
}
.dark .table-box .table-body {
  border-bottom: 1px solid #323438;
}
.dark .table-box .table-item {
  color: #fff;
}
.dark .scroll-wrap::-webkit-scrollbar-thumb {
  background: #323438;
}
.dark .scroll-wrap::-webkit-scrollbar-track {
  background-color: transparent;
}
.dark .designBox.trade-view .info-box {
  border-bottom: 1px solid #323438;
}
.dark .MTEST.trade .trade-view .graph {
  border-bottom: none;
}
.dark .MTEST .chart_module {
  border: none;
}
.dark .designBox.trade-view .info-box .price-box .price {
  color: #9d9d9d;
}
.dark .designBox.trade-view .info-box .price-box .price.up {
  color: #fa655f;
}
.dark .designBox.trade-view .info-box .price-box .price.down {
  color: #5399f0;
}
.dark .designBox.trade-view .info-box .price-box .per,
.dark .designBox.trade-view .info-box .price-box .price span {
  color: #9d9d9d;
}
.dark .designBox.trade-view .info-box .price-box .per.up {
  color: #fa655f;
}
.dark .designBox.trade-view .info-box .price-box .per.up span {
  color: #fa655f !important;
}
.dark .designBox.trade-view .info-box .price-box .per.down {
  color: #5399f0;
}
.dark .designBox.trade-view .info-box .price-box .per.down span {
  color: #5399f0 !important;
}
.dark .designBox.trade-view .info-box .etc-box .text {
  color: #6d7176;
}
.dark .designBox.trade-view .info-box .etc-box .etcAmount .value,
.dark .designBox.trade-view .info-box .marketTime .text.time {
  color: #fff;
}
.dark .designBox.trade-view .info-box .etc-box .etcPrice.up .value {
  color: #fa655f;
}
.dark .designBox.trade-view .info-box .etc-box .etcPrice.down .value {
  color: #5399f0;
}
.dark .designBox.trade-view .spin-box {
  background: #07090d;
}
.dark .designBox.trade-view .spin-box .text {
  color: #3a81b7;
}
.dark .designBox.trade-view .spin-box .text span {
  color: #fff;
}
.dark .timer-box .trade-info .gray-box {
  background: #07090d;
}
.dark .timer-box .trade-info .betting-state {
  background: #111621;
}
.dark .timer-box .trade-info .betting-state .timer .line-box:before {
  border: 1px solid #6d7176;
}
.dark .timer-box .trade-info .betting-state .text {
  color: #6d7176;
}
.dark .timer-box .trade-info .betting-state .per .betting-compare {
  position: relative;
}
.dark
  .timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .state-name-1 {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 10px;
  color: #d24f45;
  transition: left 0.8s;
}
.dark
  .timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .state-name-2 {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 10px;
  color: #1261c4;
  transition: left 0.8s;
}
.dark
  .timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-state {
  position: relative;
  top: -12px;
  left: -19px;
  background: url(/static/img/betting_state.c6ff7795.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 45px;
  height: 45px;
  transition: left 0.8s;
}
.dark .timer-box .trade-info .betting-state .per .betting-compare .compare-bar {
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
.dark
  .timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-bar-away {
  height: 18px;
  background-color: #d24f45;
  margin-top: 20px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: left;
  padding-left: 7px;
  border-radius: 15px;
}
.dark
  .timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-bar-away
  span {
  position: absolute;
  left: 6px;
  top: 22px;
}
.dark
  .timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-bar-home {
  position: absolute;
  right: 0;
  top: 20px;
  height: 18px;
  background-color: #1261c4;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-align: right;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 50%;
  transition: all 0.8s;
}
.dark
  .timer-box
  .trade-info
  .betting-state
  .per
  .betting-compare
  .compare-bar-home
  span {
  padding-right: 7px;
  position: absolute;
  right: 0;
  top: 2px;
}
.dark .timer-box .trade-info .betting-state .timer > div .time {
  color: #fff;
}
.dark .trade .main .wrap .trade-info .trade-table.new {
  background: #111621;
  box-shadow: none;
}
.dark
  .trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .input-box
  .name {
  color: #6d7176;
}
.dark
  .trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .input-box.all
  input {
  background: #212433;
  color: #fff;
  box-shadow: none;
}
.dark .trade .main .wrap .trade-info .trade-table.new .btn-box button.reset,
.dark .trade .score-board .wrap .board {
  background: transparent;
}
.dark .trade .score-board .wrap .board > table tbody td > div .result {
  background: #111621 !important;
  color: #fff !important;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.6);
}
.dark .trade .score-board .wrap .board > table tbody td {
  border: 1px solid #323438;
}
.dark .stock-list-box .title-box {
  background: #232843;
}
.dark .stock-list-box .title-box .title {
  color: #fff;
}
.dark .stock-list-box .search-box {
  background: #4b506c;
}
.dark .stock-list-box .search-box .search-input {
  background: transparent;
  border: none;
  color: #fff;
}
.dark .stock-list-box .search-box .search-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
.dark .stock-list-box .search-box .search-input::placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
.dark .stock-list-box .table-head {
  background: #07090d;
  color: #6d7176;
}
.dark .stock-list-box .table-head .table-item {
  color: #6d7176;
}
.dark .stock-list-box .table-body .table-item.name {
  color: #fff;
}
.dark .stock-list-box .table-body .table-item.name span {
  color: #515355;
}
.dark .stock-list-box .table-body .table-item.money {
  color: #fff;
}
.dark .stock-list-box .table-body .table-item.money span {
  color: #515355;
}
.dark .stock-list-box .table-item.red {
  color: #fa655f !important;
}
.dark .stock-list-box .table-item.blue {
  color: #5399f0 !important;
}
.dark .stock-list-box .tabBox .tab-item {
  color: #fff;
}
.dark .stock-list-box .tabBox .tab-item.on {
  border-bottom: 3px solid #fff;
}
.dark .leftMenu.designBox {
  background: #232843;
}
.dark .leftMenu .text {
  color: #5c617c;
  background: #232843;
}
.dark .leftMenu .text.on {
  background: #fff;
  color: #232843;
  font-weight: 700;
}
.dark .subPage .title-box {
  background: #232843;
  color: #fff;
}
.dark .table-box .table-head .table-item {
  color: #8b97a2;
}
.dark .table-box .table-body .table-item {
  color: #fff;
}
.dark .subPage .fullBoard.designBox {
  background: #111621;
  box-shadow: 0 0 8px 0 #000;
}
.dark .bank .rightBoard.designBox .table-body .table-item.num {
  color: #8b97a2;
}
.dark .bank .rightBoard.designBox .table-body {
  border-bottom: 1px solid #fa655f;
}
.dark .bank .rightBoard.designBox .table-item .text.red {
  color: #d24f45;
}
.dark .bank .rightBoard.designBox .table-item .text.blue {
  color: #1789de;
}
.dark .bank .rightBoard.designBox .table-item .text.navy {
  color: #15324e;
}
.dark .bank .rightBoard.designBox .table-body .table-item.date .text {
  color: #6d7176;
}
.dark .bank .rightBoard.designBox .table-body .table-item.status .text {
  border: 1px solid #000;
}
.dark .bank .rightBoard.designBox .table-body .table-item.status .text.yellow {
  color: #f80;
  border: 2px solid #f80;
}
.dark .bank .rightBoard.designBox .table-body .table-item.status .text.red {
  color: #d14e45;
  border: 2px solid #d14e45;
}
.dark .bank .rightBoard.designBox .table-body .table-item.status .text.blue {
  color: #1789de;
  border: 2px solid #1789de;
}
.dark .trade-list-box .table-box .table-item .colorYellow {
  color: #f80;
}
.dark .trade-list-box .table-box .table-item .colorRed {
  color: #fa655f;
}
.dark .trade-list-box .table-box .table-item .colorBlue {
  color: #5399f0;
}
.dark .trade-list-box .btn-box .btn.more {
  color: #6d7176;
}
.dark .trade-list-box .btn-box .btn.all {
  color: #fff;
  background: transparent;
  border: 1px solid #818181;
}
.dark .trade-list-box .btn-box .btn.ing {
  color: #fe961f;
  background: transparent;
  border: 1px solid #fe961f;
}
.dark .trade-list-box .btn-box .btn.suc {
  color: #5399f0;
  background: transparent;
  border: 1px solid #5399f0;
}
.dark .trade-list-box .btn-box .btn.fail {
  color: #d24f45;
  background: transparent;
  border: 1px solid #d24f45;
}
.dark .trade-list-box .btn-box .btn.all.select {
  box-shadow: 0 0 0 0.2rem #fff;
}
.dark .trade-list-box .btn-box .btn.ing.select {
  box-shadow: 0 0 0 0.2rem #fe961f;
}
.dark .trade-list-box .btn-box .btn.suc.select {
  box-shadow: 0 0 0 0.2rem #5399f0;
}
.dark .trade-list-box .btn-box .btn.fail.select {
  box-shadow: 0 0 0 0.2rem #d24f45;
}
.dark .chart_module {
  border: none;
}
.dark .chart_module svg .highcharts-plot-background,
.dark .chart_module svg .highcharts-plot-border {
  background: transparent;
  fill: #111621;
}
.dark .chart_module svg .highcharts-grid-line {
  background: transparent;
  fill: #111621;
  border: none;
}
.dark .chart_module svg .highcharts-grid.highcharts-xaxis-grid,
.dark .chart_module svg .highcharts-grid.highcharts-yaxis-grid {
  display: none;
}
.dark .lx-toast {
  background: hsla(0, 0%, 100%, 0.9);
  color: #222;
  font-weight: 700;
}
.dark .app-popup-inner {
  background: #232843;
}
.dark .app-popup-inner .message,
.dark .app-popup-inner .title {
  color: #fff;
}
.dark .app-popup-inner .btn-box .cancel {
  border: 1px solid #0c5ca0;
  background: #dcdcdc;
  color: #000;
}
.dark .app-popup-inner .btn-box .ok {
  background: #0c5ca0;
}
.dark.tradeDetailPopup .content table thead tr td {
  background-color: #f0f0f0;
}
.dark.tradeDetailPopup .content table tbody tr td {
  border-bottom: 1px solid #d4d6dc;
}
.dark.tradeDetailPopup .content table .board_co_date {
  color: #fff;
}
.dark.tradeDetailPopup .content .footer .close-btn {
  background: #0c5ca0;
  color: #fff;
}
.dark.m_tradeDetailPopup {
  background: #111621;
}
.dark.m_tradeDetailPopup .title h2 {
  color: #fff;
}
.dark.m_tradeDetailPopup .content table {
  border-top: 1px solid #515355;
  border-bottom: 1px solid #515355;
}
.dark.m_tradeDetailPopup .content table thead tr td {
  background: #232843;
  color: #8b97a2;
  border-bottom: 1px solid #515355;
}
.dark.m_tradeDetailPopup .content table tbody tr td {
  color: #fff;
  border-bottom: 1px solid #515355;
}
.dark.m_tradeDetailPopup .content .footer .close-btn {
  background: #fff;
  color: #222;
  border-radius: 8px;
}
.dark.contractPopup {
  background: #111621;
}
.dark.contractPopup .header {
  background-color: #232843;
}
.dark.contractPopup .content .content1 h1 {
  color: #fff;
}
.dark.contractPopup .content .content1 p {
  color: #707070;
}
.dark.contractPopup .content .content2#zoom {
  background: #262b36;
}
.dark.contractPopup .content .content2#zoom .top .flex-center-between {
  align-items: start;
}
.dark.contractPopup .content .content2#zoom .flex-center-between .name {
  color: #fff;
}
.dark.contractPopup .content .content2#zoom .right {
  text-align: right;
}
.dark.contractPopup .content .content2#zoom .right p.value {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
}
.dark.contractPopup .content .content2#zoom .right p.sub-value {
  color: #707070;
}
.dark.contractPopup .content .content2#zoom .right span {
  padding: 0 6.5px;
}
.dark.contractPopup .content .content2#zoom .right span.pr0 {
  padding-right: 0;
}
.dark.contractPopup .content .content2#zoom .right span.bdr {
  border-right: 1px solid #b1b1b1;
}
.dark.contractPopup .content .content2#zoom .btm {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #8f8f8f;
}
.dark.contractPopup .content .content2#zoom .test,
.dark.contractPopup .content .content4 > div:first-child > span,
.dark.contractPopup .content .content4 > div:first-child > span:last-child {
  color: #fff;
}
.dark.tradeDetailPopup {
  background: #111621;
}
.dark.tradeDetailPopup .title {
  color: #fff;
}
.dark.tradeDetailPopup .content table thead tr td {
  background: #232843;
  color: #86878c;
}
.dark.tradeDetailPopup .content table tbody tr td {
  color: #fff;
}
.dark.tradeDetailPopup .content table {
  border-top: 1px solid #5c617c;
  border-bottom: 1px solid #5c617c;
}
.dark.m_contractPopup {
  background: #111621;
}
.dark.m_contractPopup .header {
  background: #232843;
}
.dark.m_contractPopup .content {
  background: #111621;
}
.dark.m_contractPopup .content .content1 h1 {
  color: #fff;
}
.dark.m_contractPopup .content .content2 {
  background: #262b36;
}
.dark.m_contractPopup .content .content2#zoom .flex-center-between .name {
  color: #fff;
}
.dark.m_contractPopup .content .content2#zoom .right {
  text-align: right;
}
.dark.m_contractPopup .content .content2#zoom .right p.value {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
}
.dark.m_contractPopup .content .content2#zoom .right p.sub-value {
  color: #707070;
}
.dark.m_contractPopup .content .content2#zoom .right span {
  padding: 0 6.5px;
}
.dark.m_contractPopup .content .content2#zoom .right span.pr0 {
  padding-right: 0;
}
.dark.m_contractPopup .content .content2#zoom .right span.bdr {
  border-right: 1px solid #b1b1b1;
}
.dark.m_contractPopup .content .content2#zoom .btm {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #8f8f8f;
}
.dark.m_contractPopup .content .content2#zoom .test,
.dark.m_contractPopup .content .content4 > div:first-child > span,
.dark.m_contractPopup .content .content4 > div:first-child > span:last-child {
  color: #fff;
}
.dark .signup {
  background-color: #eee;
}
.dark .signup .main {
  background: #101117;
}
.dark .signup .rightBoard h2 {
  color: #2b2b2b;
  border-bottom: 2px solid #888;
}
.dark .signup .rightBoard h4 {
  color: #1789de;
}
.dark .signup .rightBoard .row_money {
  background-color: #f0f0f0;
}
.dark .signup .rightBoard .row_member {
  border-top: 1px solid #323438;
  border-bottom: 2px solid #323438;
}
.dark .signup .row_member .contentsRow {
  border-bottom: 1px solid #323438;
  color: #8b97a2;
}
.dark .signup .row_member .contentsRow p {
  background-color: #212433;
}
.dark .signup .row_money .step {
  color: #232843;
}
.dark .signup input.date,
.dark .signup input.member,
.dark .signup input.member2 {
  background: #212433;
  color: #fff;
  border: 1px solid #323438;
}
.dark .signup input.disabled {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: #fff;
}
.dark .signup input:disabled {
  color: #fff;
  opacity: 0.6;
}
.dark .signup .btn {
  background-image: none;
  border: 1px solid transparent;
  background-color: #707070;
  color: #fefefe;
}
.dark .signup .btn-confirm {
  background-color: #5c617c;
  border-radius: 4px;
}
.dark .signup .btn-confirm.ok {
  background: #fff;
  color: #111621;
  font-weight: 700;
  font-size: 21px;
  display: flex;
  align-items: center;
  max-width: 160px;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
}
.dark .signup .btn-confirm:hover {
  color: #fff;
}
.dark .signup .btn-cancel {
  background-color: #707070;
}
.dark .signup .btn-lg:hover {
  color: #111621;
}
.dark .signup .contentsRow select {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #323438;
  padding: 0 0 0 10px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  width: 320px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAANhJREFUSEtjZKAxYKSx+QyjFhAM4dEgIj+ILl+93cDDxTJBUVHxAz5T7t+/L/Dtx798bU3lRmzqsMYByHBGRsZ6hv//L3BzsTjisgRk+Ndvf/YzMDIa/P//v1FXW7UB3RKsFkA1HmBgZNTHZQmy4Qz//1/k5mJxwOYQnKkInyXEGg7yDd5kis0SkCZYsOBzOSyoCOYDdEvAGhkZDYgxnKAPYK5AsQQkiCfMiYpkbMkNbgkDAwOuCCU6meJK9yBLQHKE8gayfoJxQDCrElAwagHBEBwNIoJBBADf1oIZjmNULAAAAABJRU5ErkJggg==)
    no-repeat;
  -webkit-appearance: none;
  background-position: calc(100% - 15px);
  color: #fff;
}
.dark .signup .contentsRow select option {
  background: #212433;
}
.dark .signup .searchArea select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}
.dark .signup .contentsRow select.emailSelect {
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #323438;
  padding: 10px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  width: 165px;
}
.dark .signup .moneyArea table {
  border-top: 2px solid #1789de;
  border-bottom: none !important;
}
.dark .signup .moneyArea .list_head {
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  height: 50px;
  border-bottom: 2px solid #333;
  padding: 0 5px;
  margin: 30px 0;
  color: #2b2b2b;
  box-sizing: border-box;
  font-weight: 300;
  border-collapse: collapse;
  border-spacing: 0;
}
.dark .signup .moneyArea .list_head thead tr td {
  background-color: #f0f0f0;
  line-height: 50px;
}
.dark .signup .moneyArea .list_head.history .title {
  font-size: 16px;
  font-weight: 300;
}
.dark .signup .moneyArea .list_head tbody tr td {
  padding: 11px;
  font-weight: 400;
  border-bottom: 1px solid #323438;
}
.dark .signup .board_co_number {
  color: #2b2b2b;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.dark .signup .board_co_date {
  color: #8f8f8f;
  font-size: 16px;
  letter-spacing: -1px;
}
.dark .signup .board_co_account {
  font-size: 18px;
  font-weight: 600;
}
.dark .signup .board_co_account.deposite {
  color: #1789de;
}
.dark .signup .board_co_account.withdraw {
  color: #d24f45;
}
.dark .signup .board_co_account .buying {
  color: #1789de;
}
.dark .signup .board_co_account .sell {
  color: #d24f45;
}
.dark .signup .board_co_status .realization {
  color: #1789de;
}
.dark .signup .board_co_status .disqualification {
  color: #d24f45;
}
.dark .signup .board_co_money {
  color: #2b2b2b;
  font-size: 18px;
  text-align: right;
  font-weight: 600;
  padding-right: 20px;
}
.dark .signup .board_co_status {
  font-size: 16px;
  color: #2b2b2b;
  text-align: center;
}
.dark .signup .board_co_status .ongoing {
  border-radius: 25px;
  color: #f80;
  border: 2px solid #f80;
}
.dark .signup .board_co_status .ongoing,
.dark .signup .board_co_status .refusal {
  background-color: #fff;
  padding: 5px;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
}
.dark .signup .board_co_status .refusal {
  border-radius: 25px;
  color: #d24f45;
  border: 2px solid #d24f45;
}
.dark .signup .board_co_status .done {
  background-color: #fff;
  padding: 5px;
  border-radius: 25px;
  color: #1789de;
  text-align: center;
  height: 34px;
  line-height: 1.5;
  width: 70px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #1789de;
}
.dark .signup .checks {
  position: relative;
}
.dark .signup .checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dark .signup .checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.dark .signup .checks input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fff;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.dark .signup .checks input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #1789de;
}
.dark .signup .checks input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #1789de;
  border-radius: 100%;
}
.dark .signup .tableDescription {
  margin: 20px 0 90px;
  color: #707070;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
.dark .signup .pagination {
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  text-align: center;
  display: block;
}
.dark .signup .pagination span,
.pagination a {
  background-color: #ebebeb;
  color: #8f8f8f;
  display: inline-block;
  padding: 11px 15px;
  margin: 0 1px;
  text-decoration: none;
  width: auto;
  border-radius: 5px;
  font-size: 18px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1.75;
  min-width: 50px;
}
.dark .signup .pagination .current {
  padding: 11px 15px;
  background-color: #5c617c;
  color: #fff;
}
.dark .signup .btn.deposite {
  background-color: #1789de;
}
.dark .signup .btn.withdraw {
  background-color: #d24f45;
}
.dark .signup .btn.reflash {
  background-color: #fff;
  color: #232843;
  border: 1px solid #232843;
}
.dark .signup .btn.view {
  background-color: #fff;
  color: #707070;
  border: 1px solid #707070;
}
.dark .signup .member_warning {
  font-size: 12px;
  color: #d24f45;
  line-height: 1.5;
  font-weight: 400;
}
.dark .signup .member_warning.pass {
  font-size: 12px;
  color: #2fac5f;
  line-height: 1.5;
  font-weight: 400;
}
.dark .signup .agree {
  position: relative;
}
.dark .signup .agree .all_agree {
  margin-bottom: 18px;
}
.dark .signup .agree ul li {
  position: relative;
  margin-bottom: 18px;
}
.dark .signup .agree input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.dark .signup .agree input[type="checkbox"] + label a {
  position: absolute;
  top: -3px;
  left: 30px;
  display: block;
  color: #5c617c;
  font-weight: 400;
  cursor: pointer;
}
.dark .tradeHistory .contents {
  background: #1a1d27;
}
.dark .tradeHistory .date input {
  position: relative;
  top: 2px;
  padding: 4px 10px 4px 0;
  width: 140px;
  height: 40px;
  background: #212433;
  color: #fff;
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  box-sizing: border-box;
  background-image: url(/static/img/icon_schedule_dark.b0cb1442.svg);
  background-position: 7px 7px;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  font-weight: 700;
}
.dark .tradeHistory .searchArea select {
  background: #212433;
  color: #8b97a2;
  border: none;
}
.dark .tradeHistory .checks input[type="radio"] + label {
  color: #fff;
}
.dark .tradeHistory .checks input[type="radio"]:checked + label:after {
  background: #fff;
}
.dark .tradeHistory .checks input[type="radio"] + label:before {
  background: transparent;
  border: 1px solid #9d9d9d;
}
.dark .tradeHistory .moneyArea .list_head thead tr td {
  background: #212433;
  color: #8b97a2;
}
.dark .tradeHistory .btn.refresh,
.dark .tradeHistory .btn.view {
  background: #1a1d27;
  border: 1px solid #707070;
}
.dark .tradeHistory .board_co_number {
  color: #8b97a2;
}
.dark .tradeHistory .board_co_account,
.dark .tradeHistory .board_co_date span,
.dark .tradeHistory .board_co_money,
.dark .tradeHistory .board_co_status {
  color: #fff;
}
.dark .trade .main .wrap .trade-view .graph {
  background: transparent;
}
.dark
  .trade
  .main
  .wrap
  .trade-info
  .trade-table.new
  .mid-box
  .btn-area
  button {
  border: 1px solid #8b97a2;
}