@charset "utf-8";
.dashboard_wrap {display:block;position:relative;width:1320px;margin:0 auto;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;}
.dashboard_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:998;}

.dashboard_nav {position:relative;float:left;width:320px;padding:0 10px;z-index:9;}
.dashboard_nav ul {padding:20px;background:#232a35;border-radius:10px;}
.dashboard_nav ul li {display:block;}
.dashboard_nav ul li a {display:block;position:relative;color:#ddd;line-height:40px;}
.dashboard_nav ul li a i {margin:0 6px 0 0;font-size:16px;}
.dashboard_nav ul li a:hover {color:#de9805;}
.dashboard_nav ul li a .arrow {display:block;position:absolute;right:0px;top:0;width:40px;height:40px;text-align:center;z-index:9;}
.dashboard_nav ul li a .arrow i {color:#999;font-size:16px;line-height:40px;}
.dashboard_nav ul li ul {display:none;margin:0 0 10px 40px;padding:0;background:none;overflow:hidden;}
.dashboard_nav ul li ul li {}
.dashboard_nav ul li ul li a {}
.dashboard_nav ul li a.current_pg2 {color:#de9805;}

.dashboard_nav ul li.current > ul {display:block;max-height:1000px;}
.dashboard_nav ul li.current a.current_pg {color:#de9805;}
.dashboard_nav ul li.current a .arrow {transform-origin:50% 50%;transform:rotate(90deg);}
.dashboard_nav ul li.current a .arrow i {color:#de9805;}

.dashboard_nav ul li.on > ul {max-height:1000px;}
.dashboard_nav ul li.on .arrow {transform-origin:50% 50%;transform:rotate(90deg);}

.dashboard_nav,
.dashboard_nav ul li,
.dashboard_nav ul li a,
.dashboard_nav ul li a .arrow {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.menu_on_default {transform: translate(320px,0);}

.btn_dashboard_close {display:none;position:absolute;right:20px;top:20px;width:34px;height:34px;color:#fff;text-align:center;background:#f64f4f;border:none;border-radius:4px;}
.btn_dashboard_close i {font-size:20px;line-height:34px;}

.dashboard_panel {float:right;position:relative;width:990px;padding:0 10px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dashboard_panel h3 {display:block;margin:0 0 15px 0;padding:0 10px;font-size:20px;font-weight:600;}
.dashboard_panel .desc {margin:0 0 10px 0;padding:0 10px;font-size:18px;word-break:keep-all;}

.dashboard_mobile {display:none;padding:0 10px;}
.dashboard_mobile:after {display:block;visibility:hidden;clear:both;content:""}
.dashboard_mobile a {display:block;}
.dashboard_mobile a.btn_dashboard {float:left;}
.dashboard_mobile a.btn_dashboard i {font-size:28px;line-height:40px;}
.dashboard_mobile a.btn_filter {display:block;float:right;width:110px;margin:0 0 10px 0;}
.dashboard_mobile a.btn_filter i {font-size:16px;}

.dab_statistic {margin:0 0 20px 0;}
.dab_statistic ul {}
.dab_statistic ul:after {display:block;visibility:hidden;clear:both;content:""}
.dab_statistic ul li {display:block;float:left;width:33.33%;margin:0 0 15px 0;padding:0 10px;}
.dab_statistic ul li:nth-child(1),
.dab_statistic ul li:nth-child(2) {width:50%;margin:0 0 20px 0;}
.dab_statistic ul li .box {display:block;position:relative;padding:20px;font-size:20px;font-weight:600;background:#232a35;border-bottom:solid 2px #a14ff9;border-radius:10px;overflow:hidden;}
.dab_statistic ul li .box:before {content:'';display:block;position:absolute;right:-35px;top:-35px;width:100px;height:100px;background:rgba(255,255,255,0.05);border-radius:50%;}
.dab_statistic ul li:nth-child(1) .box {border-bottom:solid 2px #17a2b8;}
.dab_statistic ul li .box .icon {display:inline-block;margin:0 10px 0 0;color:#b9babb;vertical-align:middle;}
.dab_statistic ul li .box .icon i {font-size:64px;}
.dab_statistic ul li .box .img {display:inline-block;width:55px;height:55px;margin:0 10px 0 0;overflow:hidden;border:solid 2px #a14ff9;border-radius:50%;vertical-align:middle;}
.dab_statistic ul li .box .img img {width:100%;height:auto;}
.dab_statistic ul li .box p {margin:10px 0 0 0;font-size:24px;font-weight:600;}


.dab_search {position:relative;width:270px;margin:0 10px 15px auto;}
.dab_search .btn_dab_search {display:block;position:absolute;right:0;top:0;width:40px;height:50px;color:#fff;text-align:center;background:#de9805;border:none;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.dab_search .btn_dab_search i {font-size:20px;line-height:50px;}

.dab_search_form {margin:0 0 15px 0;padding:0 10px;}
.dab_search_form ul {padding:20px;background:#222a34;border:solid 1px #2d343e;border-radius:10px;}
.dab_search_form ul:after {display:block;visibility:hidden;clear:both;content:""}
.dab_search_form ul li {display:block;float:left;padding:0 20px 0 0;}
.dab_search_form ul li label {display:block;margin:0 0 10px 0;color:#ddd;}
.dab_search_form ul li .frm_input {display:block;width:100%;}
.dab_search_form ul li:nth-child(1) {width:30%;}
.dab_search_form ul li:nth-child(2) {width:15%;}
.dab_search_form ul li:nth-child(3) {width:15%;}
.dab_search_form ul li:nth-child(4) {width:25%;}
.dab_search_form ul li:nth-child(5) {width:15%;padding:0;}
.dab_search_form ul li select {display:block;width:100%;height:50px;line-height:48px;text-indent:10px;background:#28303a;border:solid 1px #383f48;border-radius:5px;}
.dab_search_form ul li select:focus {border:solid 1px #de9805}
.dab_search_form ul li select option {padding:0 10px;color:#fff;background:#000;}
.dab_search_form ul li strong {font-size:30px;font-weight:700;}


.dab_table_wrap {display:block;margin:0 10px;border:solid 1px #3a404a;border-radius:10px;overflow:hidden;}
.dab_table {width:100%;border-collapse:collapse;border-spacing:0 5px;overflow:hidden;background:#0e1621;}
.dab_table tr:nth-child(2n) {background:#080c13;}
.dab_table th, .dab_table td {display:table-cell;padding:15px 10px;font-size:15px;font-weight:400;line-height:140%;word-break:keep-all;border:none;}
.dab_table td {vertical-align:middle;}
.dab_table th {text-align:center;font-weight:600;background:#3a404a;}
.dab_table th, .dab_table td {text-align:center;}
.dab_table th.left, .dab_table td.left {text-align:left;}
.dab_table th.right, .dab_table td.right {text-align:right;}

.dab_table td .minus {color:#dc3545;font-weight:600;}
.dab_table td .plus {color:#198754;font-weight:600;}
.dab_table td .unpaid,
.dab_table td .approved {display:inline-block;padding:0 8px;font-size:10px;line-height:18px;border-radius:20px;}
.dab_table td .unpaid {border:solid 1px #fff;}
.dab_table td .approved {border:solid 1px #17d605;}
.dab_table td .btn_paynow {display:inline-block;width:34px;height:34px;color:#fff;text-align:center;background:#de9805;border:solid 2px #de9805;border-radius:3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dab_table td .btn_paynow i {font-size:14px;line-height:30px;}
.dab_table td .btn_paynow:hover {background:#222a34;}
.dab_table td.empty_table {color:#bbb;font-weight:400;}

.dashboard_panel ul.boxlist {margin:0;padding:0;font-size:0;line-height:0;text-align:center;}
.dashboard_panel ul.boxlist:after {display:block;visibility:hidden;clear:both;content:""}
.dashboard_panel ul.boxlist li {display:inline-block;width:33.3%;padding:10px;}
.dashboard_panel ul.boxlist li .box {background:#222a34;border:solid 1px #434a52;border-radius:10px;overflow:hidden;}
.dashboard_panel ul.boxlist li .box .title {margin:0 0 30px 0;padding:20px 20px 10px 20px;font-size:14px;text-align:center;line-height:140%;letter-spacing:0;background:#de9805;}
.dashboard_panel ul.boxlist li .box .title p {margin:0 0 10px 0;font-size:18px;font-weight:500;}
.dashboard_panel ul.boxlist li .box .title strong {font-family:'roboto';font-size:36px;font-weight:700;}
.dashboard_panel ul.boxlist li .box .title strong i {font-size:32px;}
.dashboard_panel ul.boxlist li .box .discount {position:relative;margin:0 20px 0 20px;font-size:16px;text-indent:15px;font-weight:400;line-height:30px;text-align:left;}
.dashboard_panel ul.boxlist li .box .discount:before {content:'';display:block;position:absolute;left:0;top:50%;width:6px;height:6px;margin:-3px;background:#fff;border-radius:50%;}
.dashboard_panel ul.boxlist li .box .vms {position:relative;margin:0 20px 0 20px;font-size:16px;text-indent:15px;font-weight:400;line-height:30px;text-align:left;}
.dashboard_panel ul.boxlist li .box .vms:before {content:'';display:block;position:absolute;left:0;top:50%;width:6px;height:6px;margin:-3px;background:#fff;border-radius:50%;}
.dashboard_panel ul.boxlist li .box .vms {position:relative;margin:0 20px 20px 20px;font-size:16px;text-indent:15px;font-weight:400;line-height:30px;text-align:left;}
.dashboard_panel ul.boxlist li .box a.btn_buy {display:block;margin:0 20px 20px 20px;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:46px;background:#de9805;border:solid 2px #de9805;border-radius:5px;}
.dashboard_panel ul.boxlist li .box a.btn_buy:hover {background:#222a34;}

.dashboard_panel ul.boxlist li,
.dashboard_panel ul.boxlist li .box,
.dashboard_panel ul.boxlist li .box a.btn_buy {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.btn_layer_close {display:block;position:absolute;right:20px;top:25px;width:35px;height:35px;color:#fff;text-align:center;background:#f75959;border-radius:4px;border:none;}
.btn_layer_close i {font-size:16px;line-height:35px;}

.track_layer {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;padding:30px 10px;background:rgba(0,0,0,0.6);z-index:99;}
.track_wrap {display:block;position:relative;width:100%;max-width:500px;margin:0 auto;background:#111b28;border-radius:15px;}
.track_wrap h2 {display:block;margin:0 0 20px 0;padding:0 20px;font-size:24px;font-weight:500;line-height:75px;border-bottom:solid 1px #28313d;}
.track_wrap .btn_wrap {padding:15px 20px 20px 20px;border-top:solid 1px #28313d;}
ul.track_info {padding:20px;}
ul.track_info li {display:block;padding:12px 0;line-height:140%;text-align:right;border-bottom:solid 1px #28313d;}
ul.track_info li:after {display:block;visibility:hidden;clear:both;content:""}
ul.track_info li:last-child {border-bottom:none;}
ul.track_info li label {display:block;float:left;font-weight:400;}
ul.track_info li.msg label {float:none;margin:0 0 10px 0;}
ul.track_info li.msg {text-align:left;}

#form_type {margin:0 10px;background:#222a34;border:solid 1px #2d343e;border-radius:10px;overflow:hidden;}
#form_type h3 {display:block;padding:0 20px;font-size:22px;font-weight:500;line-height:55px;background:#2d343e;border-bottom:solid 1px #424952;}
.form_inner {padding:10px;}
.form_inner:after {display:block;visibility:hidden;clear:both;content:""}
.form_inner .write_div {position:relative;padding:0 10px;}
.form_inner .write_div:after {display:block;visibility:hidden;clear:both;content:""}
.form_inner .write_div:last-child {margin:0;}
.form_inner .write_div.margin10 {margin:0 0 10px 0;}
.form_inner .write_div.margin20 {margin:0 0 20px 0;}
.form_inner .write_div.margin30 {margin:0 0 30px 0;}
.form_inner .write_div.half {float:left;width:50%;padding:10px;}
.form_inner .write_div label {display:block;margin:0 0 10px 0;color:#bbb;font-weight:400;}
.form_inner .write_div label strong {color:#f00001;font-size:14px;font-weight:400;}
.form_inner .write_div .frm_input {width:100%;}
.form_inner .write_div .infolabel {display:block;position:absolute;right:10px;bottom:0px;min-width:44px;padding:0 10px;color:#fff;line-height:50px;text-align:center;background:#de9805;cursor:pointer;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.form_inner .write_div .infolabel i {font-size:16px;}
.form_inner .write_div select {display:block;width:100%;height:50px;line-height:48px;text-indent:10px;background:#0e1621;border:solid 1px #3e454d;border-radius:5px;}
.form_inner .write_div select:focus {border:solid 1px #de9805}
.form_inner .write_div select option {padding:0 10px;color:#fff;background:#000;}
.form_inner .write_div select.frm_select {background:#252c37;border:solid 1px #3b424b;}
.form_inner .write_div select.frm_select:focus {border:solid 1px #de9805}
.form_inner .write_div select.frm_select option {padding:0 10px;color:#fff;background:#000;}
.form_inner .write_div textarea {display:block;width:100%;height:150px;line-height:48px;text-indent:10px;background:#252c37;border:solid 1px #3b424b;border-radius:5px;}
.btn_confirm {display:block;clear:both;padding:10px 10px;}

.form_inner .btn_act.list_add {display:inline-block;width:140px;font-size:14px;}
.form_inner .btn_act.list_add i {font-size:14px;}
.form_inner ol {margin:0;padding:0 10px;list-style:none;}
.form_inner ol li {display:block;position:relative;margin:0 0 15px 0;}
.form_inner ol li:last-child {margin:0;}
.form_inner ol li .frm_input {display:block;width:100%;}

/* add file */
.form_inner ol li .frm_fileinput {text-indent:100px;}
.form_inner ol li .frm_fileinput::file-selector-button {display:none;}
.form_inner ol li .frm_fileinput:after {content:'Add File';display:block;position:absolute;left:0;top:0;;width:100px;height:50px;color:#fff;font-size:16px;text-align:left;text-indent:10px;line-height:50px;background:#363d47;cursor:pointer;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.form_inner ol li .list_del {display:block;position:absolute;right:0px;bottom:0px;min-width:44px;padding:0 10px;color:#fff;line-height:50px;text-align:center;background:#f75959;border:none;cursor:pointer;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.form_inner ol li .list_del i {font-size:16px;}


#form_type p.info {padding:10px 20px;font-weight:500;line-height:140%;word-break:keep-all;}
#form_type p.help {padding:10px 20px 20px 20px;color:#ddd;line-height:140%;word-break:keep-all;}
#form_type p.help label {display:block;margin:0 0 10px 0;font-weight:400;}
#form_type p.help label i {font-size:16px;}
#form_type p.help a {color:#de9805;}
#form_type p.fileinfo {padding:10px;color:#777;}

.wallet {}
.wallet ul {}
.wallet ul:after {display:block;visibility:hidden;clear:both;content:""}
.wallet ul li {display:block;float:left;width:50%;margin:0 0 10px 0;padding:0 5px;}
.wallet ul li .card {display:block;position:relative;padding:20px;background:#232a35;border-radius:10px;}
.wallet ul li .card .profile {display:block;position:relative;margin:0 0 20px 0;padding:0 0 0 70px;}
.wallet ul li .card .profile .img {display:block;position:absolute;left:0;top:0;width:50px;height:50px;overflow:hidden;background:#fff;border:solid 2px #fff;border-radius:50%;}
.wallet ul li .card .profile .img img {width:100%;height:auto;}
.wallet ul li .card .profile strong {display:block;font-size:20px;font-weight:500;}
.wallet ul li .card .profile p {color:#ddd;}
.wallet ul li .card label {display:block;margin:0 0 6px 0;color:#777;font-size:12px;}
.wallet ul li .card .value {min-height:40px;color:#ddd;font-size:14px;line-height:140%;word-wrap:break-word;}
.wallet ul li .card .btn_editwallet {display:block;position:absolute;right:5px;top:5px;width:40px;height:40px;color:#fff;text-align:center;background:none;border:none;}
.wallet ul li .card .btn_editwallet i {font-size:16px;line-height:40px;}
.wallet ul li .card .btn_withdraw {display:block;position:absolute;width:auto;right:20px;top:20px;height:37px;padding:0 12px;line-height:33px;}
.wallet ul li .card .btn_alert {display:block;position:absolute;width:auto;right:20px;top:20px;height:37px;padding:0 12px;line-height:33px;}


.security_wrap {display:block;float:left;width:50%;}


ul.mcar_header {margin:0 0 10px 0;}
ul.mcar_header:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_header li {display:block;float:left;width:25%;padding:10px;}
ul.mcar_header li .card {min-height:130px;padding:20px;background:rgba(33,40,50,0.8);border-radius:10px;}
ul.mcar_header li label {display:block;margin:0 0 10px 0;font-size:14px;font-weight:600;}
ul.mcar_header li label .sub {color:#bbb;font-size:13px;}
ul.mcar_header li label a.tooltip {display:inline-block;position:relative;}
ul.mcar_header li label i {color:#bbb;font-size:14px;}
ul.mcar_header li .count {position:relative;margin:0 0 20px 0;color:#bbb;font-size:20px;font-weight:600;}
ul.mcar_header li .count:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_header li .count i {color:#fa9214;font-size:20px;}
ul.mcar_header li .count i.fa-tachometer-alt {color:#3489e8}
ul.mcar_header li i.fa-bolt {color:#3489e8}
ul.mcar_header li .count strong {color:#fff;font-size:24px;font-weight:600;}
ul.mcar_header li .count .chk {display:block;position:absolute;right:0;top:5px;}
ul.mcar_header li .slidebar_area {position:relative;width:100%;}
ul.mcar_header li:first-child .slidebar_area {position:relative;padding:0 50px;}
ul.mcar_header li .slidebar_area:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_header li .slidebar_area .label {display:block;position:absolute;left:0;top:0px;width:40px;color:#bbb;font-size:10px;line-height:20px;text-align:center;border:solid 1px #bbb;border-radius:20px;}
ul.mcar_header li .slidebar_area .label.label_max {left:auto;right:0;}


.slidebar_area input {width:100%;height:5px;background:#0e1621;border-radius:2px;}
.slidebar_area .rangeslider__handle {background:#de9805 !important}


.mcar_panel {margin:10px;padding:20px;background:rgba(33,40,50,0.9);border-radius:10px;}
.mcar_panel:after {display:block;visibility:hidden;clear:both;content:""}
.mcar_panel label {display:block;margin:0 0 40px 0;font-size:18px;font-weight:600;}
.mcar_panel .count {margin:0 0 40px 0;color:#bbb;font-size:60px;font-weight:600;text-align:center;}
.mcar_panel .count strong {color:#fff;font-weight:700;}
.mcar_panel .count i {color:#de9805;font-size:48px;}
.mcar_panel .count a {display:inline-block;position:relative;vertical-align:top;}
.mcar_panel .count a i {color:#bbb;font-size:14px;vertical-align:top;}
.mcar_panel .sub {margin:0 0 40px 0;color:#bbb;text-align:center;}
.mcar_panel .sub strong {color:#f00001;font-weight:600;margin:0 20px 0 20px;}
.mcar_panel .close {display:inline-block;padding:0 12px;color:#fff;font-size:16px;line-height:32px;font-weight:600;border:solid 1px #bbb;border-radius:30px;}
.mcar_panel .close i {color:#bbb;font-size:16px;}
.mcar_panel .close i.fa-bitcoin {color:#fa9214}
.mcar_panel .close i.fa-bolt {color:#3489e8}
.mcar_panel .chart {float:right;color:#bbb;font-size:14px;line-height:160%;}
.mcar_panel .chart:after {display:block;visibility:hidden;clear:both;content:""}
.mcar_panel .chart strong {display:block;color:#fff;font-weight:600;}
.mcar_panel .chart .chart_area,
.mcar_panel .chart .label {display:block;float:left;}
.mcar_panel .chart .label {margin:0 0 0 10px;padding:0 0 0 10px;border-left:solid 1px #bbb;}

.mcar_bottom {}
.mcar_bottom ul {}
.mcar_bottom ul:after {display:block;visibility:hidden;clear:both;content:""}
.mcar_bottom ul li {display:block;float:left;width:33.33%;padding:10px;}
.mcar_bottom ul li .card {padding:20px;background:rgba(33,40,50,0.9);border-radius:10px;}
.mcar_bottom ul li label {display:block;margin:0 0 10px 0;font-size:14px;font-weight:600;}
.mcar_bottom ul li label .icon {display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;}
.mcar_bottom ul li label i {color:#fff;font-size:14px;}
.mcar_bottom ul li label .icon.bg1 {background:#7649ad;box-shadow:0 0 15px #7649ad;}
.mcar_bottom ul li label .icon.bg2 {background:#3cb878;box-shadow:0 0 15px #3cb878;}
.mcar_bottom ul li label .icon.bg3 {background:#e87a45;box-shadow:0 0 15px #e87a45;}
.mcar_bottom ul li strong {display:block;margin:0 0 10px 0;color:#fff;font-size:24px;font-weight:600;}
.mcar_bottom ul li p {color:#bbb;font-size:14px;}



ul.mcar_panel1 {margin:0 0 10px 0;background:rgba(33,40,50,0.8);border-radius:10px;}
ul.mcar_panel1:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_panel1 li {display:block;float:left;width:25%;padding:10px 20px;border-right:solid 1px rgba(255,255,255,0.1);}
ul.mcar_panel1 li:last-child {border-right:none;}
ul.mcar_panel1 li .card {min-height:140px;padding:20px;}
ul.mcar_panel1 li label {display:block;margin:0 0 10px 0;font-size:14px;font-weight:600;}
ul.mcar_panel1 li label .sub {color:#bbb;font-size:13px;}
ul.mcar_panel1 li label a.tooltip {display:inline-block;position:relative;}
ul.mcar_panel1 li label i {color:#bbb;font-size:14px;}
ul.mcar_panel1 li .count {position:relative;margin:0 0 20px 0;color:#bbb;font-size:20px;font-weight:600;}
ul.mcar_panel1 li .count:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_panel1 li .count i {color:#fa9214;font-size:20px;}
ul.mcar_panel1 li .count i.fa-tachometer-alt {color:#3489e8}
ul.mcar_panel1 li i.fa-bolt {color:#3489e8}
ul.mcar_panel1 li .count strong {color:#fff;font-size:24px;font-weight:600;}
ul.mcar_panel1 li .count .chk {display:block;position:absolute;right:0;top:5px;}
ul.mcar_panel1 li .slidebar_area {position:relative;width:100%;}
ul.mcar_panel1 li:first-child .slidebar_area {position:relative;padding:0 50px;}
ul.mcar_panel1 li .slidebar_area:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_panel1 li .slidebar_area .label {display:block;position:absolute;left:0;top:0px;width:40px;color:#bbb;font-size:10px;line-height:20px;text-align:center;border:solid 1px #bbb;border-radius:20px;}
ul.mcar_panel1 li .slidebar_area .label.label_max {left:auto;right:0;}


ul.mcar_panel2 {margin:0 0 10px 0;background:rgba(33,40,50,0.9);border-radius:10px;}
ul.mcar_panel2:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_panel2 li {display:block;float:left;width:33.33%;padding:10px 20px;border-right:solid 1px rgba(255,255,255,0.1);}
ul.mcar_panel2 li:last-child {border-right:none;}
ul.mcar_panel2 li .card {padding:20px;}
ul.mcar_panel2 li label {display:block;margin:0 0 10px 0;font-size:14px;font-weight:600;}
ul.mcar_panel2 li label .icon {display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;}
ul.mcar_panel2 li label i {color:#fff;font-size:14px;}
ul.mcar_panel2 li label .icon.bg1 {background:#7649ad;box-shadow:0 0 15px #7649ad;}
ul.mcar_panel2 li label .icon.bg2 {background:#3cb878;box-shadow:0 0 15px #3cb878;}
ul.mcar_panel2 li label .icon.bg3 {background:#e87a45;box-shadow:0 0 15px #e87a45;}
ul.mcar_panel2 li strong {display:block;margin:0 0 10px 0;color:#fff;font-size:24px;font-weight:600;}
ul.mcar_panel2 li p {color:#bbb;font-size:14px;}


ul.mcar_panel3 {margin:0 0 10px 0;background:rgba(33,40,50,0.8);border-radius:10px;}
ul.mcar_panel3:after {display:block;visibility:hidden;clear:both;content:""}
ul.mcar_panel3 li {display:block;float:left;width:25%;padding:10px 20px;border-right:solid 1px rgba(255,255,255,0.1);}
ul.mcar_panel3 li:last-child {border-right:none;}
ul.mcar_panel3 li .card {padding:20px;}
ul.mcar_panel3 li label {display:block;margin:0 0 10px 0;font-size:14px;font-weight:400;}
ul.mcar_panel3 li:nth-child(1) {color:#7649ad}
ul.mcar_panel3 li:nth-child(2) {color:#3cb878}
ul.mcar_panel3 li:nth-child(3) {color:#e87a45}
ul.mcar_panel3 li:nth-child(4) {color:#999}
ul.mcar_panel3 li .icon {display:inline-block;width:24px;height:24px;margin:0 4px 0 0;text-align:center;line-height:24px;border-radius:50%;}
ul.mcar_panel3 li i {color:#fff;font-size:14px;}
ul.mcar_panel3 li .icon.bg1 {background:#7649ad;box-shadow:0 0 15px #7649ad;}
ul.mcar_panel3 li .icon.bg2 {background:#3cb878;box-shadow:0 0 15px #3cb878;}
ul.mcar_panel3 li .icon.bg3 {background:#e87a45;box-shadow:0 0 15px #e87a45;}
ul.mcar_panel3 li .icon.bg4 {background:#999;box-shadow:0 0 15px #999;}
ul.mcar_panel3 li strong {color:#fff;font-size:16px;font-weight:400;}




.staking {padding:20px;}
.staking .qr {width:100%;max-width:240px;margin:0 auto 40px auto;}
.staking .qr img {width:100%;height:auto;}
.staking .frm_input {width:100%;text-align:center;}
.staking h3 {display:block;margin:20px 0;color:#fff;font-size:20px;font-weight:500;text-align:center;}
.staking .btn_act {margin:20px 0 0 0;}

.staking_layer {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;padding:30px 10px;background:rgba(0,0,0,0.6);z-index:99;}
.staking_wrap {display:block;position:relative;width:100%;max-width:500px;margin:0 auto;padding:50px 0 0 0;background:#111b28;border-radius:15px;}
.staking_wrap .btn_wrap {padding:15px 20px 20px 20px;border-top:solid 1px #28313d;}

.bo_w_option {}
.bo_w_option li {display:inline-block;margin:0 24px 0 0;}
.bo_w_option li label span {border:solid 1px #ddd;border-radius:50%;}


.miningcar_layer {display:block;position:fixed;left:0;right:0;top:0;width:100%;height:100%;overflow-y:scroll;padding:80px;background:rgba(14,22,33,0.9);z-index:1;}
.miningcar_layer:after {display:block;visibility:hidden;clear:both;content:""}

.carform {float:left;width:70%;padding:10px;}
.carform ul {}
.carform ul li {display:block;position:relative;margin:0 0 30px 0;padding:0 0 0 120px;}
.carform ul li:last-child {margin:0;}
.carform ul li label {display:block;position:absolute;left:0;top:0;font-weight:500;line-height:50px;}
.carform ul li .frm_input {width:100%;}

.carform_button {float:left;width:30%;padding:10px;}
.carform_button .btn_upload,
.carform_button .btn_start {display:block;width:100%;height:50px;color:#fff;text-align:center;line-height:50px;border:none;border-radius:4px;}
.carform_button .btn_upload {margin:0 0 30px 0;background:#0075ff;}
.carform_button .btn_start {background:#f63941;}
.carform_button .photo {position:relative;width:100%;height:210px;margin:0 0 30px 0;background:#171f2a;border-radius:4px;}
.carform_button .photo label {display:block;position:absolute;left:0;right:0;top:50%;width:100%;margin:-20px 0 0 0;text-align:center;line-height:40px;}
.carform_button .photo img {width:100%;}


.caution {display:none;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;padding:40px 20px;text-align:center;line-height:160%;background:rgba(246,57,65,0.6);z-index:2;
/*-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);*/
}
.caution strong {display:block;margin:0 0 16px 0;font-size:18px;font-weight:700;}
.caution p {display:block;position:absolute;left:0;right:0;top:50%;width:100%;z-index:3;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}



.panel_pc {width:100%;max-width:1400px;margin:0 auto;}
.panel_tablet {width:100%;max-width:980px;margin:0 auto;}

.panel_mobile {width:100%;max-width:480px;margin:0 auto;}
.panel_mobile ul.mcar_header li {width:100%;}
.panel_mobile ul.mcar_header li .card {min-height:auto;}

.panel_mobile .mcar_panel .count {margin:0 0 20px 0;font-size:30px;}
.panel_mobile .mcar_panel .count i {font-size:24px;}
.panel_mobile .mcar_panel .sub {font-size:14px;}
.panel_mobile .mcar_panel .close {margin:0 0 10px 0;font-size:14px;line-height:28px;}
.panel_mobile .mcar_panel .close i {font-size:12px;}
.panel_mobile .mcar_panel .chart {float:none;}

.panel_mobile .mcar_bottom ul li {width:100%;}


/*********************** 20230325 추가 *****************************/
.panel_overlay {display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow-y:scroll;background:rgba(0,0,0,0.8);}

.stk_myinfo {float:left;width:60%;padding:20px;}
.stk_myinfo ul {}
.stk_myinfo ul li {display:block;position:relative;margin:0 0 8px 0;padding:0 0 0 12px;font-size:15px;line-height:140%;letter-spacing:-0.5px;}
.stk_myinfo ul li:before {content:'';display:block;position:absolute;left:0;top:8px;width:4px;height:4px;background:#de9805;border-radius:50%;}
.stk_myinfo ul li:after {display:block;visibility:hidden;clear:both;content:""}
.stk_myinfo ul li strong {display:block;float:right;font-size:15px;font-weight:400;}
.stk_myinfo ul li ul li {padding:0 0 0 20px;color:#bbb;font-size:14px;}
.stk_myinfo ul li ul li:before {top:0;width:20px;height:100%;background:url(../img/subdir.png) no-repeat 0 0;border-radius:0;}
.stk_myinfo ul li ul li span {display:block;float:left;width:40%;}
.stk_myinfo ul li ul li span.name {width:20%;}
.stk_myinfo ul li ul li span.ethaddress {text-align:right;}

.stk_mytable {float:left;width:40%;padding:20px;}





@media screen and (max-width:1370px) {
.dashboard_wrap {width:1140px;}

.dashboard_panel {width:860px;}

.dashboard_nav {width:270px;}

.dab_statistic ul li {width:50%;}

.dab_search_form ul li:nth-child(1) {width:35%;}
.dab_search_form ul li:nth-child(2) {width:20%;}
.dab_search_form ul li:nth-child(3) {width:20%;}
.dab_search_form ul li:nth-child(4) {width:25%;padding:0;}
.dab_search_form ul li:nth-child(5) {width:100%;margin:15px 0 0 0;}
.dab_search_form ul li:nth-child(5) label {display:none;}


ul.mcar_panel1 {margin:0 20px 10px 20px;}
ul.mcar_panel2 {margin:0 20px 10px 20px;}
ul.mcar_panel3 {margin:0 20px 10px 20px;}
}




@media screen and (max-width:1140px) {
.dashboard_wrap {width:960px;}

.dashboard_panel {width:640px;}
.dashboard_panel h3 {font-size:18px;}
.dashboard_panel .desc {font-size:16px;}

.dashboard_nav {width:320px;}

.dab_statistic ul li {width:100%;margin:0 0 10px 0;}
.dab_statistic ul li:nth-child(1),
.dab_statistic ul li:nth-child(2) {width:50%;margin:0 0 20px 0;}
.dab_statistic ul li .box {font-size:18px}
.dab_statistic ul li .box p {font-size:22px;}

.dashboard_panel ul.boxlist li {width:49.9%;}

.wallet ul li {width:100%;margin:0 0 15px 0;}
.wallet ul li:last-child {margin:0;}

.dab_search_form ul li:nth-child(1) {width:50%;}
.dab_search_form ul li:nth-child(2) {width:25%;}
.dab_search_form ul li:nth-child(3) {width:25%;padding:0;}
.dab_search_form ul li:nth-child(4) {width:60%;margin:20px 0 0 0;padding:0 20px 0 0;}
.dab_search_form ul li:nth-child(5) {width:40%;margin:20px 0 0 0;}
.dab_search_form ul li:nth-child(5) label {display:block;}

ul.mcar_header li {width:50%;}

.mcar_panel .count {font-size:48px;}
.mcar_panel .count i {font-size:40px;}


ul.mcar_panel1 li {width:50%;}
ul.mcar_panel1 li:nth-child(2n) {border-right:none;}
ul.mcar_panel1 li:nth-child(1),
ul.mcar_panel1 li:nth-child(2) {border-bottom:solid 1px rgba(255,255,255,0.1);}


.stk_myinfo {float:none;width:100%;}
.stk_myinfo ul li {font-size:14px;}
.stk_myinfo ul li:before {left:0;top:7px;}
.stk_myinfo ul li strong {font-size:14px;}
.stk_myinfo ul li ul li {font-size:13px;}

.stk_mytable {float:none;width:100%;}
}




@media screen and (max-width:960px) {
.dashboard_wrap {width:720px;padding:0;}

.dashboard_nav {position:fixed;float:none;left:-320px;top:0;width:320px;height:100vh;padding:40px 0 0 0;background:#232a35;z-index:999;}
.dashboard_nav ul {background:none;border-radius:0;}

.btn_dashboard_close {display:block;}

.dashboard_panel {float:left;width:100%;padding:0;}

.dashboard_mobile {display:block;}

.dab_statistic ul li .box p {font-size:20px;}

.dab_table_wrap {border:none;}
table.resp_table, table.resp_table thead, table.resp_table tbody, table.resp_table th, table.resp_table td, table.resp_table tr {display:block;}
table.resp_table thead tr {position:absolute;left:-999px;top:-999px;}
table.resp_table tr td {position:relative;width:100% !important;padding-left:40%;text-align:right !important;}
table.resp_table tr td:before {position:absolute;left:8px;top:50%;width:40%;text-align:left !important;font-weight:600;content:attr(data-th);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}

.dashboard_panel ul.boxlist li .box .title p {font-size:16px;}
.dashboard_panel ul.boxlist li .box .title strong {font-size:26px;}
.dashboard_panel ul.boxlist li .box .title strong i {font-size:24px;}
.dashboard_panel ul.boxlist li .box a.btn_buy {font-size:16px;}

.track_wrap h2 {font-size:22px;}

.wallet ul li {width:50%;margin:0 0 10px 0;}
.wallet ul li:last-child {margin:0 0 10px 0;}

.mcar_panel .count {font-size:36px;}
.mcar_panel .count i {font-size:30px;}


ul.mcar_panel1 li {width:100%;border-right:none;border-bottom:solid 1px rgba(255,255,255,0.1);}
ul.mcar_panel1 li:last-child {border-bottom:none;}
ul.mcar_panel1 li .card {min-height:auto;padding:10px;}
ul.mcar_panel1 li .card {}

ul.mcar_panel2 li {width:100%;border-right:none;border-bottom:solid 1px rgba(255,255,255,0.1);}
ul.mcar_panel2 li:last-child {border-bottom:none;}
ul.mcar_panel2 li .card {padding:10px;}


ul.mcar_panel3 li {width:50%;}
ul.mcar_panel3 li:nth-child(2n) {border-right:none;}
ul.mcar_panel3 li:nth-child(1),
ul.mcar_panel3 li:nth-child(2) {border-bottom:solid 1px rgba(255,255,255,0.1);}
ul.mcar_panel3 li .card {padding:10px;}
}




@media screen and (max-width:750px) {
.dashboard_wrap {width:540px;}

.dashboard_panel ul.boxlist li {width:100%;margin:0 auto}

.track_wrap h2 {font-size:20px;}

#form_type h3 {font-size:20px;}


.form_inner .btn_act.list_add {width:130px;}


.wallet ul li {width:100%;margin:0 0 15px 0;padding:0 10px;}
.wallet ul li:last-child {margin:0;}
.wallet ul li .card .profile strong {font-size:18px;}

.dab_search_form {display:none;}

.mcar_bottom ul li {width:100%;}

.mcar_panel .count {margin:0 0 20px 0;font-size:30px;}
.mcar_panel .count i {font-size:24px;}
.mcar_panel .sub {font-size:14px;}
.mcar_panel .close {margin:0 0 10px 0;font-size:14px;line-height:28px;}
.mcar_panel .close i {font-size:12px;}
.mcar_panel .chart {float:none;}


.staking .qr {max-width:180px;}


.miningcar_layer {padding:20px;}

.carform {float:none;width:100%;margin:0 0 20px 0;padding:0;}
.carform ul li {margin:0 0 10px 0;padding:0;}
.carform ul li label {position:relative;width:100%;margin:0 0 12px 0;line-height:normal;}

.carform_button {float:none;width:100%;padding:0;}
.carform_button .btn_upload {margin:0 0 10px 0;}
.carform_button .photo {margin:0 0 10px 0;}

.nav-pills > li > a {
  font-size:14px !important;
}

.popup-content .size {margin-top:40px !important; left:0px !important;width:100% !important;}
.close-btn {top: 10px !important;}
}




@media screen and (max-width:560px) {
.dashboard_wrap {width:100%;}

.form_inner .write_div.half {float:none;width:100%;}

.dab_statistic ul li:nth-child(1),
.dab_statistic ul li:nth-child(2) {width:100%;margin:0 0 20px 0;}

.security_wrap {float:none;width:100%;}

ul.mcar_header li {width:100%;}
ul.mcar_header li .card {min-height:auto;}

.mcar_panel .count {font-size:24px;}
.mcar_panel .count i {font-size:20px;}


.staking .qr {max-width:120px;}

.nav-pills > li > a {
  font-size:14px !important;
}

.popup-content .size {margin-top:40px !important; left:0px !important;width:100% !important;}
.close-btn {top: 10px !important;}


.stk_myinfo ul li {font-size:13px;}
.stk_myinfo ul li:before {left:0;top:6px;}
.stk_myinfo ul li strong {font-size:13px;}
.stk_myinfo ul li ul li {font-size:13px;}

}



.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.pstyle {position:relative;left:16.3%;display:block;width:100%;}

.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
  font-size:20px;
  font-weight:bold;
  border:1px solid #f75959;
}
.nav-pills > li + li {
  margin-left: 15px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #f75959;
}

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

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.popup-content .size {margin:80px auto;left:-10%; width:80%;}
        .layer-popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
			overflow-y:auto;
            background-color: rgba(0, 0, 0, 1);
            z-index: 9999;
        }

        .popup-content {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .close-btn {
            position: fixed;
            right: 20px;
            top: 20px;
            cursor: pointer;
            color: #fff;
            padding: 10px;
            border: none;
			z-index:2;
        }
		
		.carform_button .photo img{ max-height:210px !important;}