:root {
    --border-radius-30 : 30px;
    --border-radius-20 : 20px;
    /* --point-color : var(--point-color); */
    --point-color : #784aff;
}
@media (max-width:768px){
    :root {
        --border-radius-30 : 15px;
        --border-radius-20 : 10px;
    }
}

.imgBorder {
    border-radius: var(--border-radius-20);
}

/* history */
.hisWrp {
    padding-left: 30px;
    position: relative;
}
.hisWrp:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
    border-right: 1px dashed rgba(0,0,0,.1);
}
.hisWrp .hisItem {
    display: flex;
    align-items: center;
    padding: 15px 30px 15px 0;
    background-color: #f6fafd;
    background-color: #f6f0fb;
    border-radius: 10px;
}
.hisWrp .hisItem .tt {
    width: 100px;
    position: relative;
    padding-left: 30px;
}
.hisWrp .hisItem .tt .dot {
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background-color: var(--point-color);
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.hisWrp .hisItem .tt .dot:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(3.5);
    background-color: rgba(22, 124, 208, 0.2);
    background-color: rgba(119, 74, 255, 0.2);
    width: 100%;
    height: 100%;;
    border-radius: 50%;
}
.hisWrp .hisItem .cc {
    width: calc(100% - 100px);
    padding-left: 15px;
}

/* phil_item */
.phil_item_wrp .row {
    margin: 0 -40px;
}
.phil_item_wrp .row > [class*="col-"] {
    padding: 0 40px;
}
.phil_item {
    border-top: 1px solid #aaa;
    padding-top: 20px;
}

/* grBox */
.grBox {
    padding: 25px 15px;
    border-radius: 10px;
    background-color: rgba(46, 138, 213, .07);
    background-color: rgba(119, 74, 255, 0.07);
    border: 1px solid #784aff;
}
.grBox.calcWrp {
    border: 1px solid #aaa;
    background-color: #fff;
}

/* subTitle */
.subTitMd {
    position: relative;
    padding-left: 20px;
    line-height: 1.1em;
}
.subTitMd:after {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    height: 50%;
    width: 3px;
    background-color: #111;
}

/* aboutBit1 */
#aboutBit1 .tableWrp {
    position: relative;
}
#aboutBit1 .tableWrp:after {
    content: "";
    position: absolute;
    top: -1.5px;
    left: calc(20% - 1px);
    width: calc(40% + 1.5px);
    height: calc(100% + 1.5px);
    border: 3px solid #ffcd4a;
    
	animation: bk 1.2s linear infinite;
}
#aboutBit1 .tableWrp.tableWrp2:after {
    left: calc(60% - 1px);
}
#aboutBit1 .tableWrp.tableWrp3:after {
    left: calc(70% - 1px);
    width: calc(30% + 1.5px);
}

