@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;700&family=Noto+Sans+Thai:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;700&family=Secular+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.16);width:200px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}*{font-family:Kanit,sans-serif}a{text-decoration:none}.start-skill{height:160px;position:relative;width:160Px}.start-outer{border-radius:50%;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),6px 6px 10px -1px hsla(0,0%,100%,.7);height:160px;padding:10px;width:160px}.start-inner{align-items:center;border-radius:50%;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2),inset 4px 4px 6px -1px hsla(0,0%,100%,.7),-.5px 4px 6px -1px hsla(0,0%,100%,.7),.5px .5px 0 hsla(0,0%,100%,.15),0 12px 10px -10px hsla(0,0%,100%,.05);display:flex;height:140px;justify-content:center;width:140px}#sumKmToday{border-radius:50%;color:#555;font-weight:600px;width:100%}circle{fill:none;stroke:green;stroke-width:15px;stroke-dasharray:470;stroke-dashoffset:100;width:100%}svg{left:0;position:absolute;top:0}.btnstart{height:90%;width:90%}*{font-family:Secular One,sans-serif}.demo-header{align-items:center;display:flex;justify-content:center;position:relative}#preloader{background:#f1f2f3 url(/static/media/preload2.1215b4a5c44927acb222.gif) no-repeat 50%;position:fixed;width:100vw;z-index:10000}#preloader,.Gifgame{height:100vh}.box-conten1{background-color:hsla(0,34%,82%,.274);border-radius:5px;content-visibility:auto;height:auto;padding:3px;position:absolute;right:1px;top:15%;width:75%}.CDP{color:#0f5;text-align:end}.CDP,.KM{font-weight:800}.Km-Cdv{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.Bike{background-color:rgba(0,0,0,.3);border-radius:5px;color:#fff;display:flex;flex-wrap:wrap;font-size:calc(60% + 1.2vmin);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-bottom:5px;padding:2px 0;width:100%}.Bike-text{align-items:center;display:flex}.Bike img{cursor:pointer;height:auto;width:2rem}.M-car{background-color:rgba(0,0,0,.3);border-radius:5px;color:#fff;display:flex;flex-wrap:wrap;font-size:calc(60% + 1.2vmin);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-bottom:5px;padding:2px 0;width:100%}.M-car-text{align-items:center;display:flex}.M-car img{cursor:pointer;height:auto;width:2rem}.M-car .buy-new{align-items:center;background-color:#49524f;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:600;height:2rem;justify-content:center;transition:.5s ease-in-out;width:2rem}.M-car .buy-new:hover{background-color:#616d69;color:#01eb15}.R-car{background-color:rgba(0,0,0,.3);border-radius:5px;color:#fff;display:flex;flex-wrap:wrap;font-size:calc(60% + 1.2vmin);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-bottom:5px;padding:2px 0;width:100%}.R-car-text{align-items:center;display:flex}.R-car img{cursor:pointer;height:auto;width:2rem}.R-car .buy-new{align-items:center;background-color:#49524f;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:600;height:2rem;justify-content:center;transition:.5s ease-in-out;width:2rem}.R-car .buy-new:hover{background-color:#616d69;color:#01eb15}span{color:gold}.CDP-namber{color:#0f5;text-align:end}.name{visibility:hidden}.box-conten2{background-color:rgba(0,0,0,.3);border-radius:5px;bottom:24%;content-visibility:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;padding:3px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.box-conten2 p{color:#fff}.totalPoit{display:flex;flex-wrap:wrap;font-size:calc(60% + 1.2vmin);justify-content:space-between;padding:2px 0;width:100%}.Status{background-color:rgba(0,26,255,.644);border-radius:10px;bottom:30%;display:grid;grid-template-rows:3rem 2rem 1.5rem 2rem 1fr 1rem 1.3rem;padding:5px;position:absolute;right:5px;width:65%;z-index:999}.Status-img-and-Name{color:#fff;display:grid;font-size:1.5rem;font-weight:500;grid-template-columns:1fr 2fr}.Status-img{border-radius:100%;display:flex;height:3rem;justify-content:center;margin-left:12px;padding:3px;width:70%}.Status-img img,.pic{border-radius:50%}.Status-img img{height:100%;object-fit:cover;width:100%}.Status-Name{align-items:center;display:flex;justify-content:center}.Status-R-Km-CDP{color:#f60;display:grid;font-weight:600;grid-template-columns:repeat(3,1fr)}.Status-R-text{background-color:#f60;border-radius:8px;color:#fff;margin:5px 0;text-align:center;width:100%}.Status-KM-text p{color:#f60}.Status-CDP-text,.Status-KM-text p{margin:5px 0;text-align:center;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}.Status-Today{color:#fff;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.Status-Today-text-Today,.Status-Total-text-TOTAL{text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.Status-Today-text-CDP,.Status-Today-text-KM,.Status-Today-text-Today{margin:5px 0}.Status-Total{color:#fff;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.Status-Total-text-CDP,.Status-Total-text-KM,.Status-Total-text-TOTAL{margin:5px 0}.Status-Today-text-KM,.Status-Total-text-KM{color:#f60}.img-report{height:4%;position:absolute;right:7%;top:6%;width:8%}.img-report img{height:100%;width:100%}.img-Star{grid-gap:5px;display:grid;gap:5px;grid-template-rows:1fr;position:absolute;right:5px;top:0}.add-star{align-items:center;display:flex}.add-star-img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;width:1.6rem}.add-star-img img{height:100%;width:100%}.add-star p{background-color:#ffffff79;border-radius:10px;color:#0020d8;font-family:Roboto,sans-serif;font-weight:600;margin-right:10px;padding:5px;text-align:center}.star3{opacity:.5}.btn-B{background-color:#3a04ff;border-radius:5px;color:#fff;display:flex;font-size:1.1rem;height:auto;justify-content:space-between;left:10%;position:absolute;top:50%;width:10%}.btn-icon{height:1rem;margin-top:2px;width:1rem}.btn-icon img{height:100%;object-fit:cover;width:100%}.btn-M{top:56%}.btn-M,.btn-R{background-color:#3a04ff;border-radius:5px;color:#fff;display:flex;font-size:1.1rem;height:auto;justify-content:space-between;left:10%;position:absolute;text-align:center;width:10%}.btn-R{top:62%}.button-b-m-r{bottom:15%;display:flex;gap:5px;justify-content:end;position:absolute;right:0}.button-b-m-r img{object-fit:cover;width:14.5%}.test{top:50%}.test,.test-test{position:absolute}.test-test{background-color:#01eb14d3;border-radius:5px;bottom:17%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px;right:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Status-level{color:#fff;display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.Status-lv0{font-size:.8rem}.Status-text-1000km{color:#01eb15;font-size:.6rem}.progressbar-div{width:75%}.X{color:#fff;font-size:1.5rem;font-weight:500;position:absolute;right:10px;top:0}#progress-bar-level{background-color:hsla(0,0%,100%,0);border:2px solid #fff;border-radius:50px;height:80%;overflow:hidden;width:100%}#progress-level{background-color:#f60}#progress-bar,#progress-level{border-radius:50px;height:100%}#progress-bar{background-color:hsla(0,0%,100%,0);border:2px solid #fff;position:relative;width:100%}#progress,#progress-percentage{height:100%;left:0;position:absolute;top:0;width:100%}#progress-percentage{color:#fff;font-size:.8rem;font-weight:500;text-align:center;z-index:2}#progress{background-color:green;border-radius:50px;width:70%;z-index:0}.Player{left:21.5%;position:absolute;top:1px}.Player p{background:#f5f5f5;border-radius:5px;color:#f39c12;font-size:.8rem;padding:3px}section{align-items:center;bottom:2%;display:flex;flex-direction:column;height:11.5%;justify-content:center;left:35%;position:absolute;width:20%}.cricle{height:100%;overflow:hidden;position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.top-semicircle{border-radius:100px 100px 0 0}.bottom-semicircle,.top-semicircle{background-color:#1ed254;height:50%;overflow:hidden;position:relative;width:100%}.bottom-semicircle{border-radius:0 0 100px 100px}.rectangle1{top:100%;-webkit-transform-origin:50% 0;transform-origin:50% 0}.rectangle1,.rectangle2{background-color:red;height:105%;position:absolute;width:105%}.rectangle2{bottom:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.inner{background-color:#000;border-radius:100%;height:90%;left:5%;position:absolute;top:5%;width:90%}.inner img{height:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100%}.time{color:#fff;left:15%;position:absolute;top:8%}.time p{font-size:calc(60% + 1.2vmin);opacity:.5}.container-report{background-color:#fff;position:absolute;top:15%}.report-9{border:1px solid #000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:95%}.Bike-report-9{background-color:#ebe4e4;display:grid;grid-template-columns:2fr 1fr 1fr;margin:2px 0}.Mcar-report,.Rcar-report{margin:2px 0}.adp{bottom:17%;height:7%;left:39%;position:absolute;width:12%}.adp img{height:100%;width:100%}.D-report{background-color:rgba(0,231,255,.67);border-radius:10px;height:60%;overflow-y:scroll;position:absolute;right:5.5%;top:5px;width:85%}.D-report::-webkit-scrollbar{width:5px}.D-report::-webkit-scrollbar-track{background-color:#333}.D-report::-webkit-scrollbar-thumb{background-color:#f1f2f3}.report-title{color:#fff;font-weight:600;text-align:center;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;width:100%}.H-report{display:grid;font-size:calc(60% + 1.2vmin);grid-template-columns:repeat(3,1fr);width:100%}.H-tital-cdp,.H-tital-date,.H-tital-km{color:#001fff;font-weight:600;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}.B-cdp,.B-km,.B-total,.H-tital-cdp,.H-tital-km{text-align:center}.autoRun3{align-items:center;border-radius:50%;bottom:17%;display:flex;height:7%;justify-content:center;position:absolute;right:49%;width:12%}.autoRun3 img{height:100%;position:absolute;width:100%;z-index:0}.autoRun3 video{border-radius:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;width:100%}.swapcdp{bottom:22%;color:#fff;position:absolute;right:18%}.btn-style{-webkit-text-stroke:1px #303030;background-color:#f56d13;border:1px solid orange;border-radius:5px;color:#fff;cursor:pointer;font-size:calc(60% + 1.2vmin);font-weight:700;padding:1px}.btn-style:active{background-color:#0f0}.menuHiddenMember{bottom:40%;height:20%;position:absolute;right:10px;width:36%}.inbest{border-radius:100%;cursor:pointer;height:30%;margin:auto 0;overflow:hidden;position:absolute;right:0;top:0;width:30%}.inbest img{height:100%;object-fit:cover;width:100%}.shop{border-radius:100%;cursor:pointer;height:30%;overflow:hidden;position:absolute;right:0;top:35%;width:30%}.shop img{height:100%;object-fit:cover;width:100%}.kuncha{border-radius:100%;bottom:0;cursor:pointer;height:30%;overflow:hidden;position:absolute;right:0;width:30%}.kuncha img{height:100%;object-fit:cover;width:100%}.nft{border-radius:100%;bottom:-35%;cursor:pointer;height:30%;overflow:hidden;position:absolute;right:0;width:30%}.nft img{object-fit:cover}.back-color,.nft img{height:100%;width:100%}.back-color{background:url(/static/media/yellowbackground.75bdb40fb8fede435523.jpg) no-repeat 50%;background-size:cover;position:relative}.body-center{height:80%;left:20px;margin:auto;position:absolute;right:20px;text-align:center;width:320px}.text-input{background-color:rgba(0,0,0,.1);background-position:10px 10px;background-repeat:no-repeat;border:1px solid #fff;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px 20px 12px 40px;width:100%}.btnlog{background-color:#61c200;border-radius:20px;border-style:solid #fff;padding:5px 20%}.number-btn{background-color:rgba(0,0,0,.1);border-radius:50%;color:#fff;font-size:2em;font-weight:700;height:60px;line-height:60px;margin:3px;text-align:center;width:60px}.null,.top-padding{margin-top:10%}.body-center .flex-lock{display:flex;justify-content:center}.unset{border:1px solid #fff;border-radius:50%}.set,.unset{height:20px;line-height:20px;margin:3px;text-align:center;width:20px}.set{background-color:#61c200;border:1px solid #000;border-radius:50%}.userprofileimg{height:100px;width:100px}.loading{height:100%;position:fixed;top:270px}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}*{box-sizing:border-box;margin:0;padding:0}.container-report{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:auto}.report{border:1px solid #000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;width:80%}.Container-Bike-report{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.header-bike{text-align:end}.Bike-report,.header-bike{display:grid;grid-template-columns:2fr 1fr 1fr}.Bike-report{background-color:#ebe4e4;margin:10px 0}.Bike-report-Name{align-items:center;border:1px solid #000;display:flex}.bike-img{background-color:#00b7ff;border-radius:50%;height:3rem;margin-right:10px;width:3rem}.bike-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.Bike-report-Summary_Km,.Bike-report-Today{align-items:center;border:1px solid #000;display:flex;justify-content:end}.Container-Mcar-report{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Mcar-report{background-color:#ebe4e4;display:grid;grid-template-columns:2fr 1fr 1fr;margin:10px 0}.Mcar-report-Name{align-items:center;border:1px solid #000;display:flex}.Mcar-report-Summary_Km,.Mcar-report-Today{align-items:center;border:1px solid #000;display:flex;justify-content:end}.Container-Rcar-report{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Rcar-report{background-color:#ebe4e4;display:grid;grid-template-columns:2fr 1fr 1fr;margin:10px 0}.Rcar-report-Name{align-items:center;border:1px solid #000;display:flex}.Rcar-report-Summary_Km,.Rcar-report-Today{align-items:center;border:1px solid #000;display:flex;justify-content:end}.demo-app{display:flex;height:100vh;justify-content:center}.body{background:url(/static/media/mainbkg.c3493b21d69e1a33737f.jpg);background-size:cover;height:100%;width:100%}.topnav{align-items:center;display:flex;padding:0,10,0,0;width:100%}.idclass{color:#fff;position:absolute;right:15%}.cdriveLogo{position:absolute;right:2%}.selecMenu{position:absolute;right:1px;top:12px}.bodypoint{background-color:#ff0;height:40%;position:absolute;text-align:center;width:100%}.showpoint{background-color:hsla(0,0%,100%,.6);border-radius:7px;height:250px;justify-content:center;left:20px;margin:auto;position:absolute;right:20px;top:100px;width:320px}.greentext{color:#006108!important}.hrstyle{border:2px solid green;border-radius:5px}.bottomnav,.hrstyle{margin-left:20px;margin-right:20px}.bottomnav{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;height:80px;justify-content:center;justify-self:center;position:fixed;width:90%}.currenclass{display:flex;height:100px;justify-self:start;position:absolute;right:0;top:300px;width:60%}.dashboadmenu{padding:20px;top:420px}.dashboadmenu,.dashboadmenum1{align-items:center;display:flex;height:100px;justify-content:center;justify-self:center;position:absolute;width:100%}.dashboadmenum1{top:380px}.dashboadmenum3{top:490px}.dashboadmenu2,.dashboadmenum3{align-items:center;display:flex;height:100px;justify-content:center;justify-self:center;position:absolute;width:100%}.dashboadmenu2{top:480px}.d-menu{border-radius:50%;margin:5px}.d-menu,.d-menu1{align-items:center;display:flex;justify-content:center;justify-self:center}.d-menu1{background-color:hsla(0,0%,100%,0);height:90px;margin:4px;padding-top:70px;width:70px}.menu-image{height:35px;margin-top:11px;width:35px}.ctbc{bottom:20px;justify-self:center;margin-left:7px;position:absolute}.navbtext{font-size:12px;text-align:center}td{padding-left:5px;padding-right:5px}.historytran{margin-top:10px;padding-left:20px;padding-right:20px}.idticket{background-color:rgba(0,0,0,.3);height:170px;margin-left:20px;margin-right:20px}.userprofileimg{border-radius:50%;height:45px;width:45px}.subdropmenu{padding:5px;text-align:center}.d-menu-background{background-color:hsla(0,0%,100%,.6);border-radius:50%;height:60px;width:60px}
/*# sourceMappingURL=main.f1871104.css.map*/