html, body, h1, h2, h3, h4, ul, ol, dl, dd, p, th, td, form, button, input, textarea, input, a, label, select {font-family:'bdkdx', sans-serif;}

/****************************************/

.loader {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:1111; overflow-x:hidden; background:radial-gradient(ellipse at center, #0b201b 0%,#060e11 100%);}
._loader {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.circle {position:relative; width:60px; height:60px; border-radius:50%; margin:75px; display:inline-block; vertical-align:middle;}
.circle-outter {position:absolute; border:4px solid #00adbb; border-left-color:transparent; border-bottom:0; width:100%; height:100%; border-radius:50%; animation:circle-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; box-sizing:border-box;}
.circle-inner {position:absolute; border:4px solid #00adbb; border-radius:50%; width:40px; height:40px; left:calc(50% - 20px); top:calc(50% - 20px); border-right:0; border-top-color:transparent;animation:circle-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; box-sizing:border-box;}
@keyframes circle-outter {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes circle-inner {
0% {transform: rotate(0deg);}
100% {transform: rotate(-360deg);}
}

:root {
--bg-color-0: rgba(255, 255, 255, 0.08);
--bg-color-1: rgba(255, 255, 255, 0.06);
--bg-color-2: rgba(255, 255, 255, 0.02);
--bg-color-3: rgba(255, 255, 255, 0.01);
}


/****************************************/

html {width:100%; height:100%; background:#000 url('/images/bg/bg_forest.jpg'); background-size:cover;}
body {position:relative; width:100%; height:100%; /*overflow:hidden;*/}

.bg_space {position: absolute !important; overflow: hidden !important; pointer-events: none; top:50%; left:50%; width:200%; transform:translate(-50%, -50%);}

.space_wrap {position:fixed; top:0; right:0; left:0; bottom:0; overflow:hidden;}
.space,
.space_stars {position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden;}
.space_stars:nth-child(1) {background-position:50% -40%; animation-delay:0s;}
.space_stars:nth-child(2) {background-position:20% 60%; animation-delay:2s;}
.space_stars:nth-child(3) {background-position:40% -80%; animation-delay:4s;}
.space_stars:nth-child(4) {background-position:-20% -30%; animation-delay:6s;}
.space_stars:nth-child(5) {background-position:80% 30%; animation-delay:8s;}
.space_stars {background-image:radial-gradient(2px 2px at 10px 20px, #00adbb, rgba(0, 0, 0, 0)),radial-gradient(2px 2px at 40px 70px, #cbdc94, rgba(0, 0, 0, 0)),radial-gradient(2px 2px at 90px 40px, #a2ffe4, rgba(0, 0, 0, 0)); background-repeat:repeat; background-size:200px 200px; opacity:0; animation:zoom 15s infinite;}

@keyframes zoom {
0% {opacity:0; transform:scale(0.5); animation-timing-function:ease-in;}
85% {opacity:1; transform:scale(1.8); animation-timing-function:linear;}
100% {opacity:0.2; transform:scale(2.2);}
}

#wrap {position:relative; display:flex; flex:auto; height:100%; flex-direction:column; z-index:20;}
#_wrap {position:relative; margin:0 auto; width:1000px; z-index:10;}

#header {position:relative; margin:50px 0 50px 0; padding-top:30px; z-index:10;}
#header:after {display:block; content:''; clear:both;}
#header .logo {float:left; padding:10px; margin-left:0;}
#header .logo img {display:block; width:120px;}
#header .btn_wallet {position:absolute; right:0; margin:10px 0 0 0; width:190px; height:42px; line-height:38px; border:2px solid #00adbb; border-radius:19px; font-size:17px; background-color:#00adbb; color:#fff; box-sizing:border-box;}
#header .btn_wallet {text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; overflow:hidden;}
#header .btn_wallet i {margin-right:10px;}
#header .btn_intro {position:absolute; right:200px; margin:10px 0 0 0; width:190px; height:42px; line-height:38px; border:2px solid #00adbb; border-radius:19px; font-size:17px; color:#00adbb; box-sizing:border-box; text-align:center;}
#header .btn_intro i {margin-right:10px;}
#header .btn_intro:hover {text-decoration:none;}
#header .layer_wallet {position:absolute; top:90px; padding:15px 20px 20px 20px; right:0; width:340px; border-radius:12px; text-align:center; background-color:#fff; box-shadow:0 2px 5px #000; z-index:1;}
#header .layer_wallet .tit {margin-bottom:20px; font-weight:bold; text-align:left; font-size:17px; color:#00adbb;}
#header .layer_wallet .info {margin-bottom:10px; color:#000;}
#header .layer_wallet .info dt {margin-bottom:5px; font-size:15px;}
#header .layer_wallet .info dd {margin:0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
#header .layer_wallet .info dd a {font-size:12px; text-decoration:underline; color:#c94ca8;}
#header .layer_wallet .info dd i {margin-right:5px; color:#c94ca8;}
#header .layer_wallet .btn_kaikas {margin-bottom:10px; width:100%; height:40px; line-height:40px; border:2px solid #00adbb; border-radius:20px; background:#fff url('/images/icon_kaikas.svg') center center no-repeat; background-size:45%; text-indent:-9999px;}
#header .layer_wallet .btn_metamask {width:100%; height:40px; line-height:40px; border:2px solid #00adbb; border-radius:20px; background:#fff url('/images/icon_metamask.svg') center center no-repeat; background-size:55%; text-indent:-9999px;}
#header .layer_wallet .btn_lnk {display:block; margin-top:10px; text-decoration:underline; font-weight:bold; color:#00adbb; font-size:17px;}
#header .layer_wallet .btn_lnk:hover {color:#000;}
#header .layer_wallet .btn_cancel {display:none;}

#header .layer_connect_wallet {width:200px;}
#header .layer_connect_wallet.connect .wallet_loader {display:block;}
#header .layer_connect_wallet.connect .btn_cancel {display:block;}
#header .layer_connect_wallet.connect .btn_kaikas,
#header .layer_connect_wallet.connect .btn_metamask {display:none;}

.wallet_loader {display:none; width:100%; height:40px; border:2px solid #00adbb; border-radius:20px; overflow:hidden; background-color:#fff; color:#fff; box-sizing:border-box;}
.wallet_loader .inner {position:relative; left:50%; margin-left:-26px; height:36px;}
.wallet_loader .inner div {position:absolute; top:13px; width:10px; height:10px; border-radius:50%; background:#00adbb; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.wallet_loader .inner div:nth-child(1) {left:0; animation: wallet_loader1 0.6s infinite;}
.wallet_loader .inner div:nth-child(2) {left:0; animation:wallet_loader2 0.6s infinite;}
.wallet_loader .inner div:nth-child(3) {left:24px; animation:wallet_loader2 0.6s infinite;}
.wallet_loader .inner div:nth-child(4) {left:48px; animation:wallet_loader3 0.6s infinite;}
@keyframes wallet_loader1 {0% {transform:scale(0);}100% {transform:scale(1);}}
@keyframes wallet_loader3 {0% {transform:scale(1);}100% {transform:scale(0);}}
@keyframes wallet_loader2 {0% {transform:translate(0, 0);} 100% {transform:translate(24px, 0);}}

#content {margin-bottom:50px;}
#footer {margin-bottom:50px; font-family:Roboto, sans-serif; text-align:center; color:#4b858c;}

.dice_nft_wrap .summary {position:relative; margin:75px 0 70px 0; padding-left:5px; z-index:1;}
.dice_nft_wrap .summary h2 {margin-bottom:15px; font-size:65px; font-weight:bold; letter-spacing:-3px;}
.dice_nft_wrap .summary h2.t0 {background:-webkit-linear-gradient(-70deg, #3bf0e4 0%, #fff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-box-decoration-break:clone;}
.dice_nft_wrap .summary span.tx {display:block; font-size:50px;}
.dice_nft_wrap .summary p.tx {max-width:500px; font-size:25px;}
.dice_nft_wrap .tip {clear:left; padding:20px 0 0 0; border-top:1px solid #002e32;}
.dice_nft_wrap .tip li {line-height:31px; font-size:14px; color:#4b858c;}
.dice_nft_wrap .tip span {color:#fff;}
.dice_nft_wrap .tip a {text-decoration:underline;}
.dice_nft_wrap .box_area {position:relative; border:1px solid #002a2d; border-radius:5px; background-color:#011b1e; overflow:hidden;}
.dice_nft_wrap .box_area .sub_tab {display:flex;}
.dice_nft_wrap .box_area .sub_tab:after {display:block; clear:both;}
.dice_nft_wrap .box_area .sub_tab li {flex:1; width:50%;}
.dice_nft_wrap .box_area .sub_tab a {display:block; height:51px; line-height:51px; text-align:center; color:#4b858c; font-size:15px; background:var(--bg-color-0);}
.dice_nft_wrap .box_area .sub_tab .selected {background:#011b1e; color:#fff; font-weight:bold;}
.dice_nft_wrap .box_area ._inner {position:relative; padding:20px 40px; z-index:1;}
.dice_nft_wrap .box_area .intro {position:relative; padding:80px 0;}
.dice_nft_wrap .box_area .intro > dl {margin-bottom:40px; text-align:center;}
.dice_nft_wrap .box_area .intro > dl dt {margin-bottom:5px; font-size:30px; text-align:center;}
.dice_nft_wrap .box_area .intro > dl dd {font-size:17px; color:#4b858c;}
.dice_nft_wrap .box_area .intro > .btn_area {text-align:center;}
.dice_nft_wrap .box_area .intro > .btn_area button {display:inline-block; width:150px; height:40px; line-height:36px; border-radius:20px; background-color:#00adbb; color:#fff; font-size:20px; font-weight:bold;}
.dice_nft_wrap .box_area .intro > .btn_area button:first-child {margin-right:10px;}
.dice_nft_wrap .box_area .intro > .btn_area .btn_guide {background-color:#011b1e; border:2px solid #00adbb;}

.dice_nft_wrap .form_area dl {position:relative; margin-top:20px;}
.dice_nft_wrap .form_area dl dt {padding-left:5px; line-height:31px; margin-bottom:5px;}
.dice_nft_wrap .form_area dl dd {margin-bottom:20px;}
.dice_nft_wrap .form_area .inputbox {width:100%; padding:0 20px; height:50px; border:none; border-radius:10px; background-color:var(--bg-color-0); box-sizing:border-box;}
.dice_nft_wrap .form_area .inputbox::placeholder {color:#1d5960;}
.dice_nft_wrap .form_area .grade_area input {display:none;}
.dice_nft_wrap .form_area .grade_area label {position:relative; display:block; margin-bottom:10px; padding:10px 20px 10px 125px; min-height:70px;  border-radius:10px; border:2px solid var(--bg-color-0); background-color:var(--bg-color-0);}
.dice_nft_wrap .form_area .grade_area label:before {display:block; position:absolute; top:10px; left:50px; width:57px; height:54px; content:''; clear:both; background-size:57px 54px !important;}
.dice_nft_wrap .form_area .grade_area label:after {position:absolute; top:27px; left:15px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:400; content:"\f058"; font-size:21px; color:var(--bg-color-0);}
.dice_nft_wrap .form_area .grade_area label.NORMAL:before {background:url('/images/nft/dice/NORMAL.png') no-repeat;}
.dice_nft_wrap .form_area .grade_area label.RARE:before {background:url('/images/nft/dice/RARE.png') no-repeat;}
.dice_nft_wrap .form_area .grade_area label.SUPERRARE:before {background:url('/images/nft/dice/SUPERRARE.png') no-repeat;}
.dice_nft_wrap .form_area .grade_area label span {display:block;}
.dice_nft_wrap .form_area .grade_area label .tit {margin-bottom:10px; font-size:17px;}
.dice_nft_wrap .form_area .grade_area label .benefits {margin-bottom:5px; line-height:21px; color:#00818b;}
.dice_nft_wrap .form_area .grade_area label .benefits em {color:#fff;display:block;}
.dice_nft_wrap .form_area .grade_area label.NORMAL .tit {color:#fcc57e;}
.dice_nft_wrap .form_area .grade_area label.RARE .tit {color:#a6e3ff;}
.dice_nft_wrap .form_area .grade_area label.SUPERRARE .tit {color:#fedc1c;}
.dice_nft_wrap .form_area .grade_area input:checked + label {border:2px solid #00adbb; background-color:#102528;}
.dice_nft_wrap .form_area .grade_area input:checked + label:after {color:#00adbb;}
.dice_nft_wrap .form_area .btn_area button {margin:0 auto 20px auto; width:100%; height:50px; line-height:48px; border:none; border-radius:5px; font-size:17px; text-align:center; background-color:var(--bg-color-0); color:var(--bg-color-1); cursor:not-allowed; }
.dice_nft_wrap .form_area .btn_area button i {margin-right:10px;}
.dice_nft_wrap .form_area .btn_area button.on {background-color:#00adbb; color:#fff; cursor:pointer;}
.dice_nft_wrap .history_table {margin:30px 0;}
.dice_nft_wrap .history_table table {width:100%; border-collapse:collapse; border-radius:5px; border-style:hidden; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.08);}
.dice_nft_wrap .history_table table tr {border-top:1px solid rgba(255, 255, 255, 0.05);}
.dice_nft_wrap .history_table table th {height:40px; font-weight:100; font-size:14px; background-color:var(--bg-color-1); color:#fff;}
.dice_nft_wrap .history_table table td {height:55px; padding:10px 0; text-align:center; background-color:var(--bg-color-2);}
.dice_nft_wrap .history_table table .date span {display:block; float:none; font-size:12px; height:20px; line-height:20px; text-align:left;}
.dice_nft_wrap .history_table table .date span:first-of-type {margin-bottom:5px;}
.dice_nft_wrap .history_table table .date em {display:inline-block; margin:0 5px 0 20px; width:45px; height:20px; line-height:20px; text-align:center; border-radius:3px; font-weight:normal; background-color:var(--bg-color-0); font-size:11px; color:#fff;}
.dice_nft_wrap .history_table table .transfer_nft {text-align:left; line-height:45px; color:#fff;}
.dice_nft_wrap .history_table table .nft_info:before {float:left; content:''; margin:2px 15px 0 0; width:45px; height:45px; background-size:45px 42px !important;}
.dice_nft_wrap .history_table table .nft_info.NORMAL:before {background:url('/images/nft/dice/NORMAL.png') no-repeat;}
.dice_nft_wrap .history_table table .nft_info.RARE:before {background:url('/images/nft/dice/RARE.png') no-repeat;}
.dice_nft_wrap .history_table table .nft_info.SUPERRARE:before {background:url('/images/nft/dice/SUPERRARE.png') no-repeat;}
.dice_nft_wrap .history_table table .nft_info em {display:block; line-height:21px;}
.dice_nft_wrap .history_table table .state span {display:inline-block; width:120px; height:30px; line-height:30px; border-radius:5px; text-align:center; background-color:#00adbb; color:#fff;}
.dice_nft_wrap .history_table table .COMPLETE th,
.dice_nft_wrap .history_table table .COMPLETE td {color:#4b858c;}
.dice_nft_wrap .history_table table .COMPLETE .transfer_nft span {color:#4b858c !important;}
.dice_nft_wrap .history_table table .COMPLETE .transfer_nft span:after {background-color:var(--bg-color-1);}
.dice_nft_wrap .history_table table .COMPLETE .state span {background-color:var(--bg-color-1); color:#4b858c;}
.dice_nft_wrap .history_table .history_none {width:100%; height:500px; border-bottom:1px solid rgba(255, 255, 255, 0.08); text-align:center; overflow:hidden;}
.dice_nft_wrap .history_table .history_none .icon {position:relative; width:200px; margin:125px auto 0 auto;}
.dice_nft_wrap .history_table .history_none .fa-folder {line-height:150px; font-size:130px; color:var(--bg-color-0); }
.dice_nft_wrap .history_table .history_none .fa-xmark {position:absolute; top:60px; left:0; right:0; font-size:50px; color:#4b858c;}
.dice_nft_wrap .history_table .history_none .tit {margin-bottom:10px; font-size:25px;}
.dice_nft_wrap .history_table .history_none .tip {padding:0 !important; border:none !important; font-size:17px; color:#4b858c;}
.dice_nft_wrap .history_table .history_none.border_none {border:none;}
.dice_nft_wrap .history_table .history_none.border_box {border:1px solid rgba(255, 255, 255, 0.08); border-radius:5px;}

.layer_apply ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(8,14,14,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000;}
.layer_apply ._background {backdrop-filter:blur(10px); }
.layer_apply ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_apply .inner {position:relative; padding:30px; width:400px; border-radius:10px; background-color:#011b1e;}
.layer_apply .btn_area {display:flex; margin:0 -5px;}
.layer_apply .btn_area .button,
.layer_apply .btn_area button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#fff;}
.layer_apply .btn_area .btn_submit {background-color:#00adbb;}
.layer_apply .success_box .check {margin:20px auto 20px auto; width:150px; height:150px; border:10px solid #00adbb; border-radius:100%;}
.layer_apply .success_box .check i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#00adbb;}
.layer_apply .success_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_apply .success_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_apply .success_box .tit dd {color:#4b858c; font-size:17px;}
.layer_apply .confirm_box {width:400px;}
.layer_apply .confirm_box .lock {margin:20px auto 20px auto;}
.layer_apply .confirm_box .lock i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#00adbb;}
.layer_apply .confirm_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_apply .confirm_box .tit dt {margin-bottom:20px; font-size:30px; font-weight:300; color:#fff;}
.layer_apply .confirm_box .tit dd {padding:15px; line-height:19px; border-radius:5px; color:#24ff00; text-align:left; background-color:var(--bg-color-1);}
.layer_apply .confirm_box .tit dd a {text-decoration:underline;}
.layer_apply .confirm_box .btn_cancel {background:var(--bg-color-1);}

.layer_guide ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000;}
.layer_guide ._background {backdrop-filter:blur(10px); }
.layer_guide ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1002;}
.layer_guide .inner {position:relative; padding:30px 20px; width:800px; border-radius:10px; background-color:#fff;}
.layer_guide .tit {margin-bottom:20px; font-size:33px; font-weight:300; text-align:center; color:#000;}
.layer_guide .address {margin-bottom:20px; text-align:center;}
.layer_guide .address p {line-height:21px; color:#3771fe;}
.layer_guide .address em {color:#000;}
.layer_guide .doc_area {padding:0 20px 0 10px; height:700px; overflow-y:auto;}
.layer_guide .doc_area::-webkit-scrollbar-track {border-radius:5px;}
.layer_guide .doc_area::-webkit-scrollbar {width:10px; height:10px; background-color:#eee;}
.layer_guide .doc_area::-webkit-scrollbar-thumb {width:1px; background-color:#4b858c;}
.layer_guide .doc {margin-bottom:30px; border-radius:10px;}
.layer_guide .doc img {margin:0 auto; max-width:700px; height:auto;}
.layer_guide .doc h4 {display:block; margin:10px 0 40px 0; text-align:center; font-weight:300; font-size:30px; text-decoration:underline; color:#4b858c;}
.layer_guide .doc ol {padding:15px; background-color:#f5f7f9; border-left:5px solid #666;}
.layer_guide .doc li {font-weight:100; margin-bottom:5px; font-size:17px; line-height:25px; color:#000;}
.layer_guide .doc li.t {margin-bottom:20px; font-size:20px;}
.layer_guide .doc li:last-child {margin-bottom:0;}
.layer_guide .doc .hr {display:block; margin:35px 0; height:2px; background-color:var(--bg-color-1);}
.layer_guide .doc .mb20 {margin-bottom:20px;}
.layer_guide .doc .mb60 {margin-bottom:60px;}
.layer_guide .doc .c3771fe {color:#3771fe;}
.layer_guide .doc .hr {display:block; margin:35px 0; height:2px; background-color:#000;}
.layer_guide .btn_close {position:absolute; top:-15px; right:-15px; width:50px; height:50px; text-align:center; border-radius:100%; background-color:#00adbb;}
.layer_guide .btn_close i {color:#fff; font-size:30px; height:50px; line-height:50px;}

.layer_box ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.75); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000;}
.layer_box ._box {position:fixed; top:50%; left:50%; margin:-150px 0 0 -200px; width:400px; border-radius:12px; text-align:center; background-color:#fff; box-shadow:0 2px 5px #000; z-index:1100;}
.layer_box .inner {position:relative; padding:15px 20px 20px 20px;}
.layer_box .tit {margin-bottom:20px; font-weight:bold; text-align:left; font-size:20px; color:#00adbb;}
.layer_box .cont {display:flex; padding-bottom:15px; width:100%; margin-bottom:15px; font-size:18px; overflow-x:auto; color:#000;}
.layer_box .cont .item {position:relative; flex:0 0 auto; padding-top:40px; width:200px; min-height:100%; margin-right:10px; border-radius:5px; background-color:#07132d; overflow:hidden;}
.layer_box .cont .item span {position:absolute; top:0; left:0; right:0; height:40px; line-height:40px; font-size:13px; background-color:#07132d; color:#fff;}
.layer_box .cont .none {flex:1; line-height:270px; text-align:center; color:#000;}
.layer_box .btn_area {padding:0 10px;}
.layer_box .lnk {display:block; height:40px; line-height:40px; border:1px solid #00adbb; border-radius:20px; text-align:center; font-weight:bold; font-size:17px; color:#00adbb;}
.layer_box .lnk.lack {border-color:#ac322e; color:#ac322e;}
.layer_box .btn_close {position:absolute; top:-15px; right:-15px; width:40px; height:40px; text-align:center; border-radius:100%; background-color:#00adbb;}
.layer_box .btn_close i {color:#fff; font-size:23px; height:40px; line-height:40px;}
.layer_box dl {margin-bottom:5px; padding:0 10px 10px 10px; text-align:right; line-height:31px;}
.layer_box dt {float:left; color:#000; font-size:15px;}
.layer_box dd {color:#000; font-size:15px;}
.layer_box dd.bold {font-weight:bold;}
.layer_box .balance {font-size:12px; color:#666;}
.layer_box .wallet_loader {border:1px solid #fff;}

.tippy-box[data-theme~='c00adbb'] {background-color:#00adbb;}
.tippy-box[data-theme~='c00adbb'][data-placement^='top'] > .tippy-arrow::before {border-top-color:#00adbb;}
.tippy-box[data-theme~='c00adbb'][data-placement^='bottom'] > .tippy-arrow::before {border-bottom-color:#00adbb;}
.tippy-box[data-theme~='c00adbb'][data-placement^='left'] > .tippy-arrow::before {border-left-color:#00adbb;}
.tippy-box[data-theme~='c00adbb'][data-placement^='right'] > .tippy-arrow::before {border-right-color:#00adbb;}