@keyframes bk{
	0%{
        opacity: 0;
	}
	30%{
        opacity: 1;
	}
}
/* table  */
.table.table_basic {
    border-top: 1px solid #aaa;
}
.table.table_basic thead tr th {
    text-align: center;
    border: 1px solid #aaa;
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    vertical-align: middle;
    background-color: #222;
    color: #fff;
}
.table.table_basic thead tr th strong {
    display: inline-block;
    padding: 6px 25px;
    border-radius: 50px;
}
.table.table_basic thead tr th.imp strong {
    background-color: var(--point-color);
    color: #fff;
}
.table.table_basic tbody tr th,
.table.table_basic tbody tr td,
.table.table_basic tfoot tr th,
.table.table_basic tfoot tr td {
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #aaa;
    font-weight: 400;
    padding: 10px;
    line-height: 1.4em;
    word-break: keep-all;
}
.table.table_basic thead tr th.text-left,
.table.table_basic tbody tr td.text-left {
    text-align: left;
}
.table.table_basic tbody tr th.imp,
.table.table_basic tbody tr td.imp {
    color: #000;
    font-weight: 600;
    background-color: rgba(251, 250, 206, 0.2);
}
.table.table_basic thead tr th:first-child,
.table.table_basic thead tr th:first-child,
.table.table_basic tbody tr th:first-child,
.table.table_basic tbody tr td:first-child {
    border-left: 0px !important;
}
.table.table_basic thead tr th:last-child,
.table.table_basic thead tr th:last-child,
.table.table_basic tbody tr th:last-child,
.table.table_basic tbody tr td:last-child {
    border-right: 0px !important;
}
.table.table_basic tbody tr th {
    color: #333;
    font-weight: 500;
}
.table.table_basic tbody tr td span,
.table.table_basic tbody tr td strong {
    display: inline-block;
    vertical-align: middle;
}
.table.table_basic tbody tr td .del {
    font-weight: 300;
    color: #aaa;
    display: inline-block;
    padding: 0px 10px 0px 3px;
    position: relative;
}
.table.table_basic tbody tr td .del::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background-color: #aaa;
}
.table.table_basic tbody tr td .del::before {
    content: "";
    position: absolute;
    border-width: 3px;
    border-color: transparent transparent transparent #aaa;
    border-style: solid;
    right: -5px;
    top: calc(50% - 3px);
}
.table.table_basic tbody tr td .sm {
    font-size: .8em;
}
.table.table_basic tfoot tr th,
.table.table_basic tfoot tr td {
    background-color: #c80214;
    color: #333;
    font-size: 22px;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
@media (min-width:1200px){
    .tableListWrp {
        max-width: 1630px;
        margin: 0 auto;
    }
    .tableListWrp .pList {
        max-width: 90%;
        margin: 0 auto;
    }
}
@media (max-width:1200px){
    .tableListWrp {
        padding: 0 15px;
    }
}
@media (max-width:992px){
    .tableList li:not(:first-child) {
        margin-top: 40px;
    }
}
@media (max-width:767px){
    .table.table_basic tbody tr th,
    .table.table_basic tbody tr td {
        padding: 7px;
    }
    .table.table_basic thead tr th {
        font-size: 16px;
        vertical-align: middle;
    }
    .table.table_basic tbody tr th,
    .table.table_basic tbody tr td {
        font-size: 14px;
    }
    .table.table_basic thead tr th strong {
        padding: 3px 15px;
        border-radius: 30px;
    }
}
/* why_item */
.why_item {
    padding: 40px 30px;
    background-color: rgba(255, 255, 255,1);
    border: 1px solid #ddd;
    border-radius: var(--border-radius-20);
}
.why_item.why_item_dk {
    padding: 40px 30px;
    background-color: #35264e;
    /* border: 1px solid rgba(46, 138, 213,.15); */
    border: 0px;
    border-radius: var(--border-radius-20);
}
.why_item .chk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #784aff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}
.why_item .chk .dft {
    color: #fff;
}
@media (max-width:768px){
    .why_item {
        padding: 30px 20px;
    }
    .why_item_chk {
        display: flex;
        align-items: center;
        padding: 20px;
    }
    .why_item .chk {
        margin-bottom: 0;
    }
    .why_item_chk .tcon {
        width: calc(100% - 30px);
        text-align: left;
        padding-left: 15px;
    }
}

/* vsBit */
.vsBit .fbox .img {
    width: 80px;
}
.vsBit .fbox .txt {
    width: calc(100% - 80px);
    padding-left: 20px;
}
/* conTitleInline */
.conTitleInline {
    display: inline-block;
    padding: 5px 11px;
    line-height: 1em;
    color: #fff;
    background-color: rgba(119, 74, 255, 0.1);
    color: var(--point-color) !important;
    border-radius: 8px;
}
.conTitleInline.conTitleInline_gr {
    background-color: #f4f4f4;
    color: #999 !important;
}
.conTitleInline.conTitleInline_yl {
    color: #d99d00 !important;
    background-color: rgb(255 248 231);
}
/* contentWrp */
.contentWrp {
    background-color: rgba(20, 20, 20,1);
    padding: 30px;
}
.contentWrp .vsBit {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.contentWrp .vsBit > div {
    width: 450px;
}
.contentWrp .vsBit .fbox .img {
    width: 80px;
}
.contentWrp .vsBit .fbox .txt {
    width: calc(100% - 80px);
    padding-left: 30px;
}
@media (max-width:768px){
    .contentWrp {
        padding: 25px 40px;
    }
    .contentWrp .vsBit {
        flex-wrap: wrap;
        gap: 30px;
    }
    .contentWrp .vsBit > div {
        width: 100%;
    }
    .contentWrp .vsBit .fbox .img {
        width: 60px;
        order: 2;
    }
    .contentWrp .vsBit .fbox .txt {
        width: calc(100% - 60px);
        padding-right: 20px;
        order: 1;
        padding-left: 0;
    }
}

/* pList */
.pList > li {
    position: relative;
    padding-left: 15px;
}
.pList > li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 11px ;
    width: 3px;
    height: 3px;
    background-color: #aaa;
}
.pList > li p {
    font-weight: 400;
}
@media (max-width:768px){
    .pList > li:after {
        top: 8px ;
    }
}

/* aboutBit2 */
#aboutBit2 .why_item .tcon {
    margin-top: 15px;
}
@media (min-width:768px){
    #aboutBit2 .why_item.ex {
        min-height: 170px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width:768px){
    #aboutBit2 .why_item {
        display: flex;
        align-items: center;
    }
    #aboutBit2 .why_item .icon {
        width: 60px;
    }
    #aboutBit2 .why_item .tcon {
        width: calc(100% - 60px);
        padding-left: 15px;
        text-align: left;
        margin-top: 0;
    }
}

