/*-------- css reset -------*/
* {margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,tr{margin:0; padding:0;}
img {border:0; vertical-align:middle;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
body {font-size:16px; font-family:"돋움",'Dotum','Helvetica Neue BD','Malgun Gothic', Sans-serif;}

fieldset {border: medium none;}
a {text-decoration:none; cursor:pointer;}
em {font-style: normal;} 
html {overflow-x:auto; overflow-y:auto; height:100vh;}
body {min-width:1740px; height:100vh;} 
button {cursor:pointer;}
 
input:focus,
select:focus{outline:none;}

/* font color */
.font-c-green {color:green !important;}
.font-c-red {color:red !important;}
.font-c-yellow {color:#fcd535 !important;}
.font-c-666 {color:#666666 !important;}
.font-c-999 {color:#999999 !important;}
.font-c-white {color:#fff !important;}
.font-600 { font-weight: 600 !important;}
/* Base Layout */
.page-layout {display: flex; flex-direction:column; justify-content:space-between; min-width:1800px; background:#ebebeb;}
.page-wrap {position: relative;}
.header {display:block; width:100%;}

/* Gnb */
.bar-gnb {display:block; background:#222;}
.area-gnb {position:relative; display:block; padding:26px 15px; width:1770px; height:48px; margin:0 auto;}
.area-gnb .logo {display:inline-block; float:left; width:8.375rem; height:2.125rem; background:url('../images/logo-user.png') 50% 50% no-repeat; cursor:pointer;}
.area-gnb .gnb-pc  {}
.area-gnb .gnb-pc .gnb {display:inline-block; float:left; margin-left:3.5rem;}
.area-gnb .gnb-pc .gnb li {position:relative; display:inline-block; float:left; padding:0.875rem 0 1rem; line-height:1.25rem; cursor:pointer;}
.area-gnb .gnb-pc .gnb .gnb-list {background:url('../images/dot-gnb-list.png') 50% 87% no-repeat;}
.area-gnb .gnb-pc .gnb li+li {margin-left:2rem;}
.area-gnb .gnb-pc .gnb li a {color:#fff; font-size:1rem;   font-weight:400;}
.area-gnb .gnb-pc .gnb li a:hover {color:#eea127;}
.area-gnb .gnb-pc .gnb li:hover > .gnb-sub-menu  {display:block;}

.area-gnb .gnb-pc .gnb .gnb-sub-menu {position:absolute; top:3.125rem; left:-75px; display:none; padding:16px 20px; width:140px; background:#fff; border-radius:20px; z-index:10; box-shadow:0 0 10px 0 #00000020;}
.area-gnb .gnb-pc .gnb .gnb-sub-menu li {display:block; padding:0; width:100%;}
.area-gnb .gnb-pc .gnb .gnb-sub-menu li+li {margin:0; border-top:1px solid #ebebeb;}
.area-gnb .gnb-pc .gnb .gnb-sub-menu a {display:block; width:100%; line-height:58px; text-align:center; color:#222222; font-size:1.125rem;  }

.area-gnb .gnb-pc .gnb li.btn-quick-chat {display:inline-block; padding-left:30px; background:url('../images/btn-quick-chat.png') -25px 50% no-repeat; border:none; cursor:pointer;}
.area-gnb .gnb-pc .gnb li.btn-quick-chat span {padding-left:6px; color:#eea127; font-size:1rem;   font-weight:400;}

/*
.bar-gnb-virtual {background:url('../images/bg-slide-virtual.png') 50% 50% / 804px repeat-x #222; animation:movebg 20s linear infinite;}
@keyframes movebg {
  0% {background-position:0 center;}
  100% {background-position:-804px center;}
} 
*/
 
.gnb-side-info {display:inline-block; float:right; margin-top:0.5rem;}

.gnb-side-login {display:inline-block; padding-right:1.25rem; line-height:1.25rem; border-right:1px solid #666; margin-right:1.25rem;}
.gnb-side-login button {color:#eea127; font-size: 1rem;   background:transparent; border:none; border-bottom:1px solid #eea127;}
.gnb-side-login button+button {color:#999; margin-left:1rem; border:none;}
.gnb-side-user {display:inline-block; padding-right:1.25rem; line-height:1.25rem;  border-right:1px solid #666; margin-right:1.25rem;}
.gnb-side-user span {display:inline-block; width:24px; height:24px; background:url('../images/icon-gnb-user.png') 50% 50% no-repeat; vertical-align:middle; margin-right:0.5rem;}
.gnb-side-user .gnb-user-nick {color:#fff; font-size:1rem;   margin-right:0.625rem; transform:skew(-0.1deg);}
.gnb-side-user .user-virtual {width:auto; color:#eea127; font-weight:bold; background:none; transform:skew(-0.1deg);}

.btn-gnb-logout {padding:0 0.5rem; line-height:1.5rem; font-size:0.875rem; color:#fff9f9;   background:#c14a4a; border-radius:0.313rem; border:none; transform:skew(-0.1deg);}

.set-brower-about {display:inline-block; margin-right:0.75rem; vertical-align:middle;}
.set-brower-about .btn-brower-light {display:inline-block; width:20px; height:20px; background:url('../images/btn-mode-light.png') 50% 50% no-repeat; border:none; cursor:pointer;}
.set-brower-about .btn-brower-dark {display:inline-block; width:20px; height:20px; background:url('../images/btn-mode-dark.png') 50% 50% no-repeat; border:none; cursor:pointer;}

.list-language {position:relative; display:inline-block;}
.list-language button {display:block; padding:0 40px 0 30px; height:1.5rem; line-height:1.5rem; color:#fff; font-size:0.875rem; font-family:'Malgun Gothic'; background:url('../images/icon-language.png') 2px 50% no-repeat, url('../images/icon-language-list-dark.png') right 50% no-repeat; border:none;}
.list-language ul {position:absolute; top:34px; left:0; width:100%; background:#111111; border-radius:0.313rem; z-index:10;}
.list-language li {display:block;padding:0 10%; width:80%; line-height:56px; text-align:center; font-family:'Malgun Gothic'; overflow:hidden; cursor:pointer;}
.list-language li+li {background-image:linear-gradient(to right, #494949 50%, rgba(255,255,255,0) 0%); background-position:top; background-size:3px 1px; background-repeat:repeat-x;}
.list-language li:hover {background-color:#1c1c1c;}
.list-language li span {display:inline-block; float:left; width:50%; text-align:center; color:#fff; font-size:0.875rem;}
.list-language li span:first-child {color:#eea127;}

/* Gnb info bar // mode change */
.bar-user-info {display:block; width:100%;}
.path-page-line {display:inline-block; float:left;}
.path-page-line li {display:inline-block; float:left;}
.path-page-line li:nth-child(2n) {width:24px; text-align:center; color:#222;}
.path-page-line a {color:#626262;   font-size:0.75rem; font-weight:bold;}
.path-page-line li:first-child a {color:#eea127;}

.bar-user-info .area-user-info {display:block; padding:10px 20px; width:1760px; height:26px; line-height:26px; color:#111; text-align:right; font-size:0.75rem; font-family:'Malgun gothic'; font-weight:300; margin:0 auto;}
.bar-user-info .user-info-area {display:inline-block; float:right; margin-left:1rem;}
.bar-user-info .area-user-info span {display:inline-block; line-height:26px;}
.bar-user-info .area-user-info span font {color:#eea127; font-weight:bold;}
.bar-user-info .area-user-info a.txt-befor-login {padding-bottom:0.125rem; color:#333; background:linear-gradient(to right, #333 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; margin-right:0.313rem;}
.bar-user-info .btns-user-info {display:inline-block; margin-left:0.5rem;}
.bar-user-info .btn-mypage {display:inline-block; float:left; width:74px; height:26px; line-height:26px; font-size:12px;   font-weight:bold; text-align:center; color:#fff; background:#eea127; border-radius:3px; margin-right:8px;}
.bar-user-info .btn-logout {display:inline-block; color:#777;   font-weight:500; text-decoration:underline;}

.btns-ctl-option {display:inline-block; overflow:hidden;}
.btns-ctl-option .set-sound {display:inline-block;}
.btns-ctl-option .set-sound label {display:inline-block;}
/*.btns-ctl-option .set-sound span {line-height:26px; vertical-align:top;}*/
.btns-ctl-option .set-sound span {display:inline-block; width:18px; height:26px; background:url('../images/icon-sound.png') 50% 50% no-repeat; }
.btns-ctl-option .set-sound .sound-on {display:inline-block; width:27px; height:26px; background:url('../images/btn-sound-on.png') 50% 50% no-repeat; border:0; cursor:pointer; margin-left:0.313rem; vertical-align:top; }
.btns-ctl-option .set-sound .sound-off {background:url('../images/btn-sound-off.png') 50% 50% no-repeat;}
/* contents */
.contents {position:relative; display:flex; flex-direction:column;}
.contents-case {display:flex; width:1800px; justify-content: space-between; flex-wrap:wrap; margin:0 auto;}
.contents-case+.contents-case {margin-top:21px;}

/* chart graph */
.ctn-graph {display: flex; flex-direction: column; justify-content:flex-start; padding:0.938rem; width:1130px; background:#fff; border-radius:7px;}
.title-graph {display:block; padding:0 0 0.5rem; width:100%;}
.title-graph .type-title {position:relative; display:inline-block; float:left; padding:0 33px 0.5rem 0; background:url('../images/icon-tab-list.png') right 48% no-repeat; cursor:pointer;}
.title-graph .logo-graph {display:inline-block; float:left; padding:0 12px 0 4px;}
.title-graph .txt-graph {display:inline-block; float:left;}
.title-graph .txt-graph .txt-graph-type {display:inline-block;}
.title-graph .txt-graph .txt-graph-percent {display:inline-block; padding-bottom:2px; width:5.625rem; line-height:25px; font-size: 1.315rem;   font-weight: bold; text-align:right; vertical-align:bottom;}
.title-graph .txt-graph .txt-graph-type p:first-child {font-size: 0.875rem;   font-weight: bold; color: #111;}
.title-graph .txt-graph .txt-graph-type p:nth-child(2) {font-size: 1.5rem;   font-weight: bold; margin-top:2px;}
.title-graph .txt-graph .m-numerical-change {display:none;}

.title-graph .num-numerical-change {display:inline-block; float:right; margin-top:5px;}
.title-graph .num-numerical-change ul {padding:0 0.875rem 0.5rem 0; overflow:hidden;}
.title-graph .num-numerical-change li {display:inline-block; float:left; color:#999; font-size:0.75rem;   font-weight:bolder;}
.title-graph .num-numerical-change li+li {margin-left:30px;}
.title-graph .num-numerical-change li p {padding:0 2px 3px; line-height:16px;}
.title-graph .num-numerical-change li p+p {padding:5px 2px 0; border-top:1px solid #ccc;}

.title-graph .m-tabs-graph {display:none;}

.box-graph {position:relative; display:block; width:1130px; height:576px; border-bottom:1px solid #cccccc; overflow:hidden;}
.box-graph .tradingview-widget-container .chart-toolbar,
.box-graph .tradingview-widget-container .chart-controls-bar
.toolbar-2yU8ifXU {display:none !important;}

.tabs-graph {position:absolute; top:3.325rem; left:-12px; display:none; width:340px; z-index:100;}
.tabs-graph .slider {width:100%;}
.tabs-graph .slick-prev,
.tabs-graph .slick-next {display:none !important;}

.tabs-graph ul {display:block; padding:0 12px 12px; width:316px; background:#fff; border-radius:25px; box-shadow:0 0 10px 0 #00000020; overflow:hidden;}
.tabs-graph li {display:block; width:100%; line-height:92px; cursor:pointer; overflow:hidden;}
.tabs-graph li+li {border-top:1px dotted #ccc;}
.tabs-graph li div {display:inline-block; float:left; height:92px; vertical-align:top;}
.tabs-graph li div:first-child .tabs-icon,
.tabs-graph li div:first-child .title-graph-type {display:inline-block;}
.tabs-graph li div:first-child span.tabs-icon {padding-left:1.875rem; vertical-align:top;}
.tabs-graph li div:first-child .title-graph-type span {display:block; padding-left:1rem; line-height:100%;   color:#737373; font-size:1.125rem; font-weight:bold;}
.tabs-graph li div:first-child .title-graph-type span:first-child {padding-top:1.875rem;}
.tabs-graph li div:first-child .title-graph-type span+span {font-size:0.75rem; margin-top:0.125rem;}

.tabs-graph li div+div {float:right; padding-right:1rem; font-size:1.5rem;   font-weight:bold;}

.tabs-graph li .sub-graph-green {color:#26a69a !important;}
.tabs-graph li .sub-graph-red {color:#ef5350 !important;}
.tabs-graph li p:last-child {display:none;}


/* hoga area */
.list-price {padding:0.875rem 0.938rem; width:300px; background:#fff; border-radius:7px;}
.title-list-price {display:block; width:100%; height:1.5rem;}
.title-list-price span {display:inline-block; padding:0.125rem 0.875rem 0.225rem; line-height:1.124rem;   color:#999; font-size:1rem; font-weight:bold; border-bottom:1px solid #cccccc;}
.t-price-list {width:100%}
.t-price-list th {height:2.25rem;   color: #999; font-size: 0.75rem;}

.t-price-area {border:none;}
.t-price-area::-webkit-scrollbar{width:0.313rem;}
.t-price-area::-webkit-scrollbar-track {background-color:#f8f8f8;}
.t-price-area::-webkit-scrollbar-thumb {background-color:#ccc;}

.t-price-area table {padding:0.313rem 0; width:100%; font-size:0.775rem;   background:#f4f4f4; border-radius:3px; overflow:hidden;}
.t-price-area td {height:1.625rem; color:#fff; text-align:center; overflow:hidden;}
.t-price-area td.blink {background-color:transparent !important;}

.t-price-up {border-spacing:5px 3px;}
.t-price-up td:first-child {color:#26a69a;}
.t-price-up td:nth-child(2) {padding-right:5%; color:#666; font-weight:bold; text-align:right; background-color:#ffc7c7;}
.t-price-up .hoga-graph-up {position:relative; font-weight:bold; color:#666; cursor:pointer;}
.t-price-up .hoga-graph-up span {position:absolute; left:0; top:0; padding-right:14%; width:86%; height:1.5rem; line-height:1.5rem; text-align:right;}
.t-price-up .hoga-graph-up .hoga-guage {background-color:#f6e0e0; transition:all 0.3s linear 0s;}

.t-price-down {border-spacing:5px 3px;}
.t-price-down td:first-child {color:#ef5350;}
.t-price-down td:nth-child(2) {padding-right:5%; color:#666; font-weight:bold; background-color:#d3f4e8; text-align:right;}
.t-price-down .hoga-graph-down {position:relative; font-weight:bold; color:#666; cursor:pointer;}
.t-price-down .hoga-graph-down span {position:absolute; left:0; top:0; padding-right:14%; width:86%; height:1.5rem; line-height:1.5rem; text-align:right;}
.t-price-down .hoga-graph-down .hoga-guage {background-color:#d7e7e6; transition:all 0.3s linear 0s;}

.hoga-center-line {padding:0 0.5rem; line-height:2.5rem; font-size:1rem;   font-weight:bold; color:#777777;}
.hoga-center-line .hoga-line-text {float:right;}

.line-price-result {width:100%; padding-top:0.5rem; font-size:0.875rem;   font-weight:bold;}
.line-price-result div {position:relative; display:block; width:100%; height:1.5rem; line-height:1.5rem;}
.line-price-result .price-result-sell {position:absolute; right:0; padding-right:2%; color:#fff; text-align:right; background:#ef5350; background: url(../images/guage-red.png) left bottom no-repeat;}
.line-price-result .price-result-buy {position:absolute; padding-left:2%; color:#fff; background:#26a69a; background: url(../images/guage-green.png) right top no-repeat;}
.line-price-result p {line-height:1.125rem;}
.line-price-result p .price-result-type {display:inline-block; text-align:center; font-size:0.75rem;   font-weight:bolder;}
.line-price-result p span:last-child {float:right;}

/* order */
.ctn-order {display:flex; padding:0.938rem; width:270px; justify-content:space-between; background:#fff; border-radius:7px;}
.box-write-order {width:100%;}
.title-write-order {position:relative; display:block; width:100%;}
.title-write-order p:first-child {color:#999;   font-size:1.125rem; font-weight:bold; }
.title-write-order p:nth-child(2) {padding:0.15rem 0 0.625rem;}
.title-write-order p:nth-child(2) span:first-child {color:#323232;   font-weight:bold; font-size:1.5rem;}
.title-write-order p:nth-child(2) span:nth-child(2) {color:#999;   font-size:1.125rem; font-weight:bold;}

.t-order-write {width:100%;}
.order-chick-type {display:block; overflow:hidden;}
.order-chick-type button {display:inline-block; float:left; width:50%; height:2.5rem; line-height:2.5rem; color:#fff;   font-size:1.125rem; font-weight:bold; background:#dddddd; border:none; border-radius:3px 0 0 3px;}
.order-chick-type button+button {border-radius:0 3px 3px 0;}
.order-chick-type button:hover,
.order-chick-type button.order-checked {background:#eea127;}

.line-order-mun {display:block; padding:0.563rem 5%; width:90%; line-height:1.375rem; background:#f6f4f0; margin-top:0.625rem; border-radius:3px;}
.line-order-mun span {display:inline-block; line-height:1.375rem;   color:#333; font-size:0.875rem; font-weight:bold; transform:skew(-0.1deg);}
.line-order-mun input {float:right; padding:0 0.5rem; height:1.375rem; text-align:right; color:#333; font-size:0.875rem;   background-color:transparent; border:1px solid transparent; border-radius:3px; cursor:pointer;}
.line-order-mun input:hover {background:#fff;}
.line-order-mun input:focus {background:#fff; border-bottom:1px solid #ccc;}

.line-order-limit {display:block; padding:0.625rem 0; overflow:hidden;}
.line-order-limit div {display:inline-block; float:left; width:49.5%; text-align:center;   color:#666; font-size:0.75rem; font-weight:bold;}
.line-order-limit div+div {float:right; border-left:1px solid #d1d1d1;}
.line-order-limit div p {line-height:1rem;}

.line-order-rvg {position:relative;}
.line-order-rvg .line-rvg-num {display:block; padding:0.563rem 5%; width:90%; line-height:1.375rem; background:#f6f4f0; border-radius:3px; overflow:hidden;}
.line-order-rvg .line-rvg-num div {display:inline-block; float:left; width:65%;}
.line-order-rvg .line-rvg-num div+div {display:inline-block; padding-left:4%; float:right; width:18%; text-align:right; border-left:1px solid #e3dccd;}
.line-order-rvg .line-rvg-num span {display:inline-block; float:left; line-height:1.5rem;   color:#333; font-size:0.875rem; font-weight:bold; transform:skew(-0.1deg);}
.line-order-rvg .line-rvg-num input {display:inline-block; float:right; padding-right:0.5rem; width:3.313rem; height:1.375rem; text-align:right; color:#333; font-size:0.875rem;   background-color:transparent; border:1px solid transparent; cursor:pointer;}
.line-order-rvg .line-rvg-num input:hover {background:#fff;}
.line-order-rvg .line-rvg-num input:focus {background:#fff; border-bottom:1px solid #ccc;}

.line-order-rvg .icon-question {display:inline-block; float:left; width:14px; height:1.5rem; background:url('../images/icon-question.png') 50% 50% no-repeat; background-size:contain; margin-left:0.313rem;}
.line-order-rvg .icon-question .tooltip {position:absolute; top:2.125rem; left:0; margin-left:-400px; display:none; padding:1rem; width:600px; background:#fff; border:1px solid #ddd; border-radius:0.313rem; box-shadow:0 0 1.125rem #a4a4a47d; z-index:100;}
.line-order-rvg .icon-question:hover .tooltip {display:block;}
.line-order-rvg .icon-question .tooltip p {color:#f39200; font-size:1.125rem;   margin-bottom:0.313rem;}
.line-order-rvg .icon-question .tooltip li {color:#666; font-size:0.875rem;    letter-spacing:-0.5px;}
.line-order-rvg .icon-question .tooltip li+li {margin-top:0.125rem;}
.line-order-rvg .icon-question .tooltip li:last-child {color:#d71818; font-weight:bold; margin-top:0.313rem;}

.line-order-rvg .btn-rvg-type {display:block; width:100%; height:1.5rem; line-height:1.5rem; text-align:center;}
.line-order-rvg .btn-rvg-type label {display:block; width:100%; height:1.5rem; font-size:0.875rem;   font-weight:bold; cursor:pointer;}
.line-order-rvg .btn-rvg-type input[type="checkbox"] {display:none;}
.line-order-rvg .btn-rvg-type input[type="checkbox"] + .txt-rvg-type {color:#ef5350;}
.line-order-rvg .btn-rvg-type input[type="checkbox"] + .txt-rvg-type + .icon-checkbox {display:inline-block; float:right; width:0.438rem; height:1.375rem; line-height:1.375rem; background:url('../images/icon-rvg-arr-red.png') 50% 50% no-repeat; margin-left:0.313rem}
.line-order-rvg .btn-rvg-type input[type="checkbox"]:checked + .txt-rvg-type {color:#26a69a ;}
.line-order-rvg .btn-rvg-type input[type="checkbox"]:checked + .txt-rvg-type + .icon-checkbox {background:url('../images/icon-rvg-arr-green.png') 50% 50% no-repeat;}

.line-order-rvg .btns-order-rvg {display:block; padding:0.438rem 4% 0; overflow:hidden;}
.line-order-rvg .btns-order-rvg .btn-order-add {display:inline-block; float:left; width:12.3%;}
.line-order-rvg .btns-order-rvg .btn-order-add a {padding:0 0.125rem; line-height:1.25rem; text-align:center; color:#777; font-size:0.75rem;   font-weight:bold; background-image:linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:2px 1px; background-repeat:repeat-x;}
.line-order-rvg .btns-order-rvg .btn-order-add+.btn-order-add {margin-left:3.75%;}

.line-order-rvg .btns-order-rvg .box-minus-plus {display:inline-block; float:right; padding-left:3%; width:18%; text-align:center; overflow:hidden;}
.line-order-rvg .btn-order-minus {display:inline-block; float:left; width:1.25rem; height:1.25rem; background:url('../images/icon-order-minus.png') 50% 50% no-repeat #e7dfcf; border-radius:50%; border:none;}
.line-order-rvg .btn-order-plus {display:inline-block; float:right; width:1.25rem; height:1.25rem; background:url('../images/icon-order-plus.png') 50% 50% no-repeat #e7dfcf; border-radius:50%; border:none;}

.line-guage-rvg-area {display:block; margin-bottom:0.75rem;}
.line-guage-rvg {position:relative; display:block; padding:0.875rem 0% 0.375rem; margin:0 4%;}
.line-guage-rvg input {width:100%;}

.line-guage-rvg .bar {position: absolute; z-index: 1; left:0; top: 18px; width: 100%; height: 1px; background-color: #e9e9e9;}
.line-guage-rvg .bar .fill {display: block; width: 0; height: 3px; background-color: #eea127; margin-top:-1px; }
.line-guage-rvg .slider {position: relative; z-index: 2; -webkit-appearance: none; width: 100%; height: 10px; border-radius: 5px; outline: none; background-color: transparent;}
.line-guage-rvg .slider::-webkit-slider-thumb {-webkit-appearance: none; width: 0.625rem; height: 0.625rem; background-color: #eea127; border-radius: 50%; cursor: pointer; outline: none; box-shadow: 0 0 0 3px #eea12750; transition: .3s ease-in-out;}

.line-guage-rvg-area .guage-paragraph {display:block; text-align:center; overflow:hidden;}
.line-guage-rvg-area .guage-paragraph button {display:inline-block; float:left; color:#777; font-size:0.725rem; background:transparent; border:none;}
.line-guage-rvg-area .guage-paragraph button:first-child {padding-left:1%; width:20%; text-align:left;}
.line-guage-rvg-area .guage-paragraph button:nth-child(2) {padding-right:4%; width:20%;}
.line-guage-rvg-area .guage-paragraph button:nth-child(3) {width:20%;}
.line-guage-rvg-area .guage-paragraph button:nth-child(4) {padding-right:4%; width:20%; text-align:right;}
.line-guage-rvg-area .guage-paragraph button:last-child {padding-right:1%; width:20%; text-align:right;}

.line-order-coin {overflow:hidden;}
.line-order-coin .order-coin-area {display:inline-block; padding:0.563rem 3%; width:69%; line-height:1.375rem; background:#f4f4f4; border-radius:3px; overflow:hidden;}
.line-order-coin span {display:inline-block; float:left; line-height:1.375rem;   color:#333; font-size:0.875rem; font-weight:bold; transform:skew(-0.1deg)}
.line-order-coin .order-coin-num {display:inline-block; float:right; overflow:hidden;}
.line-order-coin .order-coin-num span {margin-top:1px;}
.line-order-coin input {float:left; padding:0 0.5rem; width:4rem; height:1.375rem; text-align:right; color:#333; font-size:0.875rem;   background-color:transparent; border:1px solid transparent; border-radius:3px; cursor:pointer;}
.line-order-coin input:hover {background:#fff;}
.line-order-coin input:focus {background:#fff; border-bottom:1px solid #ccc;}
.line-order-coin .btn-order-re {display:inline-block; float:right; width:22%;}
.line-order-coin .btn-order-re a {display:block; width:100%; line-height:2.625rem;   font-size:0.875rem; color:#fff; font-weight:bold; text-align:center; background-color:#eea127; border-radius:3px;}

.line-order-coin .btns-order-coin {display:block; padding:0.438rem 4% 0; overflow:hidden;}
.line-order-coin .btns-order-coin p {display:inline-block; float:left; width:50%; overflow:hidden;}
.line-order-coin .btns-order-coin .btn-order-add {display:inline-block; float:left; line-height:1.25rem; text-align:center; color:#777; font-size:0.75rem;   font-weight:bold; background-image:linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:2px 1px; background-repeat:repeat-x;}
.line-order-coin .btns-order-coin p:first-child span {width:auto;}
.line-order-coin .btns-order-coin p:first-child span+span {margin-left:10.5%;}
.line-order-coin .btns-order-coin p:nth-child(2) span {margin-left:11.5%;}
.line-order-coin .btns-order-coin p:nth-child(2) span:first-child {margin-left:0;}
.line-order-coin .btns-order-coin p:nth-child(2) span:last-child a {color:#eea127; background-image:linear-gradient(to right, #eea127 50%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:2px 1px; background-repeat:repeat-x;}

.line-guage-coin-area {display:block; margin-bottom:0.75rem;}
.line-guage-coin {position:relative; display:block; padding:0.875rem 0% 0.375rem; margin:0 4%;}
.line-guage-coin input {width:100%;}

.line-guage-coin .bar2 {position: absolute; z-index: 1; left:0; top: 18px; width: 100%; height: 1px; background-color: #e9e9e9;}
.line-guage-coin .bar2 .fill2 {display: block; width: 0; height: 3px; background-color: #eea127; margin-top:-1px; }
.line-guage-coin .slider {position: relative; z-index: 2; -webkit-appearance: none; width: 100%; height: 10px; border-radius: 5px; outline: none; background-color: transparent;}
.line-guage-coin .slider::-webkit-slider-thumb {-webkit-appearance: none; width: 0.625rem; height: 0.625rem; background-color: #eea127; border-radius: 50%; cursor: pointer; outline: none; box-shadow: 0 0 0 3px #eea12750; transition: .3s ease-in-out;}

.line-guage-coin-area .guage-paragraph {display:block; text-align:center; overflow:hidden;}
.line-guage-coin-area .guage-paragraph button {display:inline-block; float:left; color:#777; font-size:0.75rem; background:transparent; border:none;}
.line-guage-coin-area .guage-paragraph button:first-child {padding-left:1%; width:20%; text-align:left;}
.line-guage-coin-area .guage-paragraph button:nth-child(2) {padding-right:4%; width:20%;}
.line-guage-coin-area .guage-paragraph button:nth-child(3) {width:20%;}
.line-guage-coin-area .guage-paragraph button:nth-child(4) {padding-right:4%; width:20%; text-align:right;}
.line-guage-coin-area .guage-paragraph button:last-child {padding-right:1%; width:20%; text-align:right;}

.line-order-area {margin-top:0.625rem;}
.line-order-value {display:block; padding:0.563rem 5%; width:90%; line-height:1.375rem; background:#f6f4f0; border-radius:3px;}
.line-order-value span {display:inline-block; line-height:1.375rem;   color:#333; font-size:0.875rem; font-weight:bold; transform:skew(-0.1deg);}
.line-order-value div {display:inline-block; float:right; width:68%;}
.line-order-value div input {display:inline-block; float:left; padding:0 0.5rem; width:67%; height:1.375rem; text-align:right; color:#333; font-size:0.875rem;   background-color:transparent; border:1px solid transparent; border-radius:3px;}
.line-order-value div span {float:left; width:22%; padding-top:0.125rem; line-height:1.25rem;}

.btn-order-set {display:block; width:100%; overflow:hidden; margin-top:0.825rem;}
.btn-order-set .btn-long-green {display:inline-block; float:left; padding:0.325rem 2%; width:44.5%; text-align:center; color:#fff;   font-size:1rem; font-weight:bold; background:#26a69a; border-radius:0.313rem;}
.btn-order-set .btn-long-red {display:inline-block; float:right; padding:0.325rem 2%; width:44.5%; text-align:center; color:#fff;   font-size:1rem; font-weight:bold; background:#ef5350; border-radius:0.313rem;}
.btn-order-set a span {display:block; width:100%; line-height:1.875rem;}
.btn-order-set a span+span {display:block; width:100%;}
.btn-order-set .btn-long-green span {border-bottom:1px solid #68c1b8;}
.btn-order-set .btn-long-green span+span {border-top:1px solid #249c91; border-bottom:none;}
.btn-order-set .btn-long-red span {border-bottom:1px solid #f48785;}
.btn-order-set .btn-long-red span+span {border-top:1px solid #e14e4b; border-bottom:none;}

/* order history */
.ctn-history {position:relative; display:flex; flex-direction:column; width:1495px; min-height:350px; background:#fff; border-radius:7px; margin-top:0.313rem; overflow:hidden;}
.tabs-history {display:block; width:100%; background:#f6f4f0;}
.tabs-history li {display:inline-block; float:left; margin-left:1.625rem;}
.tabs-history li+li {margin-left:3px;}
.tabs-history li a {display:block; padding:0 1.25rem; line-height:2.75rem; text-align:center; font-size:1rem;   color:#bcbcbc; font-weight:bold; border-bottom:1px solid #f6f4f0;}

.tabs-history li.on a,
.tabs-history li:hover a {color:#eea127; font-weight:bold; border-color:#eea127;}

.btns-history {position:absolute; top:0.5rem; right:0.5rem; overflow:hidden;}
.btn-balance-check {display:inline-block; float:left; padding:0 0.875rem 0 0.625rem; line-height:1.875rem; color:#666; font-size:0.875rem;   border-radius:3px; border:none; cursor:pointer; margin-right:0.5rem; transform:skew(-0.1deg);}
.btn-balance-check input[type="checkbox"] {display:none;}
.btn-balance-check input[type="checkbox"] + .icon-balance-checkbox {display:inline-block; width:0.875rem; height:0.875rem; background:url('../images/icon-order-check.png') 0 0 no-repeat; vertical-align:text-top; margin-right:0.125rem;}
.btn-balance-check input[type="checkbox"]:checked + .icon-balance-checkbox {background-position:-15px 0;}
.btn-balance-check input[type="checkbox"]:checked + .icon-balance-checkbox + span {color: #eea127;font-weight: bold;}

.btn-balance-cencel {display:inline-block; float:left; width:6rem; line-height:1.875rem; text-align:center; color:#fff; font-size:0.875rem;   background:#a9a9a9; border-radius:3px; border:none; cursor:pointer; margin-right:0.313rem; transform:skew(-0.1deg);}
.btn-balance-settlement {display:inline-block; float:left; width:6rem; line-height:1.875rem; text-align:center; color:#fff; font-size:0.875rem;   background:#26a69a; border-radius:3px; border:none; cursor:pointer; transform:skew(-0.1deg);}

.ctn-history-case, .ctn-trade-case, .ctn-funding-case {padding:0 1.625rem; height:100%;}
.t-history {width:100%;}
.t-history th {height:3.75rem;   color:#999; font-size:0.875rem; border-bottom:3px solid #e5e5e5;}
.t-history .title-m {display:none;}
.t-history td {height:3.5rem; color:#666; text-align:center; font-size:12px; font-weight: 600; }
.t-history tr+tr td {background-image:linear-gradient(to right, #e1e1e1 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:8px 1px; background-repeat:repeat-x;}
.t-history .line-record-green td:nth-child(3),
.t-history .line-record-green td:nth-child(4),
.t-history .line-record-green td:nth-child(5) {color:#26a69a;}
.t-history .line-record-green td:nth-child(3),
.t-history .line-record-green td:nth-child(5) {font-weight:bold;}
.t-history .line-record-red td:nth-child(3),
.t-history .line-record-red td:nth-child(4),
.t-history .line-record-red td:nth-child(5) {color:#ef5350;}
.t-history .line-record-red td:nth-child(3),
.t-history .line-record-red td:nth-child(5) {font-weight:bold;}
.btn-history-cencel {display:inline-block; width:35px; height:16px; background:url('../images/btn-history-cencel.png') 50% 50% no-repeat; vertical-align:middle;}

.ctn-contract-case {padding:0 1.625rem; height:100%;}
.t-list-balance {width:100%;}
.t-list-balance th {height:3.75rem;   color:#999; font-size:0.875rem; border-bottom:3px solid #e5e5e5;}
.t-list-balance .th {height:3.75rem;   color:#999; font-size:0.875rem; border-bottom:3px solid #e5e5e5;}
.t-list-balance td {height:3.5rem; color:#666; text-align:center; font-size:12px;  }
.t-list-balance .td {height:1rem; color:#666; text-align:center; font-size:12px;  }


.t-list-balance tr td {background-image:linear-gradient(to right, #e1e1e1 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:2px 1px; background-repeat:repeat-x;}
.t-list-balance td a {color:#666666; text-decoration:underline;}
.t-list-balance .td a {color:#666666; text-decoration:underline;}
.t-list-balance tr:nth-child(2+1n) td{background:#f7f7f7;}
.t-list-balance .tr:nth-child(2+1n) .td{background:#f7f7f7;}

.btn-settlement {background-color:transparent; border:none;}
.btn-settlement span:first-child {display:inline-block; padding:0 0 0.125rem; color: #777777;   font-weight:bold; background-image: linear-gradient(to right, #777777 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x;}
.lcon-stoploss-on {display:inline-block; width:44px; height:18px; background:url('../images/icon-stoploss.png') 0 0 no-repeat; vertical-align:top; margin-left:0.313rem;}
.lcon-stoploss-off {display:inline-block; width:44px; height:18px; background:url('../images/icon-stoploss.png') -44px 0 no-repeat; vertical-align:top; margin-left:0.313rem;}
.btn-clear-order {display:inline-block; padding:0 0 0.125rem; color: #eea127;   font-weight:bold; background-image: linear-gradient(to right, #eea127 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x; background-color:transparent; border:none;}

.list-not {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; line-height:4rem; text-align:center;   color:#999; font-size:1rem; overflow:hidden;}
.list-not span span {color:#ef5350; font-weight:bold;}

/* asset area  */
.ctn-record {position:relative; display:flex; padding:0.938rem; width:270px; flex-direction:column; background-color:#fff; border-radius:7px; margin-top:0.313rem;}

.title-asset-area {display:block; width:100%;}
.title-asset-area .title-asset-txt {display:block; width:100%; height:1.563rem;}
.title-asset-area .title-asset-txt span {display:inline-block; padding:0 0.5rem 0.225rem; line-height:1.124rem;   color:#999; font-size:1rem; font-weight:bold; border-bottom:1px solid #cccccc;}
.title-asset-area .set-asset {display:block; width:100%;}
.title-asset-area .list-asset-sel {overflow:hidden;}
.title-asset-area .list-asset-sel li {display:inline-block; float:left; padding:0.625rem 0; width:50%; text-align:center;}
/*.title-asset-area .list-asset-sel li:last-child {width:40%;}*/
.title-asset-area .list-asset-sel li a {display:inline-block; padding:0 0.125rem; line-height:1.25rem; font-size:0.75rem; color:#777;   font-weight:bold; background-image:linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:2px 1px; background-repeat:repeat-x;}

.t-asset-info {padding:0.5rem 1.125rem; background:#f6f4f0; border-radius:7px;}
.t-asset-info div {display:block; line-height:1.875rem; overflow:hidden;}
.t-asset-info .t-asset-th {display:inline-block; float:left; width:46%; font-weight:bold; color:#999;  font-size:0.875rem;   transform: skew(-0.1deg);}
.t-asset-info .t-asset-td {display:inline-block; float:right; width:54%; line-height:1.875rem; text-align:right; font-size:0.875rem; color:#666;   white-space:nowrap; transform: skew(-0.1deg);}
.t-asset-info .t-asset-td span:first-child {color:#666;}
.t-asset-info .font-c-bbc {color:#999; font-weight:bold;}

.t-asset-funding {padding:0.5rem 1.125rem; background:#f6f4f0; border-radius:7px;}
.t-asset-funding div {display:block; line-height:1.875rem; overflow:hidden;}
.t-asset-funding .t-asset-th {display:inline-block; float:left; width:40%; font-weight:bold; color:#999;  font-size:0.6rem;  }
.t-asset-funding .t-asset-td {display:inline-block; float:right; width:60%; line-height:1.875rem; text-align:right; font-size:0.875rem; color:#666;   white-space:nowrap;}
.t-asset-funding .t-asset-td span:first-child {color:#666;}
.t-asset-funding .font-c-bbc {color:#999; font-weight:bold;}

/* footer */
.footer {display:block; padding:1.625rem 0; width:100%; text-align:center; margin-top:auto;}
.footer-logo {padding:0.6rem 0 0; text-align:center; cursor:pointer;}
.footer-logo h2 {display:inline-block; width:6.75em; height:1.75rem; background:url('../images/logo-footer.png') 50% 50% no-repeat;}
.footer-copy {padding-top:0.875rem; text-align:center; color:#989898; font-size:12px;  }
.footer-copy span {font-weight:bold; color:#eea127;}

/* mobile */
.area-gnb .gnb-m {display:none; float:right; padding-right:3%;}
.area-gnb .gnb-m .gnb {display:inline-block; width:100%;}
.area-gnb .gnb-m .gnb li {display:inline-block; float:left; line-height:2rem;}
.area-gnb .gnb-m .gnb li+li {margin-left:0.313rem;}
.area-gnb .gnb-m .btn-m-sound-on {display:none; float:left; width:2rem; height:2.75rem; background:url('../images/icon-m-sound.png') 0 50% no-repeat; border:none; margin-right:0.75rem;}
.area-gnb .gnb-m .btn-m-sound-off {background:url('../images/icon-m-sound.png') -32px 50% no-repeat;}
.area-gnb .gnb-m .btn-quick-chat {display:inline-block; float:left; width:2.75rem; height:2.75rem; background:url('../images/icon-m-chat.png') 50% 50% no-repeat; border:none; margin:0;}
.area-gnb .gnb-m .btn-menu-menu {display:inline-block; float:left; width:2.75rem; height:2.75rem; background:url('../images/icon-m-menu.png') 50% 50% no-repeat;}
.area-gnb .gnb-m .list-language {display:block !important; width:auto; height:auto; margin-top:0;}
.area-gnb .gnb-m .list-language .list-language-type {top:0; left:-10rem; width:160px;}
.area-gnb .gnb-m .list-language .list-language-type li {line-height:3rem; margin-left:0;}
.area-gnb .gnb-m .btn-menu-language {display:inline-block; float:left; padding:0; width:2.75rem; height:2.75rem; background:url('../images/icon-language-m-kr.png') 50% 50% no-repeat;}
body.language-en .area-gnb .gnb-m .btn-menu-language {background:url('../images/icon-language-m-en.png') 50% 50% no-repeat;}
body.language-cn .area-gnb .gnb-m .btn-menu-language {background:url('../images/icon-language-m-cn.png') 50% 50% no-repeat;}
body.language-jp .area-gnb .gnb-m .btn-menu-language {background:url('../images/icon-language-m-jp.png') 50% 50% no-repeat;}

.m-side-area {display:none; position:absolute; top:0; left:0; width:100%; height:100vh; background:url('../images/bg-m-slide.png') 50% 50% repeat; overflow-y:auto; z-index:2000;}
.m-side-area .m-side-ctns {position:fixed; width:100%; height:100vh; background:#ffffff;}

.m-side-area .m-side-ctns {display:flex; flex-direction:column; justify-content:flex-start;}

.m-user-info {position:absolute; top:0; left:0; padding:2rem 0; width:100%; text-align:center; background-color:#ebebeb;}
.m-user-info .m-menu-close {position:absolute; top:22px; right:22px; width:26px; height:26px; background:url('../images/m-menu-close.png') 95% 50% no-repeat; border:none;}
.m-user-info .m-line-move-login a:first-child {margin:0;}
.m-user-info .m-line-nick {color:#111111; font-size:1.125rem;  }
.m-user-info .m-line-nick span:first-child {color:#00c6ff; font-weight:bold;}
.m-user-info .m-line-nick span.user-virtual {color:#eea127; font-weight:bold;}
.m-line-move {margin-top:0.875rem;}
.m-line-move p {text-align:center;}
.m-line-move a {display:inline-block; color:#ef5350; font-size:1.125rem;  }
.m-line-move p:first-child a{color:#ef5350; text-decoration:underline; margin-bottom:1.313rem;}
.m-line-move .btn-m-mypage {display:block; width:86%; line-height:3.313rem; color:#fff; font-size:1.125rem;   background:#00c6ff; border-radius:0.5rem; margin: 0 auto;}

.m-side-tabs .icon-m-wallet {display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; background:url('../images/icon-m-wallet.png') 50% 50% no-repeat; vertical-align:text-top; margin-right:0.325rem;}
.m-side-tabs .icon-m-guide {display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; background:url('../images/icon-m-guide.png') 50% 50% no-repeat; vertical-align:middle; margin-right:0.325rem;}
.m-side-tabs .icon-m-mypage {display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; background:url('../images/icon-m-mypage.png') 50% 50% no-repeat; vertical-align:text-bottom; margin-right:0.325rem;}

.m-side-menu {display:block; padding:0 5%; width:90%; margin:120px 0 60px; overflow-y:auto;}
.m-menu-act {margin:194px 0 60px;}
.m-side-menu li {display:block; padding:0; width:50%; border-bottom:1px solid #e0e0e0; margin:0 auto;}
.m-side-menu li a {display:block; width:100%; line-height:4rem; color:#666666; text-align:center; font-size:1rem;  }
.m-side-menu li a.m-gnb-asset {background:url('../images/m-menu-list.png') 95% 50% no-repeat;}

.m-side-menu .gnb-sub-menu {padding:0; width:100%; border-top:1px solid #e0e0e0;}
.m-side-menu .gnb-sub-menu li {width:100%;}
.m-side-menu .gnb-sub-menu li:last-child {border:none;}

.m-side-option {position:fixed; bottom:0; left:0; width:100%;}
.m-side-option a {display:inline-block; float:left; width:50%; line-height:3.125rem; text-align:center; color:#666666; font-size:1rem;   background:#666666;}
.m-side-option a.on {background:#eeeeee;}
.m-side-option a+a {color:#fff;}
.m-side-option .icon-m-mode-light {display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; background:url('../images/icon-m-mode-light.png') 50% 50% no-repeat; filter: invert(0.5); margin-right:0.5rem; vertical-align:middle;}
.m-side-option .icon-m-mode-dark {display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; background:url('../images/icon-m-mode-dark.png') 50% 50% no-repeat; margin-right:0.5rem; vertical-align:middle;}

/* chat area */
.support-chat-area {position:absolute; top:360px; right:100px; display:none; width:24rem; background:#fff; border-radius:0.313rem; border:1px solid #dfdfdf; box-shadow:0 0 8px #93939373; overflow:hidden; z-index:1000;}
.support-chat-area.on {display:block;}
.support-chat-area .support-chat-title {display:block; padding:0 2.5% 0 5%; width:92.5%; line-height:3.125rem; text-align:left; color:#fff;   font-size:1rem; background:#444753;}
.support-chat-area .support-chat-title .btn-close-chat {display:inline-block; float:right; width:1.625rem; height:1.625rem; line-height:1.625rem; text-align:center; background:url('../images/btn-close-chat.png') 50% 50% no-repeat #747783; border-radius:0.313rem; border:none; margin-top:0.75rem;}
.support-chat-area .chat-room-text {padding:1rem; height:30rem; overflow-x:hidden; overflow-y:auto;}
.support-chat-area .chat-room-text::-webkit-scrollbar{width:0.313rem;}
.support-chat-area .chat-room-text::-webkit-scrollbar-track {background-color:#f8f8f8;}
.support-chat-area .chat-room-text::-webkit-scrollbar-thumb {background-color:#ccc;}
.support-chat-area .chat-room-text li {overflow:hidden;}
.support-chat-area .chat-room-text li+li {margin-top:1.5rem;}
.support-chat-area .chat-line-user .chat-nick {margin-bottom:0.313rem;}
.support-chat-area .chat-line-user {display:block;}
.support-chat-area .chat-line-user p {margin-bottom:0.875rem;}
.support-chat-area .chat-line-user .user-nick {display:inline-block; line-height:1rem; color:#888; font-size:0.875rem;    font-weight:bold;}
.support-chat-area .chat-line-user .user-time {display:inline-block; padding-top:0.125rem; line-height:0.875rem; font-size:0.875rem;   color:#acabad; margin-left:0.5rem;}
.support-chat-area .chat-line-user div {display:block; padding:0.775rem; max-width:70%; line-height:1rem; float:left; font-size:0.875rem;   border-radius:0 1rem 1rem 1rem; background:#f8f8f8; margin-left:1rem;}
.support-chat-area .chat-line-user div p {word-break: break-all; margin-bottom:0.313em;}

.support-chat-area .chat-line-admin {display:block; text-align:right;}
.support-chat-area .chat-line-admin .chat-nick {margin-bottom:0.313rem;}
.support-chat-area .chat-line-admin .admin-nick {display:inline-block; line-height:1rem; color:#eea127; font-size:0.875rem;    font-weight:bold;}
.support-chat-area .chat-line-admin .admin-time {display:inline-block; padding-top:0.125rem; line-height:0.875rem; font-size:0.875rem;   color:#acabad; margin-left:0.5rem;}
.support-chat-area .chat-line-admin div {display:block; padding:0.775rem; max-width:70%; line-height:1rem; float:right; font-size:0.875rem;   color:#fff; border-radius:1rem 0 1rem 1rem; background:#eea127; margin-left:1rem;}
.support-chat-area .chat-line-admin div p {word-break: break-all; text-align:left; margin-bottom:0.313em;}

.support-chat-area .chat-request {padding:1rem; border-top:1px solid #e2e2e2;}
.support-chat-area .chat-request button {display:block; width:100%; line-height:3rem; font-size:1rem; color:#fff;   background:#eea127; border:none; border-radius:0.313rem;}

.support-chat-area .chat-in-bar {display:block; padding:0.5rem 2%; width:96%;overflow:hidden; border-top:1px solid #e2e2e2;}
.support-chat-area .chat-in-bar .chat-in-txt {display:inline-block; width:66%; line-height:1.65rem; font-size:0.875rem;   border:none;}
.support-chat-area .chat-in-bar .chat-in-txt:focus {outline:none; border-bottom:1px solid #dfdfdf;}
.support-chat-area .chat-in-bar .chat-in-txt:disabled {background:none;}
.support-chat-area .chat-in-bar input,
.support-chat-area .chat-in-bar button {display:inline-block; float:left; }
.support-chat-area .chat-in-bar .chat-btn-set {float:right;}
.support-chat-area .chat-in-bar .chat-btn-set button:first-child {display:inline-block; padding:0 0.5rem; line-height:1.65rem; color:#fff;   font-size:0.875rem; background:#26a69a; border:none; border-radius:0.313rem;}
.support-chat-area .chat-in-bar .chat-btn-set button:nth-child(2) {display:inline-block; padding:0 0.5rem; line-height:1.65rem; color:#fff;   font-size:0.875rem; background:#a9a9a9; border:none; border-radius:0.313rem; margin-left:0.313rem;}

/* mypage */
.page-auto-mypage {position:relative; display:flex; flex-direction:column; justify-content:space-between; width:100%; min-height:800px; height:100vh; background:#ebebeb; margin:0;}
.page-auto-mypage .bar-user-info {background-color:#1b1b1b;}
.page-auto-mypage .btns-ctl-option .set-sound span {background:url('../images/icon-sound-dark.png') 50% 50% no-repeat;}
.page-auto-mypage .bar-user-info .area-user-info {color:#999;}
.page-auto-mypage .bar-user-info .btn-logout {color:#c14a4a;}


/* user about */
.page-auto-width {position:relative; display:flex; flex-direction:column; justify-content:space-between; min-width:700px; width:100%; min-height:800px; height:100vh; background:#ebebeb; margin:0;}
.header-user {height:6.25rem; text-align:center; background:#222222;}
.header-user h1 {display:inline-block; width:14.375rem; height:6.25rem; background:url('../images/logo-user.png') 50% 50% no-repeat; cursor:pointer;}
.user-mode-line {height:3.125rem; line-height:3.125rem; background:#1b1b1b;}
.user-sel-mode {text-align:center;}
.user-sel-mode button+button {margin-left:4.5rem;}
.btn-mode-light {display:inline-block; width:7.5rem; height:3.125rem; line-height:3.125rem; color:#eea127; font-weight:bold; font-size:0.875rem;   background:none; border:none;}
.btn-mode-light .icon-mode-light {display:inline-block; width:1.125rem; height:1.125rem; line-height:1.125rem; background:url('../images/icon-mode-light-on.png') 50% 50% no-repeat; margin-right:0.5rem; vertical-align:text-top;}
.btn-mode-dark {display:inline-block; width:7.5rem; height:3.125rem; line-height:3.125rem; color:#999; font-weight:bold; font-size:0.875rem;   background:none; border:none;}
.btn-mode-dark .icon-mode-night {display:inline-block; width:1.125rem; height:1.125rem; line-height:1.125rem; background:url('../images/icon-mode-dark.png') 50% 50% no-repeat; margin-right:0.5rem; vertical-align:text-top;}

.page-auto-width .footer {padding:1.688rem 0; text-align:center; margin-top:0 !important;}
.page-auto-width .footer-logo {display:block; padding:0; line-height:1.625rem;}
.page-auto-width .footer-copy {display:block; padding:0.75rem 0 0; line-height:1.463rem; vertical-align:top; margin-left:1.5rem;}

/* login */
.login-area {display:block; padding:3.375rem; width:512px; margin:2rem auto; background:#fff; border-radius:7px; margin:0 auto;}
.login-area .login-title {display:block; width:100%; padding-bottom:1.875rem; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x; margin-bottom:1.875rem;}
.login-area .login-title h2 {display:block; width:100%; height:3.125rem; background:url('../images/title-login.png') left 50% no-repeat;}
.login-area .login-id,
.login-area .login-pw {display:block; width:90%; margin:0 auto;}
.login-area .login-id p,
.login-area .login-pw p {padding:0 0.313rem; line-height:1.875rem; font-size:0.875rem; color:#999;   font-weight:bold;}
.login-area .login-id input,
.login-area .login-pw input {display:block; width:100%; height:3rem; line-height:3rem; text-align:center; font-size:1rem;   font-weight:bold; color:#666; background:#f6f4f0; border:none; background-image:linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position:0 98%; background-size: 3px 1px; background-repeat:repeat-x;
}
.login-area .login-pw input[type="password"] {font-family: sans-serif !important;}
.login-area .login-id {margin-bottom:1.5rem;}
.btn-auto-login {display:block; padding:0 1%; width:88%; text-align:right; color: #999999; font-size:0.875rem;   margin:1rem auto 0;}
.btn-auto-login label {cursor:pointer;}
.btn-auto-login input[type="checkbox"] {display:none;}
.btn-auto-login input[type="checkbox"] + .icon-checkbox {display:inline-block; width:1rem; height:1rem; background:url('../images/icon-agree-off.png') 50% 50% no-repeat; vertical-align:top;}
.btn-auto-login input[type="checkbox"]:checked + .icon-checkbox {background:url('../images/icon-agree-on.png') 50% 50% no-repeat;}
.btn-login {display:block; width:42%; height:4.063rem; line-height:4.063rem; text-align:center; color:#fff; font-size:1.125rem;   font-weight:bold; background:#eea127; margin:0 auto; border-radius:0.313rem; margin:1.25rem auto 0.875rem;}
.btn-virtual-login {display:block; padding:0 1%; width:88%; text-align:center; color: #999999; font-size:1.125rem;   font-weight:bold; margin:0 auto 2.5rem;}
.btn-virtual-login label {cursor:pointer;}
.btn-virtual-login input[type="checkbox"] {display:none;}
.btn-virtual-login input[type="checkbox"] + .icon-checkbox {display:inline-block; width:1.25rem; height:1.25rem; background:url('../images/icon-auto-login.png') 50% 50% no-repeat; vertical-align:top; margin-right:0.312rem}
.btn-virtual-login input[type="checkbox"]:checked + .icon-checkbox {background:url('../images/icon-auto-login-on.png') 50% 50% no-repeat;}
.line-join {text-align:center;}
.line-join a {padding-bottom:0.125rem; color:#adadad; font-size:1rem;   background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x;}
.line-join a+a {margin-left:2rem;}

.page-auto-width .list-language {position:relative; display:block; float:none; width:620px; text-align:right; margin:0.625rem auto 0;}
.page-auto-width .list-language button {display:inline-block; color:#666; background:url('../images/icon-language-login.png') 5% 50% no-repeat, url('../images/icon-language-list-login.png') 95% 50% no-repeat #fff; border-radius:10in;}
.page-auto-width .list-language-type {top:auto; left:auto; right:-170px; bottom:-30px;  width:160px; background:#fff;}
.page-auto-width .list-language li {line-height:38px;}
.page-auto-width .list-language li span+span {color:#666;}
.page-auto-width .list-language li:hover {background:#f6f4f0;}

.page-auto-join .footer {position:relative; display:block;}
.page-auto-join .page-user {display:block;}

.join-area-case {margin-bottom:2rem;}
.join-area {display:block; padding:3.375rem; width:550px; margin:2rem auto 0; background:#fff; border-radius:7px;}
.join-area .join-title {display:block; width:100%; padding-bottom:1.875rem; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x; margin-bottom:1.875rem;}
.join-area .join-title h2 {display:block; width:100%; height:3.125rem; background:url('../images/title-join.png') left 50% no-repeat;}
.join-area-case .list-language {width:658px;}

.join-policy-service {display:block; width:90%; margin:0 auto 2.25rem;}
.join-policy-service p:first-child {padding-left:0.313rem; text-align:left; font-size:0.875rem; color:#333333;   font-weight:bold; margin-bottom:0.5rem;}
.join-policy-service div {position:relative; display:flex;; padding:4%; width:92%; height:20rem; line-height:1.125rem; color:#666; font-size:0.75rem;   background:#f6f4f0; overflow-y:scroll; border:none; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; margin-bottom:0.625rem;}
.join-policy-service div::-webkit-scrollbar{width:0.313rem;}
.join-policy-service div::-webkit-scrollbar-track {background-color:#f8f8f8;}
.join-policy-service div::-webkit-scrollbar-thumb {background-color:#ccc;}
.join-policy-privacy {display:block; width:90%; margin:0 auto;}
.join-policy-privacy p:first-child {padding-left:0.313rem; text-align:left; font-size:1.125rem; color:#333333;   font-weight:bold; margin-bottom:0.5rem;}
.join-policy-privacy div {position:relative; display:flex;; padding:4%; width:92%; height:20rem; line-height:1.125rem; color:#666; font-size:0.75rem;   background:#f6f4f0; overflow-y:scroll; border:none; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; margin-bottom:0.625rem;}
.join-policy-privacy div::-webkit-scrollbar{width:0.313rem;}
.join-policy-privacy div::-webkit-scrollbar-track {background-color:#f8f8f8;}
.join-policy-privacy div::-webkit-scrollbar-thumb {background-color:#ccc;}
.join-policy-agree {padding-left:0.625rem; text-align:left; color:#999999; font-size:0.875rem;  }
.join-policy-agree label {cursor:pointer;}
.join-policy-agree input[type="checkbox"] {display:none;}
.join-policy-agree input[type="checkbox"] + .icon-checkbox {display:inline-block; width:1rem; height:1rem; background:url('../images/icon-agree-off.png') 50% 50% no-repeat; vertical-align:middle;}
.join-policy-agree input[type="checkbox"]:checked + .icon-checkbox {background:url('../images/icon-agree-on.png') 50% 50% no-repeat;}

.join-policy-all {padding-top:2rem; text-align:center; color:#999999; font-size:0.875rem;   margin-top:2rem; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: top; background-size: 3px 1px; background-repeat: repeat-x;}
.join-policy-all label {display:inline-block; cursor:pointer;}
.join-policy-all input[type="checkbox"] {display:none;}
.join-policy-all input[type="checkbox"] + .icon-checkbox {display:inline-block; width:1rem; height:1rem; background:url('../images/icon-agree-off.png') 50% 50% no-repeat; vertical-align:middle;}
.join-policy-all input[type="checkbox"]:checked + .icon-checkbox {background:url('../images/icon-agree-on.png') 50% 50% no-repeat;}

.line-join-next {margin:2rem 0 0.313rem;}
.btn-join-next {display:block; width:39%; height:4.063rem; line-height:4.063rem; text-align:center; color:#fff; font-size:1.125rem;   font-weight:bold; background:#eea127; border-radius:0.313rem; margin:1.25rem auto 0.625rem;}
.line-join-cencel {text-align:center;}
.line-join-cencel a {padding-bottom:0.125rem; color:#adadad; font-size:1rem; font-weight:bold;   background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x;}

.page-join-step2 {min-height:1150px;}
.join-write-area {display:block; padding:3.375rem; width:550px; margin:2rem auto 0; background:#fff; border-radius:7px;}
.join-write-area .join-write-title {display:block; width:100%; padding-bottom:1.875rem; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x; margin-bottom:1.875rem;}
.join-write-area .join-write-title h2 {display:block; width:100%; height:3.125rem; background:url('../images/title-join-info.png') left 50% no-repeat;}
.join-write-area .line-write-info {position:relative;; display:block; width:90%; margin:0 auto;}
.join-write-area .line-write-info p {padding-left:0.313rem; line-height:1.875rem; font-size:0.875rem; color:#999;   font-weight:bold; transform:skew(-0.1deg);}
.join-write-area .line-write-info input {display:block; padding-left:3%; width:97%; height:3rem; line-height:3rem; text-align:left; font-size:1rem;   font-weight:bold; color:#666; border:none; background-color:#f6f4f0; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; margin-bottom:0.625rem;}
.join-write-area .line-write-info input[type=password] {font-family: sans-serif !important;}
.join-write-area .line-write-info input::placeholder {color:#bdbdbd; font-size:0.875rem;}
.join-write-area .line-write-info {margin-bottom:1.5rem;}
.join-write-area input.line-write-check {display:block; padding:0 27% 0 3%; width:69.5%; height:3rem; line-height:3rem; text-align:left; font-size:0.875rem;   font-weight:bold; color:#666; border:none; background-color:#f6f4f0; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; margin-bottom:0.625rem;}

.join-write-area .line-security-code {margin:0 auto;}
.join-write-area .line-security-code div {display: block; padding: 0; width:100%; height: 3rem; line-height: 3rem; font-size: 0.875rem;   font-weight: bold; color: #666; background-color: #f6f4f0; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; margin-bottom: 0.25rem;}
.join-write-area .line-security-code div input {display:inline-block; float:left; padding:0 3%; width:44%; font-size:1.625rem; text-align:center; margin:0;}
.join-write-area .line-security-code .txt-security-code {display:inline-block; padding:0 3%; width:43%; float:right; height:3rem; overflow:hidden; text-align:center; border-left:2px solid #fff; white-space: nowrap;;}
.join-write-area .line-security-code .txt-security-code span {display:inline-block; width:15%; height:3rem; line-height:3rem; text-align:center; font-size:2rem; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

.join-write-area .line-security-code .txt-security-code span:first-child {transform:rotate(20deg);}
.join-write-area .line-security-code .txt-security-code span:nth-child(2) {transform:rotate(-15deg);}
.join-write-area .line-security-code .txt-security-code span:nth-child(3) {transform:rotate(16deg);}
.join-write-area .line-security-code .txt-security-code span:nth-child(4) {transform:rotate(-5deg);}
.join-write-area .line-security-code .txt-security-code span:nth-child(5) {transform:rotate(10deg);}
.join-write-area .line-security-code .txt-security-code span:nth-child(6) {transform:rotate(-7deg);}

.join-write-area .line-security-code p.sut-security-txt {padding-left:0.625rem;}

.line-join-ckeck {margin-top:3.625rem;}
.btn-add-check {position:absolute; bottom:0.5rem; right:1.8%; width:6rem; height:2.125rem; line-height:2.125rem; text-align:center; font-size:0.875em; color:#fff;   font-weight:bold; background:#eea127; border:none; border-radius:0.188rem; cursor:pointer;}

.btn-user-check {display:block; width:39%; height:4.063rem; line-height:4.063rem; text-align:center; color:#fff; font-size:1.125rem;   font-weight:bold; background:#eea127; border-radius:0.313rem; margin:1.25rem auto 0.625rem;}

.mypage-midyfy-area {}
.mypage-midyfy-area .title-mypage-modify {display:block; width:100%; padding-bottom:1.875rem; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x; margin-bottom:1.875rem;}
.mypage-midyfy-area .title-mypage-modify h2 {display:block; width:100%; height:3.125rem; background:url('../images/title-mypage-modify.png') left 50% no-repeat;}

.join-write-area .find-write-title {display:block; width:100%; padding-bottom:1.875rem; background-image: linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x; margin-bottom:1.875rem;}
.join-write-area .find-write-title h2 {display:block; width:100%; height:3.125rem; background:url('../images/title-member-find.png') left 50% no-repeat;}

/* sub pages */
.contents-sub-area {display: flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; width: 1600px; padding: 70px 100px 100px; min-height: 40rem; background-color: #fff; border-radius: 0.313rem; margin: 0 auto;}
.sub-title-area {display:block; width:100%; margin-bottom:2.375rem;}
.sub-title {line-height: 46px; margin-bottom: 50px;}
.sub-title h2 {display:inline-block;   font-size: 2.25rem; color: #222; font-weight: normal; border-bottom: 2px solid #cfcfcf;}
.sub-title-line {margin-bottom:0;}
.search-area div {display:inline-block; float:left; overflow:hidden;}
.btn-search-area {display: inline-block; float: left; width: 200px; height: 58px; color: #666666; font-size: 1rem; text-align: center;   font-weight: bold; transform: skew(-0.1deg); border: 1px solid #e5e5e5; border-radius: 10px; cursor:pointer;}
.search-space {display: inline-block; float: left; width: 28px; line-height: 60px; text-align: center;   font-weight: bold; color: #666; font-size: 1.125rem;}
.btn-search-org {display: inline-block; float: left; width: 170px; height: 60px; line-height: 60px; text-align: center;   font-weight: bold; color: #fff; font-size: 1.125rem; background: #eea127; border: none; border-radius: 10px; margin-left: 22px;   cursor:pointer;}
.btn-search-green {display:inline-block; width:5.375rem; height:2.25rem; color:#fff; text-align:center; font-size:0.875rem;   background:#26a69a; border:1px solid #26a69a; border-radius:0.313rem; cursor:pointer;}

.t-list-base {width:100%;}
.t-list-base th {height: 62px;   font-size: 0.875rem; border-bottom: 1px solid #e5e5e5; transform: skew(-0.1deg);}
.t-list-base td {height:3.75rem; text-align:center; font-size:0.75rem; font-weight:bold; color:#666666;   transform: skew(-0.1deg);}

.t-list-base tr:nth-child(1n+2) {background-image:linear-gradient(to right, #e5e5e5 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:8px 1px; background-repeat:repeat-x;}

.t-list-payment td:nth-child(7) {color:#666666;}
.t-list-order td:nth-child(4) {color:#666666;}

.t-list-profit {width:100%;}
.t-list-profit th {padding-top:0.275rem; height:3.75rem;   color: #666; font-size: 0.875rem; border-bottom: 1px solid #e5e5e5; transform: skew(-0.1deg);}
.t-list-profit td {height:3.75rem; text-align:center; font-size: 12px; font-weight:bold; color:#b7b7b7;  }
/*.t-list-profit tr:nth-child(2) td{border-bottom:5px solid #fff; background-image:none !important;}*/
.t-list-profit tr td:first-child {color:#b2b2b2;}
.t-list-profit tr.t-line-total td {background:#fcecd4;}
.t-list-profit tr:nth-child(2n+1) td {background:#f7f7f7;}
.t-list-profit tr:nth-child(even) td {background-image:linear-gradient(to right, #e5e5e5 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:8px 1px; background-repeat:repeat-x;}

.sub-list-area {display:block; width:100%; white-space:nowrap; overflow-x:auto;}
.t-list-paylist div {display:inline-block;}
.t-list-paylist div:first-child {margin-right:0.313rem;}
.t-list-paylist .icon-logo-btc {display:block; width:1.25rem; height:1.875rem; background:url('../images/icon-btc.png') 50% 50% no-repeat;}
.t-list-paylist .icon-logo-eth {display:block; width:1.25rem; height:1.875rem; background:url('../images/icon-eth.png') 50% 50% no-repeat;}
.t-list-paylist .icon-logo-rxp {display:block; width:1.25rem; height:1.875rem; background:url('../images/icon-rxp.png') 50% 50% no-repeat;}
.t-list-paylist .icon-logo-eos {display:block; width:1.25rem; height:1.875rem; background:url('../images/icon-eos.png') 50% 50% no-repeat;}

.contents-question {flex-direction:column;}
.customer-list-area {display:block; width:100%; margin:0 auto;}
.customer-service {}
.customer-service-list {overflow:hidden;}
.customer-service-list p {cursor:pointer;}
.customer-service-list .customer-question-title {display:block; padding:0 1.5rem; height:58px; line-height:58px; color:#666666; font-size:1rem; font-weight:bold;    border:1px solid #e5e5e5; border-radius:0.313rem;}
.customer-service-list li {display:block; width:100%; overflow:hidden;}
.customer-service-list li+li {margin-top:0.625rem;}
.customer-service-list .customer-answer-area {}
.customer-service-list .customer-service-question {padding:1rem 2rem; min-height:11.25rem; line-height:1.875rem; color:#666666; font-size:0.875rem;  }
.customer-service-list .customer-service-answer {padding:1rem 2rem; min-height:11.25rem; line-height:1.875rem; color:#666666; font-size:0.875rem;   background-image:linear-gradient(to right, #e5e5e5 66%, rgba(255,255,255,0) 0%); background-position:top; background-size:8px 1px; background-repeat:repeat-x;}

.list-pageing {padding:0.75rem 0 1.125rem; text-align:center;}
.list-pageing li {display:inline-block;}
.list-pageing li+li+li {margin-left:0.625rem;}
.list-pageing a {display: inline-block; padding: 0 0.125rem; line-height: 1.25rem; text-align: center; color: #777; font-size: 0.825rem;   font-weight: bold; background-image: linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x; cursor:pointer;}
.list-pageing a+a {margin-left:0.5rem;}
.list-pageing a.on,
.list-pageing a:hover {color: #eea127; background-image: linear-gradient(to right, #eea127 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x;}
.list-pageing li.first,
.list-pageing li.last {display:none;}

/* asset area */
.contents-asset-area {display:flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; width:1600px; padding:70px 100px 100px; min-height:40rem; background-color:#fff; border-radius:0.313rem; margin:0 auto;}
.title-asset {line-height:46px; margin-bottom:50px;}
.title-asset h2 {display:inline-block;   font-size:2.25rem; color:#222; font-weight:normal; border-bottom:2px solid #cfcfcf;}
.asset-my-info-area {display:block; width:100%; overflow:hidden; margin-bottom:38px;}

.asset-my-info {display:inline-block; float:left; padding:47px 0 32px; width:940px; background: linear-gradient(#5ba8c5, #14849d); border-radius:1rem; margin-right:10px;}
.asset-my-info div {display:inline-block;}
.asset-my-info div:first-child {padding-left:76px; line-height:79px; color:#fff; font-size:36px;  }
.asset-my-info div+div {display:inline-block; float:right; padding-right:52px;   text-align:center;}
.asset-my-info div+div p:first-child {line-height:46px; color:#fff; font-size:3rem; font-weight:bold;}
.asset-my-info div+div p:last-child {color:#84b5c5; font-size:30px; font-weight:bold;}

.asset-my-usable {display:inline-block; float:left; padding:48px 0 38px; width:320px; background-color:#186e8f; border-radius:1rem; margin-right:10px;}
.asset-my-usable p {text-align:center;   font-weight:300;}
.asset-my-usable p:first-child {color:#fff; font-size:25px; margin-bottom:0.313rem;}
.asset-my-usable p:first-child span:last-child {font-size:20px;}
.asset-my-usable p:last-child {color:#5edccc; font-size:36px;   font-weight:bold;}

.asset-my-unusable {display:inline-block; float:left; padding:48px 0 38px; width:320px; background-color:#ebebeb; border-radius:1rem;}
.asset-my-unusable p {text-align:center;   font-weight:border;}
.asset-my-unusable p:first-child {color:#717171; font-size:25px; margin-bottom:0.313rem;}
.asset-my-unusable p:first-child span:last-child {font-size:20px;}
.asset-my-unusable p:last-child {color:#595959; font-size:36px;   font-weight:bold;}

.asset-token-list {padding:0 10px;}
.asset-token-list table {width:100%;   color:#666; transform:skew(-0.1deg);}
.asset-token-list th {height:62px; font-size:0.875rem; border-bottom:1px solid #e5e5e5;}
.asset-token-list td {height:92px; text-align:center; font-size:1rem; font-weight:bold; background-image: linear-gradient(to right, #e5e5e5 70%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 6px 1px; background-repeat: repeat-x;}
.asset-token-list td:first-child {padding-left:3rem; text-align:left;}
.asset-token-list td:first-child span span {line-height:28px; margin-left:1rem;}
.asset-token-list td:nth-child(3),
.asset-token-list td:nth-child(4) {color:#ef5350;}
.asset-token-list td .font-asset-blue {color:#26a69a ;}
.asset-token-list .btns-asset-list button {display:inline-block;   font-size:1rem; color:#666; font-weight:bold; transform:skew(-0.1deg); background:transparent; border:none; border-bottom:1px dotted #999999;}
.asset-token-list .btns-asset-list button+button {color:#26a69a; border-bottom-color:#26a69a; margin-left:2rem;}
.asset-token-list .btns-asset-list button:last-child {color:#ef5350; border-bottom-color:#ef5350;}

.contents-token-area {display:flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; width:1560px; padding:70px 120px 100px; min-height:40rem; background-color:#fff; border-radius:0.313rem; margin:0 auto;}
.contents-token-paragraph {display:flex; justify-content:space-between; }

.token-paragraph-info {width:820px;}
.token-my-info {display:block; margin-bottom:80px;}
.token-paragraph-m {display:none;}

.token-my-usdt {display:inline-block; padding:48px 0 48px 40px; width:360px; background:#78cfb4; border-radius:15px;}
.token-my-usdt .img-token-usdt {display:inline-block; width:76px; height:76px; background:url('../images/img-token-my-usdt.png') 50% 50% no-repeat;}
.token-my-usdt div+div {display:inline-block; padding:2px 0 0 8px; vertical-align:top;}
.token-my-usdt div+div p:first-child {line-height:30px; color:#08424e; font-size:26px;   font-weight:bold;}
.token-my-usdt div+div p:last-child {color:#fff; font-size:40px;   font-weight:bold;}
.token-my-usdt div+div p:last-child span:last-child {font-size:30px;}

.token-my-eth {display:inline-block; float:right; padding:48px 0 48px 40px; width:360px; background:#73d2ee; border-radius:15px;}
.token-my-eth .img-token-eth {display:inline-block; width:76px; height:76px; background:url('../images/img-token-my-eth.png') 50% 50% no-repeat;}
.token-my-eth div+div {display:inline-block; padding:2px 0 0 8px; vertical-align:top;}
.token-my-eth div+div p:first-child {line-height:30px; color:#08424e; font-size:30px;   font-weight:bold;}
.token-my-eth div+div p:last-child {color:#fff; font-size:40px;   font-weight:bold;}
.token-my-eth div+div p:last-child span:last-child {font-size:30px;}

.token-about-area li {padding-left:30px; overflow:hidden;}
.token-about-area li div {display:inline-block; float:left;}
.token-about-area li+li {margin-top:70px;}
.token-about-area li div:first-child {width:58px; height:58px; background:url('../images/img-token-about1.png') 50% 50% no-repeat ;}
.token-about-area li+li div:first-child {background:url('../images/img-token-about2.png') 50% 50% no-repeat ;}
.token-about-area li+li+li div:first-child {background:url('../images/img-token-about3.png') 50% 50% no-repeat ;}
.token-about-area li+li+li+li div:first-child {background:url('../images/img-token-about4.png') 50% 50% no-repeat ;}

.token-about-area li div+div {padding-left:30px;}
.token-about-area li div+div p {  font-size:30px;}
.token-about-area li div+div p:first-child {margin-bottom:0.25rem;}
.token-about-area li div+div p+p {color:#999999; font-size:1rem;}

.contents-token-paragraph .token-paragraph-ctn {padding:62px 62px 62px 68px; width:470px; border-radius:20px; box-shadow:0 0 15px 5px #f3f3f3;}
.token-change-line-paragraph+.token-change-line-paragraph {margin-top:42px;}
.token-change-title {color:#666666; font-size:1.5rem;   font-weight:bold; font-style:italic; margin-bottom:22px;}

.token-change-type {display:block; overflow:hidden;}
.token-change-type select {display:inline-block; float:left; padding-left:5%; width:42%; height:60px; color:#666666; font-size:1rem;   font-weight:bold; transform: skew(-0.1deg); border:1px solid #e5e5e5; background:url('../images/dot-list-token.png') 90% 50% no-repeat; border-radius:10px; appearance: none;}
.token-change-type span {display:inline-block; float:left; width:16%; height:60px; background:url('../images/dot-arr-token.png') 50% 50% no-repeat ;}

.token-line-detail {margin-bottom:12px;}
.token-line-detail p {padding-left:12px; color:#bcbcbc; font-size:1.125rem;   margin-bottom:2px;}
.token-line-detail div {display:block; padding:0 5%; width:89.56%; line-height:60px; border:1px solid #dddddd; background:#eeeeee; border-radius:10px;}
.token-line-detail div span {color:#666; font-size:1.125rem;   font-weight:bold;}

.token-line-detail .token-change-info {padding:12px 12px 0; font-size:0.875rem;   font-weight:400; transform: skew(-0.1deg);}
.token-line-detail .token-change-info .token-limit-num span:last-child {color:#00d6bf;}
.token-line-detail .token-change-info .token-pay-info {float:right;}
.token-line-detail .token-change-info .token-pay-info span:last-child {color:#00c6ff;}

.token-line-write {margin-bottom:12px;}
.token-line-write p:first-child {padding-left:12px; color:#bcbcbc; font-size:1.125rem;   margin-bottom:2px;}
.token-line-write div {display:block; padding:0 5%; width:89.56%; line-height:60px; border:1px solid #dddddd; border-radius:10px; overflow:hidden; margin-bottom:6px;}
.token-line-write div input {display:inline-block; float:left; width:92%; height:60px; color:#666; font-size:1.125rem;   font-weight:bold; border:none;}
.token-line-write div input.line-type-num::-webkit-outer-spin-button,
.token-line-write div input.line-type-num::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.token-line-write div button {display:inline-block; float:right; width:8%;  border:none; background:transparent; margin-top:22px;}
.token-line-write div button span {color:#ff0000; font-size:0.875rem;   font-weight:bold; border-bottom:1px dotted #f59999; transform: skew(-0.1deg);}

.btn-set-token {padding-top:20px;}
.btn-set-token button {display:inline-block; width:47%; height:70px; color:#fff; font-size:1.125rem;   font-weight:bold; text-align:center; background:#eea127; border-radius:10px; border:none;}
.btn-set-token button+button {float:right; color:#eea127; background:#000000;}

.token-line-gap {margin-bottom:42px;}

.token-send-title {color:#666666; font-size:1.5rem;   font-weight:bold; font-style:italic; margin-bottom:22px;}
.token-send-line {margin-bottom:2.5rem;}
.token-send-type {display:block; overflow:hidden; margin-bottom:12px;}
.token-send-type select {display:inline-block; padding-left:5%; width:99.6%; height:60px; color:#666666; font-size:1rem;   font-weight:bold; transform: skew(-0.1deg); border:1px solid #e5e5e5; background:url('../images/dot-list-token.png') 95% 50% no-repeat; border-radius:10px; appearance: none;}
.token-send-type input {display:inline-block; padding:0 5%; width:89.6%; height:60px; color:#666666; font-size:1.125rem;   font-weight:bold; white-space: nowrap; text-overflow: ellipsis; transform: skew(-0.1deg); border:1px solid #e5e5e5; border-radius:10px;}

.token-my-wallet {margin-bottom:12px;}
.token-my-wallet p {padding-left:12px; color:#bcbcbc; font-size:1.125rem;   margin-bottom:2px;}
.token-my-wallet .token-adr-wallet {display:block; padding:0 1.5% 0 5%; width:93.5%; border:1px solid #dddddd; background:#fff; border-radius:10px; overflow:hidden;}
.token-my-wallet .token-adr-wallet input {display:inline-block; width:70%; height:60px; line-height:60px; color:#666; font-size:1.125rem;   font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:transparent; border:none; resize: none;}
.token-my-wallet .token-adr-wallet input:focus {outline:none;}
.token-my-wallet .token-adr-wallet button {display:inline-block; float:right; width:25%; line-height:46px; text-align:center;   font-size:1.01rem; color:#fff; font-weight:bold; background:#eea127; border-radius:7px; border:none; margin-top:7px;}

.token-about-send-area li:first-child div:first-child {background:url('../images/img-token-about1-2.png') 50% 50% no-repeat ;}
.token-about-send-area li:nth-child(3) div:first-child {background:url('../images/img-token-about3-2.png') 50% 50% no-repeat ;}

.token-line-send-adr {margin-top:1rem;}
.token-line-send-adr p {padding-left:12px; color:#bcbcbc; font-size:1.125rem;   margin-bottom:2px;}
.token-line-send-adr .btn-token-check {text-align:center; margin-top:1rem;}
.token-line-send-adr .btn-token-check button {display:inline-block; color:#00c6ff; font-size:1.125rem;   font-weight:bold; background:transparent; border:none; border-bottom:1px dotted #00c6ff;}
.token-line-send-adr .token-sub-wallet {font-size:0.875rem; color:#ccc;   font-weight:bold; transform:skew(-0.1deg); margin:0.313rem 0 0;}

.token-line-wallet {margin-bottom:12px;}
.token-line-wallet p {padding-left:12px; color:#bcbcbc; font-size:1.125rem;   margin-bottom:2px;}
.token-line-wallet .token-adr-wallet {display:block; padding:0 5%; width:90%; border:1px solid #dddddd; background:#fff; border-radius:10px; overflow:hidden;}
.token-line-wallet .token-adr-wallet input {display:block; width:100%; height:60px; line-height:60px; color:#666; font-size:1.125rem;   font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:transparent; border:none; resize: none;}
.token-line-wallet .token-adr-wallet input:focus {outline:none;}
.token-line-wallet .token-sub-wallet {font-size:0.875rem; color:#ccc;   font-weight:bold; transform:skew(-0.1deg); margin:0.313rem 0 0;}

.token-line-wallet .wallet-qr-code {display:inline-block; float:right; padding-right:10px; width:150px; height:150px;}
.token-line-wallet .wallet-qr-code canvas {filter:grayscale(1) invert(0.5);}

.token-limit-info {padding:12px 12px 0; font-size:0.875rem !important;   font-weight:400; transform: skew(-0.1deg);}
.token-limit-info .token-limit-num span:last-child {color:#00d6bf;}
.token-limit-info .token-pay-info {float:right;}
.token-limit-info .token-pay-info span:last-child {color:#00c6ff;}

.search-token-history {margin-bottom:28px;}
.search-token-history select {display:inline-block; float:left; padding-left:20px; width:180px; height:58px; color:#666666; font-size:1rem;   font-weight:bold; transform: skew(-0.1deg); border:1px solid #e5e5e5; background:url('../images/dot-list-token.png') 90% 50% no-repeat; border-radius:10px; appearance: none;}
.search-token-history select:first-child {margin-right:22px;}
.search-token-history input {display:inline-block; float:left; width:200px; height:58px; color:#666666; font-size:1rem; text-align:center;   font-weight:bold; transform: skew(-0.1deg); border:1px solid #e5e5e5;border-radius:10px;}
.search-token-history span {display:inline-block; float:left; width:28px; line-height:60px; text-align:center;   font-weight:bold; color:#666; font-size:1.125rem;}
.search-token-history button {display:inline-block; float:left; width:170px; height:60px; line-height:60px; text-align:center;   font-weight:bold; color:#fff; font-size:1.125rem; background:#00c6ff; border:none; border-radius:10px; margin-left:22px;}

.asset-token-history {padding:0;}
.asset-token-history table {width:100%;   color:#666; transform:skew(-0.1deg);}
.asset-token-history th {height:62px; font-size:0.875rem; border-bottom:1px solid #e5e5e5;}
.asset-token-history td {height:92px; text-align:center; font-size:1rem; font-weight:bold; background-image: linear-gradient(to right, #e5e5e5 70%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 6px 1px; background-repeat: repeat-x;}
.asset-token-history td:first-child p {line-height:22px;}
.asset-token-history td .history-token-type {display:inline-block; width:76px; vertical-align:top;}
.asset-token-history td .history-token-type span {display:inline-block; line-height:28px; margin-left:0.125rem;}
.asset-token-history td .history-token-arr {display:inline-block; width:2.5rem; height:28px; background:url('../images/icon-arrow-type.png') 50% 50% no-repeat; vertical-align:top;}

.asset-token-history td.history-token-red span {display:inline-block; line-height:28px; color:#ef5350;}
.asset-token-history td.history-token-red .history-token-arr {background:url('../images/icon-arrow-red.png') 50% 50% no-repeat;}
.asset-token-history td.history-token-blue span {color:#54a3c0;}

/* about page */
.page-about {background:#fff;}

.page-about .area-user-info {display:none;}
.bitbulls-visual-area {background:url('../images/about/img-coin-btm.png') 50% bottom no-repeat, url('../images/about/bg-about.png') 50% top repeat-x;}
.bitbulls-visual-case {position:relative; display:block; padding:0 100px; width:1200px; height:896px; background:url('../images/about/img-bit-coin.png') 95% 20% no-repeat, url('../images/about/img-bulls-cow.png') left 75% no-repeat; margin:0 auto;}
.bitbulls-txt-area {position:absolute; top:66px; left:100px; text-transform:uppercase;}
.bitbulls-txt-area .bitbulls-about-title {line-height:90px; font-size:110px; color:#000; font-family:'Helvetica Neue HvCn';}
.bitbulls-txt-area .bitbulls-about-sub {padding-left:0.313rem; line-height:60px; font-size:76px; color:#fff; font-family:'Helvetica Neue HvCn';}
.btns-bitbulls {position:absolute; bottom:178px; right:110px; overflow:hidden;}
.btns-bitbulls button {display:inline-block; float:left; width:240px; height:80px; color:#00c6ff; font-size:30px; font-family:'Helvetica Neue HvCn'; background:#000; border:none; border-radius:0.75rem;}
.btns-bitbulls button+button {color:#fff; background:#00c6ff; margin-left:30px;}

.price-about-area {padding:66px 0 114px; background:#fff;}
.price-about-case {display:block; width:1200px; margin:0 auto;}
.price-about-title {font-size:70px; color:#002045; text-align:center; font-family:'Helvetica Neue HvCn'; text-transform:uppercase; margin-bottom:1.5rem;}
.price-about-th {display:block; width:100%; line-height:60px; background:#adc7cf; border-radius:10px; overflow:hidden; margin-bottom:20px;}
.price-about-th span {display:inline-block; width:286px; float:left; color:#fff; font-size:18px; text-align:center; font-family:'Helvetica Neue HvCn'; text-transform:uppercase;}
.price-about-th span+span {width:164px;}
.price-about-th span+span+span+span+span {width:210px;}
.price-about-list li {display:block; padding:32px 0; width:1198px; border:1px solid #eeeeee; border-radius:15px; overflow:hidden;}
.price-about-list li+li {margin-top:10px;}
.price-about-list li .price-list-type {display:inline-block; float:left; padding-left:32px; width:418px; text-align:center;}
.price-about-list li .price-list-type img,
.price-about-list li .price-list-type div {display:inline-block; float:left;}
.price-about-list li .price-list-type .price-type-mode-change img+img {display:none;}
.price-about-list li .price-list-type .price-coin-type {padding:7px 0 7px 1rem; line-height:1.315rem; font-size:1.5rem; color:#cacaca; text-align:left; font-family:'Helvetica Neue HvCn';}
.price-about-list li .price-list-type .price-coin-type p:first-child {line-height:30px; color:#000; font-size:34px;}
.price-about-list li .price-list-type .price-coin-price {float:right; width:164px; line-height:65px; color:#4078b2; font-size:30px; font-family:'Helvetica Neue HvCn';}

.price-about-list li .price-list-data {display:inline-block; float:left;}
.price-about-list li .price-list-data div {display:inline-block; float:left;}
.price-about-list li .price-list-data div p:first-child {display:none;}
.price-about-list li .price-list-data .price-list-change {width:164px; line-height:65px; text-align:center; font-size:30px; font-family:'Helvetica Neue HvCn';}
.price-about-list li .price-list-data .icon-price-num {display:inline-block; width:15px; height:22px;}
.price-about-list li .price-list-data .price-list-up {color:#ff3161;}
.price-about-list li .price-list-data .price-list-up .icon-price-num {background:url('../images/about/icon-price-up.png') 50% 50% no-repeat}
.price-about-list li .price-list-data .price-list-down {color:#4078b2;}
.price-about-list li .price-list-data .price-list-down .icon-price-num {background:url('../images/about/icon-price-down.png') 50% 50% no-repeat}
.price-about-list li .price-list-data .price-list-dollar {width:210px; line-height:66px; color:#000; text-align:center; font-size:1.5rem; font-family:'Helvetica Neue HvCn';}

.about-feature-area {padding:80px 0; background:#eff4f6;}
.about-feature-case {display:block; width:1200px; margin:0 auto;}
.about-feature-title {font-size:70px; color:#002045; text-align:center; font-family:'Helvetica Neue HvCn'; text-transform:uppercase; margin-bottom:1.5rem;}
.about-feature-list {display:block; padding:0 15px; margin:0 auto; overflow:hidden;}
.about-feature-list li {display:inline-block; float:left; padding:34px 36px; width:288px; background:#fff; border-radius:30px;}
.about-feature-list li+li {margin-left:45px;}
.about-feature-list .img-feature {text-align:center; margin-bottom:30px;}
.about-feature-list .title-feature {text-align:center; color:#002045; font-size:34px; font-weight:bold;   margin-bottom:30px;}
.about-feature-list .txt-feature {line-height:24px; color:#999; font-size:16px; font-weight:bold;   transform: skew(-0.1deg);}

.about-company-area {padding:40px 0; background:#f6f6f6;}
.about-company-area ul {display:block; width:1200px; margin:0 auto; overflow:hidden;}
.about-company-area li {display:inline-block; float:left; width:33.33%; text-align:center;}
.about-company-area li+li+li+li {margin-top:30px;}
.about-company-area .company-mode img+img {display:none;}

/* USDT Notice*/
.join-write-area .line-usdt-info {margin-bottom:0.313rem;}
.notice-usdt-txt {display:block; width:90%; margin:0 auto 1.5rem;;}
.notice-usdt-txt p {padding-left: 0.313rem; line-height: 1.875rem; font-size: 0.875rem; color: #999;   font-weight: bold; transform:skew(-0.1deg);}
.notice-usdt-txt li {padding-left: 0.5rem; line-height: 1rem; font-size: 0.75rem; color: #777;   font-weight: bold; transform:skew(-0.1deg);}

.token-send-line .notice-usdt-txt {padding-left:10px; width:auto;}
.token-send-line .notice-usdt-txt p {font-size:1.125rem; margin-bottom:0.313rem;}
.token-send-line .notice-usdt-txt li {font-size:0.875rem; color:#999;}
.token-send-line .notice-usdt-txt li span {display:inline-block; width:0.625rem;}

/* modal css add */
.layer-btn-close {padding:2.125rem 0 1.375rem; text-align:center; border-top:1px solid #e5e5e5;}
.layer-btn-close .close-area {display:inline-block; float:none; padding:0; width:11rem; height:3.125rem; line-height:3.125rem; color:#fff; font-weight:bold;   font-weight:bold; text-shadow:none; background:#eea127; border:0; border-radius:0.625rem; cursor:pointer;}

.layer-close-area {display:block; width:100%; height:3.75rem; line-height:3.75rem; text-align:center; background:#f6f4f0;  border-radius:0 0 0.313rem 0.313rem; overflow:hidden;}
.layer-close-area .close-area {float:none; padding:0 0.125rem; line-height:1.5rem; color:#777; font-size:1.125rem;   font-weight:bold; background-color:transparent; background-image: linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x; border:none; cursor:pointer;}
.layer-close-area .close-area:hover {color:#ff3430; background-image: linear-gradient(to right, #ff3430 50%, rgba(255,255,255,0) 0%);}

/* modal base */
.modals {background-color:rgba(0,0,0,.9) !important;}
.modal {position:relative; padding:0; border-radius:0.313rem !important; overflow:inherit !important;}
.modal-header {padding:0 !important; width:auto !important; line-height: 4.375rem; text-align: left; margin: 0 1.875rem; border:none !important;}
.modal-header h2 {display:inline-block; color:#999;}
.modal-header span {padding-bottom: 0.313rem; font-size: 1.5rem;   font-weight: bold; color: #eea127; border-bottom: 1px solid #cccccc;}
.modal-close {top:-2.188rem !important; right:0 !important; width:1.875rem !important; height:1.875rem !important; background:url('../images/btm-modal-close.png') 50% 50% no-repeat #fff !important; border-radius:0.188rem; opacity:1 !important; margin:0 !important}
.modal-close:hover {background:url('../images/btm-modal-close-over.png') 50% 50% no-repeat #fff !important;}
.modals-shown {flex-direction:column;}

.modal-sub-txt {line-height:2rem; text-align:center; margin: 0 1.875rem; background-color:#f6f4f0; border-radius:0.313rem;}
.modal-sub-txt span {  font-weight: bold; color:#999; transform:skew(-0.1deg);}
.modal-sub-txt span span {color:#ff3430;}

.modal-content {padding: 1rem 0 !important; height:auto; line-height:3rem; text-align:center; color: #999999; font-size: 1rem;   transform:skew(-0.1deg);}
.modal-content .modal-sub-txt {line-height:4rem;}

.modal-btn-close {padding: 2.125rem 0 1.375rem; text-align: center; background-image:linear-gradient(to right, #e5e5e5 66%, rgba(255,255,255,0) 0%); background-position:top; background-size:8px 1px; background-repeat:repeat-x;}
.modal-btn-close button {display: inline-block; float: none; padding: 0; width: 11rem; height: 3.125rem; line-height: 3.125rem; font-size:1.125rem; color: #fff;   font-weight: bold; text-shadow: none; background: #a9a9a9; border: 0; border-radius: 0.625rem; cursor:pointer;}

.layer-setbtn-area {display:block; width:100%; height:3.75rem; line-height:3.75rem; text-align:center; background:#f4f4f4;  border-radius:0 0 0.313rem 0.313rem; overflow:hidden;}
.layer-setbtn-area button {float:none; padding:0 0.125rem; line-height:1.5rem; color:#777; font-size:1.125rem;   font-weight:bold; background-color:transparent; background-image: linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x; border:none; cursor:pointer;}
.layer-setbtn-area button:first-child {color:#eea127; background-image: linear-gradient(to right, #eea127 50%, rgba(255,255,255,0) 0%); margin-right:1rem;}

.modal-order-over {height:auto; background-color:#fff;}
.modal-order-over .modal-order-txt {line-height:3rem; text-align:center; color: #999999; font-size: 1.125rem;   font-weight:bold; margin-bottom:0.625rem; background-color:#f8f6f0;}
.modal-order-over .modal-order-txt span {color:#ff3430;}

.modal-limit-over {background-color:#f8f6f0; border-radius:0.313rem;}
.modal-limit-over p {text-align:left; padding:0 1rem; line-height:3rem; font-size:1.125rem; color:#333; font-weight:bold;  }
.modal-limit-over p span:last-child {float:right; color:#999999;}
.modal-limit-over p+p {background-image:linear-gradient(to right, #ccc 66%, rgba(255,255,255,0) 0%); background-position:top; background-size:2px 1px; background-repeat:repeat-x; overflow:hidden;}

.modal-order-check {background-color:#f8f6f0; border-radius:0.313rem;}
.modal-order-check p {text-align:left; padding:0 1rem; line-height:3rem; font-size:0.875rem; color:#333; font-weight:bold;  }
.modal-order-check p span:last-child {float:right; color:#999999;}

.modal-small {max-width:560px !important;}
.modal-content {padding:0 0 1.125rem !important;}

.modal-overlay {position:fixed !important;}
.jc-bs3-container {width:40%; margin:0 auto;}

#modal_withdraw.modal-overlay {overflow-y:auto; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; flex-direction: column; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); z-index:100;}
#modal_withdraw .modal-window {top:0; width:600px; height:auto; padding:0; background:#fff; border-radius:0.313rem; box-shadow:0 0 15px 0 rgb(51 51 51 / 15%);}
#modal_withdraw .layer-withdraw-title {margin:0 1.875rem; line-height:4.375rem; text-align:left; font-size:1.5rem;   font-weight:bold;}
#modal_withdraw .layer-withdraw-title p {display:inline-block;}
#modal_withdraw .layer-withdraw-title span {padding-bottom:0.313rem; color:#666; border-bottom:1px solid #cccccc}
#modal_withdraw .layer-withdraw-title span span {padding:0; color:#eea127; border:none;}

#modal_withdraw .layer-withdraw-tabs {display:block; margin:0 1.875rem; background-image:linear-gradient(to right, #ccc 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:1px 1px; background-repeat:repeat-x; overflow:hidden;}
#modal_withdraw .layer-withdraw-tabs li {display:inline-block; float:left;}
#modal_withdraw .layer-withdraw-tabs li a {display:block; padding:0 0.875rem; height:2.688rem; line-height:2.688rem; color:#999;   font-weight:bold; border-bottom:1px solid transparent;}
#modal_withdraw .layer-withdraw-tabs li.on a,
#modal_withdraw .layer-withdraw-tabs li:hover a {color:#eea127; border-bottom:1px solid #eea127;}

/* withdraw left */
#modal_withdraw .layer-withdraw-content {display:flex; padding:1.875rem; overflow:hidden;}
#modal_withdraw .layer-withdraw-list {width:56%;}
#modal_withdraw .layer-withdraw-in {display:block; padding:4%; background-color:#f6f4f0; border-radius:0.188rem;}
#modal_withdraw .layer-withdraw-info {padding-bottom:0.5rem; background-image: linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x;}
#modal_withdraw .layer-withdraw-info div {padding:0 0.875rem; line-height:2.5rem; color:#999;   font-weight:bold;}
#modal_withdraw .layer-withdraw-info div .layer-withdraw-money {float:right;}
#modal_withdraw .layer-withdraw-info div .layer-withdraw-money span:first-child {color:#444;}

#modal_withdraw .layer-withdraw-set {display:block; padding:0.875rem 0.875rem;   font-weight:bold; overflow:hidden;}
#modal_withdraw .layer-withdraw-set div {overflow:hidden;}
#modal_withdraw .layer-withdraw-set div+div {margin-top:0.625rem;}
#modal_withdraw .layer-withdraw-set span {display:inline-block; padding-right:6%; width:24%; line-height:2.5rem; float:left; text-align:right; color:#999;}
#modal_withdraw .layer-withdraw-set input {display:inline-block; float:right; padding:0 3%; width:64%; height:2.5rem; text-align:right;    font-weight:bold; background:#fff; border-radius:0.188rem; border:none;}
#modal_withdraw .layer-withdraw-set div+div span {line-height:8.128rem;}
#modal_withdraw .layer-withdraw-set textarea {display:inline-block; float:right; padding:3% 3%; width:64%; height:8.128rem;    font-weight:bold; background:#fff; border-radius:0.188rem; border:none;}

#modal_withdraw .layer-btn-request {display:block; width:100%; text-align:center; margin-top:1.25rem;}
#modal_withdraw .btn-withdraw-request {display:inline-block; width:50%; height:3.125rem; line-height:3.125rem; color:#fff; font-size:1.125rem; font-weight:bold;   font-weight:bold; background:#eea127; border:0; border-radius:0.313rem; cursor:pointer;}

#modal_withdraw .layer-withdraw-qr {padding:0 2% 0 5%; width:37%; text-align:center;}
#modal_withdraw .layer-withdraw-qr p {line-height:2.5rem; color:#666; text-align:center;   font-weight:bold;}
#modal_withdraw .layer-withdraw-qr .box-withdraw-qr {display:block; width:136px; margin:0 auto;}
#modal_withdraw .layer-withdraw-qr canvas {width:100%;}
#modal_withdraw .layer-copy-line {text-align:center; margin-top:1rem;}
#modal_withdraw .layer-btn-copy {display:inline-block; width:60%; height:2.5rem; line-height:2.5rem; color:#eea127;   font-weight:bold; font-size:1rem; text-align:center; background:#f6f4f0; border:none; border-radius:0.313rem;}
#modal_withdraw .layer-btn-copy:hover {color:#fff; background:#eea127;}

#modal_withdraw .layer-copy-line span {display:inline-block; width:80%; font-size:0.75rem; color:#666;   font-weight:bold; word-break:break-all;}

#modal_withdraw .layer-withdraw-record {flex-direction:column;}
#modal_withdraw .layer-withdraw-serach {text-align:center; margin-bottom:1rem;}
#modal_withdraw .layer-withdraw-serach .layer-withdraw-sel {display:inline-block; padding:0 0.5rem; width:6rem; height:2.188rem; color:#666; background:url('../images/icon-down-select.png') 82% 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance : none; border:1px solid #e5e5e5; border-radius:0.313rem; vertical-align:top;}
#modal_withdraw .layer-withdraw-serach .btn-search-area {width:6.5rem;}
#modal_withdraw .layer-withdraw-history .layer-list-base th,
#modal_withdraw .layer-withdraw-history .layer-list-base td {height:2.5rem;}
#modal_withdraw .layer-withdraw-history .layer-list-base th {color:#999; background-color:#f6f4f0;}
#modal_withdraw .layer-withdraw-history .layer-list-base td {font-weight:normal;}
#modal_withdraw .layer-withdraw-history .layer-list-base span {font-weight:bold;}
#modal_withdraw .layer-withdraw-history {background-color:#f8f8f8; border-radius:0.125rem;}
#modal_withdraw .layer-withdraw-history::-webkit-scrollbar{width:0.313rem;}
#modal_withdraw .layer-withdraw-history::-webkit-scrollbar-track {background-color:#f8f8f8;}
#modal_withdraw .layer-withdraw-history::-webkit-scrollbar-thumb {background-color:#ccc;}


/* clear */
#modal_clear.modal-overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; flex-direction: column; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.18); z-index:10;}
#modal_clear .modal-window {background: rgba( 69, 139, 197, 0.70 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 13.5px ); -webkit-backdrop-filter: blur( 13.5px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); width: 400px; height: 500px; position: relative; top: -100px; padding: 10px;}

#modal_clear .content {margin-top: 20px; padding: 0px 10px; text-shadow: 1px 1px 2px gray; color: white;}
#modal_clear .modal-window {top:0; width:440px; height:auto; padding:0; background:#fff; border-radius:0.313rem;; box-shadow:0 0 15px 0 rgb(51 51 51 / 15%); border:none;}

#modal_clear .layer-order-title {margin:0 1.875rem; line-height:4.375rem; text-align:left; font-size:1.5rem;   font-weight:bold;}
#modal_clear .layer-order-title p {display:inline-block;}
#modal_clear .layer-order-title span {padding-bottom:0.313rem; color:#666; border-bottom:1px solid #cccccc}
#modal_clear .layer-order-title span span {padding:0; border:none;}

#modal_clear .layer-order-content {padding:0.5rem 0;   background:#f4f4f4; border-radius:0.313rem; margin:0 1.875rem 1.875rem}
#modal_clear .layer-order-info {width:100%; font-size:0.875rem;}
#modal_clear .layer-order-info th {width:30%; height:2.5rem; color:#999; font-weight:bold;}
#modal_clear .layer-order-info td {padding-right:1.5rem; text-align:right; color:#666;}
#modal_clear .layer-order-info input {float:right; padding:0 0.5rem; height:2rem; text-align:right; color:#333; font-size:0.875rem;   background-color:transparent; border:1px solid transparent; border-radius:3px; cursor:pointer;}
#modal_clear .layer-order-info input:hover {background:#fff;}
#modal_clear .layer-order-info input:focus {background:#fff; border-bottom:1px solid #ccc;}
#modal_clear .layer-order-info td.layer-order-calcamount {padding-right:1rem;}
#modal_clear .layer-order-info td.layer-order-percent {text-align:right;}
#modal_clear .layer-order-info .layer-order-percent a {display: inline-block; line-height: 1.25rem; text-align: center; color: #777; font-size: 0.825rem;   font-weight: bold; background-image: linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x;}
#modal_clear .layer-order-info .layer-order-percent a+a {margin-left:0.625rem;}
#modal_clear .layer-order-info .layer-order-percent a.on,
#modal_clear .layer-order-info .layer-order-percent a:hover {color: #eea127; background-image: linear-gradient(to right, #eea127 50%, rgba(255,255,255,0) 0%);}
#modal_clear .layer-order-info .layer-order-type {padding-left:1.5rem;}
#modal_clear .layer-order-info .set-order-type {display:inline-block; float:left;}
#modal_clear .layer-order-info .set-order-type button {display:inline-block; float:left; width:4rem; height:2rem; line-height:2rem; color:#fff;   font-size:0.875rem; font-weight:bold; background:#dddddd; border:none; border-radius:3px 0 0 3px;}
#modal_clear .layer-order-info .set-order-type button+button {border-radius:0 3px 3px 0;}
#modal_clear .layer-order-info .set-order-type button.set-order-check {background-color:#10a9d5;}

/* notice */
#modal_notice.modal-overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; flex-direction: column; align-items: center; justify-content: center; background: rgb(60 60 60 / 75%); -webkit-backdrop-filter: blur(1.5px); z-index:100;}
#modal_notice .modal-window {top:0; width:860px; height:auto; background:#fff; border-radius:0.313rem 0.313rem 0 0; box-shadow:none;}
#modal_notice .layer-notice-title { margin:0 1.875rem; line-height:4.375rem; text-align:left;}
#modal_notice .layer-notice-title span {padding-bottom:0.313rem; font-size:1.5rem;   font-weight:bold; color:#eea127; border-bottom:1px solid #cccccc}
#modal_notice .layer-notice-content {display:block; padding:0 1.875rem;}
#modal_notice .notice-answer-view {display:block;}
#modal_notice .notice-answer-close {display:none;}
#modal_notice .layer-notice-list {overflow:hidden;}
#modal_notice .layer-notice-list p {background-color:#f7f7f7; background-image:linear-gradient(to right, #e1e1e1 50%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:4px 1px; background-repeat:repeat-x; cursor:pointer;}
#modal_notice .layer-notice-list p span {float:right;}
#modal_notice .layer-notice-list .layer-notice-question {padding:0 2rem; line-height:3.688rem; color:#666666; font-size:0.875rem;   font-weight:bold; cursor:pointer;}
#modal_notice .layer-notice-list .layer-notice-answer {padding:1rem 2rem; line-height:1.875rem; color:#666666; font-size:0.875rem;   background:#ebebeb; border-top:1px solid #f7f7f7;}

.modal-stoploss-area {max-width:740px !important;}

.t-stoploss {margin:0.313rem 1.875rem 0;}
.t-stoploss table {width:100%; background:#f6f4f0;}
.t-stoploss table th,
.t-stoploss table td {height:3rem;}
.t-stoploss table th {width:16%; color:#b0b0b0;}
.t-stoploss table th:nth-child(4) {border-left:3px solid #f6f4f0}
.t-stoploss table th label {display:inline-block; font-size:0.875rem;   font-weight:bold; cursor:pointer;}
.t-stoploss table th input[type="checkbox"] {display:none;}
.t-stoploss table th input[type="checkbox"] + .icon-checkbox {display:inline-block; width:1.125rem; height:1.125rem; line-height:1.125rem; background:url('../images/icon-stoploss-gray.png') 50% 50% no-repeat; margin-left:0.313rem; vertical-align:text-bottom;}
.t-stoploss table th input[type="checkbox"]:checked + .icon-checkbox {background:url('../images/icon-stoploss-green.png') 50% 50% no-repeat;}
.t-stoploss table th+td+th input[type="checkbox"]:checked + .icon-checkbox {background:url('../images/icon-stoploss-red.png') 50% 50% no-repeat;}

.t-stoploss table td {padding-right:2%; width:30%;}
.t-stoploss table td .limit-stoploss-box {padding-bottom:0.125rem; line-height:1.875rem; width:100%; font-size:1rem; color:#666; text-align:center;    font-weight:bold; border:none; border-radius:0.125rem; cursor:pointer;}
.t-stoploss table td .limit-stoploss-box:hover {background-color:none;}
.t-stoploss table td .limit-stoploss-box:focus {padding-bottom:0; line-height:2rem; background-color:none; border-bottom:1px solid none;}
.t-stoploss table td .limit-stoploss-box {transform:skew(-0.1deg);}
.t-stoploss table td .limit-stoploss-box::placeholder {padding-bottom:0.125rem; line-height:1.875rem; font-size:0.825rem; color:#b0b0b0;}

.t-stoploss table .btn-order-stoploss th,
.t-stoploss table .btn-order-stoploss td {height:0.875rem; line-height:0.875rem; padding-bottom:0.875rem;}

.line-guage-stoploss-area {display:block; margin-bottom:0.75rem;}
.line-guage-stoploss {position:relative; display:block; padding:0.25rem 0% 0.325rem; margin:0 3%;}
.line-guage-stoploss input {width:100%;}

.line-guage-stoploss .bar3 {position: absolute; z-index: 1; left:0; top: 8px; width: 100%; height: 1px; background-color: #e9e9e9;}
.line-guage-stoploss .bar3 .fill3 {display: block; width: 0; height: 3px; background-color: #eea127; margin-top:-1px; border-radius:10in;}
.line-guage-stoploss .bar4 {position: absolute; z-index: 1; left:0; top: 8px; width: 100%; height: 1px; background-color: #e9e9e9;}
.line-guage-stoploss .bar4 .fill4 {display: block; width: 0; height: 3px; background-color: #eea127; margin-top:-1px; border-radius:10in;}
.line-guage-stoploss .slider {position: relative; z-index: 2; -webkit-appearance: none; width: 100%; height: 10px; border-radius: 5px; outline: none; background-color: transparent; border:none;}
.line-guage-stoploss .slider::-webkit-slider-thumb {-webkit-appearance: none; width: 0.625rem; height: 0.625rem; background-color: #eea127; border-radius: 50%; cursor: pointer; outline: none; box-shadow: 0 0 0 3px #eea12750; transition: .3s ease-in-out;}

.line-guage-stoploss-area .guage-paragraph {display:block; text-align:center; overflow:hidden;}
.line-guage-stoploss-area .guage-paragraph button {display:inline-block; float:left; color:#777; font-size:0.75rem; text-align:center; background:transparent; border:none;}
.line-guage-stoploss-area .guage-paragraph button:first-child {padding-left:1%; width:20%; text-align:left;}
.line-guage-stoploss-area .guage-paragraph button:nth-child(2) {padding-right:5%; width:20%;}
.line-guage-stoploss-area .guage-paragraph button:nth-child(3) {width:20%;}
.line-guage-stoploss-area .guage-paragraph button:nth-child(4) {padding-left:5%; width:20%;}
.line-guage-stoploss-area .guage-paragraph button:last-child {width:20%; text-align:right;}
.line-guage-stoploss-area .guage-paragraph button.on,
.line-guage-stoploss-area .guage-paragraph button:hover {color:#eea127;}

/* usdt notice */
.modals-notice-usdt {flex-direction:column;}
.modal-notice-usdt {display:block !important; max-width:760px !important;}
.modal-usdt-txt {padding:1rem 1.125rem;}
.modal-usdt-txt li {line-height:1.875rem; text-align:left; transform:skew(-0.1deg);}

.layer-close-today {position:absolute; bottom:-1.875rem;  display:block; padding:0 2%; width:100%; max-width:760px; text-align:right; margin-top:0.875rem;}
.layer-close-today label {color:#999; font-size:0.875rem; font-weight:bold;   cursor:pointer;}
.layer-close-today label input {display:inline-block; }
.layer-close-today label span {display:inline-block; vertical-align:top; transform:skew(-0.1deg);}

/* guide */
.modal-guide {max-width:100% !important; width:57rem !important;}
.tabs-guide {display:block; margin:0 1.875rem; background-image:linear-gradient(to right, #ccc 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:1px 1px; background-repeat:repeat-x;}
.tabs-guide li {display:inline-block; float:left;}
.tabs-guide li a {display:block; padding:0 0.875rem; height:2.688rem; line-height:2.688rem; color:#999;   font-weight:bold; border-bottom:1px solid transparent;}
.tabs-guide li.on a,
.tabs-guide li:hover a {color:#eea127; border-bottom:1px solid #eea127;}
.modal-guide-area {padding:0 1rem 0; height:40rem; background:#f6f4f0; border:2rem solid #f8f4f0; border-left:none; border-right:none;; border-radius:0.313rem; overflow-y:scroll; margin:1.875rem;}
.modal-guide-area::-webkit-scrollbar{width:0.313rem;}
.modal-guide-area::-webkit-scrollbar-track {background-color:#f8f8f8;}
.modal-guide-area::-webkit-scrollbar-thumb {background-color:#ccc;}
.modal-guide-area .guide-warning {color:#d71818;}
.modal-guide-area img {display:block; border:3px solid #e9e9e9; margin:0 auto 2rem;;}

.guide-join-member .guide-step {padding-bottom:2.65rem; background-image:linear-gradient(to right, #e1e1e1 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:8px 1px; background-repeat:repeat-x;}
.guide-join-member .guide-step+.guide-step {padding-top:1.65rem;}
.guide-join-member li {padding-left:1.775rem; line-height:1.5rem;color:#222222; font-size:1.125rem;   }
.guide-join-member li+li {margin-top:0.675rem;}
.guide-join-member li p+p {padding-left:1.125rem;}

.guide-withdraw {padding-top:2rem;}
.guide-withdraw .guide-step {padding-bottom:2.65rem; background-image:linear-gradient(to right, #e1e1e1 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:8px 1px; background-repeat:repeat-x;}
.guide-withdraw .guide-step+.guide-step {padding-top:1.65rem;}
.guide-withdraw .guide-step-title {color:#222222; font-size:1.5rem;   font-weight:bold; margin-bottom:0.875rem;}
.guide-withdraw li {padding-left:1.775rem; line-height:1.5rem; color:#222222; font-size:1.125rem;   }
.guide-withdraw li+li {margin-top:0.575rem;}
.guide-withdraw li.guide-warning {margin-top:1rem;}

.guide-trem {padding-top:2rem;}
.guide-term .guide-step {padding-bottom:2.65rem; background-image:linear-gradient(to right, #e1e1e1 66%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:8px 1px; background-repeat:repeat-x;}
.guide-term .guide-step+.guide-step {padding-top:1.65rem;}
.guide-term .guide-step:last-child {background:none;}
.guide-term .guide-step-title {color:#222222; font-size:1.5rem;   font-weight:bold; margin-bottom:0.875rem;}
.guide-term .guide-title-sub {color:#f39200; margin-bottom:0.5rem;}
.guide-term li {padding-left:1.775rem; line-height:1.5rem; color:#666666; font-size:1.125rem;  }
.guide-term li+li {margin-top:0.675rem;}
.guide-term li.guide-warning {margin-top:1rem;}

.guide-term .guide-line-sub {margin:auto;}

/* freemoney */
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {padding:0 !important}
.swal2-container.swal2-center>.swal2-popup {padding:1rem 1rem 2rem; width:auto !important}
.swal2-title {  font-size:2.25rem !important;}
.swal2-html-container {  color:#666 !important; transform:scale(-0.1deg);}
.swal2-icon.swal2-success [class^=swal2-success-line] {background-color:#4acc00 !important}
.swal2-icon.swal2-success .swal2-success-ring {border-color:#4acc00 !important}
.swal2-styled.swal2-confirm {background-color:#eea127 !important; box-shadow:none !important}
.swal2-icon.swal2-error {border-color:#ef5350 !important;}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {background-color:#ef5350 !important}

/* motest alert */
.swal2-icon.swal2-info {color:#ef5350 !important; border-color:#ef5350 !important;}
.title-sub-txt {font-size:1.25rem;   margin-bottom:2rem;}
.pop-ctn-introduction {padding:1.325rem 1.625rem; line-height:2rem; text-align:left;   font-size:1.25rem; background:#f6f4f0; border-radius:0.875rem; margin-bottom:2rem;}
.pop-ctn-warning {color:#ef5350 !important; font-weight:bold;   font-size:1.312rem;}

/* ------------------------ Dark Mode ----------------------------- */
.page-mode-dark {background:#111;}

/* Login */
.page-mode-dark .btn-mode-light {color:#999;}
.page-mode-dark .btn-mode-light .icon-mode-light {background:url('../images/icon-mode-light.png') 50% 50% no-repeat;}
.page-mode-dark .btn-mode-dark {color:#eea127;}
.page-mode-dark .btn-mode-dark .icon-mode-night {background:url('../images/icon-mode-dark-on.png') 50% 50% no-repeat;}

.page-mode-dark .login-area {background-color:#1c1c1c;}
.page-mode-dark .login-area .login-title {background-image:linear-gradient(to right, #747474 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .login-area .login-title h2 {background:url('../images/title-login-dark.png') left 50% no-repeat; background-size:contain;}
.page-mode-dark .login-area .login-id p,
.page-mode-dark .login-area .login-pw p {color:#fff;}
.page-mode-dark .login-area .login-id input,
.page-mode-dark .login-area .login-pw input {background-color:#151515; background-image:linear-gradient(to right, #4c4c4c 66%, rgba(255,255,255,0) 0%)}
.page-mode-dark .line-join a {color:#eea127; background-image:linear-gradient(to right, #eea127 66%, rgba(255,255,255,0) 0%)}
.page-mode-dark .footer-copy {border:none;}
.page-mode-dark .footer {border-color:#191919;}

.page-mode-dark.page-auto-width .list-language button {color:#999; background:url('../images/icon-language.png') 5% 50% no-repeat, url('../images/icon-language-list-dark2.png') 95% 50% no-repeat #1c1c1c;}
.page-mode-dark.page-auto-width .list-language-type {background:#1c1c1c;}
.page-mode-dark.page-auto-width .list-language li:hover {background:#151515;}

/* Join area */
.page-mode-dark .join-area {background-color:#1c1c1c;}
.page-mode-dark .join-area .join-title {background-image:linear-gradient(to right, #747474 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .join-area .join-title h2 {background:url('../images/title-join-dark.png') left 50% no-repeat;}
.page-mode-dark .join-policy-service p:first-child,
.page-mode-dark .join-policy-privacy p:first-child {color:#fff;}
.page-mode-dark .join-policy-service div,
.page-mode-dark .join-policy-privacy div {background-color:#151515; background-image:linear-gradient(to right, #4c4c4c 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .join-policy-service div::-webkit-scrollbar-track,
.page-mode-dark .join-policy-privacy div::-webkit-scrollbar-track {background-color:#222;}
.page-mode-dark .join-policy-service div::-webkit-scrollbar-thumb,
.page-mode-dark .join-policy-privacy div::-webkit-scrollbar-thumb {background-color:#444;}
.page-mode-dark .line-join-next {border-color:#222;}
.page-mode-dark .join-write-area .line-write-info input {background-color:#151515; background-image:linear-gradient(to right, #4c4c4c 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .join-write-area .line-write-info input::placeholder {color:#636363;}
.page-mode-dark .line-join-cencel a {color:#666666; background-image:linear-gradient(to right, #666 66%, rgba(255,255,255,0) 0%);}

.page-mode-dark  .join-policy-all {background-image:linear-gradient(to right, #666 66%, rgba(255,255,255,0) 0%);}

.page-mode-dark .join-write-area {background-color:#1c1c1c;}
.page-mode-dark .join-write-area .join-write-title {background-image:linear-gradient(to right, #747474 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .join-write-area .join-write-title h2 {background:url('../images/title-join-info-dark.png') left 50% no-repeat;}
.page-mode-dark .join-write-area .line-write-info p {color:#fff;}
.page-mode-dark .btn-add-check {background-color:#6c4d1c;}

.page-mode-dark .join-write-area .line-security-code div {background-color:#1c1c1c; background-image:none;}
.page-mode-dark .join-write-area .line-security-code .txt-security-code {background-color:#151515; border-left:2px solid #1c1c1c; background-image: linear-gradient(to right, #4c4c4c 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x;}
.page-mode-dark .join-write-area .line-security-code p.sut-security-txt {color:#999;}


.page-mode-dark .mypage-midyfy-area .title-mypage-modify {background-image:linear-gradient(to right, #747474 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .mypage-midyfy-area .title-mypage-modify h2{background:url('../images/title-mypage-modify-dark.png') left 50% no-repeat;}

.page-mode-dark .find-write-title {background-image:linear-gradient(to right, #747474 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .find-write-title h2 {background:url('../images/title-member-find-dark.png') left 50% no-repeat;}

/* main header sub*/
.path-page-line li:nth-child(2n) {color:#999;}
.page-mode-dark .btns-ctl-option .set-sound span {background:url('../images/icon-sound-dark.png') 50% 50% no-repeat}
.page-mode-dark .btns-ctl-option .set-sound .sound-on {background:url('../images/btn-sound-on-dark.png') 50% 50% no-repeat;}
.page-mode-dark .btns-ctl-option .set-sound .sound-off {background:url('../images/btn-sound-off-dark.png') 50% 50% no-repeat;}
.page-mode-dark .bar-user-info .area-user-info a.txt-befor-login {color:#ddd; margin-right:0.313rem; background-image: linear-gradient(to right, #999999 50%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 2px 1px; background-repeat: repeat-x;}
.page-mode-dark .bar-user-info .area-user-info {color:#999;}
.page-mode-dark .btn-logout {color:#c14a4a;}

.page-mode-dark .m-side-area .m-side-ctns {background:#222222;}
.page-mode-dark .m-user-info {background:#151515;}
.page-mode-dark .m-line-nick {color:#fff;}
.page-mode-dark .m-line-nick-login {color:#fff;}
.page-mode-dark .m-user-info .m-line-nick span:first-child {color:#eea127;}
.page-mode-dark .m-line-move p:first-child a {text-decoration:none;}
.page-mode-dark .m-line-move .btn-m-mypage {color:#eea127; background:#222222;}
.page-mode-dark .m-side-menu li {border-bottom-color:#393939;}
.page-mode-dark .m-side-menu li a {color:#fff;}
.page-mode-dark .m-side-menu li a.m-gnb-asset {background:url('../images/m-menu-list-dark.png') 95% 50% no-repeat;}
.page-mode-dark .m-side-menu .gnb-sub-menu {border-top-color:#393939;}
.page-mode-dark .m-side-option a {color:#fff; background:#4e4e4e;}
.page-mode-dark .m-side-option .icon-m-mode-light {filter:none;}
.page-mode-dark .m-side-option a.on {background:#393939;}

/* main graph */
.page-mode-dark .ctn-graph {background-color:#1c1c1c;}
.page-mode-dark .title-graph .type-title {background:url('../images/icon-tab-list-dark.png') right 46% no-repeat;}
.page-mode-dark .title-graph .txt-graph p:first-child {color:#999;}
.page-mode-dark .title-graph .num-numerical-change li p+p {border-color:#323333;}
.page-mode-dark .tabs-graph ul {background:#1f1f1f;}
.page-mode-dark .tabs-graph li p {border-color:#333;}
.page-mode-dark .tabs-graph li:hover p,
.page-mode-dark .tabs-graph li.chart-view p {background-color:#111;}
.page-mode-dark .tabs-graph li:hover p .title-graph-type,
.page-mode-dark .tabs-graph li.chart-view p .title-graph-type {color:#ffffff;}
.page-mode-dark .tabs-graph li:hover p .title-graph-type span:last-child,
.page-mode-dark .tabs-graph li.chart-view p .title-graph-type span:last-child {color:#999999;}
.page-mode-dark .tabs-graph li .title-graph-type {color:#666;}
.page-mode-dark .tabs-graph li+li {border-top-color:#535353;}

.page-mode-dark .box-graph {border-bottom-color:#3c3c4f;}

/* main hoga table */
.page-mode-dark .list-price {background-color:#1c1c1c;}
.page-mode-dark .title-list-price span {border-bottom-color:#333333}
.page-mode-dark .t-price-area table {background-color:#151515;}
.page-mode-dark .t-price-up td:nth-child(2) {color:#dadada; background-color:#582525;}
.page-mode-dark .t-price-up .hoga-graph-up {color:#dadada;}
.page-mode-dark .t-price-up .hoga-graph-up .hoga-guage {background-color:#3b1e1e;}
.page-mode-dark .hoga-center-line {color:#fff;}
.page-mode-dark .t-price-down td:nth-child(2) {color:#dadada; background-color:#1a392e;}
.page-mode-dark .t-price-down .hoga-graph-down {color:#dadada;}
.page-mode-dark .t-price-down .hoga-graph-down .hoga-guage {background-color:#1f3836;}


/* main order table */
.page-mode-dark .ctn-order {background-color:#1c1c1c;}
.page-mode-dark .title-write-order p:nth-child(2) span:first-child {color:#fff;}
.page-mode-dark .order-chick-type button {background-color:#323232;}
.page-mode-dark .order-chick-type button:hover,
.page-mode-dark .order-chick-type button.order-checked {background-color:#eea127;}
.page-mode-dark .line-order-mun {background-color:#111111;}
.page-mode-dark .line-order-mun span {color:#999999;}
.page-mode-dark .line-order-mun input {color:#fff;}
.page-mode-dark .line-order-mun input:hover {background:#1c1c1c;}
.page-mode-dark .line-order-mun input:focus {background:#1c1c1c; border-bottom:1px solid #1c1c1c;}
.page-mode-dark .line-order-limit div+div {border-left-color:#323232;}
.page-mode-dark .line-order-rvg .line-rvg-num {background-color:#111111;}
.page-mode-dark .line-rvg-mun span {color:#999999;}
.page-mode-dark .line-order-rvg .line-rvg-num div+div {border-left-color:#2b2b2b;}
.page-mode-dark .line-order-rvg .line-rvg-num span {color:#999999;}
.page-mode-dark .line-order-rvg .line-rvg-num input {color:#fff;}
.page-mode-dark .line-order-rvg .line-rvg-num input:hover {background:#1c1c1c;}
.page-mode-dark .line-order-rvg .line-rvg-num input:focus {background:#1c1c1c; border-bottom:1px solid #1c1c1c;}
.page-mode-dark .line-order-rvg .icon-question {background:url('../images/icon-question-dark.png') 50% 50% no-repeat;}
.page-mode-dark .line-order-rvg .icon-question .tooltip {background:#222; box-shadow:0 0 1rem #000; border-color:#222;}
.page-mode-dark .line-order-rvg .btns-order-rvg .btn-order-add {color:#999999;}
.page-mode-dark .line-order-rvg .btn-order-minus {background-color:#111111;}
.page-mode-dark .line-order-rvg .btn-order-plus {background-color:#111111;}
.page-mode-dark .line-guage-rvg .bar {background-color:#333;}
.page-mode-dark .line-order-coin div div {background-color:#111111;}
.page-mode-dark .line-order-coin span {color:#999999;}
.page-mode-dark .line-order-coin input {color:#fff;}
.page-mode-dark .line-order-coin input:hover {background:#1c1c1c;}
.page-mode-dark .line-order-coin input:focus {background:#1c1c1c; border-bottom:1px solid #1c1c1c;}
.page-mode-dark .line-guage-coin .bar2 {background-color:#333;}
.page-mode-dark .line-order-value {background-color:#111111;}
.page-mode-dark .line-order-value span {color:#999999;}
.page-mode-dark .line-order-value input {color:#fff;}
.page-mode-dark .line-order-rate {color:#999;}

/* main history */
.page-mode-dark .ctn-history {background-color:#151515;}
.page-mode-dark .tabs-history {background-color:#1c1c1c;}
.page-mode-dark .tabs-history li a {color:#999; border-color:#1c1c1c;}
.page-mode-dark .tabs-history li.on a,
.page-mode-dark .tabs-history li:hover a {color:#eea127; border-color:#eea127;}

.page-mode-dark .btn-balance-cencel {background:#444;}
.page-mode-dark .btn-balance-check input[type="checkbox"] + .icon-balance-checkbox {background-position:0 -15px;}
.page-mode-dark .btn-balance-check input[type="checkbox"]:checked + .icon-balance-checkbox {background-position:-15px -15px;}
.page-mode-dark .btn-balance-check input[type="checkbox"]:checked + .icon-balance-checkbox + span {color:#eea127; font-weight:bold;}

.page-mode-dark .t-history th {border-bottom:2px solid #282828;}
.page-mode-dark .t-history tr+tr td {background-image:linear-gradient(to right, #4c4c4c 66%, rgba(255,255,255,0) 0%);}

.page-mode-dark .t-list-balance th {border-bottom:2px solid #282828}
.page-mode-dark .t-list-balance .th {border-bottom:2px solid #282828}
.page-mode-dark .t-list-balance tr td {color:#fff; background-image:linear-gradient(to right, #4c4c4c 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .t-list-balance .tr .td {color:#fff;}
.page-mode-dark .tdtit {color:#fff;}

.page-mode-dark .lcon-stoploss-on {background:url('../images/icon-stoploss-dark.png') 0 0 no-repeat;}
.page-mode-dark .lcon-stoploss-off {background:url('../images/icon-stoploss-dark.png') -44px 0 no-repeat;}


/* main record */
.page-mode-dark .ctn-record {background-color:#151515;}
.page-mode-dark .title-asset-area .title-asset-txt span {border-bottom-color:#333;}
.page-mode-dark .t-asset-info {background-color:#111111;}
.page-mode-dark .t-asset-info .t-asset-th {color:#666;}
.page-mode-dark .t-asset-info .t-asset-td span:first-child {color:#ffffff;}
.page-mode-dark .t-asset-info .font-c-bbc {color:#666666;}

.page-mode-dark .t-asset-funding {background-color:#111111;}
.page-mode-dark .t-asset-funding .t-asset-th {color:#666;}
.page-mode-dark .t-asset-funding .t-asset-td span:first-child {color:#ffffff;}
.page-mode-dark .t-asset-funding .font-c-bbc {color:#666666;}

/* main mobile */
.page-mode-dark .title-graph .m-tabs-graph {background:url(../images/icon-down-select-dark.png) 88% 50% no-repeat #222; border-color:#222;}
.page-mode-dark .line-order-m-num div {background:#052926; border-color:#2e434e;}
.page-mode-dark .line-order-m-num div+div {background:#2b0707; border-color:#4d3636;}
.page-mode-dark .line-order-m-num div span:last-child {color:#bdbdbd;}

/* transactional information */
.page-mode-dark .contents-sub-area {background-color:#1c1c1c;}
.page-mode-dark .btn-search-area {color:#999; background-color:#111; border-color:#111;}
.page-mode-dark .search-space {color:#999;}

/* transactional list */
.page-mode-dark .t-list-base tr:nth-child(2) td {border-color:#242424;}
.page-mode-dark .t-list-base tr:nth-child(1n+2) {background-image: linear-gradient(to right, #242424 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x;}

.page-mode-dark .t-list-profit th {color:#fff; border-color:#2d2d2d;}
.page-mode-dark .t-list-profit tr:nth-child(2n+1) td {background:#151515;}
.page-mode-dark .t-list-profit tr:nth-child(even) td {background-image: linear-gradient(to right, #222222 66%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 8px 1px; background-repeat: repeat-x;}

/* sub page */
.page-mode-dark .sub-title h2 {color:#fff; border-bottom-color:#494949;}
.page-mode-dark .t-list-base th {color:#fff; border-bottom-color:#3f3f3f;}

/* asset */
.page-mode-dark .contents-asset-area {background:#1c1c1c;}
.page-mode-dark .title-asset h2 {color:#fff; border-bottom-color:#494949;}
.page-mode-dark .asset-my-unusable {background:#333333;}
.page-mode-dark .asset-my-unusable p:first-child {color:#777;}
.page-mode-dark .asset-my-unusable p:last-child {color:#999;}
.page-mode-dark .asset-token-list table {color:#999999;}
.page-mode-dark .asset-token-list th {color:#fff; border-bottom-color:#3f3f3f;}
.page-mode-dark .asset-token-list td {background-image:linear-gradient(to right, #3f3f3f 70%, rgba(255,255,255,0) 0%)}
.page-mode-dark .asset-token-list .btns-asset-list button {color:#fff; border-bottom-color:#777;}
.page-mode-dark .asset-token-list .btns-asset-list button+button {color:#26a69a; border-bottom-color:#26a69a;}
.page-mode-dark .asset-token-list .btns-asset-list button:last-child {color:#d14500; border-bottom-color:#d14500;}

.page-mode-dark .contents-token-area {background:#1c1c1c;}
.page-mode-dark .token-about-area li div:first-child {filter:invert(1);}
.page-mode-dark .token-about-area li div+div p {color:#999;}
.page-mode-dark .token-about-area li div+div p:first-child {color:#fff;}

.page-mode-dark .contents-token-paragraph .token-paragraph-ctn {background:#2d2d2d; box-shadow:0 0 15px 5px #00000015;}
.page-mode-dark .token-change-title {color:#fff;}
.page-mode-dark .token-change-type select {color:#cdcdcd; background:url('../images/dot-list-token-dark.png') 90% 50% no-repeat #111111; border-color:#111111;}
.page-mode-dark .token-line-detail p {color:#acacac;}
.page-mode-dark .token-line-detail div {color:#666666; background:#222; border-color:#222;}
.page-mode-dark .token-line-write div {background:#111111; border-color:#111111;}
.page-mode-dark .token-line-write div input {color:#fff; background:#111111;}
.page-mode-dark .token-line-write div button span {border-color:#660a0a;}
.page-mode-dark .token-send-type input {color:#fff; background:#111111; border-color:#111;}
.page-mode-dark .token-limit-num {color:#999999;}
.page-mode-dark .token-pay-info {color:#999999;}

.page-mode-dark .token-send-title {color:#fff;}
.page-mode-dark .token-send-type select {color:#cdcdcd; background:url('../images/dot-list-token-dark.png') 95% 50% no-repeat #111; border-color:#111;}
.page-mode-dark .token-adr-wallet {background:#111; border-color:#111;}
.page-mode-dark .token-adr-wallet input {color:#fff;}
.page-mode-dark .token-line-send-adr .token-sub-wallet {color:#666;}
.page-mode-dark .token-line-wallet .token-sub-wallet {color:#666;}
.page-mode-dark .token-line-wallet .token-adr-wallet textarea {color:#666666; background:#222; border-color:#222;}
.page-mode-dark .token-line-wallet .token-adr-wallet textarea:focus {outline:none;}

.page-mode-dark .search-token-history select {color:#cdcdcd; background:#111; border-color:#111;}
.page-mode-dark .search-token-history input {color:#cdcdcd; background:#111; border-color:#111;}
.page-mode-dark .search-token-history span {color:#cdcdcd;}
.page-mode-dark .asset-token-history th {color:#fff; border-color:#3f3f3f;}
.page-mode-dark .asset-token-history td {color:#999999; background-image:linear-gradient(to right, #3f3f3f 70%, rgba(255,255,255,0) 0%)}

/* about */
.page-mode-dark .bitbulls-visual-area {background:url('../images/about/img-coin-btm-dark.png') 50% bottom no-repeat, url('../images/about/bg-about-dark.png') 50% top repeat-x}
.page-mode-dark .bitbulls-visual-case {background:url('../images/about/img-bit-coin-dark.png') 95% 20% no-repeat, url('../images/about/img-bulls-cow-dark.png') left 75% no-repeat}
.page-mode-dark .bitbulls-txt-area .bitbulls-about-sub {color:#48ffff;}

.page-mode-dark .price-about-area {background:#171717;}
.page-mode-dark .price-about-title {color:#fff;}
.page-mode-dark .price-about-th {background:#2c2c2c;}
.page-mode-dark .price-about-th span {color:#acacac;}
.page-mode-dark .price-about-list li {background:#1e1e1e; border-color:#1e1e1e;}
.page-mode-dark .price-about-list li .price-list-type .price-type-mode-change img:first-child {display:none;}
.page-mode-dark .price-about-list li .price-list-type .price-type-mode-change img+img {display:inline-block;}
.page-mode-dark .price-about-list li .price-list-type .price-coin-type {color:#7d7d7d;}
.page-mode-dark .price-about-list li .price-list-type .price-coin-type p:first-child {color:#ffffff;}
.page-mode-dark .price-about-list li .price-list-type .price-coin-price {color:#3586ff;}
.page-mode-dark .price-about-list li .price-list-data .price-list-up {color:#ff0000;}
.page-mode-dark .price-about-list li .price-list-data .price-list-up .icon-price-num {background:url('../images/about/icon-price-up-dark.png') 50% 50% no-repeat;}
.page-mode-dark .price-about-list li .price-list-data .price-list-down {color:#3586ff;}
.page-mode-dark .price-about-list li .price-list-data .price-list-down .icon-price-num {background:url('../images/about/icon-price-down-dark.png') 50% 50% no-repeat;}
.page-mode-dark .price-about-list li .price-list-data .price-list-dollar {color:#fff;}

.page-mode-dark .about-feature-area {background:#002045;}
.page-mode-dark .about-feature-title {color:#fff;}
.page-mode-dark .about-feature-list li {background:#0a1126;}
.page-mode-dark .about-feature-list .title-feature {color:#fff;}
.page-mode-dark .about-feature-list .txt-feature {color:#7db5e0;}


.page-mode-dark .about-company-area {background:#111111;}
.page-mode-dark .about-company-area .company-mode img:first-child {display:none;}
.page-mode-dark .about-company-area .company-mode img+img {display:inline-block;}


.page-about.page-mode-dark .footer {border-top:1px solid #292929;}

/* popup */
.page-mode-dark .modal {background:#151515;}
.page-mode-dark .modal-header {border-color:#444444;}
.page-mode-dark .modal-header span {border-bottom-color:#333333;}
.page-mode-dark .modal-close {background-color:#1c1c1c !important;}
.page-mode-dark .modal-sub-txt {background-color:#111111;}
.page-mode-dark .list-pageing a {color:#999999; background-image: linear-gradient(to right, #515151 50%, rgba(255,255,255,0) 0%);}
.page-mode-dark .list-pageing a:hover {color:#eea127; background-image: linear-gradient(to right, #eea127 50%, rgba(255,255,255,0) 0%);}

.page-mode-dark .layer-close-area {background-color:#1c1c1c;}
.page-mode-dark .layer-close-area .close-area {color:#999999; background-image:linear-gradient(to right, #515151 50%, rgba(255,255,255,0) 0%)}
.page-mode-dark .layer-close-area .close-area:hover {color:#ff3430; background-image: linear-gradient(to right, #ff3430 50%, rgba(255,255,255,0) 0%);}

.page-mode-dark .layer-setbtn-area {background-color:#1c1c1c;}

/* popup stoploss */
.page-mode-dark .modal-overlay {background:rgba(0, 0, 0, 0.90) !important;}
.page-mode-dark #modal_stoploss.modal-overlay {background:rgba(0, 0, 0, 0.5);}
.page-mode-dark #modal_stoploss .modal-window {background:#222; border-color:#222;}
.page-mode-dark #modal_stoploss .layer-stoploss-content .layer-set-stoploss tr:nth-child(2n) {background:#333333;}

.page-mode-dark #modal_stoploss .layer-stoploss-title {border-color:#444444;}
.page-mode-dark #modal_stoploss .layer-stoploss-content .layer-stoploss-in {background:#222; border-color:#222;}
.page-mode-dark #modal_stoploss .layer-stoploss-content .btn-order-minus {background:url(../images/icon-order-miuns-dark.png) 50% 50% no-repeat;}
.page-mode-dark #modal_stoploss .layer-stoploss-content .btn-order-plus {background:url(../images/icon-order-plus-dark.png) 50% 50% no-repeat;}

.page-mode-dark #modal_stoploss .btn-stoploss-clear {color:#acacac; background:#444444;}
.page-mode-dark #modal_stoploss .layer-btn-close {border-color:#444;}

/* popup notice */
.page-mode-dark #modal_notice .modal-window {background-color:#151515; border:none;}
.page-mode-dark #modal_notice .layer-notice-title span {border-color:#333333;}
.page-mode-dark #modal_withdraw .layer-withdraw-title span span {color:#eea127;}
.page-mode-dark #modal_notice .layer-notice-list p {color:#999; background-color:#1c1c1c; background-image: linear-gradient(to right, #515151 50%, rgba(255,255,255,0) 0%);}
.page-mode-dark #modal_notice .layer-notice-list .layer-notice-answer {background:#111; border-color:#111;}

/* withdraw */
.page-mode-dark #modal_withdraw .layer-withdraw-title span {color:#999; border-bottom-color:#333;}
.page-mode-dark #modal_withdraw .layer-withdraw-serach .layer-withdraw-sel {background-color:#111; border-color:#111;}
.page-mode-dark #modal_withdraw .modal-window {background:#222; border-color:#222;}
.page-mode-dark #modal_withdraw .layer-withdraw-tabs {background-image:linear-gradient(to right, #333 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark #modal_withdraw .layer-withdraw-tabs li a {color:#fff; border-color:#333;}
.page-mode-dark #modal_withdraw .layer-withdraw-tabs li.on a,
.page-mode-dark #modal_withdraw .layer-withdraw-tabs li:hover a {color:#eea127; border-color:#eea127;}
.page-mode-dark #modal_withdraw .layer-withdraw-in {background:#111;}
.page-mode-dark #modal_withdraw .layer-withdraw-info {background-image:linear-gradient(to right, #494949 50%, rgba(255,255,255,0) 0%);}
.page-mode-dark #modal_withdraw .layer-withdraw-info div .layer-withdraw-money span:first-child {color:#fff;}
.page-mode-dark #modal_withdraw .layer-withdraw-set input ,
.page-mode-dark #modal_withdraw .layer-withdraw-set textarea {color:#fff; background-color:#1c1c1c;}
.page-mode-dark #modal_withdraw .layer-withdraw-qr p {color:#fff;}
.page-mode-dark #modal_withdraw .layer-btn-copy {color:#eea127; background-color:#1c1c1c;}
.page-mode-dark #modal_withdraw .layer-withdraw-serach input {background-color:#111; border-color:#111;}
.page-mode-dark #modal_withdraw .layer-withdraw-history::-webkit-scrollbar-track {background-color:#151515;}
.page-mode-dark #modal_withdraw .layer-withdraw-history::-webkit-scrollbar-thumb {background-color:#222;}
.page-mode-dark #modal_withdraw .layer-withdraw-history {background-color:#111;}
.page-mode-dark #modal_withdraw .layer-withdraw-history .layer-list-base th {background-color:#1c1c1c;}

.page-mode-dark #modal_withdraw .layer-btn-close .close-area {background-color:#444;}
.page-mode-dark .layer-withdraw-info div+div span:first-child {color:#999;}

.page-mode-dark #modal_withdraw .layer-btn-close {border-color:#444444;}

.page-mode-dark #modal_withdraw .layer-withdraw-serach .layer-withdraw-sel {padding-right:2rem; background:url('../images/icon-down-select-dark.png') 82% 50% no-repeat #111; border-color:#111;}

/* modal clear */
.page-mode-dark #modal_clear .modal-window {background:#151515; border-color:#151515;}
.page-mode-dark #modal_clear .layer-order-title span {color:#999; border-bottom-color:#333;}
.page-mode-dark #modal_clear .layer-order-title span span {color:#eea127;}
.page-mode-dark #modal_clear .layer-order-content {background-color:#111;}
.page-mode-dark #modal_clear .layer-order-content td {color:#999;}
.page-mode-dark #modal_clear .layer-order-info .layer-order-calcamount input {color:#999; background:#222; border-color:#222;}
.page-mode-dark #modal_clear .layer-order-info .set-order-type button {background-color:#323232;}
.page-mode-dark #modal_clear .layer-order-info .set-order-type button.set-order-check {background-color:#eea127;}
.page-mode-dark #modal_clear .layer-btn-order {background-image: linear-gradient(to right, #333 66%, rgba(255,255,255,0) 0%); background-position:top; background-size:8px 1px; background-repeat:repeat-x;}
.page-mode-dark #modal_clear .btn-order-cencel {background:#444;}

/* order check */
.page-mode-dark .modal-order-check {background-color:#111111;}

/* customer service */
.page-mode-dark .customer-service-list .customer-question-title {background:#222; border-color:#222;}
.page-mode-dark .customer-service-list .customer-status {background:#222; border-color:#222;}
.page-mode-dark .customer-service-list .customer-service-answer {background-image: linear-gradient(to right, #242424 66%, rgba(255,255,255,0) 0%); background-position:top; background-size:8px 1px; background-repeat:repeat-x;}

.page-mode-dark .customer-question-area p input {background:#222; border-color:#222;}
.page-mode-dark .customer-question-area textarea {background:#222; border-color:#222;}

/* chat */
.page-mode-dark .support-chat-area {border-color:#222; background-color:#222; box-shadow:0 0 23px #000000b3;}
.page-mode-dark .support-chat-area .support-chat-title {color:#bbb; background-color:#343537}
.page-mode-dark .support-chat-area .support-chat-title .btn-close-chat {background:url('../images/btn-close-chat-dark.png') 50% 50% no-repeat #555;}
.page-mode-dark .support-chat-area .chat-room-text {background:#111;}
.page-mode-dark .support-chat-area .chat-room-text::-webkit-scrollbar-track {background-color:#222;}
.page-mode-dark .support-chat-area .chat-room-text::-webkit-scrollbar-thumb {background-color:#444;}
.page-mode-dark .support-chat-area .chat-request {background-color:#222; border-color:#222;}
.page-mode-dark .support-chat-area .chat-in-bar {background-color:#111; border-top:#111;}
.page-mode-dark .support-chat-area .chat-in-bar .chat-in-txt {color:#999 ; background-color:#111;}
.page-mode-dark .support-chat-area .chat-in-bar .chat-in-txt:focus {border-color:#222;}
.page-mode-dark .support-chat-area .chat-in-bar .chat-btn-set button:nth-child(2) {color:#dbdbdb; background-color:#444;}

/* guide */
.page-mode-dark .tabs-guide {background-image:linear-gradient(to right, #444 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .tabs-guide li a {color:#999; border-color:#444444;}
.page-mode-dark .tabs-guide li.on a,
.page-mode-dark .tabs-guide li:hover a {color:#eea127; border-color:#eea127;}
.page-mode-dark .modal-guide-area {background-color:#111; border-color:#111;}
.page-mode-dark .modal-guide-area::-webkit-scrollbar-track {background-color:#111;}
.page-mode-dark .modal-guide-area::-webkit-scrollbar-thumb {background-color:#222;}
.page-mode-dark .guide-step {background-image: linear-gradient(to right, #444444 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .modal-guide-area img {border-color:#222;}

.page-mode-dark .guide-join-member li,
.page-mode-dark .guide-withdraw li {color:#666;}
.page-mode-dark .guide-withdraw .guide-step-title,
.page-mode-dark .guide-term .guide-step-title {color:#999999;}

.page-mode-dark .modal-btn-close {background-image: linear-gradient(to right, #444444 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .modal-btn-close button {color:#999999; background:#444;}

/* modal share */
.page-mode-dark .modal-order-over .modal-order-txt {background-color:#111;}
.page-mode-dark .modal-limit-over {background-color:#111;}
.page-mode-dark .modal-order-over {background-color:#151515;}
.page-mode-dark .modal-order-over p:nth-child(2n) {color:#666666; background-color:#111;}
.page-mode-dark .modal-order-over p+p {color:#666; background-image:linear-gradient(to right, #333 66%, rgba(255,255,255,0) 0%);}

.modal-order-check p {color:#666;}

.page-mode-dark .modal-btn-set {background-image: linear-gradient(to right, #444444 66%, rgba(255,255,255,0) 0%);}
.page-mode-dark .modal-btn-set input:last-child {background-color:#444444;}

/* modal stoploss */
.page-mode-dark .t-stoploss table,
.page-mode-dark .t-stoploss th,
.page-mode-dark .t-stoploss td {background:#111111;}
.page-mode-dark .t-stoploss table th:nth-child(4) {border-left:3px solid #151515}
.page-mode-dark .t-stoploss input {color:#fff; background-color:#1c1c1c;}
.page-mode-dark .t-stoploss input:hover {background-color:#1c1c1c;}
.page-mode-dark .t-stoploss input:focus {background-color:#1c1c1c; border-bottom:1px solid #1c1c1c;}
.page-mode-dark .line-guage-stoploss .bar3 {background-color:#333;}
.page-mode-dark .line-guage-stoploss .bar4 {background-color:#333;}
.page-mode-dark .t-stoploss .line-guage-stoploss input.slider {background-color:transparent; border:none;}

/* motest */
.page-mode-dark .pop-ctn-introduction {background:#111;}

/* freemoney */
.page-mode-dark .swal2-popup {background-color:#151515 !important;}
.page-mode-dark .swal2-title {color:#999 !important}
.page-mode-dark .swal2-html-container {color:#666 !important; transform:scale(-0.1deg);}
.page-mode-dark .swal2-icon.swal2-success [class^=swal2-success-line] {background-color:#4acc00 !important}
.page-mode-dark .swal2-icon.swal2-success .swal2-success-ring {border-color:#4acc00 !important}
.page-mode-dark .swal2-styled.swal2-confirm {background-color:#eea127 !important;}


/* language*/
body.language-jp .gnb li a,
body.language-jp .m-line-move a+a,
body.language-jp li.btn-quick-chat span,
body.language-jp .area-user-info ,
body.language-jp .bar-user-info .btn-mypage,
body.language-jp .bar-user-info .btn-logout,
body.language-jp .btn-gnb-logout,
body.language-jp .num-numerical-change li,
body.language-jp .title-graph-type,
body.language-jp .title-graph .txt-graph .txt-graph-type p:first-child,
body.language-jp .title-list-price span,
body.language-jp .t-price-list th,
body.language-jp .title-write-order p:first-child,
body.language-jp .order-chick-type button,
body.language-jp .line-order-mun span,
body.language-jp .line-order-limit div,
body.language-jp .line-order-rvg .line-rvg-num span,
body.language-jp .line-order-rvg .icon-question .tooltip,
body.language-jp .line-order-coin span,
body.language-jp .btn-order-re a,
body.language-jp .line-order-rvg .icon-question .tooltip p,
body.language-jp .line-order-rvg .icon-question .tooltip li,
body.language-jp .line-order-value span,
body.language-jp .btn-order-set .btn-long-green,
body.language-jp .btn-order-set .btn-long-red,
body.language-jp .tabs-history li a,
body.language-jp .btn-balance-cencel,
body.language-jp .btn-balance-settlement,
body.language-jp .t-history th,
body.language-jp .t-history td,
body.language-jp .list-not,
body.language-jp .title-asset-area .title-asset-txt span,
body.language-jp .title-asset-area .list-asset-sel li a,
body.language-jp .t-asset-th,

body.language-jp .support-chat-area .support-chat-title,
body.language-jp .support-chat-area .chat-line-admin .admin-nick,
body.language-jp .support-chat-area .chat-line-admin .admin-time,
body.language-jp .support-chat-area .chat-line-admin div,
body.language-jp .support-chat-area .chat-request button,
body.language-jp .support-chat-area .chat-in-bar .chat-in-txt,
body.language-jp .support-chat-area .chat-in-bar .chat-btn-set button:first-child,
body.language-jp .support-chat-area .chat-in-bar .chat-btn-set button:nth-child(2),

body.language-jp #modal_withdraw .layer-withdraw-title,
body.language-jp #modal_withdraw .layer-withdraw-tabs li a,
body.language-jp #modal_withdraw .layer-withdraw-info div,
body.language-jp #modal_withdraw .layer-withdraw-set,
body.language-jp #modal_withdraw .btn-withdraw-request,
body.language-jp #modal_withdraw .layer-withdraw-qr p,
body.language-jp #modal_withdraw .layer-btn-copy,

body.language-jp .modal-header span,
body.language-jp .modal-sub-txt,
body.language-jp #modal_clear .layer-order-title,
body.language-jp #modal_clear .layer-order-content,
body.language-jp #modal_clear .layer-order-info .set-order-type button,
body.language-jp .layer-setbtn-area button,
body.language-jp .modal-sub-txt span,
body.language-jp .modal-content,
body.language-jp .modal-order-over .modal-order-txt,

body.language-jp .layer-close-area .close-area,
body.language-jp .t-list-base th,
body.language-jp .sub-title,
body.language-jp .btn-search-org,
body.language-jp .t-list-profit th,

body.language-jp .btn-mode-light,
body.language-jp .btn-mode-dark,
body.language-jp .login-area .login-id p,
body.language-jp .login-area .login-pw p,
body.language-jp .btn-auto-login,
body.language-jp .btn-login,
body.language-jp .line-join a,
body.language-jp .join-policy-service p:first-child,
body.language-jp .join-policy-service div,
body.language-jp .join-policy-agree,
body.language-jp .join-policy-privacy p:first-child,
body.language-jp .join-policy-privacy div,
body.language-jp .btn-join-next,
body.language-jp .join-policy-all,
body.language-jp .line-join-cencel a,
body.language-jp .t-list-balance th,
body.language-jp .t-list-balance td,
body.language-jp .btn-settlement span:first-child,
body.language-jp .btn-clear-order,
body.language-jp .join-write-area .line-write-info p,
body.language-jp .join-write-area input.line-write-check,
body.language-jp .join-write-area input.line-write-check::placeholder,
body.language-jp .btn-add-check,
body.language-jp .btn-user-check,
body.language-jp .btn-virtual-login,

/* asset */
body.language-jp .path-page-line a,
body.language-jp .title-asset h2,
body.language-jp .asset-my-info div:first-child,
body.language-jp .asset-my-usable p,
body.language-jp .asset-my-unusable p,
body.language-jp .asset-token-list table,
body.language-jp .asset-token-list .btns-asset-list button,
body.language-jp .token-my-usdt div+div p:first-child,
body.language-jp .token-my-eth div+div p:first-child,
body.language-jp .token-about-area li div+div p,
body.language-jp .token-send-title,
body.language-jp .token-change-title,
body.language-jp .token-line-detail p,
body.language-jp .token-line-write p:first-child,
body.language-jp .token-line-write div button span,
body.language-jp .token-line-wallet p,
body.language-jp .btn-set-token button,
body.language-jp .token-line-send-adr p,
body.language-jp .search-token-history button,
body.language-jp .asset-token-history table,
body.language-jp .gnb-side-login button,
body.language-jp .about-feature-list .title-feature,
body.language-jp .about-feature-list .txt-feature,

/* mobile */
body.language-jp .m-side-tabs li a,
body.language-jp .m-side-menu li a,
body.language-jp .m-side-option a,

/*demo*/
body.language-jp .user-virtual,
body.language-jp .swal2-title,
body.language-jp .title-sub-txt,
body.language-jp .pop-ctn-introduction,
body.language-jp .pop-ctn-warning,
body.language-jp .swal2-html-container
{font-family: 'Noto Sans JP', sans-serif !important; font-weight:normal;}

body.language-jp .area-gnb .gnb-pc .gnb .gnb-sub-menu a {font-size:1rem;}

body.language-jp .btn-mode-light .icon-mode-light {vertical-align:text-bottom;}
body.language-jp .btn-mode-dark .icon-mode-night {vertical-align:text-bottom;}
body.language-jp .btn-auto-login input[type="checkbox"] + .icon-checkbox {vertical-align:text-bottom;}
body.language-jp .btn-virtual-login input[type="checkbox"] + .icon-checkbox {height:1.625rem;}
body.language-jp .list-language button span {display:inline-block; padding-bottom:1px; line-height:29px;}
body.language-jp .join-policy-agree input[type="checkbox"] + .icon-checkbox {vertical-align:sub;}

body.language-jp .tabs-graph li p .tabs-icon img {vertical-align:top;}
body.language-jp .line-order-rvg .line-rvg-num div {width:75%;}
body.language-jp .line-order-rvg .line-rvg-num div+div {width:20%;}
body.language-jp .line-order-rvg .line-rvg-num input {width:4.313rem;}
body.language-jp .txt-rvg-type {line-height:1.3rem;}
body.language-jp .line-order-coin input {width:4rem;}

body.language-jp .btn-balance-cencel {width:8rem;}
body.language-jp .t-asset-info .t-asset-th {width:50%; letter-spacing:-0.5px; font-size:0.75rem}
body.language-jp .t-asset-info .t-asset-td {width:50%;}
body.language-jp .title-asset-area .list-asset-sel li {width:50%;}
body.language-jp .t-asset-funding .t-asset-th {width:50%; font-size:0.75rem}
body.language-jp .t-asset-funding .t-asset-td {width:50%;}
body.language-jp .t-asset-funding+.t-asset-funding .t-asset-th {width:40%; font-size:0.75rem}
body.language-jp .t-asset-funding+.t-asset-funding .t-asset-td {width:60%;}
body.language-jp #modal_withdraw .layer-withdraw-set span {width:30%; text-align:left; font-size:0.75rem}
body.language-jp #modal_withdraw .layer-withdraw-set input {width:58%}
body.language-jp #modal_withdraw .layer-withdraw-qr p {font-size:0.875rem; letter-spacing:-0.5px;}

body.language-jp .token-about-area li div+div {width:88%;}

body.language-jp .asset-my-usable p:first-child {line-height:100%; margin-bottom:0.625rem;}
body.language-jp .asset-my-usable p:last-child {line-height:100%;}
body.language-jp .asset-my-unusable p:first-child {line-height:100%; margin-bottom:0.625rem;}
body.language-jp .asset-my-unusable p:last-child {line-height:100%;}

body.language-jp .btns-ctl-option .btn-brower-light { width:192px; background:url('../images/jp/btn-change-mode.png') 0 0 no-repeat}
body.language-jp .btns-ctl-option .btn-brower-dark {width:192px; background:url('../images/jp/btn-change-mode.png') -192px 0 no-repeat;}

body.language-jp .token-line-write div input {width:88%;}
body.language-jp .token-line-write div button {width:12%; margin-top:20px;}

body.language-jp .login-area .login-title h2 {background:url('../images/jp/title-login.png') left 50% no-repeat;}
body.language-jp.page-mode-dark .login-area .login-title h2 {background:url('../images/jp/title-login-dark.png') left 50% no-repeat;}

body.language-jp .login-area .join-area .join-title h2 {background:url('../images/jp/title-join.png') left 50% no-repeat;}
body.language-jp.page-mode-dark .join-area .join-title h2 {background:url('../images/jp/title-join-dark.png') left 50% no-repeat;}

body.language-jp .join-write-area .join-write-title h2 {background:url('../images/jp/title-join.png') left 50% no-repeat;}
body.language-jp.page-mode-dark .join-write-area .join-write-title h2 {background:url('../images/jp/title-join-dark.png') left 50% no-repeat;}

body.language-jp .join-write-area .find-write-title h2 {background:url('../images/jp/title-member-find.png') left 50% no-repeat;}
body.language-jp.page-mode-dark .join-write-area .find-write-title h2 {background:url('../images/jp/title-member-find-dark.png') left 50% no-repeat;}

body.language-jp .mypage-midyfy-area .title-mypage-modify h2 {background:url('../images/jp/title-mypage-modify.png') left 50% no-repeat;}
body.language-jp.page-mode-dark .mypage-midyfy-area .title-mypage-modify h2 {background:url('../images/jp/title-mypage-modify-dark.png') left 50% no-repeat;}

body.language-jp .title-feature {font-size:30px;}
body.language-jp .about-feature-list li {min-height:456px;}

body.language-jp .about-feature-list li:first-child .txt-feature {line-height:26px;}
body.language-jp .about-feature-list li:nth-child(2) .txt-feature {line-height:24px;}
body.language-jp .about-feature-list li:nth-child(3) .txt-feature {line-height:24px;}
body.language-jp .about-feature-list li .txt-feature p+p {margin-top:0.75rem;}



/* Cn */
body.language-cn .gnb li a,
body.language-cn .m-line-move a+a,
body.language-cn li.btn-quick-chat span,
body.language-cn .area-user-info ,
body.language-cn .bar-user-info .btn-mypage,
body.language-cn .bar-user-info .btn-logout,
body.language-cn .btn-gnb-logout,
body.language-cn .num-numerical-change li,
body.language-cn .title-graph-type,
body.language-cn .title-graph .txt-graph .txt-graph-type p:first-child,
body.language-cn .tabs-graph li p span:last-child,
body.language-cn .title-list-price span,
body.language-cn .t-price-list th,
body.language-cn .title-write-order p:first-child,
body.language-cn .order-chick-type button,
body.language-cn .line-order-mun span,
body.language-cn .line-order-limit div,
body.language-cn .line-order-rvg .line-rvg-num span,
body.language-cn .line-order-rvg .icon-question .tooltip,
body.language-cn .line-order-coin span,
body.language-cn .btn-order-re a,
body.language-cn .line-order-rvg .icon-question .tooltip p,
body.language-cn .line-order-rvg .icon-question .tooltip li,
body.language-cn .line-order-value span,
body.language-cn .btn-order-set .btn-long-green,
body.language-cn .btn-order-set .btn-long-red,
body.language-cn .tabs-history li a,
body.language-cn .btn-balance-cencel,
body.language-cn .t-list-balance th,
body.language-cn .t-list-balance td,
body.language-cn .btn-settlement span:first-child,
body.language-cn .btn-clear-order,
body.language-cn .btn-balance-settlement,
body.language-cn .t-history th,
body.language-cn .t-history td,
body.language-cn .list-not,
body.language-cn .title-asset-area .title-asset-txt span,
body.language-cn .title-asset-area .list-asset-sel li a,
body.language-cn .t-asset-th,

body.language-cn .support-chat-area .support-chat-title,
body.language-cn .support-chat-area .chat-line-admin .admin-nick,
body.language-cn .support-chat-area .chat-line-admin .admin-time,
body.language-cn .support-chat-area .chat-line-admin div,
body.language-cn .support-chat-area .chat-request button,
body.language-cn .support-chat-area .chat-in-bar .chat-in-txt,
body.language-cn .support-chat-area .chat-in-bar .chat-btn-set button:first-child,
body.language-cn .support-chat-area .chat-in-bar .chat-btn-set button:nth-child(2),

body.language-cn #modal_withdraw .layer-withdraw-title,
body.language-cn #modal_withdraw .layer-withdraw-tabs li a,
body.language-cn #modal_withdraw .layer-withdraw-info div,
body.language-cn #modal_withdraw .layer-withdraw-set,
body.language-cn #modal_withdraw .btn-withdraw-request,
body.language-cn #modal_withdraw .layer-withdraw-qr p,
body.language-cn #modal_withdraw .layer-btn-copy,

body.language-cn .modal-header span,
body.language-cn .modal-sub-txt,
body.language-cn #modal_clear .layer-order-title,
body.language-cn #modal_clear .layer-order-content,
body.language-cn #modal_clear .layer-order-info .set-order-type button,
body.language-cn .layer-setbtn-area button,
body.language-cn .modal-sub-txt span,
body.language-cn .modal-content,
body.language-cn .modal-order-over .modal-order-txt,

body.language-cn .layer-close-area .close-area,
body.language-cn .t-list-base th,
body.language-cn .sub-title,
body.language-cn .btn-search-org,
body.language-cn .t-list-profit th,

body.language-cn .btn-mode-light,
body.language-cn .btn-mode-dark,
body.language-cn .login-area .login-id p,
body.language-cn .login-area .login-pw p,
body.language-cn .btn-auto-login,
body.language-cn .btn-login,
body.language-cn .line-join a,
body.language-cn .join-policy-service p:first-child,
body.language-cn .join-policy-service div,
body.language-cn .join-policy-agree,
body.language-cn .join-policy-privacy p:first-child,
body.language-cn .join-policy-privacy div,
body.language-cn .join-policy-all,
body.language-cn .btn-join-next,
body.language-cn .line-join-cencel a,
body.language-cn .join-write-area .line-write-info p,
body.language-cn .join-write-area input.line-write-check,
body.language-cn .join-write-area input.line-write-check::placeholder,
body.language-cn .btn-add-check,
body.language-cn .btn-user-check,
body.language-cn .btn-virtual-login,

/* asset */
body.language-cn .path-page-line a,
body.language-cn .title-asset h2,
body.language-cn .asset-my-info div:first-child,
body.language-cn .asset-my-usable p,
body.language-cn .asset-my-unusable p,
body.language-cn .asset-token-list table,
body.language-cn .asset-token-list .btns-asset-list button,
body.language-cn .token-my-usdt div+div p:first-child,
body.language-cn .token-about-area li div+div p,
body.language-cn .token-send-title,
body.language-cn .token-change-title,
body.language-cn .token-line-detail p,
body.language-cn .token-line-write p:first-child,
body.language-cn .token-line-write div button span,
body.language-cn .token-line-wallet p,
body.language-cn .btn-set-token button,
body.language-cn .token-line-send-adr p,
body.language-cn .search-token-history button,
body.language-cn .asset-token-history table,
body.language-cn .gnb-side-login button,
body.language-cn .about-feature-list .title-feature,
body.language-cn .about-feature-list .txt-feature,

/* mobile */
body.language-cn .m-side-tabs li a,
body.language-cn .m-side-menu li a,
body.language-cn .m-side-option a,
body.language-cn .title-graph .m-tabs-graph,

/*demo*/
body.language-cn .user-virtual,
body.language-cn .swal2-title,
body.language-cn .title-sub-txt,
body.language-cn .pop-ctn-introduction,
body.language-cn .pop-ctn-warning,
body.language-cn .swal2-html-container
{font-family: 'Noto Sans SC', sans-serif !important; font-weight:normal;}

body.language-cn .btn-mode-light .icon-mode-light {vertical-align:text-bottom;}
body.language-cn .btn-mode-dark .icon-mode-night {vertical-align:text-bottom;}
body.language-cn .btn-auto-login input[type="checkbox"] + .icon-checkbox {vertical-align:text-bottom;}
body.language-cn .btn-virtual-login input[type="checkbox"] + .icon-checkbox {height:1.625rem;}
body.language-cn .list-language button span {display:inline-block; padding-bottom:1px; line-height:29px;}
body.language-cn .join-policy-agree input[type="checkbox"] + .icon-checkbox {vertical-align:sub;}
body.language-cn .line-order-rvg .btn-rvg-type input[type="checkbox"] + .txt-rvg-type {line-height:1.313rem;}
body.language-cn .t-asset-info .t-asset-th {font-size:0.75rem;}
body.language-cn .t-asset-funding .t-asset-th {width:50%; font-size:0.75rem}
body.language-cn .t-asset-funding .t-asset-td {width:50%;}
body.language-cn .t-asset-funding+.t-asset-funding .t-asset-th {width:40%; font-size:0.75rem}
body.language-cn .t-asset-funding+.t-asset-funding .t-asset-td {width:60%;}
body.language-cn #modal_withdraw .layer-withdraw-set span {width:30%; text-align:left;}
body.language-cn #modal_withdraw .layer-withdraw-set input {width:58%;}

body.language-cn .asset-my-usable p:first-child {line-height:100%; margin-bottom:0.625rem;}
body.language-cn .asset-my-usable p:last-child {line-height:100%;}
body.language-cn .asset-my-unusable p:first-child {line-height:100%; margin-bottom:0.625rem;}
body.language-cn .asset-my-unusable p:last-child {line-height:100%;}

body.language-cn .login-area .login-title h2 {background:url('../images/cn/title-login.png') left 50% no-repeat;}
body.language-cn.page-mode-dark .login-area .login-title h2 {background:url('../images/cn/title-login-dark.png') left 50% no-repeat;}

body.language-cn .login-area .join-area .join-title h2 {background:url('../images/cn/title-join.png') left 50% no-repeat;}
body.language-cn.page-mode-dark .join-area .join-title h2 {background:url('../images/cn/title-join-dark.png') left 50% no-repeat;}

body.language-cn .join-write-area .join-write-title h2 {background:url('../images/cn/title-join.png') left 50% no-repeat;}
body.language-cn.page-mode-dark .join-write-area .join-write-title h2 {background:url('../images/cn/title-join-dark.png') left 50% no-repeat;}

body.language-cn .btns-ctl-option .btn-brower-light { width:172px; background:url('../images/cn/btn-change-mode.png') 0 0 no-repeat}
body.language-cn .btns-ctl-option .btn-brower-dark {width:172px; background:url('../images/cn/btn-change-mode.png') -172px 0 no-repeat;}

body.language-cn .mypage-midyfy-area .title-mypage-modify h2 {background:url('../images/cn/title-mypage-modify.png') left 50% no-repeat;}
body.language-cn.page-mode-dark .mypage-midyfy-area .title-mypage-modify h2 {background:url('../images/cn/title-mypage-modify-dark.png') left 50% no-repeat;}

body.language-cn .join-write-area .find-write-title h2 {background:url('../images/cn/title-member-find.png') left 50% no-repeat;}
body.language-cn.page-mode-dark .join-write-area .find-write-title h2 {background:url('../images/cn/title-member-find-dark.png') left 50% no-repeat;}

body.language-cn .about-feature-list .txt-feature {line-height:26px;}


/* English */
body.language-en .btns-ctl-option .btn-brower-light { width:192px; background:url('../images/en/btn-change-mode.png') 0 0 no-repeat;}
body.language-en .btns-ctl-option .btn-brower-dark {width:192px; background:url('../images/en/btn-change-mode.png') -192px 0 no-repeat;}

body.language-en .line-order-mun input {width:66%;}

body.language-en .line-order-rvg .line-rvg-num div {width:68%;}
body.language-en .line-order-rvg .line-rvg-num .tooltip {width:600px;}
body.language-en .line-order-rvg .line-rvg-num div+div {width:27%;}
body.language-en .line-order-rvg .line-rvg-num input {width:3.5rem;}
body.language-en .line-order-coin input {width:4.312rem;}
body.language-en .line-order-value input {width:66%;}

body.language-en .btn-balance-settlement {width:7.313rem;}

body.language-en .title-asset-area .list-asset-sel li {width:50%;}
body.language-en .t-asset-th {width:50%; font-size:0.75rem;}
body.language-en .t-asset-td {width:50%;}
body.language-en .t-asset-funding .t-asset-th {width:50%;}
body.language-en .t-asset-funding .t-asset-td {width:50%;}
body.language-en .t-asset-funding+.t-asset-funding .t-asset-th {width:56%; font-size:0.75rem;}
body.language-en .t-asset-funding+.t-asset-funding .t-asset-td {width:44%;}

body.language-en .asset-token-list th:last-child {width:24%;}
body.language-en .token-about-area li div+div {width:88%;}

body.language-en .login-area .login-title h2 {background:url('../images/en/title-login.png') left 50% no-repeat;}
body.language-en.page-mode-dark .login-area .login-title h2 {background:url('../images/en/title-login-dark.png') left 50% no-repeat;}

body.language-en .join-area .join-title h2 {background:url('../images/en/title-join.png') left 50% no-repeat;}
body.language-en.page-mode-dark .join-area .join-title h2 {background:url('../images/en/title-join-dark.png') left 50% no-repeat;}

body.language-en .join-write-area .join-write-title h2 {background:url('../images/en/title-join.png') left 50% no-repeat;}
body.language-en.page-mode-dark .join-write-area .join-write-title h2 {background:url('../images/en/title-join-dark.png') left 50% no-repeat;}

body.language-en .mypage-midyfy-area .title-mypage-modify h2 {background:url('../images/en/title-mypage-modify.png') left 50% no-repeat;}
body.language-en.page-mode-dark .mypage-midyfy-area .title-mypage-modify h2 {background:url('../images/en/title-mypage-modify-dark.png') left 50% no-repeat;}

body.language-en .join-write-area .find-write-title h2 {background:url('../images/en/title-member-find.png') left 50% no-repeat;}
body.language-en.page-mode-dark .join-write-area .find-write-title h2 {background:url('../images/en/title-member-find-dark.png') left 50% no-repeat;}

body.language-en .about-feature-list li {min-height:500px;}
body.language-en .about-feature-list li+li .txt-feature {line-height:28px;}
body.language-en .about-feature-list li+li .txt-feature p+p {margin-top:0.75rem;}
body.language-en .about-feature-list li+li+li .txt-feature {line-height:27px;}



/* mobile */
@media screen and (max-width: 480px) {
  body, html {min-width:100%;}
  .page-layout {min-width:100%;}
  .header {position:fixed; margin-bottom:0; z-index:2000;}
  .area-gnb {padding:1rem 0; width:100%; height:2.75rem;}
  .area-gnb .logo {margin-left:1.125rem; cursor:pointer;}
  .area-gnb .gnb-pc{display:none;}
  .area-gnb .gnb-m {display:block;}
  .area-gnb .list-language {display:none;}
  .bar-user-info {display:none;}
  .btn-gnb-chat {display:none;}
  .set-brower-color {display:none;}
  .gnb-side-login,
  .gnb-side-user {display:none;}

  .m-side-area.on {display:block;}

  .contents {padding-top:4.75rem;}

  .contents-case {padding:2% 2% 0; width:96%; flex-direction:column; justify-content:flex-start; overflow-x:auto;}
  .contents-sub-area {padding:2rem 5%; width:82%; flex-direction:column; justify-content:flex-start; overflow-x:auto; margin:3% auto;}

  .ctn-graph {order:-1;}
  .ctn-order {order:-1;}

  .ctn-graph {display:flex; padding:0; width:100%; margin-bottom:2%; flex-direction: column; background-color:transparent; border-radius:none;}
  .tabs-graph {display:none;}
  .title-graph {position:relative; padding:0.5rem 0; line-height:100%; height:100%;}
  .title-graph .logo-graph {padding:0 0.3rem;  text-align:center;}
  .title-graph .logo-graph img {display:inline-block;}
  .title-graph .txt-graph {padding-left:0.2rem;}
  .title-graph .txt-graph div {display:block; line-height:1.313rem;}
  .title-graph .txt-graph .txt-graph-type p:nth-child(2) {margin-top:0.5rem;}
  .title-graph .txt-graph .txt-graph-percent {padding:0; line-height:23px;}
  .title-graph .txt-graph .m-numerical-change {display:block; overflow:hidden; margin-top:0.313rem;}
  .title-graph .txt-graph .m-numerical-change p {display:inline-block; float:left; font-size:0.75rem;  }
  .title-graph .txt-graph .m-numerical-change p+p {margin-left:0.625rem;}
  .title-graph .num-numerical-change ul {display:none;}
  .title-graph .m-tabs-graph {display:none; position:absolute; top:0.5rem; right:1%; padding: 0 0.5rem; width: 7rem; height: 2.188rem; color: #666; background: url(../images/icon-down-select.png) 88% 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cccccc; border-radius: 0.313rem;}

  .title-graph .type-title {display:block; padding:0; width:100%; background-position:95% 30% !important;}
  .title-graph .btn-type-list {display:none;}
  .tabs-graph {top:5rem; left:2%; width:96%;}
  .tabs-graph ul {padding:0 4% 12px; width:92%;}

  .box-graph {width:100%;}

  .list-price {padding:5%; width:90%; margin-bottom:1rem;}
  .title-list-price span {padding-bottom:0.313rem;}
  .t-order-write .middle {width:65%; margin-left:5px;}
  .t-price-area {height:100%; overflow-y:hidden;}
  .t-price-list th {height:3rem;}
  .t-price-list colgroup {display:none;}
  .t-price-list th {padding:0; width:33.3%}
  .t-price-list td {height:2.63rem;}
  .t-price-up colgroup {display:none;}
  .t-price-up td {width:33.3%;}
  .hoga-center-line {line-height:3rem;}
  .t-price-down colgroup {display:none;}
  .t-price-down td {width:33.3%;}
  .t-price-result colgroup {display:none;}
  .t-price-result td {width:33.3%; height:2rem;}

  .ctn-order {display:flex; padding:5%; width:90%;}
  .box-write-order {width:100%; border:none;}
  .order-chick-type button {height:3rem; line-height:3rem;}
  .line-order-limit p {display:inline-block; padding-left:5%; float:left; width:45%; text-align:left;}
  .line-order-limit p+p {padding:0 5% 0 0; text-align:right;}

  .line-order-rvg .btns-order-rvg .btn-order-add {width:15.8%; text-align:center;}
  .line-order-rvg .btns-order-rvg .btn-order-add a {display:inline-block;}
  .line-order-rvg .btns-order-rvg .btn-order-add+.btn-order-add {margin-left:0;}
  .line-order-rvg .btns-order-rvg .box-minus-plus {padding:0.125rem 0 0 3%; width:18%;}

  .line-order-rvg .icon-question .tooltip {padding:1rem 5%; width:90%; margin:0;}

  .line-guage-rvg {padding:1rem 0;}
  .line-guage-rvg .bar {top:21px;}
  .line-guage-rvg .slider::-webkit-slider-thumb {width:1.313rem; height:1.313rem;}

  .line-order-coin .btns-order-coin p:first-child span {width:25%; text-align:center; margin:0 !important;}
  .line-order-coin .btns-order-coin p:first-child span a {display:inline-block; float:none;}
  .line-order-coin .btns-order-coin p:nth-child(2) span {width:33.33%; text-align:center; margin-left:0;}
  .line-order-coin .btns-order-coin p:nth-child(2) span a {float:none;}

  .line-order-value div {width:auto;}
  .line-order-value div input {padding:0 2%; width:74%;}
  .line-order-value div span {float:right; width:20%; text-align:right;}

  .line-guage-coin {padding:1rem 0;}
  .line-guage-coin .bar2 {top:21px;}
  .line-guage-coin .slider::-webkit-slider-thumb {width:1.313rem; height:1.313rem;}

  .set-btns-w-order a {width:49%; margin-left:1%;}
  .ctn-record {padding:5%; width:90%; overflow-x:auto; flex-direction:column;}

  .title-asset-area .title-asset-txt span {padding-bottom:0.313rem;}
  .t-asset-info,
  .t-asset-funding {padding:4% 8%; width:84%; font-size:1.125rem;}

  .ctn-contract-case {padding:0 3%;}

  .ctn-history {width:100%; min-height:auto; margin-bottom:1%; order:-1;}

  .btn-balance-check {display:block; padding:0; width:100%; margin:0 0 1rem;}

  .tabs-history {padding:2% 3% 0; width:94%; background:transparent;}
  .tabs-history li {padding:0; width:50%; margin:0;}
  .tabs-history li+li {margin:0;}
  .tabs-history li a {padding:0; width:100%;}

  .t-history {width:100%; white-space:nowrap;}
  .t-history colgroup {display:none;}
  .t-history th .title-pc {display:none;}
  .t-history th .title-m {display:inline-block;;}
  .t-history th,
  .t-history td {padding:0 0.25rem;}

  .t-history th:nth-child(1),
  .t-history td:nth-child(1) {display:none;}

  .btns-history {position:relative; display:block; top:auto; bottom:0; left:0; padding:1rem 0; width:100%; text-align:center; background:#f6f4f0; order:1;}
  .btn-balance-cencel,
  .btn-balance-settlement {float:none; width:7rem; height:2.375rem; line-height:2.375rem; font-size:1rem;}

  .t-list-balance th:nth-child(4),
  .t-list-balance th:nth-child(5),
  .t-list-balance th:nth-child(6),
  .t-list-balance th:nth-child(7),
  .t-list-balance th:nth-child(9),
  .t-list-balance th:nth-child(12),
  .t-list-balance th:nth-child(13),
  .t-list-balance th:nth-child(14),
  .t-list-balance td:nth-child(4),
  .t-list-balance td:nth-child(5),
  .t-list-balance td:nth-child(6),
  .t-list-balance td:nth-child(7),
  .t-list-balance td:nth-child(9),
  .t-list-balance td:nth-child(12),
  .t-list-balance td:nth-child(13),
  .t-list-balance td:nth-child(14) {display:none;}
  .btn-settlement {width:2.6rem;}

  .ctn-history-case {padding:0 1%; overflow-x:auto;}
  .ctn-trade-case {padding:0 1%; overflow-x:auto;}
  .ctn-funding-case {padding:0 1%; overflow-x:auto;}

  .footer-copy {padding:0 !important;}

  .contents-question {flex-wrap:nowrap;}
  .customer-service {display:block; width:96%; margin:0 auto;}
  .customer-service-list .customer-question-title {padding:0 2%; width:95.4%; font-size:0.875rem;}
  .customer-service-list .customer-status {width:22%;}
  .customer-question-area {display:block; width:96%; margin:0 auto;}
  .customer-question-area p input {padding:0 2%; width:96%;}
  .customer-question-area textarea {padding:1.375rem 2%; width:96%;}

  /* Layout Popup */
  .jc-bs3-container {width:94%; margin:0 auto;}

  /* member login */
  .page-auto-width {min-width:100%; min-height:100%; height:100%;}
  .page-user {margin-bottom:6%;}
  .header-user {padding:0.875rem 0; height:1.875rem;}
  .header-user h1 {width:100%; height:1.875rem; background-size:contain;}
  .login-area {padding:1rem 0 1.625rem; width:92%;  margin:0 auto 0;}
  .login-area .login-title {padding-top:1rem; width:90%; height:1.75rem; margin:0 auto 1.25rem;}
  .login-area .login-title h2 {width:100%; background-size:contain !important;;}
  .login-area .login-id,
  .login-area .login-pw {width:90%; margin-bottom:1rem;}
  .btn-auto-login {padding:0; text-align:center;}
  .btn-login {width:90%;}
  .page-auto-width .footer {padding:1rem 0; }

  .join-area {padding:2rem 0; width:92%; border:none; margin:0 auto;}
  .join-area .join-title {width:90%; margin:0 auto 2rem;}
  .join-policy-service div,
  .join-policy-privacy div {min-height:100%; height:6rem; line-height:1.5rem; overflow:auto;}
  .line-join-next {border-top:none;}

  .join-write-area {padding:1rem 0 1.625rem; width:90%; margin:0 auto 2rem;}
  .join-write-area .join-write-title {padding-top:1rem; width:90%; margin:0 auto 1rem;}
  .join-write-area .line-write-info {padding-top:1rem; width:90%; margin:0 auto 1rem;}
  .btn-user-check {width:50%;}
  .line-join-ckeck {margin-top:2rem;}

  .mypage-midyfy-area {padding:2rem 0; width:92%; border:none; margin:0 auto;}
  .mypage-midyfy-area .title-mypage-modify {width:90%; margin:0 auto 2rem;}

  .join-write-area .find-write-title {padding-top:1rem; width:90%; margin:0 auto 1rem;}

  .join-area .join-title h2,
  .join-write-area .join-write-title h2,
  .join-write-area .find-write-title h2,
  .join-write-area .find-write-title h2,
  .mypage-midyfy-area .title-mypage-modify h2 {width:100%; background-size:contain !important; zoom:0.9;}

  /* sub */
  .sub-title {margin-bottom:1rem;}
  .sub-title h2 {font-size:1.625rem; border-bottom:none;}
  .sub-title-area {margin-bottom:1rem;}
  .search-area div {display:block; width:100%;}
  .btn-search-area {width:45.8%; height:2.5rem; font-size:0.875rem;}
  .search-space {width:7%; line-height:2.5rem;}
  .btn-search-org {display:block; width:100%; margin:1rem 0 0 ;}

  .search-order-list-area input {width:100%;}

  /* asset */
  .contents-asset-area {padding:2rem 5%; width:82%; margin:3% auto;}
  .title-asset {margin-bottom:1rem;}
  .title-asset h2 {font-size:1.625rem; border:none;}
  .asset-my-info {display:block; padding:2rem 5%; width:90%; margin:0 0 0.5rem 0;}
  .asset-my-info div {display:block; width:100%; text-align:center;}
  .asset-my-info div:first-child {padding:0; line-height:100%; font-size:2rem; font-weight:bold; margin-bottom:1rem;}
  .asset-my-info div+div {padding:0;}
  .asset-my-info div+div p:first-child {font-size:2rem;}
  .asset-my-info div+div p:last-child {font-size:1rem;}

  .asset-my-usable {width:41%; padding:2.5rem 4%; margin-right:2%;}
  .asset-my-usable p:first-child {font-size:1.313rem;}
  .asset-my-usable p:first-child span {display:block;}
  .asset-my-usable p:first-child span:last-child {font-size:1rem;}
  .asset-my-usable p:last-child {font-size:1.5rem;}
  .asset-my-usable p:last-child span:last-child {font-size:1rem;}
  .asset-my-unusable {width:41%; padding:2.5rem 4%;}
  .asset-my-unusable p:first-child {font-size:1.313rem;}
  .asset-my-unusable p:first-child span {display:block;}
  .asset-my-unusable p:first-child span:last-child {font-size:1rem;}
  .asset-my-unusable p:last-child {font-size:1.5rem;}
  .asset-my-unusable p:last-child span:last-child {font-size:1rem;}

  .asset-token-list {padding:0;}
  .asset-token-list table colgroup {display:none;}
  .asset-token-list table th+th+th+th,
  .asset-token-list table td+td+td+td {display:none;}
  .asset-token-list table th {width:40%;}
  .asset-token-list table th+th {width:30%;}
  .asset-token-list table td:first-child {padding-left:1rem;}
  .asset-token-list td:first-child span span {margin-left:0.5rem;}

  .contents-token-area {padding:2rem 5%; width:82%; margin:3% auto;}
  .contents-token-paragraph {flex-direction:column;}
  .contents-token-paragraph .token-paragraph-info {width:100%;}
  .contents-token-paragraph .token-paragraph-pc .token-about-area {display:none;}
  .contents-token-paragraph .token-paragraph-m {display:block; margin-top:2rem;}
  .contents-token-paragraph .token-paragraph-m .token-about-area {padding:0;}
  .token-my-info {margin-bottom:2rem;}
  .token-my-usdt {padding:1rem 0; width:49%; text-align:center;}
  .token-my-usdt div {display:block; width:100%; text-align:center;}
  .token-my-usdt div+div {padding:0;}
  .token-my-usdt div+div p:first-child {font-size:1rem}
  .token-my-usdt div+div p:last-child {font-size:1.25rem;}

  .token-my-eth {padding:1rem 0; width:49%; text-align:center;}
  .token-my-eth div {display:block; width:100%; text-align:center;}
  .token-my-eth div+div {padding:0;}
  .token-my-eth div+div p:first-child { font-size:1rem}
  .token-my-eth div+div p:last-child {font-size:1.5rem;}

  .token-about-area {padding:0 0 2rem; overflow:hidden;}
  .token-about-area li {padding:0 1rem;}
  .token-about-area li div+div {padding-left:5%; width:70% !important;}
  .token-about-area li div+div p:first-child {font-size:0.875rem; font-weight:bold;}
  .token-about-area li div+div p+p {font-size:0.625rem;}
  .token-about-area li+li {margin-top:2.5rem;}

  .contents-token-paragraph .token-paragraph-ctn {padding:2rem 6%; width:88%;}
  .token-send-line {margin-bottom:2rem;}
  .token-change-type select {height:2.5rem;}
  .token-change-type span {height:2.5rem;}
  .token-line-detail div {line-height:2.5rem;}
  .token-line-detail .token-change-info .token-limit-num {display:block; width:100%;}
  .token-line-detail .token-change-info .token-pay-info {display:block; width:100%; text-align:left;}

  .token-change-title,
  .token-send-title {font-size:1.25rem; letter-spacing:-0.3px;}

  .token-limit-info .token-limit-num {display:block; width:100%;}
  .token-limit-info .token-pay-info {display:block; width:100%; text-align:left;}

  .token-line-write div {height:2.5rem;}
  .token-line-write div input {height:2.5rem;}
  .token-line-write div input {width:80%}
  .token-line-write div button {width:14%; margin-top:9px;}
  .token-line-write div button span {font-size:1rem;}
  .token-line-write p:last-child {font-size:0.75rem;}

  .token-about-send-area {}
  .contents-token-send .token-paragraph-ctn {}
  .search-token-history {margin-bottom:1rem;}

  .token-send-type {}
  .token-send-type select {height:2.5rem;}
  .token-send-type input {height:2.5rem;}
  .token-line-wallet .token-adr-wallet {display:block; width:90%; height:2.5rem;}
  .token-line-wallet .token-adr-wallet input {height:2.5rem; line-height:2.5rem;}

  .token-my-wallet .token-adr-wallet {display:block; width:90%; height:2.5rem;}
  .token-my-wallet .token-adr-wallet input {height:2.5rem; line-height:2.5rem;}
  .token-my-wallet .token-adr-wallet button {line-height:2rem; margin-top:0.25rem;}


  /*.
  token-line-wallet .token-adr-wallet textarea {padding:0 5%; width:90%; line-height:3rem; height:3rem; overflow:hidden; text-overflow: ellipsis;}
  .token-line-wallet .wallet-qr-code {display:block; padding:1rem 0 0; width:100%; height:auto; text-align:center; margin:1rem 0 2rem;}
  .token-line-wallet .wallet-qr-code canvas {width:70%;}
  */
  .search-token-history select {width:32.8%; font-size:0.875rem;}
  .search-token-history select:first-child {width:24%; margin-right:3%;}
  .search-token-history input {width:45.8%; height:2.5rem; font-size:0.875rem;}
  .search-token-history span {width:7%; line-height:2.5rem;}
  .search-token-history button {display:block; width:100%; margin:1rem 0 0 0;}
  .asset-token-history colgroup {display:none;}
  .asset-token-history th:first-child,
  .asset-token-history td:first-child {padding-left:0.5rem;}
  .asset-token-history th:nth-child(2),
  .asset-token-history td:nth-child(2) {display:none;}
  .asset-token-history th:last-child,
  .asset-token-history td:last-child {padding-right:0.5rem;}
  .asset-token-history td {height:3.313rem; font-size:0.75rem;}
  .asset-token-history td:first-child p {display:block; width:100%; line-height:100%; text-align:center;}
  .asset-token-history td:first-child p:first-child {margin-bottom:0.25rem;}
  .asset-token-history td .history-token-type {width:56px; text-align:left;}
  .asset-token-history td .history-token-type img {width:1.125rem;}
  .asset-token-history td .history-token-arr {width:1rem; margin-right:0.313rem;}

  .asset-token-history td:first-child p {white-space:nowrap;}
  .asset-token-history td:nth-child(3) {white-space:nowrap;}

  /* about */
  .page-about .set-brower-about {display:none;}
  .bitbulls-visual-area {background-size:100%, auto !important; background-position:50% bottom, 50% bottom !important;}
  .bitbulls-visual-case {padding:0; width:100%; height:28rem; background-position:97% 54%, -50% 88% !important; background-size:38%, 84% !important;}
  .bitbulls-txt-area {display:block; top:2rem; left:0; width:100%; text-align:center;}
  .bitbulls-txt-area .bitbulls-about-title {line-height:2.625rem; font-size:3.375rem;}
  .bitbulls-txt-area .bitbulls-about-sub {line-height:2rem; font-size:2.375rem;}

  .btns-bitbulls {left:0; bottom:12%; width:100%; text-align:center;}
  .btns-bitbulls button {float:none; padding-top:0.313rem; width:40%; height:3.687rem; font-size:1.875rem; border-radius:0.313rem;}
  .btns-bitbulls button+button {margin-left:4%;}

  .price-about-area {padding:12% 0 8%; }
  .price-about-case {display:block; width:92%; margin:0 auto;}
  .price-about-th {display:none;}
  .price-about-title {font-size:2.5rem; margin-bottom:1rem;}
  .price-about-list li {padding:5%; width:89.4%; background:#eef4f5; border-color:#eef4f5;}

  .price-about-list li .price-list-type {display:block; float:none; padding:0 1%; width:98%; overflow:hidden;}
  .price-about-list li .price-list-type img {height:2.75rem;}
  .price-about-list li .price-list-type .price-coin-type {padding:0.313rem 0 0 0.5rem; line-height:1rem; font-size:1rem;}
  .price-about-list li .price-list-type .price-coin-type p:first-child {line-height:1.25rem; font-size:1.5rem;}
  .price-about-list li .price-list-type .price-coin-price {width:auto; line-height:2.75rem; font-size:2rem;}

  .price-about-list li .price-list-data {padding:5% 0 3%; margin-top:5%;}
  .page-mode-dark .price-about-list li .price-list-data {border-top:1px solid #343434;}
  .price-about-list li .price-list-data div {display:block; width:100%; overflow:hidden;}
  .price-about-list li .price-list-data .price-list-change {float:left; width:50%; line-height:2rem;}
  .price-about-list li .price-list-data .price-list-dollar {width:100%; line-height:2rem; font-size:2.25rem; margin-top:1.5rem;}
  .price-about-list li .price-list-data div p:first-child {display:block; width:100%; line-height:1.75rem; text-align:center; color:#bdc2c2; font-size:1.5rem;}
  .page-mode-dark .price-about-list li .price-list-data div p:first-child {color:#a9a9a9}

  .price-about-list li.price-last-wait {text-align:center;}
  .price-about-list li.price-last-wait .price-list-type {display:inline-block; padding-left:10%; width:56%;}
  .price-about-list li.price-last-wait .price-coin-price,
  .price-about-list li.price-last-wait .price-list-data {display:none;}

  .about-feature-case {width:100%;}
  .about-feature-title {font-size:2.5rem; margin-bottom:1rem;}
  .about-feature-list {padding:0 10%;}
  .about-feature-list li {display:block; padding:10%; width:80%;}
  .about-feature-list li+li {margin:1rem 0 0;}

  .about-company-area {padding:2rem 0;}
  .about-company-area ul {width:92%; margin:0 auto;}
  .about-company-area li {width:48%;}
  .about-company-area li img {width:90%;}
  .about-company-area li:nth-child(2n) {margin-left:4%;}
  .about-company-area li+li+li {margin-top:1.25rem !important;}
  .about-company-area li:last-child {width:100%; text-align:center; margin-top:1rem !important}
  .about-company-area li:last-child img {width:44%;}

  /* chat */
  .support-chat-area {position:fixed; top:auto; right:auto; bottom:1%; width:98%; margin:0 1%;}
  .support-chat-area .chat-room-text {height:10rem;}

  /* notice */
  #modal_notice .modal-window {width:86%; z-index:2000;}

  #modal_stoploss .modal-window {width:86%; z-index:2000;}
  #modal_stoploss .layer-stoploss-content {display:flex; flex-direction:column;}
  #modal_stoploss .layer-stoploss-content div {display:block; float:none; width:100%; padding-bottom:1rem;}
  #modal_stoploss .layer-stoploss-content div+div {padding-top:1px; background-image:linear-gradient(to right, #cccccc 66%, rgba(255,255,255,0) 0%); background-position:top; background-size:8px 1px; background-repeat:repeat-x;}

  #modal_withdraw.modal-overlay {padding-top:1%; justify-content:flex-start;}
  #modal_withdraw .modal-window {width:90%; z-index:2000;}
  #modal_withdraw .layer-withdraw-title {margin:0 5%;}
  #modal_withdraw .layer-withdraw-tabs {margin:0 5%;}
  #modal_withdraw .layer-withdraw-tabs li {width:33.33%;}
  #modal_withdraw .layer-withdraw-tabs li a {padding:0; width:100%; text-align:center;}
  #modal_withdraw .layer-withdraw-content {flex-direction:column; padding:5%;}
  #modal_withdraw .layer-withdraw-list {display:block; width:100%; margin-bottom:2rem;}
  #modal_withdraw .layer-withdraw-qr {display:block; padding:5%; width:90%; background:#f6f4f0; border-radius:0.188rem;}
  #modal_withdraw .layer-withdraw-qr p {font-size:1.5rem; margin-bottom:0.625rem;}
  #modal_withdraw .layer-withdraw-qr canvas {width:76%;}

  #modal_withdraw .layer-withdraw-serach .layer-withdraw-sel {display:block; width:99%; margin-bottom:0.313rem; background-position:95.5% 50%;}
  #modal_withdraw .layer-withdraw-serach .btn-search-area {float:left; padding-right:10%; width:34%;}
  #modal_withdraw .layer-withdraw-serach .search-space {float:left; width:10%;}
  #modal_withdraw .layer-withdraw-serach .btn-search-org {float:none; width:100%; margin:0.313rem auto 0;}

  #modal_clear .modal-window {width:86%; z-index:2000;}
  #modal_clear .layer-order-title {margin:0 5%;}
  #modal_clear .layer-order-content {margin:0 5% 5%;}
  #modal_clear .layer-order-info .layer-order-percent a+a {margin-left:2%;}
  #modal_clear .layer-order-info .layer-order-calcamount input {width:76%;}
  #modal_clear .layer-order-info .layer-order-type {padding-left:0.75rem;}
  #modal_clear .layer-order-info .set-order-type + input {width:42%;}

  .modal-usdt-txt li {line-height:1.313rem;}
  .modal-usdt-txt li+li {margin-top:0.5rem;}

  .token-send-line .notice-usdt-txt {overflow:hidden;}
  .token-send-line .notice-usdt-txt li {font-size:0.75rem;}
  .token-send-line .notice-usdt-txt li span {width:0.5rem;}

  /* guide */
  .tabs-guide {margin:0 5%;}
  .tabs-guide li {width:22%;}
  .tabs-guide li+li {width:32%;}
  .tabs-guide li:last-child {width:46%;}
  .tabs-guide li a {padding:0; width:100%; text-align:center;}
  .modal-guide-area img {width:100%;}
  .guide-join-member li,
  .guide-withdraw li,
  .guide-term li {padding-left:0.5rem;}

  /* sub */
  .sub-list-area {overflow-x:auto;}
  .sub-list-area th,
  .sub-list-area td {padding:0 0.313rem;}

  .page-mode-dark .tabs-history {background:transparent;}
  .page-mode-dark .btns-history {background-color:#151515;}
  .page-mode-dark #modal_withdraw .layer-withdraw-qr {background:#111;}
  .page-mode-dark #modal_withdraw .layer-withdraw-serach .layer-withdraw-sel {background-position:95.5% 50%;}
  .page-mode-dark #modal_stoploss .layer-stoploss-content div+div {background-image:linear-gradient(to right, #444 66%, rgba(255,255,255,0) 0%); background-position: top; background-size: 8px 1px; background-repeat: repeat-x;}

  /* language */
  .page-auto-width .list-language {width:92%;}
  .page-auto-width .list-language-type {right:170px;}

  body.language-jp .title-graph .m-tabs-graph {width:8.5rem;}
  body.language-jp .support-chat-area .support-chat-title {font-size:0.875rem;}
  body.language-jp .asset-token-history th {font-size:0.75rem;}
  body.language-jp .asset-token-history td {white-space:nowrap;}
  body.language-jp .asset-token-history td:nth-child(2) {padding-right:0.5rem;}
  body.language-jp .token-line-write div input {width:72% !important;}
  body.language-jp .token-line-write div button {width:20% !important; margin-top:9px !important;}

  /* motest */
  .swal2-popup {max-width:90% !important}
  .swal2-container {padding:0 !important}
  .swal2-container.swal2-center>.swal2-popup {padding:0 0 2rem!important; width:90% !important}
  .swal2-html-container {margin:0 2% !important}
  .swal2-title {font-size:1.625rem !important; margin-bottom:0.625rem !important;}
  .title-sub-txt {font-size:1rem; margin-bottom:1rem;}
  .pop-ctn-introduction {padding:3%; line-height:110%; font-size:0.875rem; margin:0 2% 1rem !important;}
  .pop-ctn-introduction p+p {margin-top:0.5rem;}
  .pop-ctn-introduction span {display:block; padding-left:0.625rem; width:100%;}
  .pop-ctn-warning {font-size:1rem;}

}
@media screen and (max-width: 428px) {
  .title-graph .num-numerical-change {padding-left:0.125rem; font-size:0.5rem; letter-spacing:-0.015rem;}
}

@media screen and (max-width: 414px) {
  .t-order-write .short {width:59%;}
  .title-graph .logo-graph {width:3.313rem;}
  .title-graph .txt-graph {display:block; }
  .title-graph .num-numerical-change {display:block; float:left; padding-top:0.124rem; width:82%;}
  .title-graph .num-numerical-change p {display:inline-block; float:left;}
}

/* main tabs type */
.slider {
  width: 720px;
  margin: 0px auto;
}
.slider .slick-slide {
  margin: 10px;
}
.slick-prev:before, .slick-next:before {
  color: #444444;
}

#mode.light{
	background: url("../svg/moon.svg") no-repeat center center;
}
#mode.dark{
	background: url("../svg/sun.svg") no-repeat center center;
}
.vOff{display: none !important;}