@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400&display=swap);.detailwd span,a,a:hover,footer{color:#fff}.centerleftct,.customgametab,.headerlogout,.logoleftlogin,.menuright,.stepregister{align-content:center}.headerlogin h2,.headertab h2{-webkit-text-fill-color:transparent;font-weight:700}.containerhis,.detailwd,.levelfriend,.navmenu{white-space:nowrap}.containlinkfriend,.divoffriends,.finishcontain,.headerinput,.headerlogin,.headertab,.iningriddps,.iningriddps span,.leftdps .nav-pills .nav-link,.linebtn,.myAlert-top,.mypromotion .swiper-slide,.navmenu,.wantregister,.wrapgrid001{text-align:center}body{font-family:Kanit,sans-serif;position:relative;overflow-x:hidden}.paddingmobile{padding-bottom:160px}.wrapper-menu,.wrapper-menu2{background-color:transparent;border:none;padding:0;display:flex;cursor:pointer;outline:0}a:hover{text-decoration:none}footer{background-color:maroon;display:none}.wrapper-menu{position:absolute;left:10px;top:8px;z-index:1000;transition:.5s}.wrapper-menu.hamopen{position:fixed;left:200px;top:8px}.line{fill:none;stroke:#fff;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1),stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)}.line1,.line2,.line3,.open .line2{stroke-width:3}.line1{stroke-dasharray:60 207;animation:2s infinite lineone}@keyframes lineone{50.1%{transform:scale3d(1.2,1,1) translate(-10px)}}.line2{stroke-dasharray:60 60;animation:2s infinite linetwo}@keyframes linetwo{50.1%{transform:scale3d(.8,1,1) translate(10px)}}.line3{stroke-dasharray:60 207;animation:2s infinite linetree}@keyframes linetree{50.1%{transform:scale3d(1.2,1,1) translate(-10px)}}.open .line1,.open .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:3;animation:3s infinite yourAnimation}.open .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;animation:3s infinite yourAnimation}.containerlogin{width:100%;height:100%;background:radial-gradient(circle,#272727 0,#060606 70%);position:fixed;display:flex;flex-direction:column;justify-content:center;padding:30px;z-index:0}@media (max-width:520px){.containerlogin{padding:0}}.incontainlogin{width:100%;max-width:1280px;margin:0 auto;color:#ffe57b;overflow:auto;padding-bottom:68px}.incontainlogin img{width:100%;max-width:300px;height:auto;margin:0 auto}.centerleftct,.logoleftlogin{display:flex;flex-direction:column;justify-content:center}.headerlogin h2{display:inline-block;background:linear-gradient(180deg,#b38c2c 20%,#e8da9b 50%,#b38c2c 80%);-webkit-background-clip:text}.customgametab.nav-pills .nav-link,.headeruser button{background:linear-gradient(to bottom,#393939,#292929)}.wantregister{margin-top:18px;font-weight:100;color:#fff;font-size:18px}.wantregister a{font-weight:700;color:#fff}.linebtn{z-index:1;position:fixed;left:15px;bottom:80px;padding:5px;font-size:14px;transition:.3s;cursor:pointer}.linebtn span{font-weight:700;color:#ddc690;text-shadow:0 0 10px #000,0 0 20px #000}.linebtn img{width:60px;display:block}@media (max-width:767px){.linebtn.logined{right:15px;bottom:85px}}@media (max-width:490px){.linebtn.logined{bottom:18vw}}.stepregister{justify-content:center;display:flex;margin:10px 0}.stepregis{margin:0 5px;border-radius:20px;padding:0 10px;background:#2b2b2b}.inputstyle,.loginbtn{background:0 0;padding:10px;width:100%}.stepregis.active{background:#ffe57b;color:#000}.alertcopy,.friendtab,.regisstep{display:none}.re01{display:block}.finishcontain{font-size:25px;margin:25px 0}.x-bank-choices-type .-outer-wrapper{display:grid;justify-content:center;text-align:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.x-bank-choices-type .-outer-wrapper .-input-radio{width:0;height:0;position:absolute;left:-9999px}.x-bank-choices-type .-outer-wrapper .-input-radio+.-label{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:5px auto;position:relative;border-radius:50%;opacity:.75;transition:.1s}.x-bank-choices-type .-outer-wrapper .-input-radio:checked+.-label{opacity:1}.x-bank-choices-type .-outer-wrapper .-input-radio:checked+.-label .-logo{width:45px;height:45px}.x-bank-choices-type .-outer-wrapper .-input-radio+.-label .-logo{width:40px;height:40px;border-radius:50%;transition:.1s}.fa-check:before{content:"\f00c"}.x-bank-choices-type .-outer-wrapper .-input-radio:checked+.-label .fas.fa-check{display:flex;justify-content:center;align-items:center}.x-bank-choices-type .-outer-wrapper .-input-radio+.-label .fas.fa-check{display:none;position:absolute;bottom:-2px;right:-1px;width:16px;height:16px;border-radius:50%;color:#fff;font-size:10px;background-color:#71dd8a}.inputstyle{border:1px solid #7d7d7d;border-radius:10px;position:relative;box-shadow:3px 3px 5px #000;color:#fff}.loginbtn{border:1px solid #ffe57b;border-radius:20px;margin-top:20px;color:#ffe57b}.header-dashboard{padding:10px;display:flex;width:100%;max-width:1100px;margin:0 auto}.bandleft{min-width:90px}.bandleft img{width:150px}@media(max-width:430px){.bandleft img{width:100px}.bandleft{padding-top:10px}}.menuright{width:100%;display:flex;justify-content:flex-end;flex-direction:row;flex-wrap:wrap;font-weight:100;padding-top:5px}.headeruser{padding-right:15px}.headeruser button{height:100%;border-radius:10px;border:none;color:#fff}.headercredit i:first-child,.headeruser i{color:gold}.headercredit span{display:inline-block;padding-right:10px}@media (max-width:500px){.headercredit span{display:block}}.headerlogout{padding-left:20px;font-size:23px;margin-top:-5px;display:flex;flex-wrap:wrap}.copylink,.cursorp,.headerlogout i{cursor:pointer}.headerlogout i:hover{color:red}.header-menu{width:100%;max-width:1000px;margin:0 auto;display:flex;justify-content:center;transition:.3s}.navmenu{width:16.666%;font-weight:100;padding-bottom:10px;border-bottom:2px solid #948e77;cursor:pointer}.navmenu img{margin:0 auto;height:65px;filter:grayscale(100%)}.navmenu i{font-size:65px;height:65px}.navmenu img:hover,.navmenu.active img{filter:grayscale(0%)}.navmenu.active,.navmenu:hover{color:#ffe991;border-bottom:2px solid #ffe991}@media screen and (max-width:767px){.header-menu{position:fixed;bottom:0;left:0;right:0;width:100%;padding-bottom:5px;background:#000;z-index:99}.navmenu{font-size:14px;padding-bottom:0;border-top:2px solid #948e77;padding-top:5px;border-bottom:none!important}.navmenu.active,.navmenu:hover{color:#ffe991;border-top:2px solid #ffe991}.navmenu img{margin:0 auto;height:45px}}@media screen and (max-width:490px){.navmenu img{margin:0 auto;height:10vw}.navmenu{font-size:3vw}}.tabcontent{display:none;width:100%;max-width:1000px;margin:0 auto;padding:6px 12px;-webkit-animation:1s fadeEffect;animation:1s fadeEffect}@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}.customgametab{justify-content:center;display:flex;flex-direction:column;flex-wrap:nowrap}.customgametab img{width:37px;display:block;margin:0 auto}@media (max-width:450px){.customgametab img{width:30px}}.customgametab.nav-pills .nav-link{border-radius:.25rem;margin:0 0 10px;width:100%;height:60px;display:flex;padding:3px 0;box-shadow:0 5px 7px 0 #000;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center}.customgametab.nav-pills .nav-link.active,.nav-pills .show>.nav-link{width:100%;color:#fff;background:linear-gradient(to bottom,#e7d39d,#b19560)}.gridgame{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.containerhis table,.containinputwd table,.ingridgame{width:100%}.iningridgame{width:100%;padding:0 5px}.ingridgame.second{grid-column-start:1;grid-column-end:3}.ingridgame.third{grid-column-start:1;grid-column-end:4}.iningridgame img{width:100%;transition:.3s;cursor:pointer}.ingridgame.second .iningridgame img{max-width:430px;display:block;margin:0 auto}.iningridgame img:hover{transform:scale(1.05)}.headertab{margin:15px 0 10px}.banktabicon,.containdps{width:100%;margin:0 auto}.headertab h2{font-size:30px;display:inline-block;background:linear-gradient(180deg,#b38c2c 20%,#e8da9b 50%,#b38c2c 80%);-webkit-background-clip:text}.banktabicon{max-width:45px;display:block}.containdps{max-width:900px}.griddps{display:grid;grid-template-columns:1fr 1fr}.ingriddps{padding:5px}.iningriddps{font-size:15px;color:#c5c5c5}.iningriddps span{font-size:16px;color:#fff}.iningriddps img{width:90px;margin-bottom:5px}.iningriddps button{margin-top:5px;border:2px solid #948e76;border-radius:10px;color:#fff;background:0 0;padding:5px 10px}.leftdps{box-shadow:3px -2px 7px #00000052;border-radius:10px}.leftdps .nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background:linear-gradient(to bottom,#c5b077,#483d2a)}.leftdps .nav-pills .nav-link{padding:20px 0}@media (max-width:440px){.iningriddps{text-align:center;font-size:3vw;color:#c5c5c5}}@media (max-width:405px){.griddps{grid-template-columns:1fr}.ingriddps{padding-bottom:15px}}.myAlert-top{position:fixed;width:200px;height:100px;top:5px;right:5px;margin:auto;background-color:rgb(255 255 255);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;padding:10px;color:#000;z-index:999}.myAlert-top i{font-size:50px;color:#4cd41f}.containwd{width:100%;max-width:700px;margin:15px auto 0}.detailwd{width:100%;max-width:270px;background:linear-gradient(to bottom,#e7d39d,#b19560);padding:10px 30px;margin:0 auto;color:#fff;border-radius:10px}.divoffriends{background:linear-gradient(to bottom,#393939,#292929);border-radius:20px;margin-top:-10px;height:330px;overflow:auto;padding:15px 10px 0}.containinputwd{padding:0;margin-top:15px;display:block!important}.containerhis td,.containinputwd td{width:50%}.detailwd td:nth-child(2){padding-left:5px}.detailwd img{width:55px}.headerinput{margin-bottom:15px;color:#ffe690}.headerinput span{padding:5px 10px;border-radius:20px;background:#202331}.btnwd{margin-top:25px}@media (max-width:767px){.ingridgame.second .iningridgame img{max-width:100%}.customgametab.nav-pills .nav-link{border-radius:.25rem;margin-bottom:10px;box-shadow:0 5px 7px 0 #000;background:linear-gradient(to bottom,#393939,#292929);font-size:15px;width:100%}.gridgame{display:grid;grid-template-columns:1fr 1fr;width:100%}.detailwd{margin-top:-20px;position:relative}.containinputwd table,.headerinput{margin-top:20px;text-align:center}.containinputwd table{width:100%}.containinputwd{padding:0 10px;width:100%;max-width:500px;margin:0 auto}}.containhis{width:100%;max-width:600px;margin:0 auto}.containhislist{height:500px;overflow:auto}.containerhis{padding:0 15px;font-size:15px}.listht,.listhtwd{border-radius:10px;padding:5px 10px;margin:10px 0}.timehis{font-size:11px;color:#d2d2d2}.listht{background:linear-gradient(to right,#181b22 0,#111319 100%);box-shadow:0 0 0 2px #3f6747}.detailaf,.indetail,.ininwrapgrid001{background:linear-gradient(to bottom,#393939,#292929)}.listhtwd{box-shadow:0 0 0 2px #794a4a}.containhis .nav-link.green.active{background:linear-gradient(204deg,#8bc34a,#134815)}.containhis .nav-link.red.active{background:linear-gradient(190deg,#c34a4a,#481313)}.containerhis td:nth-child(2){text-align:right}.promotionimg{width:100%;max-width:1000px;padding:0 20px}.containleftfriend01,.levelfriend{max-width:300px;margin:15px auto 0;width:100%}.promotionimg img{width:100%;border-radius:20px;margin-bottom:20px;cursor:pointer}.mypromotion .swiper-slide{font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.mypromotion .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px}.mypromotion button{position:absolute;bottom:-15px;right:0;border:none;background:linear-gradient(to bottom,#e7d39d,#b19560);border-radius:10px;color:#fff;padding:10px;box-shadow:0 0 10px #000}.swiper.mypromotion{margin-left:auto;margin-right:auto;width:100%;max-width:500px;padding-bottom:30px}.mypromotion{--swiper-navigation-color:#fff;--swiper-pagination-color:#fff}.mypromotion .swiper-button-next,.mypromotion .swiper-button-prev{transform:scale(.6);text-shadow:0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000}.mypromotion .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;left:0;width:100%}.mypromotion .swiper-pagination-bullet{background:#fff}.containleftfriend01{padding:10px;color:#c7c7c7;border-radius:10px}.containlinkfriend{width:100%;max-width:250px;margin:15px auto}.tbfriendleft{font-size:14px}.tbfriendleft h5{font-size:25px;color:#ffe690;margin-top:-7px;font-weight:700}.tbfriendleft span{font-size:13px;font-weight:100}.detailaf{padding:5px 10px;font-size:15px;border-radius:4px;color:#fff}.indetail{font-size:16px;color:#d4d4d4;box-shadow:0 0 10px #000;padding:15px 5px 15px 10px;border-radius:8px;width:100%;max-width:300px;margin:-10px auto 0}.loginform01,.loginform01:focus{box-shadow:0 14px 28px rgb(0 0 0 / 25%),0 10px 10px rgb(0 0 0 / 22%)}.wrapgrid001{display:grid;grid-template-columns:1fr 1fr;padding:0 10px;width:100%;max-width:250px;margin:0 auto;margin-top:px}.inwrapgrid001{padding:0 5px;margin-top:5px}.ininwrapgrid001{border-radius:5px;cursor:pointer;font-size:13px;line-height:20px;width:100%;margin:0 auto;padding:5px 0}.ininwrapgrid001.active{background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0,#ffd582 8%,#907b4d 30%,#8e7b50 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0,#ffffac 8%,#d1b464 25%,#756541 62.5%,#52472e 100%);border-radius:5px}.iconlogin{color:#fff;position:absolute;margin-top:13px!important;margin-left:12px}.loginform01{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#202331;border:none;border-radius:20px;color:#fff;padding:13px 13px 13px 40px}.loginform01:read-only{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,#e7d39d,#b19560);border:none;border-radius:20px;color:#fff;padding-left:40px}.loginform01::placeholder{color:#a5a5a5;opacity:1}.loginform01:focus{background:#1b1d27;color:#fff;outline:0}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#ffffff;-webkit-background:#1e1c38b8;-webkit-box-shadow:0 0 0 1000px #353a4e inset;text-shadow:0 0 5px #fff;transition:background-color 5000s ease-in-out}.mcolor{background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0,#ffd582 8%,#907b4d 30%,#8e7b50 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0,#ffffac 8%,#d1b464 25%,#756541 62.5%,#52472e 100%);box-shadow:0 0 10px #000}.colorbtn01{width:95%;border:none;color:#fff;border-radius:30px;padding:10px;margin:0 auto}.containfriendwd{margin:20px 0}.accountct,.frienddetail{background:linear-gradient(to bottom,#393939,#292929)}.containaccount{width:100%;max-width:400px;margin:15px auto 0}.headeraccount{padding:0 5px 0 10px;font-size:25px}.trofaccount td{padding-bottom:10px;line-height:19px}.headeraccount i{color:#eee0af}.trofaccount span{font-size:12px;color:#bbb}.containcpass{display:none;width:100%;max-width:500px;margin:0 auto}.backaccount{font-size:20px;margin:10px 0;color:#ffe57b}