/* ex_list */
#ex_list > .item {
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.05);
    padding: 40px 30px;
    border-radius: 20px;
    flex-wrap: wrap;
}
#ex_list > .item .logo {
    background-color: #f7f7f7;
    border-radius: 20px;
    width: 300px;
    order: 3;
}
#ex_list > .item .logo.logo_dk {
    background-color: #222;
}
#ex_list > .item .logo:not(.logo_dk) img {
    mix-blend-mode: darken;
}
#ex_list > .item .num {
    width: 60px;
    padding-right: 20px;
    order: 1;
}
#ex_list > .item .num .dft {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
}
#ex_list > .item .info {
    width: calc(100% - 360px);
    padding-left: 30px;
    padding-right: 30px;
    order: 2;
}
#ex_list > .item .info .topInfo .ifItem {
    display: flex;
    align-items: flex-start;
}
#ex_list > .item .info .topInfo .ifItem .dvd {
    display: inline-block;
    height: 12px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0 8px;
}
#ex_list > .item .info .topInfo .ifItem .hd {
    width: 100px;
}
#ex_list > .item .info .topInfo .ifItem .tt {
    width: calc(100% - 100px);
    padding-left: 15px;
    font-weight: 500;
}
#ex_list > .item .info .btInfo {
    display: flex;
    align-items: center;
}
#ex_list > .item .info .btInfo .ifItem {
    width: 25%;
}

#aboutBit4 #ex_list > .item .info .btInfo {
    width: 500px;
    max-width: 100%;
}
#aboutBit4 #ex_list > .item .info .btInfo .ifItem {
    width: 33.33333%
}
@media (max-width:992px){
    #ex_list > .item {
        padding: 25px 15px;
        border-radius: 10px;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #ex_list > .item .logo {
        width: 100%;
        text-align: center;
        order: 2;
        border-radius: 10px;
        margin-top: 10px;
    }
    #ex_list > .item .logo img {
        max-width: 50vw;
    }
    #ex_list > .item .num {
        width: 100px;
        padding-right: 20px;
        order: 1;
    }
    #ex_list > .item .num .dft {
        width: 30px;
        height: 30px;
    }
    #ex_list > .item .info {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
        order: 3;
        padding-right: 0;
    }
    #ex_list > .item .info .topInfo .ifItem {
        margin-top: 10px;
    }
    #ex_list > .item .info .btInfo {
        flex-wrap: wrap;
        padding: 5px 10px;
        margin-top: 15px;
        border: 1px solid #ddd;
    }
    #ex_list > .item .info .btInfo .ifItem {
        width: 50%;
        padding: 5px;
    }
    #ex_list > .item .info .topInfo .ifItem .hd {
        width: 80px;
    }
    #ex_list > .item .info .topInfo .ifItem .tt {
        width: calc(100% - 80px);
        padding-left: 10px;
    }
}

/* codeBt */
.codeBt {
    padding: 15px 30px 15px 80px;
    border-radius: 5px;
    position: relative;
    max-width: 780px;
    background-color: rgba(46, 138, 213, .07);
    background-color: rgba(119, 74, 255, 0.07);
    border: 1px solid #784aff;
}
.codeBt .topIc {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--point-color);
    border-radius: 50%;
    color: #fff;
}
.codeBt .tt {
    color: #755f9f;
    display: block;
}
.codeBt .bb {
    display: flex;
}
.codeBt .code_1 {
    width: 100px;
}
.codeBt .code_2 {
    width: calc(100% - 200px);
    padding: 0 15px;
}
.codeBt .code_2 > .pr_con,
.codeBt .code_2 > .dvd {
    display: inline-block;
    vertical-align: middle;
}
.codeBt .code_2 > .dvd {
    height: 13px;
    width: 1px;
    background-color: #b8b8b8;
    margin: 0 4px;
}
.codeBt .code_3 {
    width: 100px;
    text-decoration: none;
}
.codeBt a.code_3 {
    color: #111;
}
@media (max-width:768px){
    .codeBt {
        padding: 15px 20px 15px 70px;
    }
    .codeBt .topIc {
        top: 15px;
        left: 20px;
        transform: translateY(0%);
    }
    .codeBt .bb {
        flex-wrap: wrap;
    }
    .codeBt .code_1 {
        width: 100px;
        order: 1;
        padding: 4px 0;
    }
    .codeBt .code_2 {
        width: 100%;
        padding: 0;
        padding: 4px 0;
        order: 3;
    }
    .codeBt .code_3 {
        order: 2;
        width: calc(100% - 100px);
        padding: 4px 0;
    }
    .codeBt .code_2 > .pr_con {
        display: block;
    }
    .codeBt .code_2 > .dvd {
        display: none;
    }
}
@media (max-width:768px){
    .codeBt {
        padding: 10px 20px 10px 50px;
    }
    .codeBt .topIc {
        top: 15px;
        left: 15px;
        transform: translateY(0%);
        width: 25px;
        height: 25px;
    }
}

