:root{--theme-color:#000;--theme-color-secondary:#999;--theme-color-primary:#4582FF;--theme-background:#fff;--theme-background-secondary:#fff;--theme-content-background:#fff;--border-radius:8px;--border-radius-sm:12px;--border-radius-lg:15px;--font-size-sm:12px;--font-size-lg:18px;--font-size-xl:20px;--play-btn-bg:#fff;--play-btn-color:#fff;--play-btn-padding-top-bottom:4px;--play-btn-padding-left-right:24px}
body{background-color:var(--theme-background);font-family:Helvetica}
.play-btn{display:inline-block;text-align:center;font-size:var(--font-size-sm);font-weight:500;line-height:17px;color:var(--play-btn-color);border-radius:var(--border-radius-sm);background-color:var(--play-btn-bg);padding:var(--play-btn-padding-top-bottom) var(--play-btn-padding-left-right)}
.play-btn.is-primary{background-color:var(--theme-color-primary)}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-center{text-align:center}
*{-webkit-tap-highlight-color:transparent}
body,html{margin:0;padding:0;width:100%;height:100%}
.globalMain{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;min-height:100vh}
.globalMain:after{position:fixed;left:0;top:0;z-index:-1;width:100vw;height:100vh;content:""}
.divUrl{display:none;overflow:hidden;z-index:4;width:100vw;height:0;font-weight:800;font-size:20px;color:#747474;transition:height .5s}
.mainStyle{display:flex;overflow-x:hidden;flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 125px)}
.clickEnlarge:active{-webkit-tap-highlight-color:transparent;animation:clickEnlarge 0.2s linear}
@keyframes clickEnlarge{0%{transform:scale(1);box-shadow:0 3px 18px 0 rgb(0 0 0 / 16%)}
100%{transform:scale(1.4);box-shadow:0 3px 18px 0 rgb(0 0 0 / 16%)}
}.display-center-center{display:flex;justify-content:center;align-items:center}
.slots-qr-code{position:relative}
.slots-qr-code:hover::before{z-index:11;content:"";width:233px;height:233px;background:#FFFFFF;background-image:var(--slots-qr-code-url);background-repeat:no-repeat;background-size:120px 120px;background-position-x:center;background-position-y:37px;box-shadow:-4px 0px 8px 0px rgba(0,0,0,0.1);border-radius:24px;position:absolute;left:50%;transform:translateX(-50%);font-weight:normal}
.slots-qr-code:hover::after{content:"Scan the QR code download to phone";position:absolute;width:174px;height:50px;font-size:18px;left:50%;transform:translateX(-50%);z-index:13;top:162px;text-align:center;color:#000;font-weight:normal}
.slots-qr-code:active::before,.slots-qr-code:active::after{display:none}




:root{--card-border-radius:15px;--card-box-shadow:0 3px 18px 0 rgb(0 0 0/16%);--card-text-size-lg:18px;--card-text-size-sm:12px;--card-text-color:#000;--card-text-color-secondary:#747474;--card-line-height-lg:26px;--card-line-height-sm:17px}
body{font-family:Helvetica,Poppins,serif}
a{text-decoration:none}
.imgSize{width:94px;height:94px}
.divBorder{position:relative;border-radius:15px;width:100%;height:100%;box-shadow:0 6px 12px 0 rgb(0 0 0/24%)}
.historyIcon,.hotIcon{position:absolute;right:-6px;top:-2px}
.bright{overflow:hidden}
.bright,.bright:after{z-index:1;width:100%;height:100%}
.bright:after{position:absolute;top:0;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 25%,#fff 50%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,0));content:"";-webkit-animation:bright 5.5s infinite;animation:bright 5.5s infinite}
@keyframes bright{0%{transform:translateX(-180%) skewX(45deg)}
to{transform:translateX(420%) skewX(45deg)}
}@-webkit-keyframes bright{0%{transform:translateX(-180%) skewX(45deg)}
to{transform:translateX(420%) skewX(45deg)}
}.imgSpacing{padding:0 7px}
.trembling{animation:trembling 4s linear infinite backwards;-webkit-animation:trembling 4s linear infinite backwards;-moz-animation:trembling 4s linear infinite backwards}
@-webkit-keyframes trembling{26%{transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1)}
28%{transform:rotate(-2deg) scale(1.04);-webkit-transform:rotate(-2deg) scale(1.04)}
32%{transform:rotate(1deg) scale(1.01);-webkit-transform:rotate(1deg) scale(1.01)}
34%{transform:rotate(-2deg) scale(1.02);-webkit-transform:rotate(-2deg) scale(1.02)}
36%{transform:rotate(3deg) scale(1);-webkit-transform:rotate(3deg) scale(1)}
39%{transform:rotate(-1deg) scale(1);-webkit-transform:rotate(-1deg) scale(1)}
44%{transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1)}
}@keyframes trembling{26%{transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1)}
28%{transform:rotate(-2deg) scale(1.04);-webkit-transform:rotate(-2deg) scale(1.04)}
32%{transform:rotate(1deg) scale(1.01);-webkit-transform:rotate(1deg) scale(1.01)}
34%{transform:rotate(-2deg) scale(1.02);-webkit-transform:rotate(-2deg) scale(1.02)}
36%{transform:rotate(3deg) scale(1);-webkit-transform:rotate(3deg) scale(1)}
39%{transform:rotate(-1deg) scale(1);-webkit-transform:rotate(-1deg) scale(1)}
44%{transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1)}
}@-webkit-keyframes move{0%{transform:translateX(var(--card-ul-width-start))}
30%{transform:translateX(var(--card-ul-width-middle1))}
70%{transform:translateX(var(--card-ul-width-middle2))}
to{transform:translateX(var(--card-ul-width-end))}
}@keyframes move{0%{transform:translateX(var(--card-ul-width-start))}
30%{transform:translateX(var(--card-ul-width-middle1))}
70%{transform:translateX(var(--card-ul-width-middle2))}
to{transform:translateX(var(--card-ul-width-end))}
}.cardLayout{display:grid;height:100%;grid-auto-rows:85px;grid-gap:16px;grid-template-columns:repeat(8,85px);margin-top:15px}
.card{position:relative;z-index:2;border-radius:var(--card-border-radius);height:100%;box-shadow:var(--card-box-shadow);grid-row:span 4;grid-column:span 4}
.card-title{color:var(--card-text-color);line-height:var(--card-line-height-lg);font-size:var(--card-text-size-lg);font-weight:bold;margin-bottom:15px}
@media screen and (min-width:879px){.cardLayout{grid-auto-rows:85px;grid-template-columns:repeat(8,85px)}
}@media screen and (min-width:325px) and (max-width:878px){.cardLayout{grid-auto-rows:73px;grid-template-columns:repeat(4,73px)}
}@media screen and (min-width:104px) and (max-width:324px){.cardLayout{grid-auto-rows:66px;grid-template-columns:repeat(4,66px)}
}@media screen and (max-width:844px) and (min-width:560px) and (min-height:300px) and (max-height:440px){.cardLayout[css-index]{grid-auto-rows:50px;grid-template-columns:repeat(8,50px)}
}.globalBtn[css-index]{position:fixed;top:1.5%;width:94px;height:94px;box-shadow:0 0 15px rgba(124,124,126,.68627)}
.globalBtn[css-index],img[css-index]{border-radius:15px}
.indexStyle[css-index]{height:100%}
ins[css-index]{position:relative;z-index:2}
ins.adsbygoogle[data-ad-status=unfilled][css-index]{display:none !important}
.add_button_tohome_close[css-index]{display:flex;position:absolute;right:-11px;top:-18px;justify-content:center;align-items:center;border-radius:20px;width:20px;height:20px;background-color:rgba(0,0,0,.5);box-shadow:0 0 6px rgb(0 0 0/12%);cursor:pointer}

.site-logo{height:24px;width:auto;max-width: 65px;}
.site-logo2{height:36px;width:auto;max-width: 185px;}