@charset "UTF-8";.inline-block{display:inline-block}.right-margin{margin-right:5px}.right-margin-2{margin-right:2px}.right-margin-10{margin-right:12px}.float-right{float:right}.float-alighTop{margin-top:-4px}.float-left{float:left;padding:0}.RightLabel{float:right;padding:5px 10px 0 5px;margin-bottom:-5px;text-align:right}.vertical-alight-bottom{vertical-align:bottom}.container .custom-container-width{max-width:1550px}.header{background-color:#343c44}.header .icon{margin-left:5px;margin-right:15px;height:100%}.header .icon-image{display:inline-block;width:auto;height:100%;padding:3px;margin-top:10px;margin-right:2px}.icon-image:hover{cursor:pointer}.header .icon-pair{display:inline-block;vertical-align:-webkit-baseline-middle;width:auto;height:100%;padding:5px 5px 0;margin-left:5px;margin-right:5px}.header .icon-pair:hover{cursor:pointer}.header .icon-info{display:inline-block;width:auto;height:100%;padding:6px 5px 0}.icon-info:hover{background-color:#2e363e}.header .icon img{vertical-align:text-bottom}.header .textbox{padding:6px 2px 1px}.header .feebox{margin-left:10px;margin-right:5px;padding-top:10px}.header .tourbox{margin-right:5px}.header .helpbox,.header .tourbox{color:#7c838b;margin-top:10px;padding:10px 5px 10px 10px}.header .helpbox{margin-right:0}.header .tradeinfo{margin-left:5px;margin-right:20px}.header .tradeinfo div{vertical-align:text-top}.header .siteinfo{margin-left:5px;margin-right:10px}.header .siteinfo div{vertical-align:middle}.header .helpbox:hover,.header .tourbox:hover{color:#fff;text-decoration:underline;cursor:pointer}.Modulefooter{margin-top:5px;background-color:#343c44}.footer{height:40px;box-sizing:border-box;bottom:0;padding:5px;display:-webkit-flex;vertical-align:middle}.ModuleComponent{padding:3px 3px 5px}.ModuleComponent .title{font-size:14px;color:#7c838b;vertical-align:bottom}.ModuleComponent .title-dark{font-size:12px;color:#eee;margin-right:5px}.ModuleComponent .contentTitle{margin:3px 2px 2px 5px}.ModuleComponent .contentBox{background-color:#343c44;box-shadow:2px 2px 8px 2px #2e3339;padding:2px;border-radius:2px;width:100%}.ModuleOrderBalance{height:720px;width:285px}.ModulePriceChart{margin:0 2px}.ModuleOrderBookNarrow{height:398px}.ModuleOrderBookWidth{height:779px}.ModuleTradeHistoryNarrow{height:347px}.ModuleTradeHistoryWidth{height:779px}.ModalCoinInfo{width:200px;height:350px;margin:2px;border:1px solid #1d2127;padding:5px}.OrderFormNav li{display:inline;width:33.3%;float:left;font-size:16px;text-align:center;border-bottom:1px solid #4b5056;padding:5px 0}.OrderFormNav .active{border-bottom:4px solid #ff4469}.form-control{color:#fff;border:none;background-color:#454a50;width:100%;height:40px}.BottomElement{margin-bottom:15px}.TableSpace{padding-left:25px}.bar{position:relative}.greenbar{background-color:rgba(37,188,150,.4)}.greenbar,.redbar{position:absolute;right:0;z-index:1;height:19px;top:0}.redbar{background-color:rgba(255,88,110,.4)}.bartext{right:0;z-index:2;top:12px}.tablelist li{display:inline;width:33.3%;float:left;font-size:12px;text-align:center;border-bottom:1px solid #4b5056;color:#7c838b;padding:5px 0}.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#858585;cursor:pointer}.table>thead>tr>th{font-size:12px;border-top:0;border-bottom:1px solid #4b5056;color:#7c838b;font-weight:400;padding:.2rem}.table>tbody>tr>td{border-top:none;position:relative;vertical-align:middle;word-wrap:break-word;padding:.06rem}.table .leftpadding{padding-left:10px}.center-span{display:inline-block;text-align:center;padding:0 5px}@media screen and (max-width:767px){.table-responsive{border:none}}.backgroudPriceChart{height:397px;min-width:550px;background-color:#343c44}.TVChartContainer{height:calc(100vh - 397px)}#orderBookTable1::-webkit-scrollbar,#orderBookTable2Scroll::-webkit-scrollbar{width:6px;background-color:transparent}.MyOrderBook{background-color:#343c44;padding:0 5px 2px 8px;border-radius:5px;width:100%;overflow:auto}.ModuleComponent .balanceBox{padding:12px 8px 18px}.ModuleComponent .orderformBox{padding:5px 8px}table.scrollOrderBook{margin-bottom:0}table.scrollOrderBook tbody:hover{overflow:auto}table.scrollOrderBook tbody::-webkit-scrollbar-thumb{background-color:#7c838b}table.scrollOrderBook tbody::-webkit-scrollbar-track-piece{background-color:#2e363e}table.scrollOrderBook tbody,table.scrollOrderBook thead tr{display:block}table.scrollOrderBook tbody{height:363px;overflow-y:hidden;overflow-x:hidden}table.scrollOrderBook tbody td,table.scrollOrderBook thead th{width:100px;text-align:right}table.scrollOrderBook thead th:last-child{width:110px;text-align:right}.spread-row{padding:0 25px 0 50px;border-top:2px solid #4b5056;border-bottom:2px solid #4b5056}.spread-value{padding-top:6px}.spread-text{padding-top:2px}#narrowBarTradeHistory::-webkit-scrollbar{width:6px;background-color:transparent}.TradeHistory{background-color:#343c44;padding:0 5px 5px;border-radius:5px;width:100%;overflow:auto}table.scrollTradeHistory{margin-bottom:0}table.scrollTradeHistory tbody:hover{overflow:auto}table.scrollTradeHistory tbody::-webkit-scrollbar-thumb{background-color:#7c838b}table.scrollTradeHistory tbody::-webkit-scrollbar-track-piece{background-color:#2e363e}table.scrollTradeHistory tbody,table.scrollTradeHistory thead tr{display:block}table.scrollTradeHistory tbody{overflow-y:hidden;overflow-x:hidden}table.scrollTradeHistory .ttime,table.scrollTradeHistory thead .tprice{width:95px;text-align:right}table.scrollTradeHistory tbody .tprice{width:100px;text-align:right}table.scrollTradeHistory thead th:last-child{width:110px;text-align:right}#narrowBarMyOrders::-webkit-scrollbar{width:6px;background-color:transparent}#narrowBarMyOrders::-webkit-scrollbar-thumb{background-color:#7c838b}#narrowBarMyOrders:horizontal{background-color:#2e363e}.ModuleMyOrderDetails{margin:8px 5px 0 0}.toDeleteMyOrders{background-color:#343c44;padding:2px 0 2px 10px;border-radius:5px;width:100%;overflow-x:hidden;min-height:480px}.filter-space{min-width:60px;padding-left:10px}.date-filter{margin:3px 0 3px 5px;padding-bottom:5px;padding-right:10px}table.scrollMyOrders{margin-bottom:0}table.scrollMyOrders tbody,table.scrollMyOrders tbody tr,table.scrollMyOrders thead tr{display:block}table.scrollMyOrders tbody{height:271px;overflow-y:hidden;overflow-x:hidden}.myOrderBottomRight{margin:4px 9px 4px 10px;color:#7c838b;font-size:12px}table.scrollMyOrders tbody:hover{overflow:auto}table.scrollMyOrders tbody::-webkit-scrollbar-thumb{background-color:#7c838b}table.scrollMyOrders tbody::-webkit-scrollbar-track-piece{background-color:#2e363e}table.scrollMyOrders .cDateTime{width:115px;text-align:left;padding-left:5px}table.scrollMyOrders .cMarket{width:111px;text-align:center}table.scrollMyOrders .cType{width:65px;text-align:center}table.scrollMyOrders .cAmount,table.scrollMyOrders .cFilled,table.scrollMyOrders .cPrice,table.scrollMyOrders .cVolume{width:115px;text-align:right}table.scrollMyOrders .cHash{width:115px;text-align:left}table.scrollMyOrders .cAction{width:115px;text-align:right;padding-right:5px}table.scrollMyOrders .cDateTimeH{width:111px;text-align:left;padding-left:3px}table.scrollMyOrders .cMarketH{width:98px;text-align:left}table.scrollMyOrders .cTypeH{width:58px;text-align:center}table.scrollMyOrders .cAmountH,table.scrollMyOrders .cPriceH,table.scrollMyOrders .cVolumeH{width:104px;text-align:right}table.scrollMyOrders .cFee,table.scrollMyOrders .cReclaim{width:98px;text-align:right}table.scrollMyOrders .cStatus{width:85px;text-align:right;padding-right:3px}table.scrollMyOrders .cGasUsage,table.scrollMyOrders .ctxnHash{width:100px;text-align:left}.floatRight{float:right}#detailHover{margin:20% 20% 30%}div#detailHover.modal-dialog div.modal-content{width:800px}.myOrdersModalBody{color:#fff;font-size:12px;margin:0;border-radius:15px;height:220px;justify-content:center}.myOrdersModalInner{background-color:#343c44;margin:0;padding:0;border-radius:5px;width:100%;overflow-x:hidden;height:100%}.myOrdersModal{color:#fff}.myOrdersModalHeaderText{margin-left:30px;font-size:12px}.myOrdersModalFooter{color:#fff}div.modal-content div.myOrdersModalFooter{padding:0}table.scrollMyOrdersModal{font-size:12px;width:765px;margin-bottom:0;justify-content:center}.orderFormInput1,.orderFormInput2{padding:3px 8px}.txn-amount{color:#ff4469;font-size:12px;margin:0 0 0 10px}.amount-input{padding:5px 10px 0 5px;text-align:right;min-width:150px}.amount-top-label{float:right;padding:0 10px 5px 5px;margin-bottom:-5px;text-align:right}.price-input{padding:5px 10px 0 2px;text-align:right;min-width:150px}.price-top-label{float:right;padding:0 10px 5px 5px;margin-bottom:-5px;text-align:right}.EstTotal-group{padding:0 5px 10px}.expiry-group{margin:10px}.expiry-button-group{float:right}#expiry1,#expiry2{width:50px;height:19px;font-size:12px;padding:1px 2px}.BuySellGroup{padding:10px 5px 15px}#unwrapEthButton,#wrapEthBox{width:330px;top:40px;left:40px;right:40px;bottom:40px;color:#fff;padding:0 5px 5px}.wrapEthTitle{padding-left:100px}.unwrapEthTitle,.wrapEthTitle{font-weight:900;font-size:22px}.unwrapEthTitle{padding-left:70px}div.modal-content{background-color:#343c44}.wrapEthSpan{word-break:keep-all}.wrapEthDivParagraph{margin:0 0 30px}.wrapEthSpanParagraph{word-break:keep-all;color:#6c757d}.text1{font-size:14px}.text1,.textgray{color:#7c838b}.modal-hr{background-color:#7c838b;margin:0 0 0 5px}.modal-balanceline{text-align:right;margin:0 3px 0 0}.modal-Eth{text-align:right;width:43px}.modal-balance1{width:203px;display:inline-block;padding:0}div.modal-body span.modal-balance1{text-align:right}.modal-quoteToken{text-align:right;width:43px}.modal-balance2{width:203px;display:inline-block;padding:0}div.modal-body span.modal-balance2{text-align:right}.wraphtmlNumInput{width:200px}.unwraphtmlNumInput{width:190px}.htmlNumInput{background-color:#292e35;border:1px;border-color:#6c757d;border-style:solid}.htmlNumInput,.htmlNumInputWarning{height:30px;color:#fff;padding:10px;text-align:right}.htmlNumInputWarning{background-color:#ff4469;border:1px;border-color:#ff4469;border-style:solid}.inputEthWarning{color:#ff4469}.htmlNumInput-label{background-color:#292e35;border:1px;border-style:solid;border-color:#6c757d;padding:6px 10px 6.5px 5px}.modal-inputline{padding-top:.7rem;margin:30px 0 0 5px}.modal-tokenName{width:70px;display:inline-block;padding:0}.btn-p{cursor:pointer;border:none;line-height:1;border-radius:2px;font-weight:500;text-shadow:0 1px 2px rgba(16,16,30,.1);vertical-align:baseline}.btn-inline-p{background:#fff;color:#000;font-size:11px;padding:4px 6px 3px;box-shadow:inset 0 1px 0 rgba(176,188,204,.05),0 1px 1px rgba(0,0,0,.15)}.modal-max-unwrap-eth{position:absolute;margin-top:6px;left:40px;z-index:100}div.modal-content div.modal-footer{border-top:0 solid #343c44;padding:2rem 2rem 1.5rem;justify-content:center}.coinInfoModal{width:100%;height:100%}.coinInfoContent{background-color:#0a032e;border-radius:5px;color:#7c838b}.coinInfoContent li{display:inline;width:33.3%;float:left;font-size:14px;text-align:center}.coinInfoContent .active{border-bottom:2px solid #ff4469}.searchBox{background:#2e363e;border:1px solid #4b5056;padding:0 5px}.search_filter_box{width:135px;border:0;font-size:14px;line-height:18px;vertical-align:middle;background:#2e363e;color:#fff;outline:none}#narrowBarCoinPairs::-webkit-scrollbar{width:6px;background-color:transparent}table.scrollCoinPairs tbody::-webkit-scrollbar-thumb{background-color:#7c838b}table.scrollCoinPairs tbody::-webkit-scrollbar-track-piece{background-color:#2e363e}table.scrollCoinPairs tbody,table.scrollCoinPairs thead tr{display:block}table.scrollCoinPairs tbody{max-height:600px;overflow-y:hidden;overflow-x:hidden}table.scrollCoinPairs tbody td,table.scrollCoinPairs thead th{width:110px;text-align:right}table.scrollCoinPairs thead th:last-child{width:120px;text-align:right}.emptyTable{width:100%;height:200px;text-align:center;vertical-align:middle}.block-ui-overlay{width:100%;height:100%;opacity:.8;filter:alpha(opacity=50);background-color:#000}.loading-bullet{display:inline-block;opacity:0;font-size:2em;visibility:hidden}.block-ui-message{color:#fff;background:none;z-index:1011}.cpSeparate{border-left:1px solid #4b5056}.errState{color:#fff!important;margin-left:-12px;vertical-align:middle}.contentInfo{padding:5px 0 10px}.balanceBox table tbody tr{line-height:2.2em}.ModuleComponent .tradeinfo2{position:relative;display:flex;flex-direction:column;font-size:14px;padding:12px 5px 15px}.tradeinfo2 .market-info{display:inline-block;font-size:22px}.tradeinfo2 .price-info{display:inline-block;font-size:20px}.tradeinfo2 .info-row{display:flex;justify-content:space-between;margin:5px 8px 5px 5px}.tradeinfo2 .info-row2{margin:-8px 8px 5px 5px}.tradeinfo2 .short-row{display:flex;justify-content:space-between;margin:-10px 8px 5px 5px}.tradeinfo2 .value-pair{display:block}.tradeinfo2 .value-pair-left{display:inline-block;margin-right:8px}.tradeinfo2 .value-pair-right{display:inline-block;font-weight:300}.popup-content{border:1px solid #000!important;text-align:left!important;z-index:2000!important}.popup-content,.popup-content>div{background:#000!important}.myReclaimModal{width:320px}*,:after,:before{box-sizing:border-box}div{display:block;word-break:break-all}div .TextArea{word-break:break-word}ul{list-style:none;padding:0;margin:0}a{text-decoration:none}input{-webkit-appearance:none;border-radius:0}.hidden{display:none}body,html{height:100%}.App{min-height:100%;position:relative}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-small{color:#7c838b;background-color:#2e363e;display:inline-block;padding:5px 6px;margin-bottom:2px;margin-top:2px;font-size:11px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #344351;border-radius:2px}.btn-medium{margin-bottom:6px;margin-top:3px;font-size:12px;border:1px solid #344351;border-radius:4px}.btn,.btn-medium{color:#7c838b;display:inline-block;padding:6px 12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none}.btn{margin-bottom:0;font-size:14px;border:1px solid transparent;border-radius:4px}.btn.active:focus,.btn:active:focus,.btn:focus{outline:none;box-shadow:none}.btn-lg{width:100%}.btn-red{color:#fff;background-color:#ff4469;border:none;font-size:22px}.btn-gray{color:#d3d3d3;background-color:#7c838b;border:none}.btn-green{color:#fff;background-color:#00a690;border:none;font-size:22px}.btn-line{border-bottom:2px solid #ccc}.btn-greenline,.btn-line{color:#7c838b;background-color:#343c44;font-size:13px;padding:2px 5px;border-radius:0;margin-right:10px;width:90px}.btn-greenline{border-bottom:2px solid #0bd9aa}.btn-line2{border:1px solid #344351;border-radius:0}.btn-greenline2,.btn-line2{color:#fff;font-size:13px;padding:2px 5px;margin-top:-2px;margin-right:8px;background-color:#2e363e}.btn-greenline2{border:1px solid #0bd9aa;border-radius:0}.btn-line3{color:#7c838b;font-size:12px;padding:3px 5px 1px;margin-top:-2px;background-color:#2e363e}.btn.disabled,.btn:disabled{opacity:.25}.clearfix:after{content:"";display:block;height:0;clear:both}.clearfix{*zoom:1}body{margin:0;font-size:14px;line-height:1.6;font-family:Roboto,Segoe UI,Helvetica,微軟正黑體,新細明體,Arial,"sans-serif";color:#fff;background-color:#2e363e}div.spacer{clear:both}div.float_left{float:left}div.float_left,div.float_right{padding-right:16px;padding-left:16px}div.float_right{float:right}.coin-name-big{font-size:18px}.coin-name-small{font-size:18px;color:#7c838b}.coininfo-small{font-size:12px;color:#7c838b}.tradeinfo-big-white{font-size:14px;color:#fff}.tradeinfo-small{font-size:12px;color:#7c838b}.tableinfo-small{font-size:12px;color:#fff}.ModuleMyOrders .tableinfo-medium{font-size:12px}.ModuleMyOrders .tableinfo-small{font-size:11px}.info-big-red{font-size:20px;color:#ff4469}.info-medium{font-size:14px;color:#fff}.info-small{font-size:12px;color:#7c838b}.cptable{display:table;border-collapse:collapse;width:122px}.cptablecell{display:table-cell;padding:8px 10px 1px 20px;margin:0 auto}.two-third{width:66%;padding:5px}.one-third{width:34%;padding:5px}.one-forth{width:25%;padding:5px}.three-forth{width:75%;padding:5px}.thirty-hundred{width:30%}.forty-hundred{width:40%}.eighty-hundred{width:80%}.fifty-hundred{width:50%}.twenty-hundred{width:20%}.hundred-hundred{width:100%}.hundred-0{width:1%}.hundred-5{width:5%}.hundred-10{width:10%}.space-10{width:10%;padding:0 5px}.hundred-15{width:15%}.hundred-20{width:20%}.hundred-25{width:25%}.hundred-30{width:30%}.hundred-35{width:35%}.hundred-40{width:40%}.hundred-45{width:45%}.hundred-50{width:50%}.hundred-55{width:55%}.hundred-60{width:60%}.hundred-65{width:65%}.hundred-70{width:70%}.hundred-75{width:75%}.hundred-80{width:80%}.hundred-85{width:85%}.hundred-90{width:90%}.hundred-95{width:95%}.hundred-100{width:100%}.hundred-o1{width:7%}.icon-coin{width:32px;height:32px}.icon-control{width:16px;height:16px;display:inline-block;margin:2px 5px 2px 2px;vertical-align:text-bottom}.icon-arrow-down{margin-left:5px}.icon-caret-space{margin-left:10px}.icon-caret{margin-left:2px}.icon-switch{width:54px;height:24px}.icon-switch-sm{width:30px;height:14px}.wallet td,.wallet th{border-right:1px solid #3c4249}.wallet td:last-child,.wallet th:last-child{border-right:none}.vollist li{display:inline;float:left}.time,.tx{width:43%}.morebt{text-align:right;width:14%}.textwhite{color:#fff}.textred{color:#ff4469}.textred2{color:#fa2f42}.textblue{color:#3bbfce}.textgreen{color:#00c095}.textgreen2{color:#009a08}.textleft{text-align:left}.textright{text-align:right}.textmiddle{text-align:middle}.texttrail{opacity:.4}.text-deco:hover{text-decoration:underline;color:#fff;cursor:pointer}.lds-ellipsis{display:inline-block;position:relative;width:40px;height:20px}.lds-ellipsis div{position:absolute;top:14px;width:6px;height:6px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:5px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:1px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:13px}.lds-ellipsis div:nth-child(4){left:20px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}
/*# sourceMappingURL=main.5a4c2377.chunk.css.map */