/* tagWrp */
.tagWrp {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.tagWrp .tagitem {
    display: inline-block;
    line-height: 1em;
    padding: 9px 10px;
    color: #d99d00;
    background-color: rgb(255 248 231);
    font-size: .9em;
    font-weight: 400;
    border-radius: 4px;
}

/* vsItem */
.vsItem .top {
    background-color: #999;
    padding: 13px 10px 10px;
    border-radius: 20px 20px 0 0;
}
.vsItem .bdy {
    padding: 30px 40px;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
}
.vsItem .bdy .dft {
    display: flex;
    align-items: center;
    padding: 10px;
}
.vsItem .bdy .dft i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #999;
    color: #fff;
    font-weight: 600;
    font-size: .9em;
}
.vsItem .bdy .dft span {
    width: calc(100% - 30px);
    padding-left: 10px;
    text-align: left;
}
.vsItem .bdy .dft + .dft {
    border-top: 1px dashed #ddd;
}
.vsItem.vsItem2 .top {
    background-color: var(--point-color);
}
.vsItem.vsItem2 .bdy {
    border: 2px solid var(--point-color);
    box-shadow: 10px 10px 30px rgba(22, 124, 208, 0.2);
}
.vsItem.vsItem2 .bdy .dft i {
    color: var(--point-color);
    background-color: #ebdbff;
}
@media (max-width:768px){
    .vsItem .top {
        padding: 8px 10px 7px;
        border-radius: 10px 10px 0 0;
    }
    .vsItem .bdy {
        padding: 20px;
        border-radius: 0 0 10px 10px;
    }
    .vsItem .bdy .dft {
        padding: 6px;
    }
    .vsItem .bdy .dft i {
        width: 20px;
        height: 20px;
    }
    .vsItem .bdy .dft span {
        width: calc(100% - 20px);
    }
}

/* calcBox */
.calcBox .lft {
    padding-right: 40px;
}
.calcBox .why_item {
    padding: 30px;
    border-radius: 10px;
}
.calcBox .calcItem label {
    display: inline-block;
    margin: 0 8px 0 0;
    font-weight: 600;
}
.calcBox .form-control {
    height: 45px;
    background-color: #fcfcfc;
    border: 1px solid #aaa;
    font-size: 20px;
    color: #666;
}
.calcBox .form-control option {
    color: #333;
}
@media (max-width:768px){
    .calcBox {
        padding: 20px;
    }
    .calcBox .rt,
    .calcBox .lft {
        width: 100%;
    }
    .calcBox .lft {
        padding-right: 0px;
    }
    .calcBox .rt {
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        margin-top: 20px;
    }
}
@media (max-width:500px){
    .calcBox .why_item {
        padding: 20px;
    }
}
/* smtBtn */
.smtBtn {
    height: 45px;
    background-color: var(--point-color);
    border-radius: 4px;
    border: 0px;
    padding: 0 15px;
    color: #fff;
}
.smtBtn.smtBtn2 {
    background-color: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,.3);
}


/* table_mini */
.table.table_mini {
    border-top: 1px solid #666;
}
.table.table_mini tr th,
.table.table_mini tr td {
    font-size: 14px;
    padding: 5px;
    text-align: center;
    border: 1px solid #666;
    color: rgba(0, 0, 0, 0.9);
}
.table.table_mini thead tr th {
    color: #fff !important;
    background-color: #010101 !important;
}
@media (min-width:992px){
    .table.table_mini tr th,
    .table.table_mini tr td {
        color: rgba(0,0,0, 0.6);
    }
    .table.table_mini tr:hover th,
    .table.table_mini tr:hover td {
        background-color: rgba(251, 250, 206, 0.2);
        color: rgba(0,0,0, 1);
    }
}
@media (max-width:992px){
    .table.table_mini tr:nth-child(even) th,
    .table.table_mini tr:nth-child(even) td {
        background-color: rgba(0,0,0,0.25);
    }
}

/* tabs */
.tabs .nav-tabs {
    border: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 4px;
}
.tabs .nav-tabs::before,
.tabs .nav-tabs::after {
    display: none;
}
.tabs .nav-tabs li {
    float: none;
}
.tabs .nav-tabs li a,   
.tabs .nav-tabs li a:hover {    
    background-color: transparent;   
    font-size: 18px;    
    color: #415260 !important;    
    opacity: .6;    
    border: 1px solid #ddd; 
    border-color: #ddd !important; 
    border-radius: 50px;    
    line-height: 1em;    
    padding: 8px 20px;
    font-weight: 600;
}
.tabs .nav-tabs li.active a {
    background-color: var(--point-color);
    border-color: var(--point-color) !important; 
    color: #fff !important;
    opacity: 1;
}
.tabs .tab-content ,
.tabs .tab-content .tab-pane {
    background-color: transparent !important;
    border: 0px;
    border-radius: 0px;
    box-shadow: 0 0 0;
    padding: 0;
}
.tabs .tab-content {
    margin-top: 25px;
}


