@import "scroll_bar_css.css";
	
	@font-face {font-family: "basefont";font-style: normal;font-weight: 100 700;src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v134/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format("woff2");}
	body {font-family: "Poppins", sans-serif;background-image: url('/assets/bg_gr2.png');background-repeat: repeat;background-size: cover;background-position: center center;color:#f4f4f5;}
	.listtypehDiv{width:var(--width-for-topdiv); position:relative; margin:30px auto 10px auto}
	.listtypeSub{width:319px; margin-left:0px ; background: #333333;border-radius:10px; position:relative;border: 1px solid #4c5050;}
	.listtypeon{width:100px; background: #585858; border-radius:10px; text-align:center; height: var(--typesel--onHeight); position:absolute; left:0px; transform:none;border: 1px solid #e9ff03;top: -1px;}
	.listtypeon.one{ width:100px; ; transform:none; transition: transform 400ms ease-in-out;border: 1px solid #e9ff03;}
	.listtypeon.two{ width:73px; transform:translateX(100px) ;  transition: transform 400ms ease-in-out;border: 1px solid #6baff9;}
	.listtypeon.three{ width:73px; transform:translateX(173px) ;  transition: transform 400ms ease-in-out;border: 1px solid #f9a06b;}
	.listtypeon.four{ width:73px; transform:translateX(246px) ;  transition: transform 400ms ease-in-out;border: 1px solid #f2ece9;}
	.listtypesel{width:100%;display:flex}
	.listtypeone{z-index:2 ;  font-size:16px; font-weight:bolder; padding:5px; height: var(--typesel--Height); width:100px; text-align:center ; cursor:pointer ; color:#989898 ;line-height:var(--typesel--lineHeight);}
	.listtypeone.one{width:120px}
	.listtypeone.two{width:80px}
	.listtypeone.three{width:80px}
	.listtypeone.four{width:80px}
	.listtypeone.on{color:#FFFFFF}

	input::placeholder {font-size:11px}
	input::-webkit-input-placeholder {font-size:11px}


	.sidemenutext{font-family: "Poppins", sans-serif;font-size:18px; line-height:20px;margin-left:-2px;position:relative;top:-5px;letter-spacing:2px}
	.sidemenutext.ex{display:inline-block; width:80px; margin-left:12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;top: -1px;}
	li {list-style-type: none;font-family: "Poppins", sans-serif;}
	* {margin: 0;padding: 0;box-sizing: border-box;}
	

	.navbar {background: transparent;overflow: hidden;position: relative;height:60px;display:flex; width:var(--width-for-topdiv); margin:0px auto; align-items: center;justify-content: space-between; z-index:100}
	.slider-container{width:var(--width-for-topdiv); margin:0px auto; height:200px;overflow:hidden;position: relative;transition:  }
	

	.navbar_img {padding-left: 10px;height: 45px;}
	.navbar a {float: left;display: block;color: white;text-align: center;padding: 10px 15px;text-decoration: none; white-space:nowrap; font-size:30px}
	.navbar a:hover {background-color: #ddd;color: black;}
	.burger {display: none;font-size: 30px;cursor: pointer;padding: 14px;float: right;color: white;}
	.mclose{display: none;font-size: 30px;cursor: pointer;padding: 14px;float: right;color: white;}

	.burger.on{display:block;}
	.mclose.on{display:block}
	.burger.off{display:none;}
	.mclose.off{display:none}

	.menu {font-family: "basefont";display: flex;justify-content: flex-end;}
	.menu a {display: block;}

	.submenuof{width: 100%;background: #393b3d;padding-left: 15%;display:none; position:relative}
	.submenuof li{line-height:40px; color:#d3d7d6; cursor:pointer}
	.submenu .three{}
	.topsubimg{height:20px ; margin-right:7px ; position:relative;top:4px}
	.submanunormal { display:none; width: 300px;background: rgb(57, 59, 61);position: absolute;top: 70px;right: 0px;z-index: 10000;padding: 5px;line-height: 50px;border-left: 1px solid #737070;
    border-bottom: 1px solid #737070;border-right: 1px solid #737070;border-bottom-left-radius: 10px;}

	.nsubli{ padding:5px 0px 0px 20px; border:none; cursor:pointer ; border-radius:20px}
	.nsubli.off{border-bottom:0px solid #c1c1c1}
	.submanunormal li:hover { background-color:#222529; }
	.easec{width: 100%;height: 100%;position: absolute;top: 0;left:10px;}
	.infoboxtop{position: absolute;bottom: 70px;left: 20px;width: 80%; height:140px; transition: transform 2s ease-in-out; transition-duration: 4s; transition-delay: 2s; } /* 정보 홀드박스*/
	.iconea{position: absolute;top: -10px;left: 10px;width: 50px;height: 50px;border: 2px solid #ffffff;border-radius: 20px;overflow: hidden;} /* 아이콘 div*/
	.iconeabox{} /* 아이콘 IMG*/
	.titleea{position: absolute;top: 50px;font-size: 20px;   } /* 제목*/
	.authorinfo{position: absolute;top: 110px;font-size: 16px; } /* 소유자아이디*/
	.iteminfo{position: absolute;top: 150px;font-size: 16px; } /* 아이템갯수*/
	.titleea.bng , .authorinfo.bng , .iteminfo.bng {background-color: rgba(255, 255, 255, 0.5);margin: 2px 10px;color: #000000;padding: 1px 20px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;border: 1px solid #c1c1c1;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
	.titleea.bng.top{background-color: rgba(255, 255, 0, 0.5);}
	.eadiv {width: 100%;height: 100%;position: absolute;top: 0;left:100%;transition: transform 2s ease-in-out; }/*border: 5px solid #629999;*/
	.eadivdeco{width: 100%;height: 100%;position: absolute;top: 0;left:0px; border:5px; border-color:#FFFFFF}
	.eadiv.active {transform: translateX(-100%); /* Move the image to the left */}
	.eadiv.prev {transform: translateX(-200%); /* Move completely out to the left */}
	.eadiv img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left:0px ; border:10px; border-color:#FFFFFF; transition: transform 500ms ease-in-out;object-position: 100% 20% !important; }
	.eanftText{font-size:12px; line-height:10px; color:#000000 !important ; border-bottom-left-radius:10px; border-top-left-radius:10px;  position:absolute; bottom:20px; right:10px;text-align: right; background-color: rgba(255, 255, 255, 0.6); padding:5px 10px;} /*mix-blend-mode: difference;*/
	.eadiv_img_menter{ transform: scale(1.15)}
	.eadiv_img_mout{ transform: scale(1);}
	.sericonholder{position:relative ; white-space:nowrap;height:40px }
	.tsearch {height:35px; background:transparent; border:1px solid #695b5b; border-radius:5px;position:absolute;left:0px; color:#858080; font-size:15px;padding-left: 30px;width: 95%}
	.tsearch::-webkit-input-placeholder{color:#858080; font-size:15px;}
	.clearfix {clear:both;}
	.topitemdiv{width:var(--width-for-topdiv);overflow:hidden ; margin:0px auto; height:35px !important}
	.eabox{white-space:nowrap; margin-left:10px; min-width:40px}
	.eabox img{height:25px;position:relative;top:3px; opacity:0.6}
	.eabox span{font-size:10px; position:relative;top:-4px ; padding-left:5px ;color:#81a485 ; cursor:pointer !important}
	.sectitmicons{display: flex;flex-wrap: nowrap;justify-content: space-between; overflow-x: auto;}
	.boxleft{position: absolute;right: 0px; margin-top:2px; background:rgba(86,86,77 ,0.8);padding: 0px 5px 0px 7px;}
	.itemPopdiv::-webkit-scrollbar { width: 6px !important;} 
	.infotdflex{font-size:13px}
	.loginFormHlderinputform{width:95%; margin:2px auto; border:1px solid #292929; background-color:#292929; border-radius:10px; padding: 3px 0px; position:relative; max-height:65vh; overflow-y:auto}
	.loginFormHlderinputform::-webkit-scrollbar {width: 6px;}
	.loginFormHlderinputform::-webkit-scrollbar-thumb {
		background-color: #576992; /*스크롤바의 색상*/
		background-clip: padding-box;
		border: 1px solid #000000;
		border-top-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.loginFormHlderinputform::-webkit-scrollbar-track {
		background-color: #1c1f28; /*스크롤바 트랙 색상*/
	}
	/* 검정배경일때 가로 */
	.loginFormHlderinputformX , .ballists::-webkit-scrollbar { height: 3px !important;}
	.loginFormHlderinputformX, .ballists::-webkit-scrollbar-thumb {
		background-color: #576992 ; /*스크롤바의 색상*/
		background-clip: padding-box;
		border: 1px solid #343b44;
		border-top-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.loginFormHlderinputformX, .ballists::-webkit-scrollbar-track {
		background-color: #31363c ; /*스크롤바 트랙 색상*/
	}	
	.mserch{width:100%; display:none; height:60px;overflow: hidden; }
	.mserback{display:inline-block; width:40px; text-align:center; font-size:24px;position: relative;top: 7px;opacity:0.6}
	.mserchtext{width:100%; text-align:left; font-size:15px; color:#FFFFFF;background:transparent; height:35px;border: 1px solid #474040;padding-left: 20px;border-radius: 8px;position: relative;top: 5px;}

	.mserinput{display:inline-block; width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);width:calc(100% - 60px)}


	.itemPopdiv{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;flex-direction: row;align-content: stretch; line-height:20px}
	.eaboxpop{white-space:normal; margin-left:10px; width:90px !important ; text-align:center ;border: 1px solid #595a5c;margin-bottom: 20px;border-radius: 10px;padding: 5px 0px;}
	.eaboxpop img{height:35px;position:relative;top:3px; opacity:0.99}
	.eaboxpop span{font-size:13px; position:relative;top:-4px ; padding-left:5px ;color:#F1F1F1 ; cursor:pointer !important;line-height:10px; }
	
	.btn {display: inline-block;border-radius:10px;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;border-radius: 10px; padding:10px ;background:transparent;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
	
	.mormalbtn {display: inline-block;border-radius:10px;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;border-radius: 10px; padding:10px ;background:transparent;border: 1px solid #808080; color:#FFFFFF}

	.listofnftmain{width:var(--width-for-topdiv); margin:0px auto; overflow-x:auto}
	.listNftholder{display:flex ; justify-content: space-around;}
	.listNfteach{width:49%; padding:15px 5px; min-width:350px; } /*border:1px solid #353030; border-radius:10px;*/
	.listnftincont{display:flex; justify-content: space-around; width:100%; height:70px !important ;  border-radius:10px;}
	.listnftincont.tit {border-bottom:1px solid #3f4045 ; height:40px !important}
	.listnftincont.cont {margin:10px 0px}
	.nftsecdiv{ text-align:left; width:100%;margin: 6px; white-space:nowrap; width:100%; overflow:hidden;text-overflow: ellipsis}
	.nftsecdiv.tit {font-size:12px ; text-align:center}
	.nftsecdiv.eitem{font-size:15px ; font-weight:bolder; line-height:65px}
	.nftsecdiv.tit.n1{flex:0.3 ; min-width:30px }
	.nftsecdiv.eitem.n1{flex:0.3 ; min-width:30px ; text-align:center ; font-size:20px; font-weight:bolder}
	.nftsecdiv.eitem.n4{font-weight:200;font-size:13px;}
	.nftsecdiv.eitem.n5{font-weight:200;font-size:13px;}
	.nftsecdiv.n2{width:65px; text-align:center ;min-width:65px;}
	.nftsecdiv.n3{flex:1.5 ; text-align:left}
	.nftsecdiv.n4{flex:0.8 ; text-align:center ; min-width:100px;}
	.nftsecdiv.n5{flex:0.8 ; text-align:center;; min-width:100px;}
	.nftsecdiv img{width:60px; height:60px; object-fit: cover; border-radius:10px; }
	.listnftincont.cont.tyb{background-color:#222224 }

	.olympic2024{width:100%; position:relative}
	.olympicheder{ width:var(--width-for-topdiv); margin:0px auto;  font-size:18px; font-weight:bolder; text-align:left ; margin-top:20px; position:relative }
	.olympiccontent{width:var(--width-for-topdiv); margin:0px auto; display:flex ; flex-wrap: wrap; text-align:center; padding-top:20px ;justify-content: space-between; }
	.eaplayicon{display:block; width:100%}
	.eaplayerbox{width:32%; position:relative; border:1px solid #3d2a2a; margin-bottom:20px;  border-radius:20px ; padding:10px;margin-right:1% }
	.olympicplayerthumb{width:120px; height:122px}
	.olympicgameicon{width:25px; height:25px;border: 1px solid #5eeb8c; border-radius:50% ; position:relative;top:-1px; right:1px}
	.olympiciconholder{position:absolute; top:-15px; left:-15px; padding:5px; background-color:#3d3981;border-radius: 50%;height: 32px;width: 32px;}
	.olympic_gtit{font-size:12px ; text-align:left; padding-left:10px ; width:100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

	.olympic_sectitlTD{width:80px; text-align:center ;border: 1px solid #3e3737;border-radius: 10px;}
	.olympiceatable{table-layout:fixed;width:100%;position:relative; border-collapse: separate; separate;border-spacing: 0 0px;}
	.olympiceatable tr{height:25px !important}
	.olympiceatable td{margin:0px !important ; height:25px !important ; line-height:20px ; font-size:12px }
	.donorsbox{width:100%;display:flex ; flex-wrap: nowrap;flex-direction: row;justify-content: flex-start; width:100%; overflow-x:auto}
	.donorsicon{width:25px; height:25px; border-radius:50% ;}
	.donorsicondiv{text-align:center}
	.eadonors{ font-size:10px ; padding:5px 15px ; border:1px solid #143352; margin-right:10px;  margin-bottom:10px; border-radius:10px; position:relative;max-width:90%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.eadonors.mmn70{min-width:70px}
	.eadonors.mmn80{min-width:80px}
	.eadonors.mmn90{min-width:90px}
	.eadonors.mmn100{min-width:100px}

	.eadonorscount{display:inline-block;position:relative;background:#FFFFFF; color:#FF0000; font-size:13px; width:20px; height:20px;line-height:20px;text-align:center;padding:0px; margin:0px;border-radius:50%}
	.donorsnick{font-size:10px; font-weight:300 ;line-height:13px}
	.donorcount{font-size:15px; font-weight:bolder; border:1px solid #F1F1F1; border-radius:50%; width:20px; height:20px ; display:inline-block ;line-height:20px;text-align:center ; color:#073eff;margin-left: 5px;background: #fac00a;}
	.olympicplayericontd{vertical-align:bottom; text-align:left ; width: 130px; cursor:pointer}
	.donorcount.nocir{display:none}
	.olympicplayerinfotabel{table-layout:fixed;width:100%;position:relative; border-collapse: separate;border-spacing: 0 5px;}
	.eadonors:first-child {

	}
	.nftoferpriceinput{width:100%; background:transparent; color:#FFFFFF; font-size:15px; border:1px solid #3f3f3f; height:40px; padding:0px 10px ; border-radius:7px;}
	.nftoferpriceinput.depoinput{ border:1px solid #937e7e; width:90%; font-size:12px; text-align:center}
	.nftoferpriceinput.nobdr{border:none !important}
	.bottombox{width:98%; margin:0px auto;}
	.bottomexp{width:100%; ;margin-top:30px; border-top:1px solid #2e3234; padding-top:30px;}
	.bottomalllisticons{width:100%; display:flex;flex-wrap: wrap;justify-content: space-between; }
	.bottomexbox{font-size:13px; font-weight:200; width:fit-content; padding:5px 15px; text-align:center; border:1px solid #2e3234; border-radius:10px; margin-bottom:20px; cursor:pointer;}
	.bottomexbox img{width:30px; height:30px ; }
	.bottomtextexp { font-size:13px; line-height:20px ; margin-bottom:20px; ; padding-left:20px; margin-top:10px}
	.footer{font-size: 16px;color: #b2b3ba;background-color: #000000;width:100%; margin:20px auto 0px auto; padding:20px ; display:flex; justify-content: center;flex-direction: row;flex-wrap: nowrap;margin-top: auto;}
	.footereach{width:30%;}
	.footereach a{color:#F1F1F1 !important ;text-decoration: none; font-size:14px; }
	.footereachall{width:100%}
	.footereach.rg{text-align:right}
	.footereach.adr{width:100%; font-size:14px;}
	
	.materialabox{width:30px; display:inline-block;text-align:center}
	.material-symbols-outlined{font-size:15px !important ; font-weight:bolder ; position:relative;top:2px;}
	.btn-close {box-sizing: content-box;width: 1em;height: 1em;padding: .25em .25em;color: #fff;background: transparent ;border: 0;border-radius: .375rem;opacity: 0.9;}
	.loginJoin_input {width:100%; height:40px; border:1px solid #5c5e60; border-radius:5px; background:transparent;color:#FFFFFF; padding:0px 10px; text-align:center; }
	.loginJoin_input.loginid , .loginJoin_input.loginpwd{ font-size:18px}
	.loginJoin_input::placeholder {font-size:12px}
	.form-control::placeholder{font-size:12px}
	.loginjoinfind{width:fit-content;padding:5px 30px; height:30px; border:1px solid #454849; border-radius:10px; background-color:#100d0d;color:#FFFFFF;}
	.loginjoinfind.join{margin-right:14px}
	.livePoploginbox{
		width:70%; max-width:500px; min-width:330px; max-height:80% !important; border: 1px solid #6b6464;border-radius: 10px;box-shadow: 7px 8px 8px 0 rgb(149 215 209 / 20%), 0 6px 20px 0 rgb(171 220 225 / 19%);background: #202020;padding:20px;position:relative; padding-bottom:20px; text-align:center;
	}

	.collection_container{width:100%; margin: 0px auto; height: 100px; position: relative;top:-60px;position:relative;}
	.collectionimg{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left:0px}
	.collectiondiv{
		height:350px; position:relative;
		position: absolute;top: 0;text-align:center; vertical-align:top; width:100% !important; left:0px !important ;;
		-webkit-mask-size: 100% 100%;
		-webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0.00,  rgba(0,0,0,1)), color-stop(1.00,  rgba(0,0,0,0)));
	}
	.info_collectiontop{position:relative; top:0px ; left:0px;  width:99.5%; margin:0px auto; padding:0px; height:auto; display:flex;justify-content: space-between;flex-wrap: nowrap;align-content: flex-start;align-items: flex-end;}
	.info_collect_easec{padding-right:10px}
	.coll_icon{ position: relative;top: 0px;left:20px;width: 80px;height: 80px;border: 2px solid #ffffff;border-radius: 20px;overflow: hidden;}
	.coll_thumb{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0px;border: 10px;border-color: #FFFFFF;}
	.coll_text{position: relative; left:20px;;color:#FFFFFF; font-size:15px; line-height:30px;}
	.coll_text.title, .coll_text.author {position: relative; top:10px}
	.coll_text.title{width:100%; }
	.coll_text img{width:16px; height:17px; position:relative;top:3px ;margin-right:2px}
	.colinfotr{ font-size:15px; color:#FFFFFF ; }
	.colinfotr.down{ font-size:15px; color:#c1baba}
	.colinfotr td {padding:0px 10px; text-align:left ; line-height:20px}
	.infocoltable{width:100%; height:100%;display: flex;flex-direction: row;align-items: flex-end;}
	.colls_infotable{border-collapse:collapse; white-space:nowrap}
	.white_text1 {color:#d1cf8a}
	.fbtext{fill:#FFFFFF}
	.collection_detail_box{width:100%; margin:10px auto;padding:0px; position:relative;}
	.coll_titledetail{width:90% ; text-align:left; padding:3px 20px; font-size:15px; color:#FFFFFF}
	.coll_titledetail.tit{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.coll_titledetail.detaill{color:#808080}
	.collectin_list_seltype {width:100%; margin-top:20px; position:relative;}
	.btn_facebook{width:50px; position:absolute;top:0px; right:10px; text-align:center; font-size:12px; cursor:pointer}
	.collection_typebtn{
		display:inline-block; font-size:13px; font-weight:200; border:1px solid #777171; border-radius:10px; width:fit-content; height:30px ;line-height:25px;text-align:center ;
		color:#d5d9e7;background: #1b1a18; padding:3px 25px; margin-right:20px; color:#808080 ; cursor:pointer;
	}
	.collection_typebtn.on{color:#FFFFFF; font-size:15px; font-weight:500; background-color:#41465e}
	
	.collection_nft_holder{width:98%;margin: 20px auto; position:relative; display:flex;flex-wrap: wrap;justify-content: space-around;} /*space-around  space-between */
	.collection_nft_eabox{position:relative; width:32%; padding:10px; border:1px solid #808080; border-radius:10px ; margin-bottom:20px; font-size:13px}
	.collection_nft_img{width:100%; height:250px}
	.nftcollectioneachimg{width: 100%;height: 100%;object-fit: cover;border-radius:10px;object-position: 100% 3%;}
	.collection_nft_hash{width:100%; display:flex;flex-wrap: nowrap;justify-content: space-between;; line-height:25px}
	.collection_nft_title{margin-top:10px; padding:2px 0px ; font-size:15px; font-weight:bolder; line-height:30px;display:flex;flex-wrap: nowrap;justify-content: space-between;}
	.collection_nft_exp{width:100% ; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#808080; line-height:25px}
	.colllist_donatebtn{position:absolute; bottom:70px; right:10px; width:fit-content;background-color:#FF0000; color:#FFFF00; padding:5px 10px; border-radius:10px;border:1px solid #8e8b8b; cursor:pointer}
	.colllist_donatebtn.trade{color:#000000; background-color:#00e5ff ; padding:5px 15px}
	.colllist_donatebtn.keep{color:#FFFF00; background-color:#251616 ; padding:5px 15px}
	.createrwallet{color:#06eaf9; font-size:15px ; padding-left:10px}
	.collection_selbox1{width: 100%;margin: 0px auto;height: 40px;font-size: 15px;background: #323232;color: #F1F1F1;padding: 0px 10px;border-radius:5px}
	.collection_selbox1 option{color:#F1F1F1}
	.donerowner {font-size:13px; color:#FFF000;}
	.donerowner.donor {font-size:13px; color:#00e5ff;}
	.donorcol_icon {width:20px; height:20px ; border-radius:50%; margin-right:5px; margin-left:3px; position:relative;top:4px}
	.collection_selboxeachbtn{width:fit-content; padding:5px 10px}
	.collection_selboxholder{width:100%;padding:5px 10px;display:none}
	.collection_hashtag_tit{width:98%; margin:10px auto 0px auto}
	.collection_keywordbtnsbox{width:98%; margin:10px auto 0px auto; display:flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row;align-items: stretch;}
	.coll_keyword_each{width:fit-content; padding:5px 10px; font-weight:200; border:1px solid #777171; border-radius:10px;color:#b8bdbe; margin:2px 5px; font-size:12px;cursor:pointer}
	.coll_keyword_each.on{background-color:#41465e; color:#FFFFFF}
	.collection_keyword_selectbox{width:98% ; margin:0px auto; display:none}

	.material-symbols-outlined.closepop{font-size:25px !important ; cursor:pointer}

	.join-content {
		position: relative;display: flex; flex-direction: column; width: 100%; color: #fff; pointer-events: auto; background: rgba(28, 0, 52, 0) 0% 0% no-repeat padding-box; 
		border: 1px solid #191e24 !important; border-radius: 5px; outline: 0; box-shadow: unset !important;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);
	}
	.join-header {
		display: flex;flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6;border-top-left-radius: 1px; border-top-right-radius: 1px;
	}
	.btn {
		--bs-btn-padding-x: 0.75rem;
		--bs-btn-padding-y: 0.375rem;
		--bs-btn-font-family: ;
		--bs-btn-font-size: 1rem;
		--bs-btn-font-weight: 400;
		--bs-btn-line-height: 1.5;
		--bs-btn-color: var(--bs-body-color);
		--bs-btn-bg: transparent;
		--bs-btn-border-width: var(--bs-border-width);
		--bs-btn-border-color: transparent;
		--bs-btn-border-radius: var(--bs-border-radius);
		--bs-btn-hover-border-color: transparent;
		--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
		--bs-btn-disabled-opacity: 0.65;
		--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
		display: inline-block;
		padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
		font-family: var(--bs-btn-font-family);
		font-size: var(--bs-btn-font-size);
		font-weight: var(--bs-btn-font-weight);
		line-height: var(--bs-btn-line-height);
		color: var(--bs-btn-color);
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
		border-radius: 10px;
		background-color: var(--bs-btn-bg);
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.bg-gradient {background: transparent linear-gradient(110deg, #bd62f9 0%, #4113ea 100%) 0% 0% no-repeat padding-box !important;color: #fff;}
	.form-control {
		display: block;
		background: transparent;
		width: 100%;
		padding: .375rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #eeed96; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #575959; border-radius:5px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.w-100 {width: 100% !important; text-align:center}
	.w-90 {width: 90%; margin:0px auto; text-align:center}
	.form-floating{position: relative; text-align:left}
	.join-label{font-size:13px; color:#bbb998}
	.text-center{text-align:center}
	.join_sendcode {
		width:35%;;text-decoration: none;background: none;color:#98fbff;cursor: pointer;padding:2%;border-radius: 5px;text-align: center;font-size:12px;display:inline-block; 
		border:1px solid #575959;vertical-align:top;height: 38px;float: right;white-space: nowrap;font-weight:200;
	}
	.top_notice_circle{display:inline-block;width:1px; height:1px; position:relative;}
	.top_notice_circleimg{position: absolute;top: -22px; left: -9px ; width:15px; height:15px;}
	.top_notice_circlea{
		width:20px;color: #fff;background: #ff0000;border: 1px solid #C1C1C1;line-height: 13px;border-radius: 50%;
		font-size: 9px;margin-right: 4px;padding: 3px 5px;text-align: center;position: absolute;top: -22px;height: 20px; left: -6px;
	}
	.top_notice_circlea.cnt{ position: relative; top: -13px; padding: 0px 5px; background: #f7da03; border: 1px solid #fffb1d; color:#000}
	.nftdeal_topbox{display:none; width:100%;position:relative;}
	.nftdeal_divHd{width:95%; margin:0px auto;display:block}
	.nftdeal_ea{width:40%; min-width:80px; font-size:13px; text-align:center; background: #000000;padding-right:5px;; margin-bottom:5px; border-radius:5px;display:inline-block;vertical-align:top}
	.nftdeal_ea.cont{background: none;text-align:left; padding-left:5px; width:55% ;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.nftdeal_ea.loc{font-size:11px; color:#808080;background: none;margin: 0px auto;}
	.nftdeal_gobtnbox{width:95%; text-align:center; margin-top:7px;white-space: nowrap;}
	.nftdeal_conf{color:#e0ea92 ; font-size:12px; }
	.dealconfrmcheck{width: 20px;height: 20px;position: relative;top: 5px;}
	.dealchekconfbox{width:100%; font-size:13px; color:#94f7ce;text-align:left; padding:5px 10px;line-height:20px}
	.hr_color1 {border: 0px; height: 1px; background: linear-gradient(to right, transparent, #b1fce3, green, #76f4cb, transparent); width: 100%; margin: 20px 0px;}
	.col_spanDiv{grid-column : 1/-1; border:1px solid #C1C1C1; text-align:center; display:none}
	.circleme{color: #edfbf8;background: #385d4c;border: 1px solid #C1C1C1;border-radius: 50%;font-size: 11px;margin-right: 4px;padding: 2px 3px;text-align: center;}

	@media (min-width: 100px) and (max-width: 480px) {
		.navbar a {display: none;}
		.text {font-size: 11px;}
		.burger {display: block;}
		.submanunormal{display:none}
		.menu {position: fixed;top: 70px;right: -100%;height: 100%;width: 100%; max-width:470px ;background-color: #333;flex-direction: column;justify-content: flex-start;align-items: flex-start;transition: 0.3s;}
		.menu.active {z-index:100;top: 60px;right: 0; }
		.menu a {display: block;float: none;text-align: left;padding: 14px;width: 100%;color: white;border-bottom: 1px solid #4b4242;}
		.menu a:hover {background-color: #444;}
		.eadiv {transition: transform 1s ease-in-out; }
		.eaboxpop{width:100px !important ;margin-left:2px;  }
		.eaboxpop span{font-size:10px; }
		.eanftText{display:none}
		.topitemdiv .listofnftmain .slider-container{width:var(--width-for-mb)}
		.listtypehDiv{width:98%}
		.olympicplayericontd{width:70px !important; vertical-align:middle !important;border: 1px solid #4e4545;border-radius: 10px;text-align: center;}
		.olympicplayerthumb{width:65px !important; height:67px !important;}
		.eaplayerbox {width:99% !important; background:rgba(29,33,40,0.5)}
		.olympicplayerinfotabel{border-spacing: 0 0px !important ; margin-left:5px ; margin-bottom: 3px;}
		.info_collect_easec{width:98%; margin:0px auto; margin-top:20px;}
		.info_collectiontop{flex-wrap: wrap; }
		.info_collectiontop.nowraped{flex-wrap: nowrap; }
		.infocoltable{align-items: flex-start;}
		.coll_icon , .coll_text{left:10px}
		.coll_titledetail.detaill{font-size:12px}
		.collection_nft_eabox{width:99% !important}
		.collection_selboxholder{display:block; padding:5px 5px;}
		.collection_selboxeachbtn{display:none}
		.collection_keyword_selectbox{display:block}
		.collection_keywordbtnsbox{display:none}
		.collection_hashtag_tit{display:none}
		.submenunormal{display:none}
		.eaplayerbox {width:99% !important; margin:0px auto ; margin-right:0px !important}
		.infotdflex{display:none}
		.footer{flex-wrap:wrap}
		.footereach{width:100% ; text-align:center}
		.footereach>div{text-align:center}
		.footereach.rg{margin-top:20px}
		.btn_facebook{top:-100px}
		.collectin_list_seltype{margin-top:5px}

	}
	@media (min-width: 481px) and (max-width: 600px) {
		.sidemenutext{font-family: "Poppins", sans-serif;font-size:12px; line-height:20px;margin-left:-5px;position:relative;top:-5px;}
		.submenuof{width: 100%;background: #393b3d;padding-left: 15%;display:none; position:relative}
		.eanftText{display:none}
		.listNfteach{border:none !important}
		
		.eaplayerbox {width:99% !important; margin:0px auto ; margin-right:0px !important}
		.listtypehDiv{width:95% ; margin:20px auto}
		.collection_typebtn{ padding:3px 5px;margin-right:5px;}
		.collection_typebtn.on{padding:3px 10px;}
		.infotdflex{display:none}
		.footereach{width:100% ; text-align:center}
	}
	@media (min-width: 481px) and (max-width: 1000px) {
		.collection_nft_eabox{width:48% !important}
		
	}
	@media (min-width: 601px) and (max-width: 800px) {
		.eaplayerbox {width:48% !important; margin:0px auto ; margin-right:0px !important}
		.titleea{font-size:15px; top: 80px; }
		.authorinfo{font-size: 12px; top: 120px;}
		.iteminfo{font-size: 12px; top: 150px;}
		.infoboxtop{left:-10px ; bottom: 50px;}
		.iconea{top: 15px;}
		.footereach{width:100% ; text-align:center}
	}
	@media (min-width: 481px) and (max-width: 800px) {
		.footereach{width:100% ; text-align:center}
		
	}
	@media (min-width: 481px) and (max-width: 550px) {
		.collection_nft_eabox{width:99% !important}
		.footereach{width:100% ; text-align:center}
		
	}