@charset "utf-8";
/*
日本語
*/
input::placeholder, textarea::placeholder {
  color: #ccc;
  font-style: italic;
}
.space1  {clear:both; display: block; height: 1px;}
.space10 {clear:both; display: block; height: 10px;}
.space20 {clear:both; display: block; height: 20px;}
.space30 {clear:both; display: block; height: 30px;}
.margin-50 { margin-bottom: 50px; }
.line01 { border-top:1px solid #ddd;}

.sub-title-01 {width: 100%; box-sizing: border-box; border-bottom:1px solid #ddd; background-image: url('/_Img/Layout/title-icon.png'); background-repeat: no-repeat; background-position: left top; padding-left:1em; margin-top: 0 ; font-size:21px; color:#fff; padding-bottom:10px;}
.sub-title-01  span { display: block; float:right; font-size:14px; }
.sub-title-01  span u { color:#ffed87; text-decoration:none; }
.sub-exp { padding:20px 0 0 0; font-size: 14px; display: inline-block; color:#fff;}


.sub-title-02 {width: 100%;font-size:16px;  box-sizing: border-box; background-image: url('/_Img/Layout/title-icon.png'); background-repeat: no-repeat; background-position: left top; padding-left:1em; margin-top: 0 ; color:#fff; padding-bottom:10px;}/*border-bottom:1px solid #ddd; */

.sub-title-03 {}
.sub-title-03:nth-child(2){margin-top: 30px; }
.sub-title-03 p {font-weight: 600;color:#fff;}

.buy-acorns { text-align: right; }
.buy-stars { text-align: right; }

.colorfff {color:#fff;}
.coloryellow {color:#f2de6c !important;}


@media only screen and (max-width: 768px){
	.sub-title-01 { padding-left:.5em; font-size:1.5em;}
	.sub-title-01  span { display: inline-block; clear:both; float:none;  }

	.sub-title-02 {font-size:14px; margin-left: 0.5rem;}


}

ul li input.readonly {background: #f0f0f0;}

.Buy-list { }
.Buy-list .bg-A {background-color: #ffaa1b;} .Buy-list .bd-A {border-color: #fff;}
.Buy-list .bg-B {background-color: #9bd01d;} .Buy-list .bd-B {border-color: #fff;}
.Buy-list .bg-C {background-color: #3fc9f1;} .Buy-list .bd-C {border-color: #fff;}
.Buy-list .bg-D {background-color: #d681f5;} .Buy-list .bd-D {border-color: #fff;}
.Buy-list .bg-E {background-color: #7cacfc;} .Buy-list .bd-E {border-color: #fff;}

.Buy-list .bg-F {background-color: #ff8e66;} .Buy-list .bd-F {border-color: #fff;}
.Buy-list .bg-G {background-color: #ff6985;} .Buy-list .bd-G {border-color: #fff;}
.Buy-list .bg-H {background-color: #fc7cc1;} .Buy-list .bd-H {border-color: #fff;}
.Buy-list .bg-I {background-color: #58ceff;} .Buy-list .bd-I {border-color: #fff;}
.Buy-list .bg-J {background-color: #a878f0;} .Buy-list .bd-J {border-color: #fff;}
.Buy-list .bg-K {background-color: #14b9af;} .Buy-list .bd-K {border-color: #fff;}
.Buy-list .bg-L {background-color: #e4cb1f;} .Buy-list .bd-L {border-color: #fff;}

.Buy-list li { position: relative; border: 2px solid; border-radius: 6px; padding:15px 25px 30px 0; width:100%; box-sizing: border-box; clear:both; display: block; margin-top:3em; background-color: #fff;}
.Buy-list li:nth-child(n+3)  {margin-top:3em;}
.Buy-list li:nth-child(even) {margin-top:3em;}

.Buy-list li.table-A {padding:1.0em 1.0em !important;}
.Buy-list li.table-A table {border:1px solid #ccc;overflow-x:auto;}
.Buy-list li.table-A table thead tr th {text-align:center;padding:0.5em 0.5em;font-weight:600;border-right:1px solid #ccc;white-space:nowrap;background:#d8f1ff;}
.Buy-list li.table-A table tbody tr td {padding:0.5em 0.5em;font-weight:400;border-top:1px solid #ccc;border-right:1px solid #ccc;white-space:nowrap;background:#fff;}
.Buy-list li.table-A table tbody tr td:nth-child(4) {text-align:right;}
.Buy-list li.table-A table tbody tr td.no-data {padding:5em 0em;}

.Buy-list-p2p { }
.Buy-list-p2p .bg-A {background-color: #ffaa1b;} .Buy-list .bd-A {border-color: #fff;}
.Buy-list-p2p .bg-B {background-color: #9bd01d;} .Buy-list .bd-B {border-color: #fff;}
.Buy-list-p2p .bg-C {background-color: #3fc9f1;} .Buy-list .bd-C {border-color: #fff;}
.Buy-list-p2p .bg-D {background-color: #d681f5;} .Buy-list .bd-D {border-color: #fff;}
.Buy-list-p2p .bg-E {background-color: #7cacfc;} .Buy-list .bd-E {border-color: #fff;}
.Buy-list-p2p .bg-F {background-color: #ff8e66;} .Buy-list .bd-F {border-color: #fff;}
.Buy-list-p2p .bg-G {background-color: #ff6985;} .Buy-list .bd-G {border-color: #fff;}
.Buy-list-p2p .bg-H {background-color: #fc7cc1;} .Buy-list .bd-H {border-color: #fff;}
.Buy-list-p2p .bg-I {background-color: #58ceff;} .Buy-list .bd-I {border-color: #fff;}
.Buy-list-p2p .bg-J {background-color: #a878f0;} .Buy-list .bd-J {border-color: #fff;}
.Buy-list-p2p .bg-K {background-color: #14b9af;} .Buy-list .bd-K {border-color: #fff;}
.Buy-list-p2p .bg-L {background-color: #e4cb1f;} .Buy-list .bd-L {border-color: #fff;}

.Buy-list-p2p .bg-CARAT {background-color: #ffaa1b;} .Buy-list .bd-CARAT {border-color: #fff;}
.Buy-list-p2p .bg-USDT {background-color: #9bd01d;} .Buy-list .bd-USDT {border-color: #fff;}
.Buy-list-p2p .bg-USD {background-color: #3fc9f1;} .Buy-list .bd-USD {border-color: #fff;}
.Buy-list-p2p .bg-KRW {background-color: #d681f5;} .Buy-list .bd-KRW {border-color: #fff;}
.Buy-list-p2p .bg-JPY {background-color: #7cacfc;} .Buy-list .bd-JPY {border-color: #fff;}
.Buy-list-p2p .bg-CNY {background-color: #ff8e66;} .Buy-list .bd-CNY {border-color: #fff;}

.Buy-list-p2p li { position: relative; border: 2px solid; border-radius: 6px; padding:15px 25px 0px 0; width:100%; box-sizing: border-box; clear:both; display: block; margin-top:3em; background-color: #fff;}
.Buy-list-p2p li:nth-child(n+3)  {margin-top:3em;}
.Buy-list-p2p li:nth-child(even) {margin-top:3em;}


.Buy-list .title{ position: absolute; z-index: 10; margin-top: -25px; margin-left: 15px; padding:5px 20px ; color:#fff; border-radius: 4px; font-size: 21px; font-weight: 600; font-family:  'Manrope', sans-serif;}
.Buy-list .img{  position: relative; display: inline-block;width:25%; float:left;}
.Buy-list .img img{ width:80%;}

.Buy-list .img-p2p {  position: relative; display: inline-block;width:25%; float:left;}
.Buy-list .img-p2p img{ width:70%; margin-left: 10%;}


.Buy-list .check {float:left; width:60%; margin-top: 2.2em;}
.Buy-list .check input {border:1px solid #222; height: auto; line-height: normal; padding:.35em .3em; font-size:1.0em; background-color: #efefef; margin-top: 0.1em; margin-right: 0.1em; margin-bottom: 0.1em; width:95%;}
.Buy-list .check input.right { float:left; }
.Buy-list .check select {border:1px solid #222; height: auto; line-height: normal; padding:.35em .3em; font-size:1.0em; background-color: #efefef; margin-top: 0.1em; margin-right: 0.1em; margin-bottom: 0.1em; width:97%;}
.Buy-list .check .row {border:none; padding:0; margin:0;float:left;}
.Buy-list .check .row a {border:none; padding:0; margin:0;}
.Buy-list .check .row a img {padding-top:2px}
.Buy-list .check .result {display:block; width:90%; clear:both; font-size:1.1em; color:#05afc7; padding-top:0.5em; line-height: 120%; }
.Buy-list .check .result b{font-weight: 600; color:#ff001e; }
.Buy-list .check .result2 {display:block; width:100%; clear:both; font-size:2em; color:#05afc7; padding-top:0.5em; line-height: 120%; position: absolute; margin-top: 3.5rem;}
.Buy-list .check .result2 b{font-weight: 600; color:#ff001e; }
.Buy-list .check .transaction {width: 93%; margin-top: 0.5em; padding: 0.5em 0; border-top: 1px solid #bebebe;}
.Buy-list .check .transaction p {font-size: 1.1em; line-height: 150%;}
.Buy-list .check .transaction .fee-g {display: flex;}
.Buy-list .check .transaction button {border: none; width: 33%; margin:0.5%; color: #fff; border-radius: 3px; height: 40px; box-sizing: border-box; position: relative; font-size: 1.1em; display: flex; justify-content: center; align-items: center;}
.Buy-list .check .transaction button:nth-child(1) {margin-left: 0; background: #9e9cff;}
.Buy-list .check .transaction button:nth-child(2) {background: #7d50ff;}
.Buy-list .check .transaction button:nth-child(3) {margin-right: 0; background: #5c25fc;}

.Buy-list .check .transaction button.selected_fee {border: 2px solid #000;}
.Buy-list .check .transaction button.selected_fee:before {content: ""; width: 16px; height: 16px; border-radius: 50%; background: url("/_Img/Sub/select.png") no-repeat center center; background-size: contain; position: absolute; top: 10px; left: 7px;}

.Buy-list .btn{ float:right; padding:1.6em 0; width:15%; height:1.8em; text-align: center;
	font-size:1.5em; color:#f2de6c; background-color: #162ba4; border-radius:0.2em;
	margin-top: 1.5em; cursor: pointer;}





.Buy-list-p2p .title{ position: absolute; z-index: 10; margin-top: -25px; margin-left: 15px; padding:5px 20px ; color:#fff; border-radius: 4px; font-size: 21px; font-weight: 600; font-family:  'Manrope', sans-serif;}
.Buy-list-p2p .img{  position: relative; display: inline-block;width:25%; float:left;}
.Buy-list-p2p .img img{ width:80%;}

.Buy-list-p2p .img-p2p {  position: relative; display: inline-block;width:25%; float:left;}
.Buy-list-p2p .img-p2p img{ width:60%; margin-left: 10%;}


.Buy-list-p2p .check{float:left; width:47%; margin-top: 2.2em;}
.Buy-list-p2p .check input{ float:left;border:1px solid #222; height: auto; line-height: normal; padding:.35em .3em; font-size:21px; background-color: #efefef; margin-top: 0.1em; margin-right: 0.1em; width:80%;}
.Buy-list-p2p .check .row {border:none; padding:0; margin:0;float:left;}
.Buy-list-p2p .check .row a {border:none; padding:0; margin:0;}
.Buy-list-p2p .check .row a img {padding-top:2px}
.Buy-list-p2p .check .result {display:block; width:90%; clear:both; font-size:1.1em; color:#05afc7; padding-top:0.5em; line-height: 120%; }
.Buy-list-p2p .check .result b{font-weight: 600; color:#ff001e; }
.Buy-list-p2p .check .result2 {display:block; width:100%; clear:both; font-size:2em; color:#05afc7; padding-top:0.5em; line-height: 120%; position: absolute; margin-top: 3.5rem;}
.Buy-list-p2p .check .result2 b{font-weight: 600; color:#ff001e; }
.Buy-list-p2p .check .transaction {width: 93%; margin-top: 0.5em; padding: 0.5em 0; border-top: 1px solid #bebebe;}
.Buy-list-p2p .check .transaction p {font-size: 1.1em; line-height: 150%;}
.Buy-list-p2p .check .transaction .fee-g {display: flex;}
.Buy-list-p2p .check .transaction button {border: none; width: 33%; margin:0.5%; color: #fff; border-radius: 3px; height: 40px; box-sizing: border-box; position: relative; font-size: 1.1em; display: flex; justify-content: center; align-items: center;}
.Buy-list-p2p .check .transaction button:nth-child(1) {margin-left: 0; background: #9e9cff;}
.Buy-list-p2p .check .transaction button:nth-child(2) {background: #7d50ff;}
.Buy-list-p2p .check .transaction button:nth-child(3) {margin-right: 0; background: #5c25fc;}

.Buy-list-p2p .check .transaction button.selected_fee {border: 2px solid #000;}
.Buy-list-p2p .check .transaction button.selected_fee:before {content: ""; width: 16px; height: 16px; border-radius: 50%; background: url("/_Img/Sub/select.png") no-repeat center center; background-size: contain; position: absolute; top: 10px; left: 7px;}

.Buy-list-p2p .btn{ float:right; padding:.7em 0; width:28%; text-align: center;
	font-size:1.5em; color:#f2de6c; background-color: #162ba4; border-radius:0.2em;
	margin-top: 1.5em; cursor: pointer;}

@media only screen and (max-width: 768px){

	.Buy-list .title{  margin-top: -30px; margin-left: 15px; padding:3px 15px ; border-radius: 2px; font-size:18px;}
	.Buy-list li {position: relative; float:left !important; padding-bottom: 40px;  }
	.Buy-list li:nth-child(even) {float: left !important; }
	.Buy-list-p2p li {position: relative; float:left !important; padding:5px;  }
	.Buy-list-p2p li:nth-child(even) {float: left !important; }


	.Buy-list .check{ width:42%; margin-top:0.7em;}
	.Buy-list .check .result {font-size:0.7em; }

	.Buy-list .check .result2 {font-size:1.2em; }

	.Buy-list .check input {width:90%;padding:.36em .1em;}
	.Buy-list .check select {width:95%;}

	.Buy-list .check .transaction {width: 167%; margin-top: 0.5em; padding: 0.5em 0;}
	.Buy-list .check .transaction p {font-size: 0.7em;}
	.Buy-list .check .transaction .fee-g {}

	.Buy-list .btn{ padding:2.2em 0; width:28%; height:1.8em; font-size:1.2em; margin-top: 0.7em; }
	.Buy-list .img{width:30%;}
	.Buy-list .img img{ width:100%;}

	.Buy-list .img-p2p{width:30%;}
	.Buy-list .img-p2p img{ width:100%;}


	.Buy-list-p2p .check{ width:42%; margin-top:0.7em;}
	.Buy-list-p2p .check .result {font-size:0.7em; }

	.Buy-list-p2p .check .result2 {font-size:1.2em; }

	.Buy-list-p2p .check input{width:60%;padding:.36em .1em;}

	.Buy-list-p2p .check .transaction {width: 167%; margin-top: 0.5em; padding: 0.5em 0;}
	.Buy-list-p2p .check .transaction p {font-size: 0.7em;}
	.Buy-list-p2p .check .transaction .fee-g {}

	.Buy-list-p2p .btn{ padding:.8em 0; width:28%;  font-size:1.2em; margin-top: 0.7em;}
	.Buy-list-p2p .img{width:30%;}
	.Buy-list-p2p .img img{ width:100%;}

	.Buy-list-p2p .img-p2p{width:30%;}
	.Buy-list-p2p .img-p2p img{ width:100%;}



}
@media only screen and (max-width: 550px){
	.Buy-list .check .transaction button {padding: 10px 0 ; height: auto; font-size: 1em;}
	.Buy-list .check .transaction button.selected_fee:before {left: calc(50% - 10px); top: -8px; width: 20px; height: 20px;}

	.Buy-list-p2p .check .transaction button {padding: 10px 0 ; height: auto; font-size: 1em;}
	.Buy-list-p2p .check .transaction button.selected_fee:before {left: calc(50% - 10px); top: -8px; width: 20px; height: 20px;}
}

.Members { position: relative; display: inline-block; width:100%; padding: 2em 5%; margin: 0; background-color: #fff; border-radius: 0.5rem;  box-sizing: border-box;font-family:'Manrope', sans-serif;}
.Members li {position: relative; display: inline-block; float:left; text-align: left; height: 4em;font-size:1.0em; }
.Members li:nth-child(odd)  {width:30%; float:left;  font-weight: 600;position: relative; word-break: break-word;}
.Members li:nth-child(even) {width:70%; float:left;position: relative; }
.Members li input {  width:66%;  padding:0.5em 0.3em;font-size:1.0em; border:1px solid #ddd; border-radius: 3px;background-color: #fff; outline: none; box-sizing: border-box; }


.Members .bankLi { height:4em;}

.Members .bank { width:30%;}

.NFT-Manager { position: relative; display: inline-block; width:100%; padding: 2em 5%; margin: 0; background-color: #fff; border-radius: 0.5rem;  box-sizing: border-box;font-family:'Manrope', sans-serif;}
.NFT-Manager li {position: relative; display: inline-block; float:left; text-align: left; height: 4em;font-size:1.0em; }
.NFT-Manager li:nth-child(odd)  {width:22%; float:left;  font-weight: 600;position: relative; word-break: break-word;}
.NFT-Manager li:nth-child(even) {width:78%; float:left;position: relative; }
.NFT-Manager li input {  width:66%;  padding:0.5em 0.3em;font-size:1.0em; border:1px solid #ddd; border-radius: 3px;background-color: #fff; outline: none; box-sizing: border-box; }
.NFT-Manager li input[type=radio] {width: 12px; height: 12px; display: inline-block; border-radius: 50%; border: 1px solid #ddd; padding: 0; margin-right: 2%; float: left; margin-top: 5px; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto;}

.NFT-Manager li span.nft-50 {width:49%;display:inline-block;}

.NFT-Manager select{ width:66%; font-size: 1.0em; padding:0.5em 0.5em;border-radius: 0.3em; border:1px solid #ddd; background-color: #ffffff; outline: none; }


@media only screen and (max-width: 550px){
	.Members .bank { width:66%; display: inline-block; background: #fff; margin-top: 0.5em;}
	.Members .bankLi { height:11em;}

}


.Members li .btn  {  width:34%;  background-color: #e26500; padding:0.5em 0.8em;font-size:1.0em; border:1px solid #e26500;border-radius: 3px; color:#fff; box-sizing: border-box;}
.Members li select {padding:0.5em 0.3em;font-size:1.0em; border:1px solid #ddd; border-radius: 3px; width:66%; background-color: #fff;}

.Stars { position: relative; display: inline-block; width:100%; padding: 2em 5%; margin: 0; background-color: #fff; border-radius: 0.5rem;  box-sizing: border-box;font-family:'Manrope', sans-serif;}
.Stars li {position: relative; display: inline-block; float:left; text-align: left; height: 4.5em;font-size:1.0em; }
.Stars li:nth-child(odd)  {width:22%; float:left;  font-weight: 600;position: relative; word-break: break-word;}
.Stars li:nth-child(even) {width:78%; float:left;position: relative; }
.Stars li input {  width:66%;  padding:0.5em 0.3em;font-size:1.0em; border:1px solid #ddd; border-radius: 3px;background-color: #fff; outline: none; box-sizing: border-box; }
.Stars li .btn  {  width:34%;  background-color: #e26500; padding:0.5em 0.8em;font-size:1.0em; border:1px solid #e26500;border-radius: 3px; color:#fff; box-sizing: border-box;}
.Stars li select {padding:0.5em 0.3em;font-size:1.0em; border:1px solid #ddd; border-radius: 3px; width:50%; background-color: #fff;}
.Stars > div {font-size: 0.6em; color: #aaa; line-height: 130%; margin-top: 0.3em;}
.Stars li div {font-size: 0.6em; color: #aaa; line-height: 110%;}

.btn-confirm   {position: relative; display:block; text-align: center; }
.btn-confirm  a {position: relative;  display: inline-block;text-align:center; padding:0.5em 0; width:12em; margin: 0 auto;  font-size:1.2em; background-color: #0095b0; border-radius: 3px;color:#fff;  margin-top: 20px; }
.btn-copy   {position: relative; display:block; text-align: center; }
.btn-copy   a {position: relative;  display: inline-block;text-align:center; padding:0.5em 0; width:12em; margin: 0 auto;  font-size:1.2em; background-color: #125ccf; border-radius: 3px; color:#fff; }
.btn-search   {position: relative; display:block; text-align: center; }
.btn-search   a {position: relative;  display: inline-block;text-align:center; padding:0.5em 0; width:12em; margin: 0 auto;  font-size:1.2em; background-color: #0095b0; border-radius: 3px; color:#fff;  }
.btn-calc   {position: relative; display:inline-block; text-align: center; width: calc(25% - 50px); }
.btn-calc   a {position: relative;  display: inline-block;text-align:center; padding:0.5em 0; width: 100%; margin: 0 auto;  font-size:1em; background-color: #125ccf; border-radius: 3px; color:#fff;  }




@media only screen and (max-width: 768px){
	.Stars {  width:96%; margin: 0.5rem; }
	.Stars li:nth-child(odd)  {font-size: 0.8em; height:2.8em; vertical-align: middle !important; display:table-cell !important; line-height: 1.1em; margin-top: 0.9em; }
	.Stars li .btn  {padding: 0.5em 0.3em;}
  .Stars li div {font-size: 0.6em; color: #aaa; line-height: 110%;}

	.Members {  width:96%; margin: 0.5rem; }
	.Members li:nth-child(odd)  {font-size: 0.8em; height:2.8em; vertical-align: middle !important; display:table-cell !important; line-height: 1.1em; margin-top: 0.9em; }
	.Members li .btn  {padding: 0.5em 0.3em;}

	.btn-confirm a {width: 8em;}
	.btn-search  a {width: 8em; font-size: 1em;  }
	.btn-copy a {width: 8em;}
	.btn-calc   {width: 80px; }
	.btn-calc a  {font-size:0.8em;}
}

@media only screen and (max-width:420px){
	.btn-calc   {width: 65px; }
}

@media only screen and (max-width:320px){
	.Members { width:100%; margin: 2em 1%; }
	.Members li:nth-child(odd)  {font-size: 0.8em; height:2.8em; vertical-align: middle !important; display:table-cell !important; line-height: 1.1em; margin-top: 0.9em; }
	.Members li input {  width:60%; padding:0.5em 0.3em;font-size:0.8em;}
	.Members li .btn  {  width:20%; font-size:0.8em; }
	.Members li select{padding:0.5em 0.3em;font-size:0.8em;}

	.Stars { width:100%; margin: 2em 1%; }
	.Stars li:nth-child(odd)  {font-size: 0.8em; height:2.8em; vertical-align: middle !important; display:table-cell !important; line-height: 1.1em; margin-top: 0.9em; }
	.Stars li input {  width:60%; padding:0.5em 0.3em;font-size:0.8em;}
	.Stars li .btn  {  width:20%; font-size:0.8em; }
	.Stars li select{padding:0.5em 0.3em;font-size:0.8em;}
}

.transfer-bottom {display: flex; justify-content: center; align-items: center;  min-width: 400px; position: relative; left: 50%; transform: translateX(-50%);}
.transfer-bottom .btn-copy {margin-right: 5%;}
.Unit {display: inline-block;text-align: left; padding-left: 6px; color: #542a20; font-weight: 600; }

.info-cont li:nth-child(2) input[type="email"]:first-child {background: #ddd;}

.category { position: relative;  width:100%; min-height:88px; display: inline-block; margin-top: 1em; margin-bottom: 1em; text-align-last: center; font-family:'Manrope', sans-serif; font-weight: 600;border-bottom:1px solid #ddd; font-size:1em;}

.category a{  position: relative;
	display: inline-block;float:left;width:13.4%; margin-bottom: 0.5em; text-align: center;
	margin-right: 1%;padding:0.4em 1em; box-sizing: border-box; border: 1px solid #dfdfdf; background-color: #f5f5f5;  border-radius: 0.3em;
}
.category a:nth-child(7){  margin-right: 0;}
.category .on  { background-color: #20ddff; border-color: #113f66; color:#113f66;}
.category-p2p { position: relative;  width:100%; min-height:60px; display: block; margin-top: 1em; margin-bottom: 1em; text-align-last: center; font-family:'Manrope', sans-serif; font-weight: 600;border-bottom:1px solid #ddd; font-size:1em;}
.category-p2p a{  position: relative;
	display: inline-block;float:left;width:15.8%; margin-bottom: 0.5em; text-align: center;
	margin-right: 1%;padding:0.4em 1em; box-sizing: border-box; border: 1px solid #dfdfdf; background-color: #f5f5f5;  border-radius: 0.3em;
}
.category-p2p a:nth-child(6){  margin-right: 0;}
.category-p2p a:nth-child(12){  margin-right: 0;}
.category-p2p a:nth-child(18){  margin-right: 0;}
.category-p2p .on  { background-color: #20ddff; border-color: #dfdfdf; color:#113f66;}

@media only screen and (max-width:900px) {
	.category-p2p {font-size:1em; padding: 0; box-sizing: border-box;border-bottom:none; }
	.category-p2p a {width:32.4%; margin-right: 1%;padding:0.2em 1em; }
	.category-p2p a:nth-child(3){  margin-right: 0;}
	.category-p2p a:nth-child(6){  margin-right: 0;}
	.category-p2p a:nth-child(9){  margin-right: 0;}
	.category-p2p a:nth-child(12){  margin-right: 0;}
}


@media only screen and (max-width:560px) {
	.category a:nth-child(1){ width: 100%; margin-right: 0;}
	.category a{ padding: 0.4em; width:24.2%;margin-right: 1%;}
	.category a:nth-child(7){  margin-right: 1%;}
	.category a:nth-child(5){  margin-right: 0;}
	.category a:nth-child(9){  margin-right: 0;}
	.category a:nth-child(13){  margin-right: 0;}
	.category a:nth-child(17){  margin-right: 0;}
}

@media only screen and (max-width:420px) {

}

/**/

.category2 { position: relative;  width:100%; min-height:44px; display: block; margin-top: 1em; margin-bottom: 1em; text-align-last: center; font-family:'Manrope', sans-serif; font-weight: 600;border-bottom:1px solid #ddd; font-size:1em;}

.category2 a{  position: relative;
	display: inline-block;float:left;width:22%; margin-bottom: 0.5em; text-align: center;
	margin-right: 1%;padding:0.4em 1em; box-sizing: border-box; border: 1px solid #dfdfdf; background-color: #f5f5f5;  border-radius: 0.3em;
}
.category2 a:nth-child(7){  margin-right: 0;}
.category2 .on  { background-color: #20ddff; border-color: #113f66; color:#113f66;}

@media only screen and (max-width:560px) {
	.category2 {margin-left:2%;}
	.category2 a{padding: 0.4em;width:31.5%;}
}

@media only screen and (max-width:420px) {
	.category2 {font-size:0.5em; box-sizing: border-box;border-bottom:none; }
	.category2 a {margin-right: 1%;padding:0.2em 1em; }
	.category2 a:nth-child(7){  margin-right: 1%;}
	.category2 a:nth-child(5){  margin-right: 0;}
	}

/**/

.gonum {width:100%; display: block;  box-sizing: border-box; position: relative; text-align: right; padding-bottom:0.5em;padding: 0.5rem; box-sizing: border-box;  margin-top: 1rem;}
.gonum select{ width:40%; font-size: 1.0em; padding:0.5em 0.5em;border-radius: 0.3em; border:1px solid #ddd; background-color: #ffffff; outline: none; }
.gonum input { width:40%; font-size: 1.0em; padding:0.5em 0.5em;border-radius: 0.3em; border:1px solid #ddd; background-color: #ffffff; outline: none; box-sizing: border-box; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.asset_list {text-align: center; padding: 3%; background-color: #fff; border-radius: 0.5rem; margin-bottom:1rem; box-sizing: border-box; }
.asset_list select {margin: 0.3%; width: 49%; }
.asset_list input {margin: 0.3%; width: 49%; }
.asset_list .btn-search {margin-top: 10px; }
#charge {color:#05afc7; }
#sell {color:#ff001e; }
#bonus {color:#d681f5; }

.calendar {width: 100%; }
.calendar .btn-calendar {width: 100%; display: inline-block; margin: 0; padding-left: 0.5%; }
.calendar input {width: 100%!important; }
.calendar span {width: 49%; margin: 0.3%; position: relative; display: inline-block; text-align: left; }


.withdrawal li:nth-child(2) input {width: calc(70% - 10px); text-align: right;}
.withdrawal li:nth-child(4) input {width: calc(70% - 10px); text-align: right;}
.withdrawal li:nth-child(6) input {width: calc(70% - 10px); text-align: right;}
/*.withdrawal li:nth-child(8) input {width: calc(70% - 60px); text-align: left;}
.withdrawal li:nth-child(10) input {width: calc(70% - 60px); text-align: left;}
.withdrawal li:nth-child(12) input {width: calc(70% - 60px); text-align: left;}*/
.withdrawal li.radio_li {height: auto; margin-bottom: 1.5em;}
.withdrawal .radiobox span {display: block; word-break: break-all;}
.withdrawal .radiobox label {}
.withdrawal .radiobox input {width: 12px; height: 12px; display: inline-block;  border-radius: 50%; border: 1px solid #ddd; padding: 0; margin-right: 2%; float: left; margin-top: 5px;}
.withdrawal .radiobox input:checked {background: #0095b0;}
.withdrawal .li_calc input {width: 45%;}

.withdrawal_list {text-align: center; padding: 3%; background-color: #fff; border-radius: 0.5rem; margin-bottom: 1rem; }
.withdrawal_list select {margin: 0.3%; width:99% }
.withdrawal_list input {margin: 0.3%; width: 49%; }
.withdrawal_list .btn-search {margin-top: 10px; }

.search-table {}

.nft-manager select {margin: 0.3%; width:99% }

.RadioDefault li.radio_li {height: auto; margin-bottom: 1.5em; text-align: left;}
.RadioDefault li:nth-child(odd) {width:99%; line-height: inherit;}
.RadioDefault .radiobox span {display: inline-block; word-break: keep-all; width:31%; padding-left: 4px;}
.RadioDefault .radiobox label {}
.RadioDefault .radiobox input {width: 12px; height: 12px; display: inline-block;  border-radius: 50%; border: 1px solid #ddd; padding: 0.5rem; margin-right:1%; float: left; margin-top: 2px;}
.RadioDefault .radiobox input:checked {background: #0095b0;}
.RadioDefault .li_calc input {width: 45%;}

.RadioDefault { width:100%; position: relative; display: block;text-align: center; padding: 0%; background-color: #fff; border-radius: 0.5rem; margin-bottom: 1rem; }
.RadioDefault select {margin: 0.3%; width:99% }
.RadioDefault input {margin: 0.3%; width: 49%; }
.RadioDefault .btn-search {margin-top: 10px; }

.table-01 table{ border-top:4px solid #00283e; padding:10px; width:100%; box-sizing: border-box; }
.table-01 table .date-buy { color:#338cdf;display: block;}
.table-01 table .date-sell{ color:#ff6511;display: block;}
.table-01 table thead,td { font-size:1em; text-align:center; padding: 0.5em 0.2em; font-family:'Manrope', sans-serif; background: #d8f1ff;}
.table-01 table td { background: #fff;}
.table-01 table thead td{background-color: #d8f1ff;}
.table-01 table tr {border-bottom: 1px solid #ddd; }

.table-01 .date_in { color:#0074D4}
.table-01 .date_out { color:#E35400}

.table-01 table td .btn001 { background: #36bf41; color: #fff; padding: 0.3em 0.8em; border-radius: 0.3em; }
.table-01 table td .btn002 { background: #ff6600; color: #fff; padding: 0.3em 0.8em; border-radius: 0.3em; }
.table-01 table td .btn003 { background: #366fbf; color: #fff; padding: 0.3em 0.8em; border-radius: 0.3em; }

.table-01 table .alright {text-align: center;}

.table-02 table   { border-top:4px solid #00283e; padding:10px; width:100%; box-sizing: border-box; background: #fff; }
.table-02 table td { font-size:1em; text-align:center; padding: 1em 1em; font-family:'Manrope', sans-serif; background: transparent;}
.table-02 table tr { border-bottom: 1px solid #ddd;background: #fff; }
.table-02 table tr:nth-child(odd) {border-bottom: 1px solid #ddd; background: #eaf0fd; }

.table-02 table tr td:nth-child(1) { font-size:1em;font-weight: bold; color:#1653dc;}

@media only screen and (max-width:768px) {

	.calendar .btn-calendar {font-size: 11px; }
	.calendar input { }
	.calendar span {width: 49%; margin: 0.3%; position: relative; display: inline-block; text-align: left; }
}

@media only screen and (max-width:420px) {
	.table-01 {padding:0.5rem 0;}
	.table-01 table thead,td { font-size:0.6em; line-height: 120%;}
	.table-02 {padding:0.5rem;}
	.table-02 table thead,td { font-size:0.9em; line-height: 120%;}
	.gonum {padding: 0; margin-top:1px;}
	.gonum select { width:100%; font-size: 0.8em; padding:0.8em 0.2em; }
	.gonum input { width:100%; font-size: 0.8em; padding:0.8em ; }
	/*.asset_list { width:96%; box-sizing: border-box; margin:auto 0.5rem ;  }*/
	.asset_list {  background: #fff; width:100%; box-sizing: border-box; margin:0 auto ; padding: 15px;  }
	.asset_list .btn-search {padding: 0.2em; margin:0.5rem ;font-size: 1em; }

	.calendar .btn-calendar {}
	.calendar input { }
	.calendar span {width: 100%;  display: inline-block; text-align: left; }
	.withdrawal_list { background: #fff; width:100%; box-sizing: border-box; margin:0 auto ; padding: 15px;  }
}

.auto {text-align: center; height: 200px; padding: 30px; box-sizing: border-box; background:#f3f3f3; margin: 10px auto; position: relative;}
.auto p {}
.auto .buy-img {position: absolute; left: calc(47% - 210px); top: 65%; transform: translateY(-50%); z-index: 1; padding-bottom: 5px;}
.auto .buy-img img {position: relative; animation: ani_cha 2s infinite forwards;}
.auto .buy-img:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);z-index: -1; width: 76px; height: 20px; border-radius: 50%; background: #c5c5c5; animation: ani_shadow 2s infinite forwards;}
.auto .auto-button {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #ef9200; border: 2px solid #865200; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.auto .auto-button:hover {background: #ff4200;}
.auto .auto-button img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}

.type1 {text-align: center; height: 200px; padding: 30px; box-sizing: border-box; background:#fff; border-radius: 6px; margin: 10px auto; position: relative;}
.type1 p {}
.type1 .buy-img {position: absolute; left: calc(47% - 195px); top: 65%; transform: translateY(-50%); z-index: 1; padding-bottom: 5px;}
.type1 .buy-img img {position: relative; animation: ani_cha 2s infinite forwards;}
.type1 .buy-img:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);z-index: -1; width: 76px; height: 20px; border-radius: 50%; background: #c5c5c5; animation: ani_shadow 2s infinite forwards;}
.type1 .auto-button {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #ef9200; border: 2px solid #865200; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.type1 .auto-button:hover {background: #ff4200;}
.type1 .auto-button img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}

.type2 {text-align: center; height: 200px; padding: 30px; box-sizing: border-box; background:#f3f3f3; margin: 10px auto; position: relative;}
.type2 p {}
.type2 .buy-img {position: absolute; left: calc(47% - 210px); top: 65%; transform: translateY(-50%); z-index: 1; padding-bottom: 5px;}
.type2 .buy-img img {position: relative; animation: ani_cha 2s infinite forwards;}
.type2 .buy-img:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);z-index: -1; width: 76px; height: 20px; border-radius: 50%; background: #c5c5c5; animation: ani_shadow 2s infinite forwards;}
.type2 .auto-button {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #ef9200; border: 2px solid #865200; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.type2 .auto-button:hover {background: #ff4200;}
.type2 .auto-button img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}

.auto .auto-button-selected {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #00b8ef; border: 2px solid #006786; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.auto .auto-button-selected:hover {background: #007bc2;}
.auto .auto-button-selected img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}


.type1 .auto-button-selected {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #a000f8; border: 2px solid #5f01ad; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; }
.type1 .auto-button-selected:hover {background: #f701e2; border: 2px solid #ab00ae;}
.type1 .auto-button-selected img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}


/* .star-button {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #a000f8; border: 2px solid #5f01ad; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 2rem; left: 50%; transform: translate(-50%,-50%); cursor: pointer; position: relative;  } */
.star-button {width: 150px; padding: .7em; padding-right: 0; text-align: left; font-size: 1.5em; color: #004c8c; background-color: #c5f7ff; border: 1px solid #26abbf; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px; cursor: pointer; position: relative; display: inline-block; margin: .5rem;}
.star-button:hover {background: #ffffff; border: 1px solid #79c2ff;}
.star-button img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}

/* .star2-button {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #a000f8; border: 2px solid #5f01ad; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 2rem; left: 50%; transform: translate(-50%,-50%); cursor: pointer; position: relative; margin-top: 10px; } */
.star2-button {width: 150px; padding: .7em; padding-right: 0; text-align: left; font-size: 1.5em; color: #004c8c; background-color: #c5f7ff; border: 1px solid #26abbf; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px; cursor: pointer; position: relative; display: inline-block; margin: .5rem;}
.star2-button:hover {background: #ffffff; border: 1px solid #79c2ff;}
.star2-button img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}


.type2 .auto-button-selected {width: 300px; padding: .7em 0; text-align: center; font-size: 1.5em; color: #fff; background-color: #ef9500; border: 2px solid #865300; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 10px;position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; }
.type2 .auto-button-selected:hover {background: #f03701; border: 2px solid #861f00;}
.type2 .auto-button-selected img {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}


@keyframes ani_cha {
	0% {top: 0;}
	30% {top: -15px;}
	50% {top: 0;}
	70% {top: -10px}
	100% {top: 0;}
}
@keyframes ani_shadow {
	0% {width: 76px;}
	30% {width: 50px; box-shadow: 0 0 5px #c5c5c5;}
	50% {width: 76px; box-shadow:none;}
	70% {width: 45px; box-shadow: 0 0 5px #c5c5c5;}
	100% {width: 76px; box-shadow: none;}
}


@media only screen and (max-width:420px) {
	.auto .buy-img {left: calc(40% - 150px); top: 70%;}
	.auto .buy-img img {width: 80%;}
	.auto .buy-img:after {width: 80%;}
	.auto .auto-button {width: 200px; font-size: 1.2em; padding: .8em 0 ; top: 70%;}
	.auto .auto-button-selected {width: 200px; font-size: 1.2em; padding: .8em 0 ; top: 70%;}
	.star-button {width: 145px; font-size: 1.2em; padding: .8em 0 ; margin: 1rem 0.2rem; text-align: center;}
	.star2-button {width: 145px; font-size: 1.2em; padding: .8em 0 ; margin: 1rem 0.2rem; text-align: center;}
	.star-button>span {position: relative; left: -15px;}
	.star2-button>span {position: relative; left: -15px;}


}

.RadioDefault2 label {}
.RadioDefault2 input
{width: 16px; height: 16px; display: inline-block;  border-radius: 50%;background: #fff; border: 1px solid #999; padding: 0.5rem; margin-right:1%; float: left; margin-top: 2px;}
.RadioDefault2 input:checked {background: #516bd1;border: 1px solid #3554cc;}


.youst  {width:35%; padding: 10px; background:#fff09e; border:2px solid #ffb33c;  margin: 0 auto; border-radius: 50px;color: #000000; font-size: 1.4rem; margin-bottom: 10px;}

.youst  b{color:#ed0000; font-size: 2.2rem; line-height:2rem; padding-left: 1rem; }

.btn-youst   {position: relative; display:block; text-align: center; margin-top: 2rem; }
.btn-youst   a {position: relative;  display: inline-block;text-align:center; padding:0.5em 0; width:12em; margin: 0 auto;  font-size:1.2em; background-color: #516bd1; border-radius: 3px; color:#fff;  }
.getyourtop {display: inline-block; text-align: left; font-size: 1rem; font-weight: bold; padding-right: 10px;}
.getyourse {width:80% !important; height:3rem; display: inline-block;}


@media only screen and (max-width:840px) {
	.youst  {width:80%; font-size: 1.1rem; }
	.youst  b{ display: block; clear: both; padding-left: 0; font-size: 2.0rem;  }
	.getyourtop {font-size: 0.8rem; padding-right: 5px;}
	.getyourse {width:50% !important; height:2rem;}


}

/* (newgame1) .game-wrap */
.sub-exp2 {padding: 20px 0 0 0; font-size: 14px; color: #fff;display: flex; align-items: center; justify-content: space-between;}
.guide-btn {    font-size: 13px;
    color: #8a8a8a;
    padding: 2px 10px;
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    display: inline-block;
    float: right;}
.game-wrap {position: relative; display: inline-block; width: 100%; padding: 2em 5%; margin: 0; background: #fff; border-radius: 0.5rem; box-sizing: border-box; font-family: "Monrope", sans-serif; margin-top: 3em;}
.game-wrap .topTime {font-family: 'Barlow Condensed'; text-align: center; padding: 20px 0;}
.game-wrap .topTime p {color: #8b8b8b; font-weight: 500; font-size: 26px; line-height: 140%; }
.game-wrap .topTime .time {color: #1c2e56; font-weight: 600; font-size: 60px; line-height: 100%; }

.game-wrap .topallprice {font-family: 'Barlow Condensed'; text-align: center; padding: 20px 0;}
.game-wrap .topallprice p {color: #8b8b8b; font-weight: 500; font-size: 26px; line-height: 140%; }
.game-wrap .topallprice .price {color: #ff2200; font-weight: 600; font-size: 60px; line-height: 100%; }
.game-wrap .topallprice .carats {color: #333; font-weight: 600; font-size: 20px; line-height: 100%; }


.game-wrap .bet-wrap {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.game-wrap .betBox {width: 270px; height: auto; padding-bottom: 12px; border-radius: 12px; background: #dfe6f3; margin: 20px 5px;}
.game-wrap .betBox1 {background: url("../_Img/Games/new-bg01.png") no-repeat center top #dfe6f3; background-size: 100%;}
.game-wrap .betBox2 {background: url("../_Img/Games/new-bg02.png") no-repeat center top #dfe6f3; background-size: 100%;}
.game-wrap .betBox3 {background: url("../_Img/Games/new-bg03.png") no-repeat center top #dfe6f3; background-size: 100%;}
.game-wrap .betBox .number {width: 130px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-family: "Barlow"; border-radius: 22.5px; box-shadow: 0 1px 1px rgba(0,0,0,0.7); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.7); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.7);-mox-box-shadow: 0 1px 1px rgba(0,0,0,0.7);-o-box-shadow: 0 1px 1px rgba(0,0,0,0.7); margin: auto; margin-top: -17px; font-size: 30px;}
.game-wrap .betBox1 .number {background: #085fb8;}
.game-wrap .betBox2 .number {background: #d3620c;}
.game-wrap .betBox3 .number {background: #6031c9;}
.game-wrap .betBox .top {height: 130px; width: 100%; text-align: center; padding-top: 10px; ; box-sizing: border-box;}
.game-wrap .betBox .top .all {color: #fff; font-size: 18px;}
.game-wrap .betBox .top .num {color: #ebde74; font-size: 46px; font-weight: 600; line-height: 100%; font-family: 'Barlow Condensed'; margin-bottom: 5px;}
.game-wrap .betBox .top .unit {color: #ebde74; font-size: 18px;}
.game-wrap .betBox .cont {padding: 15px; box-sizing: border-box; min-height: 145px;}
.game-wrap .betBox .cont table {border-bottom: 1px solid #c3c7cf;}
.game-wrap .betBox .cont table tr {}
.game-wrap .betBox .cont table th {border-top: 1px solid #c3c7cf; border-bottom: 1px solid #c3c7cf; color: #221815; font-size: 14px; font-weight: 500; line-height: 200%; padding: 0 5px;}
.game-wrap .betBox .cont table th:nth-child(even) {color: #214cab; text-align: right;}
.game-wrap .betBox .cont table td {font-size: 14px; color: #010101; line-height: 200%; padding: 0 5px; background: none; text-align: left;}
.game-wrap .betBox .cont table td:nth-child(even) {color: #214cab; text-align: right;}
.game-wrap .betBox .bottom {text-align: center; width: 95%; margin: auto;}
.game-wrap .betBox .bottom p {font-size: 16px; color: #000;}
.game-wrap .betBox .bottom .bettingArea {border: 1px solid #47464c; border-radius: 6px; height: 60px; width: 100%; background: #fff; position: relative; margin-top: 10px;}
.game-wrap .betBox .bottom .bettingArea input {border: none; outline: none; color: #12398d; font-size: 36px; font-family: 'Barlow'; font-weight: 600; width: 90%; margin: auto; line-height: 60px; padding-right: 50px; box-sizing: border-box;}
.game-wrap .betBox .bottom .bettingArea .unit {color: #6f7fa1; font-size: 16px; position: absolute; top: 0; right: 5%; text-align: right; line-height: 60px; font-weight: normal;}
.game-wrap .betBox .bottom .btn-wrap {margin-top: 10px; display: flex; justify-content: space-between; }
.game-wrap .betBox .bottom .btn {color: #fff; font-family: 'Barlow'; font-size: 26px; font-weight: 600; text-align: center; width: 31%; line-height: 60px; border-radius: 6px; border: 1px solid #47464c; box-sizing: border-box;}
.game-wrap .betBox .bottom .btn a {display: block; width: 100%; height: 100%; color: #fff;}
.game-wrap .betBox1 .bottom .btn1 {background: #83b2f3;}
.game-wrap .betBox1 .bottom .btn10 {background: #3d85e6;}
.game-wrap .betBox1 .bottom .btn100 {background: #1551cb;}
.game-wrap .betBox2 .bottom .btn1 {background: #f7b585;}
.game-wrap .betBox2 .bottom .btn10 {background: #ee873b;}
.game-wrap .betBox2 .bottom .btn100 {background: #e86415;}
.game-wrap .betBox3 .bottom .btn1 {background: #b99eef;}
.game-wrap .betBox3 .bottom .btn10 {background: #9469e1;}
.game-wrap .betBox3 .bottom .btn100 {background: #723fcf;}



.Mobile_View_table { display:none;}
.PC_View_table { display:table;}

.PC_btn_a01 {font-size: 1em; padding: 0.4em 1em; background: #36bf41; color: #fff; border-radius: 0.3em; margin: 0 0.1em;}
.PC_btn_a02 {font-size: 1em; padding: 0.4em 1em; background: #ff6600; color: #fff; border-radius: 0.3em; margin: 0 0.1em;}
.PC_btn_a03 {font-size: 1em; padding: 0.4em 1em; background: #366fbf; color: #fff; border-radius: 0.3em; margin: 0 0.1em;}

.PC_btn_a01_af {font-size: 1em; padding: 0.4em 1em; background: #007c26; color: #fff; border-radius: 0.3em; margin: 0 0.1em; background-image: url("../_Img/Sub/icon-press.png"); background-repeat: no-repeat; background-position: 5px center; padding-left: 25px; }
.PC_btn_a02_af {font-size: 1em; padding: 0.4em 1em; background: #893000; color: #fff; border-radius: 0.3em; margin: 0 0.1em; background-image: url("../_Img/Sub/icon-press.png"); background-repeat: no-repeat; background-position: 5px center; padding-left: 25px; }
.PC_btn_a03_af {font-size: 1em; padding: 0.4em 1em; background: #163c80; color: #fff; border-radius: 0.3em; margin: 0 0.1em; background-image: url("../_Img/Sub/icon-press.png"); background-repeat: no-repeat; background-position: 5px center; padding-left: 25px; }



.p2p-ledger-image {width: 100%;}
.p2-seq {cursor:pointer;}

@media only screen and (max-width:840px) {
	.Mobile_View_table { display:block;}
	.PC_View_table { display:none;}

	.Data-001 {border: 1px solid #111; margin: 10px 0; background: #fff;}
	.Data-001-sell {border: 1px solid #000; margin: 10px 0; background-color: #fbf9e7;}

	.Mobile_Div  {display: flex; width: 100%; box-sizing: border-box; border-bottom: 1px solid #ddd; margin: 0; font-size: 1em;}

	.Mobile_Div  {display: flex; width: 100%; box-sizing: border-box; border-bottom: 1px solid #ddd; margin: 0; font-size: 1em;}

	.Mobile_Div .leftM { width:31%; text-align: center; box-sizing: border-box; font-size: 1em; padding: 0.4em; background: #efefef;}
	.Mobile_Div .conM { width:auto; text-align: center;box-sizing: border-box;font-size: 1em; padding: 0.4em;}
	.Mobile_Div .conStatus { color: #333; font-size: 1.2em; background-color: #66defd; margin: 5px;border-radius:5px; }

	.Mobile_Div .date-buy { color: #338cdf; display: block;}
	.Mobile_Div .date-sell {color: #ff6511; display: block;}

	.Data-001-nodata {border: 1px solid #111; padding: 30px 0; margin: 20px 0; text-align: center; background: #fff;}

	.Mobile_Div2  {display: block; width: 100%; box-sizing: border-box; border-bottom: 1px solid #ddd; margin: 0; font-size: 1em; padding: 10px 0; text-align: center;}

	.Mobile_Div2 .btn_a01 {font-size: 1em; padding: 0.4em 1em;; background: #36bf41; color: #fff; border-radius: 0.3em; margin: 0 0.1em;}
	.Mobile_Div2 .btn_a02 {font-size: 1em; padding: 0.4em 1em;; background: #ff6600; color: #fff; border-radius: 0.3em; margin: 0 0.1em;}
	.Mobile_Div2 .btn_a03 {font-size: 1em; padding: 0.4em 1em;; background: #366fbf; color: #fff; border-radius: 0.3em; margin: 0 0.1em;}

}


.history-td-sell { background-color: #fbf9e7 !important;}
.history-td-sell-txt { text-align:left; padding: 5px;}

.member.button-group {text-align:right;margin-top:1em;}
.member.button-group button {margin-left:0.5em;padding:1em 1em;border-radius:0.3em;border-color:transparent;}
.member.button-group button.btn-referrer {background-color:#fff;}
.member.button-group button.btn-sponsor {background-color:#fff;}

.member.button-group a {position:static;display:inline-block;margin-left:0.5em;padding:1em 1em;border-radius:0.3em;border-color:transparent;cursor:pointer;}
.member.button-group a.btn-referrer {background-color:#fff;}
.member.button-group a.btn-sponsor {background-color:#fff;}