/* listDecos */
.listDecos > li {
    position: relative;
    background-color: #f3f1fa;
    border-radius: 5px;
    padding: 12px 15px;
}
.listDecos > li + li {
    margin-top: 8px;
}
.listDecos > li .dft {
    position: relative;
    padding-left: 25px;
    color: #5a4e85;
}
.listDecos > li .dft > i {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 4px;
    height: 4px;
    color: #784aff;
}
@media (max-width:768px){
    .listDecos > li .dft:after {
        top: 11px;
    }
}



/* dvdHr */
.dvdHr {
    width: 100%;
    height: 1px;
    background-color: rgba(150, 150, 150, 0.4);
    margin: 6rem 0;
}
.dvdHr.darken {
    background-color: rgba(150, 150, 150, 7);
}
.dvdHr.big {
    margin: 13rem 0;
}
@media (max-width:768px) {
    .dvdHr {
        margin: 4rem 0;
    }
    .dvdHr.big {
        margin: 6rem 0;
    }
}

/* subTitNum */
.subTitNum {
    display: flex;
    align-items: center;
    gap: 8px;
}
.subTitNum .tx {
    width: calc(100% - 35px);
    padding-left: 10px;
}
.subTitNum .nm {
    width: 35px;
    height: 35px;
    background-color: #784aff;
    color: #fff;
    font-size: .6em;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* stItem */
.stItem {
    padding: 30px 20px;
    background-color: #f3f1fa;
    border: 1px solid rgba(255, 255, 255,.15);
    border-radius: 10px;
}
/* stItemCate */
.stItemCate {
    display: inline-block;
    font-size: .8em;
    background-color: var(--point-color);
    padding: 4px 8px;
    line-height: 1.3em;
    color: #fff;
    border-radius: 8px;
    margin-left: 5px;
}
.stItemCate2 {
    background-color: #0cb84e;
}
.stItemCate3 {
    background-color: #f11a1a;
}

/* table_chart */
.table.table_chart {
    border-top: 1px solid rgba(138, 149, 158, 0.7);
}
.table.table_chart tr th,
.table.table_chart tr td {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    border: 1px solid rgba(138, 149, 158, 0.7);
    border-left: 0;
    border-right: 0;
    vertical-align: middle;
}
.table.table_chart thead th {
    padding: 15px;
    font-weight: 500;
}
.table.table_chart tbody th:first-child {
    padding-left: 20px;
}
@media (max-width:768px){
    .table.table_chart tr th,
    .table.table_chart tr td {
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .table.table_chart thead th {
        padding: 10px;
    }
}


/* coinSet */
.coinSet.coinSet2 .citem {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.02);
    text-align: center;
    padding: 15px 15px 0;
    border: 1px solid #ddd;
}
.coinSet.coinSet2 .citem .tcon {
    padding: 20px 5px 25px;
}
.coinSet.coinSet2 .citem .icon {
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
}
@media (max-width:768px){
    .coinSet.coinSet2 .row > [class*="col-"] {
        width: 100%;
    }
    .coinSet.coinSet2 .citem {
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .coinSet.coinSet2 .citem .tcon {
        width: 60%;
        text-align: left;
        padding: 0;
        order: 1;
        padding-right: 15px;
    }
    .coinSet.coinSet2 .citem .icon {
        width: 40%;
        order: 2;
    }
}


/* dvdHr */
.dvdHr {
    width: 100%;
    height: 1px;
    background-color: rgba(150, 150, 150, 0.4);
    margin: 8rem 0;
}
.dvdHr.big {
    margin: 13rem 0;
}
@media (max-width:768px) {
    .dvdHr {
        margin: 4rem 0;
    }
    .dvdHr.big {
        margin: 6rem 0;
    }
}

/* selectItems */
.selectItems .sl_item {
    text-decoration: none;
    display: flex;
    align-items: center;
    border: 1px solid #f3f1fa;
    background-color: #f3f1fa;
    border-radius: var(--border-radius-20);
    padding: 25px 40px;
}
.selectItems .sl_item .txt {
    width: calc(100% - 70px);
    padding-right: 15px;
}
.selectItems .sl_item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    padding: 5px;
    background-color: #fff;
    border-radius: var(--border-radius-20);
}
@media (min-width:992px){
    .selectItems .sl_item {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .selectItems .sl_item:hover {
        border-color: #784aff;
        background-color: rgba(243, 241, 250, 0.7);
        box-shadow: 10px 10px 25px rgba(119, 74, 255, 0.2);
    }
}
@media (max-width:768px){
    .selectItems .sl_item {
        padding: 20px 30px;
    }
    .selectItems .sl_item .txt {
        width: calc(100% - 60px);
        padding-right: 15px;
    }
    .selectItems .sl_item .icon {
        width: 60px;
        height: 60px;
    }
}
@media (max-width:500px){
    .selectItems .sl_item {
        padding: 15px 20px;
    }
}



/* coinSet */
.useageBox .useitem {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.02);
    padding: 0 25px 25px;
    border: 1px solid #ddd;
}
.useageBox .info_sign_MEXC_mo1 {
    border-radius: 10px;
    background-color: #fff;
    padding: 0 25px 25px;
    border: 1px solid #ddd;
}
.useageBox .useitem .tcon {
    padding: 25px 5px 20px;
}
.useageBox .useitem .icon {
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px;
}

/* useageBox_korean */
.useageBox.useageBox1 .useitem .icon {
    border-color: #181a20;
    background-color: #181a20;
}
.useageBox.useageBox1 .useitem .icon.icon_w {
    border-color: #ddd;
    background-color: #fff;
}

/* useTitNum */
.useTitNum {
    display: flex;
    align-items: center;
}
.useTitNum .tx {
    width: calc(100% - 30px);
    padding-left: 10px;
}
.useTitNum .nm {
    width: 26px;
    height: 26px;
    background-color: #784aff;
    color: #fff;
    font-size: .75em;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* whatIs */
.whatIs .icon {
    background-color: #f3f1fa;
    border-radius: var(--border-radius-20);    
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.whatIs .icon.icon_border {
    border: 1px solid #eee;
}
@media (max-width:768px){
    .whatIs .icon {
        width: 40px;
        height: 40px;
        margin-bottom: 15px;
    }
}


/* numberItems */
.numberItems .nb_item {
    text-decoration: none;
    display: flex;
    align-items: center;
    border: 1px solid #f3f1fa;
    background-color: #f3f1fa;
    border-radius: var(--border-radius-20);
    padding: 30px 40px;
}
.numberItems .nb_item .arr {
    width: 20px;
}
.numberItems .nb_item .txt {
    width: calc(100% - 90px);
    padding-left: 15px;
}
.numberItems .nb_item .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #784aff;
    border-radius: var(--border-radius-20);
}
.numberItems .nb_item .num .dft {
    color: #fff;
}
@media (min-width:992px){
    .numberItems .nb_item {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .numberItems .nb_item:hover {
        border-color: #784aff;
        background-color: rgba(243, 241, 250, 0.7);
        box-shadow: 10px 10px 25px rgba(119, 74, 255, 0.2);
    }
}
@media (max-width:768px){
    .numberItems .nb_item {
        padding: 20px;
    }
    .numberItems .nb_item .txt {
        width: calc(100% - 30px);
        padding-right: 15px;
    }
    .numberItems .nb_item .num {
        width: 30px;
        height: 30px;
    }
}


/* nListBox */
.nListBox .nBox {
    padding: 30px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #ddd;
    border-radius: 10px;
}
.nListBox .nBox .nnTit {
    display: flex;
    align-items: center;
    gap: 12px;
}
.nListBox .nBox .nnTit .nn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #784aff;
    color: #fff;
    font-size: .8em;
}


/* tabItems */
.tabItems .tb_item {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    border: 1px solid #f3f1fa;
    background-color: #f3f1fa;
    border-radius: 10px;
    cursor: pointer;
}
.tabItems .tb_item .thum_name .dft {
    line-height: 1.2em;
}
.tabItems .tb_item.act {
    border-color: #784aff;
    background-color: rgba(243, 241, 250, 0.7);
    box-shadow: 10px 10px 25px rgba(119, 74, 255, 0.2);
}
@media (min-width:992px){
    .tabItems .tb_item {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .tabItems .tb_item:not(.act):hover {
        border-color: #eae8f1;
        background-color: #eae8f1;
    }
}
@media (min-width:768px){
    .tabItems .tb_item .thum {
        width: 55px;
        border-radius: 50%;
        overflow: hidden;
    }
    .tabItems .tb_item .thum_name {
        width: calc(100% - 55px);
        padding-left: 12px;
    }
}
@media (max-width:768px){
    .tabItems .tb_item {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
    }
    .tabItems .tb_item > div {
        width: 100%;
    }
    .tabItems .tb_item .thum img{
        width: 45px;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 12px;
    }
}

/* ver_mobile */
#ver_mobile .useageBox .icon {
    padding: 20px;
}
#ver_mobile .useageBox .icon img {
    width: 400px;
    max-width: 80vw;
}
@media (max-width:768px){
    #ver_mobile .useageBox .icon img {
        width: 300px;
    }
}

/* aboutBit4 */
#aboutBit4 .sec0 .fbox {
    background-color: #181429;
    border-radius: var(--border-radius-20);
}
#aboutBit4 .sec0 .fbox .lft {
    padding: 0 60px;
}
@media (max-width:768px){
    #aboutBit4 .sec0 .fbox .lft {
        padding: 20px;
        text-align: center;
    }
    #aboutBit4 .sec0 .fbox .lft,
    #aboutBit4 .sec0 .fbox .rt {
        width: 100%;
    }
    #aboutBit4 .sec0 .fbox .rt img {
        max-width: 70vw;
    }
}

/* promotionLink */
.promotionLink {
    background-color: #f1f5fa;
    position: relative;
    border-radius: var(--border-radius-20);
    overflow: hidden;
    text-align: center;
}
.promotionLink:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(49, 107, 255, 0.5) 0%, transparent 70%);
    z-index: 0;
}
.promotionLink .promotionBan_img {
    position: relative;
    z-index: 5;
    max-width: 50vw;
}
.promotionLink .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 60px;
    text-align: center;
    z-index: 10;
}
.promotionLink .btBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;    
    padding: 15px 20px;
    z-index: 10;
}
.promotionLink .btBtn .btnItem {
    width: 100%;
}
@media (max-width:992px){
    .promotionLinkWrp {
        margin-top: 40px;
    }
    .promotionLink .txt {
        padding-top: 8%;
    }
    .promotionLink .btBtn {
        padding: 5px 10px;
    }
}

/* promotionCheckBox */
#promotionCheckList .promotionCheckBox {
    padding: 40px 20px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.05);
}
#promotionCheckList .promotionCheckBox .top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
#promotionCheckList .promotionCheckBox .top .thum {
    border-radius: 10px;
    width: 50px;
}
#promotionCheckList .promotionCheckBox .top .thum.thumBorder {
    border: 1px solid #ddd;
}

#promotionCheckList .promotionCheckBox .perCon {
    display: flex;
    margin: 0 -5px;
}
#promotionCheckList .promotionCheckBox .perCon .perItem {
    width: 50%;
    padding: 5px;
}
#promotionCheckList .promotionCheckBox .perCon .perItem .pi {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
#promotionCheckList .promotionCheckBox .perCon .perItem .pi .del {
    text-decoration: line-through;
}
#promotionCheckList .promotionCheckBox .perCon .perItem .pi .per {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#promotionCheckList .promotionCheckBox .perCon .perItem .pi .per .cc {
    display: flex;
    align-items: center;
    gap: 5px;
}
#promotionCheckList .promotionCheckBox .perCon .perItem .pi .per .pp {
    background-color: #f7f5fd;
    border-radius: 4px;
    line-height: 1em;
    padding: 5px 10px;
}

#promotionCheckList .proCode {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 15px;
    border-top: 1px solid #ddd;
}

#promotionCheckList .promotionCheckBox .btnWrp {
    margin: 0 -5px;
}
#promotionCheckList .promotionCheckBox .btnWrp > div {
    padding: 0 5px;
}
#promotionCheckList .promotionCheckBox .btnWrp .btnItem {
    width: 100% !important;
    box-shadow: 0 0 0 !important;
}
#promotionCheckList .promotionCheckBox .btnWrp .btnItem:not(.pt) {
    background-color: #fff;
    color: #111;
    border: 1px solid #ddd;
}
.promotionCheckBox.promotionCheckBox_binance .btnWrp .btnItem.pt {

    background-color: #242b51;
    border-color: #242b51;
	/*
    background-color: #f4bb0a;
    border-color: #f4bb0a;
    color: #111;*/
}
.promotionCheckBox.promotionCheckBox_bybit .btnWrp .btnItem.pt {
    background-color: #242b51;
    border-color: #242b51;
}
.promotionCheckBox.promotionCheckBox_OKX .btnWrp .btnItem.pt {
    background-color: #111;
    border-color: #111;
}
.promotionCheckBox.promotionCheckBox_bitget .btnWrp .btnItem.pt {
    background-color: #1da1b5;
    border-color: #1da1b5;
}
.promotionCheckBox.promotionCheckBox_MEXC .btnWrp .btnItem.pt {
    background-color: #1872e1;
    border-color: #1872e1;
}


.promotionCheckBox.promotionCheckBox_binance .c_pt {
    color: #242b51 !important;
	/*color: #f4bb0a !important;*/
}
.promotionCheckBox.promotionCheckBox_bybit .c_pt {
    color: #242b51 !important;
}
.promotionCheckBox.promotionCheckBox_OKX .c_pt {
    color: #111 !important;
}
.promotionCheckBox.promotionCheckBox_bitget .c_pt {
    color: #1da1b5 !important;
}
.promotionCheckBox.promotionCheckBox_MEXC .c_pt {
    color: #1872e1 !important;
}



.promotionCheckBox .proCon {
    display: flex;
    margin: 0 -5px;
}
.promotionCheckBox .proCon .conItem {
    width: 25%;
    padding: 5px;
}
.promotionCheckBox .proCon .conItem .ci {
    background-color: #f7f5fd;
    border-radius: 10px;
    padding: 15px 10px;
    text-align: center;
}

.promotionCheckBox.promotionCheckBox_binance .perCon .perItem .pi .per .pp,
.promotionCheckBox.promotionCheckBox_binance .proCon .conItem .ci {

    background-color: rgba(36, 43, 81, 0.05) !important;
   /* background-color: rgba(244, 186, 10, 0.1) !important;*/
}
.promotionCheckBox.promotionCheckBox_bybit .perCon .perItem .pi .per .pp,
.promotionCheckBox.promotionCheckBox_bybit .proCon .conItem .ci {
    background-color: rgba(36, 43, 81, 0.05) !important;
}
.promotionCheckBox.promotionCheckBox_OKX .perCon .perItem .pi .per .pp,
.promotionCheckBox.promotionCheckBox_OKX .proCon .conItem .ci {
    background-color: rgba(17, 17, 17, 0.05) !important;
}
.promotionCheckBox.promotionCheckBox_bitget .perCon .perItem .pi .per .pp,
.promotionCheckBox.promotionCheckBox_bitget .proCon .conItem .ci {
    background-color: rgba(29, 161, 181, 0.1) !important;
}
.promotionCheckBox.promotionCheckBox_MEXC .perCon .perItem .pi .per .pp,
.promotionCheckBox.promotionCheckBox_MEXC .proCon .conItem .ci {
    background-color: rgba(24, 114, 225, 0.1) !important;
    
}

@media (max-width:768px){
    #promotionCheckList .promotionCheckBox {
        padding: 20px 15px;
        border-radius: 10px;
    }
    #promotionCheckList .promotionCheckBox .perCon,
    .promotionCheckBox .proCon {
        flex-wrap: wrap;
    }
    .promotionCheckBox .proCon .conItem {
        width: 50%;
    }
    .promotionCheckBox.promotionCheckBox_bitget .proCon .conItem {
        width: 33.33333%;
    }
    #promotionCheckList .promotionCheckBox .perCon .perItem {
        width: 100%;
    }
    #promotionCheckList .proCode {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
/* shp_btn */
.shp_btn {
    display: inline-block;
    line-height: 1em;
    padding: 5px 8px;
    border: 1px solid #969696;
    font-size: .8em;
    border-radius: 4px;
    vertical-align: middle;
    background-color: #fff;
    color: #111;
    font-weight: 500;
}
.shp_btn.shp_btn_rnd {
    border-radius: 100px;
}
.shp_btn.shp_btn_yl {
    border-color: #fcd535;
    background-color: #fcd535;
    color: #181a20;
}
.shp_btn.shp_btn_nv {
    border-color: #2b3139;
    background-color: #2b3139;
    color: #e8e2da;
}
.shp_btn.shp_btn_gr {
    border-color: #2ebd85;
    background-color: #2ebd85;
    color: #e8e2da;
}
.shp_btn.shp_btn_rd {
    border-color: #f6465d;
    background-color: #f6465d;
    color: #e8e2da;
}
.shp_btn.shp_btn_bk {
    border-color: #000;
    background-color: #000;
    color: #e8e2da;
}
.shp_btn.shp_btn_bk2 {
    border-color: #333;
    background-color: #333;
    color: #fff;
}
.shp_btn.shp_btn_bl {
    border-color: #1692e8;
    background-color: #1692e8;
    color: #fff;
}
.shp_btn.shp_btn_chapcha {
    border-color: #0011fa;
    background-color: #0011fa;
    color: #fff;
    padding: 5px 10px;
    border-radius: 100px;
}
.shp_btn.shp_btn_bybit1 {
    border-color: #312817;
    background-color: #312817;
    color: #f7a600;
}
.shp_btn.shp_btn_bybit2 {
    border-color: #f7a600;
    background-color: #f7a600;
    color: #131517;
}
.shp_btn.shp_btn_bybit3 {
    border-color: transparent;
    background: linear-gradient(to right, #ff8d27, #ff5548);
    color: #fff;
    border-radius: 100px;
}

.shp_btn.shp_btn_OKX1 {
    border-color: #2b6d16;
    background-color: #2b6d16;
    color: #e7ffb7;
    border-radius: 100px;
}

.shp_btn.shp_btn_MEXC1 {
    border-color: #1463ff;
    background-color: #1463ff;
    color: #fff;
    border-radius: 100px;
}


/* charts */
.charts .txt {
    background-color: #f7f7f7;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 0px;
}


/* sign_info_top */
.sign_info_top .promotionCheckBox {
    padding: 30px;
    border-radius: 10px;
    margin-top: 15px;
}
/*.sign_info_top .promotionCheckBox.promotionCheckBox_binance {
    background-color: #111;
}
.sign_info_top .promotionCheckBox.promotionCheckBox_binance .proCode {
    text-align: left !important;
}
.sign_info_top .promotionCheckBox.promotionCheckBox_binance .ci h6 {
    color: #fff;
}*/

.sign_info_top .promotionCheckBox.promotionCheckBox_binance,
.sign_info_top .promotionCheckBox.promotionCheckBox_MEXC,
.sign_info_top .promotionCheckBox.promotionCheckBox_OKX,
.sign_info_top .promotionCheckBox.promotionCheckBox_bybit,
.sign_info_top .promotionCheckBox.promotionCheckBox_bitget {
    border: 1px solid #ddd;
}
@media (max-width:768px){
    .sign_info_top .promotionCheckBox {
        padding: 20px 15px;
    }
}