/* gr66-base.css — 剝色骨架（自動產生，勿手改）
   來源：style.css, member.css, marquee.css, fixmenu.css
   版面宣告一條不動，只把顏色類拿掉，讓 gr66-brand.css 的 token 接手上色。 */

/* ---- from style.css ---- */

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{color:inherit;margin:0;padding:0;min-height:100%;height:100%}
main{margin-top:15px;width:100%;min-height:480px;background:url(../images/bg_200.png.webp)}
a{text-decoration:none;color:inherit;cursor:pointer}
a:hover{color:inherit;text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family:"Noto Sans TC", sans-serif;font-weight:600}
h2 span.en-title{color:inherit;font-size:50%;font-weight:normal}
.text-right{text-align:right}
.small, small{font-size:50%}
.button, a#submitBtn2{color:inherit !important;text-transform:uppercase;padding:6px 20px;border:2px solid var(--g-line);min-width:100px}
.button:hover, a#submitBtn2:hover{color:inherit}
@media screen and (max-width: 768px){h2 span.min-title{display:none}}
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;width:40px;height:40px;border-radius:4px;transition:all 0.4s}
.back-to-top i{font-size:28px;color:inherit;line-height:0}
.back-to-top:hover{color:inherit}
.back-to-top.active{visibility:visible;opacity:1}
@media screen and (max-width: 768px){.back-to-top{bottom:100px}}
@media screen and (max-width: 768px){[data-aos-delay]{transition-delay:.4s !important}}
#header{height:85px;transition:all 0.5s;z-index:997;transition:all 0.5s}
#header .logo a span{font-size:28px;margin-left:12px;line-height:1;letter-spacing:2px;text-transform:uppercase;color:inherit;font-family:"cwTeXYen", sans-serif}
#header .logo{text-align:center}
#header .logo img{padding:0;max-height:65px}
.heard-top{padding:0.5rem}
.heard-top h2{font-weight:900;padding:8px;text-align:center;color:inherit}
.scrolled-offset{margin-top:90px}
@media (max-width: 1410px){#header .logo a span{font-size:24px}}
@media (max-width: 1199px){#header{height:70px}#header .logo img{margin:auto;padding-top:6px}#header .logo{flex:none}}
@media (max-width: 767px){main{margin-top:0px;padding-bottom:70px}#header{height:70px}#header .logo img{max-height:60px;padding:6px}.scrolled-offset{margin-top:0px}}
.navbar-bg{padding:0;color:inherit;display:flex;align-items:center;height:85px}
.navbar{padding:0;margin:auto}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar li{position:relative}
.navbar a, .navbar a:focus{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;color:inherit;text-transform:uppercase;white-space:nowrap;transition:0.3s;height:85px}
.navbar a i, .navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a{color:inherit}
.navbar a span{color:inherit;font-size:12px;display:none}
.btn-login span, .btn-register span{font-size:.8em !important;color:inherit;display:none !important}
.btn-login{color:inherit !important;padding:6px 20px;border-right:0;width:100px;height:85px;display:flex !important;align-items:center !important;justify-content:center !important}
.btn-register{color:inherit !important;padding:6px 20px;width:100px;height:85px;display:flex !important;align-items:center !important;justify-content:center !important}
.btn-login:hover{color:inherit !important;transform:scale(1.025)}
.btn-register:hover{color:inherit !important;transform:scale(1.025)}
.btn-icon{max-width:40px;max-height:40px;padding:4px}
.u-login{padding:6px 12px;width:230px;height:85px;font-size:14px;display:flex;flex-direction:row;align-items:center}
.u-login .u-info{padding:0 6px;display:flex;flex-direction:column}
.uuid, .uucash{width:128px;margin:2px 0px;display:flex;overflow:hidden}
.u-login .link{display:flex;flex-direction:column;align-items:center;justify-content:center}
.u-login .btn-tsfr, .u-login .btn-dpst,
.u-login .btn-tsfr:hover, .u-login .btn-dpst:hover, 
.u-login .btn-tsfr:focus, .u-login .btn-dpst:focus{font-size:14px !important;height:32px !important;width:100% !important;display:flex !important;flex-direction:row !important;border-radius:24px;margin:2px}
@media (max-width: 1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover > ul{left:-100%}}
@media (max-width: 990px){.btn-login, .btn-register{width:200px;font-size:2rem !important;display:flex !important;flex-direction:row !important;align-content:center !important;justify-content:center !important;align-items:center !important}.btn-sm{width:80px;height:30px;padding:6px 10px;font-size:14px !important;border-radius:20px;margin:0}.btn-login{border-radius:20px 0 0 20px}.btn-register{border-radius:0 20px 20px 0}.btn-icon{max-width:30px;max-height:28px;padding:2px 5px}}
.mobile-nav-toggle{color:inherit;font-size:2rem;font-weight:900;cursor:pointer;display:none;line-height:0;transition:0.5s;padding:20px;margin:-12px}
.mobile-nav-toggle.bi-x{color:inherit}
@media (max-width: 991px){.navbar{padding:12px 0;margin:0}.navbar-bg{padding:0 !important;height:70px}.mobile-nav-toggle{display:block}.navbar ul{display:none}.navbar a, .navbar a:focus{display:flex;flex-direction:row;justify-content:center}.navbar a span{margin-left:.8rem}}
.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;transition:0.3s;z-index:999}
.navbar-mobile::before{content:"";width:100%;height:100%;opacity:0.6;margin-top:-25px}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}
.navbar-mobile ul{display:flex;flex-direction:column;justify-content:center;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;overflow-y:auto;transition:0.3s}
.navbar-mobile a{padding:10px 20px;font-size:1.5rem;font-weight:normal;font-family:"Bebas Neue";color:inherit}
.navbar-mobile a:after{content:"";position:absolute;bottom:0;width:20px;height:1px;opacity:.4}
header nav.mainNav .border-link:after{width:20px;height:1px;opacity:0.4;left:50%;top:-14px;margin-left:-10px}
.navbar-mobile .getstarted{margin:15px}
.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible}
.navbar-mobile .dropdown ul li{min-width:200px}
.navbar-mobile .dropdown ul a{padding:10px 20px}
.navbar-mobile .dropdown ul a i{font-size:12px}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a{color:inherit}
.navbar-mobile .dropdown > .dropdown-active{display:block}
section{overflow:hidden}
.section-title{text-align:center;padding-bottom:40px}
.section-title h2{font-size:40px;font-weight:600;text-transform:uppercase;margin-bottom:15px;padding-bottom:0;line-height:33px}
.section-title h2 small{color:inherit}
.section-title p{margin-bottom:0;color:inherit}
@media (max-width: 768px){.section-title{padding-bottom:20px}}
.testimonials{padding:0}
.testimonials .swiper-container{overflow:hidden}
.testimonials .testimonial-title{position:absolute;left:25%;top:25%;transform:rotate(-4deg);-webkit-filter:drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));filter:drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));display:none}
.testimonials .testimonial-item .testimonial-img{width:100%;margin:0 auto}
.testimonials .testimonial-item h3{font-size:7rem;font-weight:bold;margin:10px 0 5px 0;color:inherit;background-image:linear-gradient(180deg,#ffffff 20%,#f3efb3 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic}
.testimonials .testimonial-item h4{font-size:4rem;color:inherit;margin:0 0 15px 0;background-image:linear-gradient(180deg,#ffffff 20%,#f3efb3 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;font-weight:600}
.testimonials .swiper-pagination{margin-top:0;position:absolute;bottom:5%}
.testimonials .swiper-pagination .swiper-pagination-bullet{background:hwb(0deg 100% 0% / 70%);width:12px;height:12px;opacity:1}
.testimonials .swiper-pagination .swiper-pagination-bullet-active{background:hwb(0deg 100% 0% / 100%)}
.testimonials-section{backface-visibility:hidden;transform:translate3d(0,0,0)}
@media (max-width: 768px){.testimonials .testimonial-item .testimonial-img{overflow:hidden}.testimonials .testimonial-item{border-radius:25px;overflow:hidden;margin:5px 0px}.testimonials .testimonial-item p{width:80%}.testimonials .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}}
.testimonials-game{padding:0;margin-bottom:16px}
.testimonials-game .container-fluid{padding:0}
.testimonials-game img{width:100%}
.GameNav{padding:12px;width:100%}
.GameNav .nav{max-width:80%;margin:auto;border-radius:60px;overflow:hidden;justify-content:center}
.GameNav li.nav-item{text-align:center;display:contents}
.GameNav .color .img{width:105px;overflow:hidden;margin:auto;margin-bottom:6px;margin-top:10px}
.GameNav picture{display:block;margin:10px auto 2px auto}
.GameNav img{max-width:100%;height:60px}
.nav-pills .nav-link{border-radius:0;color:inherit;padding:20px 0px 0px 0px}
.GameNav .nav-link{color:inherit;padding:0;padding-bottom:6px;text-align:center}
.GameNav .nav-link.color.active{color:inherit;font-weight:600;display:block;filter:none;border-bottom:4px solid var(--g-line)}
@media (max-width: 1024px){.GameNav .color .img{width:77px;height:50px}}
@media (max-width: 660px){.game-tab-content{min-height:60vh;width:80%;float:right;padding-top:12px}.GameNav{width:20%;float:left;padding:0}.GameNav .container{padding-right:0}.GameNav .nav{max-width:100%;border-radius:0}.GameNav .color .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;overflow:auto;margin:auto}.GameNav picture, .GameNav img{max-width:28px;height:auto;max-height:100%}.GameNav .nav-link{font-size:.8em;color:inherit;width:70px;height:70px;border-radius:6px;padding:3px;border:1px solid var(--g-line);border-bottom:4px solid var(--g-line);margin-bottom:6px;filter:grayscale(20%) brightness(100%);-webkit-filter:grayscale(20%) brightness(100%);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px}.GameNav .nav-link.color.active{filter:grayscale(0%) brightness(110%);-webkit-filter:grayscale(0%) brightness(110%);display:flex;align-items:center}.GameNav li.nav-item span{display:none}}
@media (max-width: 414px){.GameNav{width:100%;float:none;padding:0}.game-tab-content{width:100%}.GameNav .nav-link{flex-direction:column !important}.GameNav .nav{min-width:100%;max-width:none;border-radius:0;overflow-x:auto;display:flex;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:12px;padding:12px 16px;flex-direction:row;flex-wrap:nowrap;scroll-snap-type:x mandatory;justify-content:flex-start}.GameNav li.nav-item{text-align:center;display:inline-block;scroll-snap-align:start}}
.notrans{display:none;position:absolute;right:14px;z-index:10;width:50px;height:50px}
.notrans_bg{background:url(/action/assets/www/images/game/notrns_bg.png.webp) no-repeat !important;background-size:50px !important;background-position:right top !important}
@media screen and (max-width: 1024px){.action-game-100 .notrans{display:block !important;margin:0px 0px 64px 0px}.action-game-50 .notrans{display:block !important;margin:-3px 0px 64px 0px !important}}
section.Wbody{padding-top:20px;font-size:14px}
.Wbody_box{width:calc(80% - 1.75rem);max-width:100%;border:none;border-radius:.5rem;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:row;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 30px;margin:auto}
.Wbody_box img{width:24px;height:24px}
.Wbody_box .userwallet{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.u-cone, .u-conWbtn{display:flex;flex-direction:row;justify-content:flex-start}
.u-cone{width:80%}
.u-conWbtn{width:20%}
.usname{width:100%;font-weight:bold;padding:6px 0}
.Wbtn{width:50% !important;display:flex;width:80px;height:32px;border-radius:10px;border:solid var(--g-line);padding:4px;text-align:center;font-size:.8em;color:inherit !important;align-items:center;justify-content:center;margin:2px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.btn-dpst{border:solid var(--g-line);margin-top:-4px;height:38px}
.btn-tsfr{border:1px solid var(--g-line);margin-top:-4px;height:38px}
.Wbtn img{width:20px;height:20px;margin-right:4px}
.Wbtn.btn-luckycash{width:100% !important;border:1px solid var(--g-line)}
.Wbody_box{width:calc(100% - 1.75rem);max-width:100%;border:none;border-radius:.5rem;padding:.375rem .625rem .5rem;margin:0 .875rem .5rem}
section.Wbody{padding-top:10px}
.u-cone, .u-conWbtn{width:50%}
.index-about{background:url(../images/home/about_bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:inherit;letter-spacing:1px;line-height:2;height:70vh;display:flex;flex-direction:column;justify-content:flex-end}
.index-about .section-title h2{font-size:6em;text-align:left;font-weight:900;color:inherit}
.index-about .btn-more{margin-top:40px;width:100%;height:60px;border-radius:40px;display:flex;justify-content:center;align-items:center;color:inherit;font-weight:600;transition:0.3s}
@media (max-width: 991px){.index-about{height:43vh;display:flex;align-content:flex-end;align-items:center;padding:0 20px}.index-about .section-title h2{font-size:3em}}
@media (max-width: 450px){.index-about{height:90vh;justify-content:center}.index-about .section-title h2{text-align:center}}
.index-service{padding:120px 20px}
.index-service .container{max-width:1216px}
.index-service .section-title{font-size:1.2em}
.index-service .section-title span{color:inherit;font-size:medium}
.index-service .section-title h2 small{color:inherit}
.index-service .serv{padding:10px 10px;background-size:contain;height:450px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:inherit}
.index-service .serv.serv-1{background-image:url(../images/home/a1.png.webp)}
.index-service .serv.serv-2{background-image:url(../images/home/a4.png.webp)}
.index-service .serv.serv-3{background-image:url(../images/home/a3.png.webp)}
.index-service .serv.serv-4{background-image:url(../images/home/a2.png.webp)}
.blur-bg{backdrop-filter:blur(2px);border-radius:20px;width:100%;height:450px;padding:20px;display:flex;flex-direction:column;justify-content:center}
.index-service .section-title h2{color:inherit}
.index-service .serv h4{color:inherit;font-weight:600}
.index-service .serv .section-title span{color:inherit !important}
.index-service .leading-loose{height:35%}
@media (max-width: 991px){.index-service .serv{height:330px;margin-bottom:20px}.blur-bg{height:330px}}
section.dm{padding:120px 0}
.dm-qrbox{display:flex;flex-direction:row;justify-content:center;margin:60px auto}
.dm-qr img{border-radius:20px}
.dm-qr{width:40%;overflow:hidden}
img.qr-app{width:200px}
.qr-applink{margin-top:10px;width:200px}
.featured{padding:80px 0}
.carousel-cell{width:28%;margin-right:10px;border-radius:5px;counter-increment:carousel-cell}
.carousel-cell{width:22%;height:480px;border:1px solid var(--g-line);padding:20px 20px;margin-right:10px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;counter-increment:carousel-cell}
.carousel-cell.is-selected{border:1px solid var(--g-line)}
.carousel-cell img{display:block;margin:auto;max-width:100%;max-height:200px}
.carousel-cell:hover img{transform:translate3d(0px, -4px, 14px) rotate(0deg) scale(1.1, 1.1);transition-duration:2s;transition-property:transform;transition-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1)}
.carousel-cell .leading-loose{padding:20px 0;font-size:1em;color:inherit;height:40%;overflow:scroll}
.carousel-cell .game-info{display:flex !important;justify-content:center}
.carousel-cell .game-info div{width:33.33%;color:inherit}
.carousel-cell .game-info div span{color:inherit;font-weight:bold}
.carousel-cell .game-info hr{display:block;height:32px;border-right:1px solid var(--g-line)}
.gamemore{text-align:center;padding:50px 0;display:flex;justify-content:center}
.btn-gamemore{display:block;width:400px;padding:14px;color:inherit;border:2px solid var(--g-line);border-radius:10px;text-align:center;transition:all .4s}
.btn-gamemore:hover{color:inherit;border:2px solid var(--g-line)}
@media (max-width: 768px){.carousel-cell{width:75%;height:500px}}
@media (max-width: 450px){.carousel-cell{width:75%;height:450px}}
.hotGame .nav-pills .nav-link.active, .hotGame .nav-pills .show>.nav-link{color:inherit;border-bottom:4px solid var(--g-line);padding:5px 0}
.hotGame .nav-pills .nav-link{color:inherit;border-bottom:4px solid var(--g-line);padding:5px 0}
.hotGame .nav{justify-content:space-around;border-bottom:solid 1px var(--g-line);margin-bottom:10px}
.hotG-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.h-link{width:15%}
.h-link-twice{display:flex;width:30%}
.h-image{aspect-ratio:1 / 1;margin:4px;background:url(../images/game/banner_planet2.png.webp);background-position:center;border:2px solid var(--g-line);border-radius:20px;overflow:hidden;display:flex}
.h-image img{aspect-ratio:1 / 1;max-width:100%}
@media (max-width: 960px){.tab-content .container{max-width:430px}.h-link{width:33.33%}.h-link-50{width:66.66%}.h-link-twice{display:flex;flex-direction:column}}
@media (max-width: 660px){.hotGame .tab-content{min-height:60vh;width:100%;float:inherit;padding-top:12px}.hotGame .nav{margin-bottom:5px}}
.slotGames{padding-top:20px;padding-bottom:60px}
.brandtxt{position:absolute;color:inherit;padding:0px 10px;font-size:12px;border-radius:20px 0 6px 0px;margin:4px}
@media (max-width: 768px){.slotGames{padding-top:0px;padding-bottom:60px}.brandtxt{position:absolute;padding:0px 10px;font-size:12px;border-radius:20px 0 6px 0px;margin:4px}}
.game-tab-content .BrandGame{padding-bottom:0}
.game-tab-content .BrandGame .container{display:flex}
.game-tab-content .BrandGame .section-title h2{font-size:6em;font-weight:900;line-height:1em;text-align:left;margin-bottom:4px;color:inherit}
.game-tab-content .BrandGame .md_games{display:flex;flex-direction:column;justify-content:space-between;padding:10% 5%;text-align:left}
.game-tab-content .BrandGame .md_img{width:50%;align-content:flex-end}
.BrandGame .games{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:row;align-content:center}
.BrandGame .games .gamesBox{height:200px}
.BrandGame .BrandName{text-align:center;color:inherit;font-size:16px;font-weight:600;font-style:italic;position:relative;bottom:41px}
.BrandGame .gamesBox--button{width:max-content;margin:auto;border-radius:20px;border:0px solid var(--g-line);padding:0px 10px;font-size:small;font-weight:400}
.gamesBox--button.gamesBox--button-none{opacity:0}
.BrandGame .gamesBox--button span{display:none}
.BrandGame .games .gamesBox--logo{background-size:cover;padding:10px;margin:6px;display:flex;align-items:center;align-content:center;justify-content:center;width:120px;height:140px;clip-path:polygon(
      50% 0%,     
      100% 25%,   
      100% 75%,   
      50% 100%,   
      0% 75%,     
      0% 25%      
    );transition:all 0.3s ease}
.BrandGame .action-game a{text-align:center}
.BrandGame .games .gamesBox--logo img{max-height:65px;max-width:80px}
@media (max-width: 1399px){.game-tab-content .BrandGame .md_games{padding:60px 0}}
@media (max-width: 991px){.game-tab-content .BrandGame{padding-bottom:40px}.game-tab-content .BrandGame .container{max-width:430px}.action-game{border:solid 1px var(--g-line);margin:1%;height:130px !important;overflow:hidden}.action-game.action-game-100{width:100% !important}.action-game.action-game-100 a{display:flex;align-items:center;justify-content:space-around;height:100%}.action-game.action-game-50{width:48% !important;display:-webkit-flex}.action-game.action-game-100 .BrandName{text-align:center;font-size:16px;font-weight:600;width:40%;padding:0px 20px;display:flex;flex-direction:column;align-items:center;bottom:14px}.action-game.action-game-50 .BrandName{position:relative;z-index:1;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;left:50%;bottom:145%}.action-game.action-game-100 .gamesBox--button{margin:6px;position:static;display:flex;justify-content:center}.gamesBox--logo{width:120px;height:auto;position:absolute;z-index:1;clip-path:none !important}.BrandGame .games .gamesBox--image{padding:0;margin:0;width:50%;height:100%;clip-path:none;overflow:hidden;position:relative;left:10px;z-index:2;bottom:0px}.BrandGame .games .gamesBox--image img{max-height:initial;max-width:100%}.game-tab-content .BrandGame .md_games{padding:0}.action-game-100{width:100%}.action-game-50{width:50%}.action-game .full-link{width:100%;height:100%;z-index:1}.BrandName{position:relative}.BrandGame .gamesBox--button{margin:6px;position:static}.BrandGame .gamesBox--button span{display:block}.action-game{height:108px !important}.action-game.action-game-100 .gamesBox--image{width:50% !important;height:auto !important;bottom:-26px !important;left:-14px}.action-game.action-game-50 .gamesBox--image{width:72% !important;height:auto !important;bottom:-11px !important;left:-7px}.BrandGame .gamesBox--button{position:static;font-size:12px;text-align:center}.action-game.action-game-50 .gamesBox--logo img{max-height:50px;max-width:55px;position:absolute;left:110px;padding:6px}.action-game.action-game-50 .gamesBox--button{position:static;width:70px;padding:0px}.BrandGame.Sport .action-game.action-game-100 .gamesBox--image{width:45% !important;height:100% !important;bottom:0px !important;left:-8px;overflow:initial !important}.BrandGame.Sport .action-game.action-game-100 a{align-items:center}.BrandGame.Sport .BrandGame .games .gamesBox--image img{max-height:initial;max-width:80%}}
@media (max-width: 450px){.action-game.action-game-50 .gamesBox--logo img{max-width:50px !important;max-height:48px;position:absolute;left:15px}.action-game.action-game-50 .gamesBox--logo{width:auto;height:auto;right:-75px;bottom:-65px;position:relative;z-index:0}.action-game.action-game-100 .gamesBox--image{width:44% !important;height:auto !important;bottom:-15px !important}.action-game.action-game-50 .gamesBox--image{width:70% !important;height:auto !important;left:-8px;bottom:27px !important}.action-game.action-game-50 .BrandName{right:0%;bottom:125%;justify-content:flex-start !important}.action-game-50 .game-name{font-size:14px}.action-game.action-game-50 .gamesBox--button{width:fit-content;font-size:10px}}
@media (max-width: 414px){.action-game.action-game-50 .BrandName{bottom:140%}.action-game.action-game-50 .gamesBox--logo{right:-88px}}
.btn{position:relative;display:inline-block;font-size:.875rem;line-height:1.25;min-width:180px;border-radius:6.25rem;text-align:center;padding:0.75rem 1.875rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.btn--white{color:inherit;border:4px solid var(--g-line);margin-top:12px}
.btn--white:hover{color:inherit}
.btn--secondary{color:inherit}
.btn--secondary:hover{color:inherit}
@media (min-width: 48em){.btn{padding:0.75rem 2.5rem;font-size:1rem;letter-spacing:2px}}
@media (max-width: 768px){.btn{border-width:2px;margin-top:12px;max-width:80%}}
@media (max-width: 425px){.btn{min-width:180px}}
section#faq{padding:60px 20px}
.faq .container{max-width:960px}
.faq .faq-list{padding:0;list-style:none;color:inherit}
.faq .faq-list li{padding:10px;border:4px solid var(--g-line);border-radius:20px;overflow:hidden;margin-bottom:20px}
.faq .faq-list a{display:contents;position:relative;font-size:18px;line-height:24px;font-weight:400;padding-right:25px;cursor:pointer;color:inherit}
.faq .faq-list .btn{display:initial;padding:6px 24px;color:inherit;font-size:.8em}
.faq .faq-list img{position:relative;border-radius:20px}
.faq .faq-list i{font-size:24px;position:absolute;right:4px;top:4px;color:inherit;padding:6px;border-radius:12px}
.faq .faq-list p{margin-bottom:0;padding:1rem 3rem}
.faq .faq-list .icon-show{display:none}
.faq .faq-list a.collapsed{color:inherit}
.faq .faq-list a.collapsed:hover{color:inherit}
.faq .faq-list a.collapsed .icon-show{display:inline-block}
.faq .faq-list a.collapsed .icon-close{display:none}
@media (max-width: 768px){section#faq{padding:40px 0}.faq .faq-list p{font-size:.8em;padding:1rem 1rem}}
.breadcrumbs{padding:40px 0}
.breadcrumbs h2{font-size:26px;font-weight:300}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:1rem}
.breadcrumbs ol li + li{padding-left:10px}
.breadcrumbs ol li + li::before{display:inline-block;padding-right:10px;color:inherit;content:"/"}
@media (max-width: 768px){.breadcrumbs .d-flex{display:block !important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}
#footer{background:url("../images/footer-bg.png.webp")  repeat;color:inherit;font-size:1em;position:relative}
#footer ul{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-left:0}
#footer ul li{list-style:none;margin:4px 2px;padding:0}
#footer a{color:inherit;font-size:1em}
#footer .footer-top{position:relative;z-index:2;text-align:center;padding:80px 20px}
#footer .footer-top .footer-logo img{height:120px;margin-bottom:24px}
#footer .footer-top h5{font-size:16px;font-weight:700;color:inherit;position:relative;font-family:"Poppins", sans-serif;margin-bottom:0;text-align:left}
#footer .footer-top p{font-size:1em;line-height:1.8;padding:0;text-align:left}
.ft-about{margin-bottom:20px}
#footer .footer-top .social-links{margin-top:30px;display:flex}
#footer .footer-top .social-links a{font-size:18px;display:inline-block;color:inherit;line-height:1;padding:8px 0;margin-right:8px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s}
#footer .footer-top .social-links a:hover{color:inherit;text-decoration:none}
#footer .footer-top .social-links img{width:24px;height:auto;margin:auto}
#footer .footer-bottom{border-top:1px solid var(--g-line);z-index:2;position:relative;padding-top:40px;padding-bottom:40px}
#footer .copyright{text-align:center}
#footer .credits{text-align:center;font-size:13px;padding-top:5px}
.brand-logo{border-bottom:1px solid var(--g-line)}
.brand-logo .container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;opacity:0.6}
.brand-logo{padding:20px;margin:auto}
.brand-logo img{max-width:70px;max-height:50px;margin:13px 10px}
@media (max-width: 768px){#footer{font-size:14px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}#footer .footer-top p{font-size:14px}#footer ul{display:flex;flex-direction:row;flex-wrap:wrap}#footer ul li{padding:4px}.brand-logo img{max-width:50px;max-height:40px}}
.modal{top:10%}
.modal-header{color:inherit;font-weight:900;border-bottom:0}
.modal-header .close{color:inherit;font-size:2rem;padding:1rem 1rem;margin:-1rem -0.2rem -1rem auto;padding:0;border:0}
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;opacity:1}
.modal-footer{border:0}
h4.modal-title{color:inherit}
.modal-content{color:inherit;border:1px solid var(--g-line);border-radius:16px;overflow:hidden}
.modal-body{max-height:50vh;overflow-y:scroll}
.login_form .form-control{font-size:18px;color:inherit;border-radius:0;border:0;border-bottom:1px solid;background:0 0}
.login_form label{margin:10px 6px;font-size:16px;font-weight:600;letter-spacing:2px}
.login_form .button-red{color:inherit;letter-spacing:2px;font-weight:400 !important;margin:0 -15px;border-radius:40px;border:solid 1px var(--g-line)}
.login_form .button-red:hover{transition:all 0.4s}
#notice .nav-tabs{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--g-line)}
#notice .tab-content li{margin-bottom:12px;border-bottom:1px dotted var(--g-line)}
#notice .nav-link{display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:.8em;color:inherit}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border:0 !important;border-bottom:4px solid var(--g-line) !important}
#notice .nav-link.active{border:0;border-bottom:4px solid var(--g-line) !important}
#notice .nav-link img{max-height:30px}
#notice .tab-content .date{font-size:.8em;color:inherit}
section#register{min-height:80vh;padding:60px 40px 120px 40px}
.ft-navbar{padding:8px 0 24px 0}
.ft-navbar ul{margin:auto;height:40px;color:inherit}
.ft-navbar ul li{list-style:none;padding:6px 0px;text-align:center;min-width:46px}
.ft-link-home{position:relative;bottom:17px;width:120px;height:54px;z-index:10;text-align:center}
.ft-link-home .home{text-align:center;margin:18px 0}
.ft-link-home .home img{margin:-8px 0px;max-width:100%}
.ft-link-home .home div{font-size:.6em;line-height:2.4;width:50px;margin:-26px 14px}
a.ft-link{line-height:0;font-size:.8em;color:inherit;font-family:"Noto Sans TC", sans-serif}
.ft-link img{margin-bottom:10px;width:24px;height:24px}
a.ft-link div{margin:4px auto;text-align:center}
.overlay{height:100%;width:0%;position:fixed;z-index:1029;top:0;left:0;overflow-x:hidden;transition:0.5s}
.overlay-content{top:0;position:relative;width:70%;height:100%;padding:100px 12%;text-align:left;opacity:0;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s}
.overlay a{font-family:"Noto Sans TC", sans-serif;text-decoration:none;transition:0.3s;width:100%;height:50px;border-radius:10px;padding:12px 25px;text-align:center;color:inherit !important;display:flex;align-items:center;margin-bottom:12px}
.overlay a:hover, .overlay a:focus{color:inherit}
a.overlay-btn img{width:25px;height:25px;color:inherit;margin-right:10px}
.overlay a.overlay-btn{border:1px solid var(--g-line)}
a.mobNav_home{margin-bottom:12px}
a.mobNav_home img{max-width:100%}
@media screen and (max-height: 450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}
.login-else, .register_else{display:flex;flex-direction:column;align-items:center}
.login-else h4, .register h4{color:inherit;font-weight:600;font-size:24px;margin-bottom:12px}
.login-else .hr ,.register_else .hr{width:100%;height:1px;margin:16px 0}
.register_else .hr{margin:40px 0}
.else-btn{display:flex;width:275px !important;height:50px;border-radius:40px;padding:6px 20px;margin:5px 0;align-items:center;justify-content:space-between}
.else-btn.google{padding:0}
.google div{color:inherit;width:272px !important;height:47px;border-radius:40px;padding:6px 20px;margin:auto;text-align:center;display:flex;justify-content:space-between;align-items:center}
.else-btn.line{color:inherit;border:2px solid var(--g-line)}
.else-btn span{width:80%;text-align:left;letter-spacing:1px;font-weight:600;font-size:14px;border-left:1px solid;padding-left:16px}
.else-btn img{max-width:40px;padding:5px}
.auth-btn{cursor:pointer}
.authModal{display:none;position:fixed;z-index:1040;left:0;top:0;width:100%;height:100%}
.authModal .modal-box{position:absolute;transform:translateX(-50%);width:100%;max-width:600px;padding:0px 0px 16px 0px;animation:slideUp 0.4s ease;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
@media (min-width: 768px){.modal-box{top:10%;left:50%;transform:translate(-50%, -50%);animation:fadeInUp 0.3s ease}}
@media (max-width: 767px){.modal-box{bottom:0;left:50%;transform:translateX(-50%);border-radius:20px 20px 0 0;animation:slideUp 0.4s ease}}
@keyframes slideUp {
  from {
    transform: translateX(-50%) translateY(100%);
  }
  to {
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    transform: translate(-50%, 60%);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    background: rgba(0, 0, 0, 0);
  }
  to {
    background: rgba(0, 0, 0, 0.6);
  }
}
.authModal .close_m{position:absolute;right:10px;top:-51px;font-size:2em;line-height:1.1;border-radius:100%;width:40px;height:40px;text-align:center;cursor:pointer}
.authModal .tab-header{display:flex;justify-content:space-around;margin-bottom:15px}
.authModal .tab-btn{flex:1;padding:10px;border:none;color:inherit;cursor:pointer}
.authModal .tab-btn.active{color:inherit;font-weight:bold}
.authModal .tab-content{padding:20px;text-align:center}
.authModal .tab-content input ,.authModal .tab-content select{width:100%;padding:10px;margin:10px 0;border:1px solid var(--g-line);border-radius:5px;color:inherit}
.authModal .login, .authModal .register,
.authModal .transfer, .authModal .history{width:100%;padding:20px;color:inherit;border:none;border-radius:30px;font-weight:bold;margin-top:20px;cursor:pointer}
.authModal h5{color:inherit;font-weight:400}
.authModal .login-else-box{margin-top:13px;border-top:1px solid var(--g-line);padding:5px 0px}
.login-else-box .log-img img{width:50px;margin-right:4px}
#authModalTransfer .modal-box .content{padding:40px 30px 85px 30px;text-align:center}
#transferFrom, #transferTo, #transferAmount{width:100%;border:0;border-radius:5px;color:inherit}
#transferAmount{width:70%}
.transfer-group, #transferFrom{width:100%}
.transfer-group-box{display:flex}
#authModalTransfer .transfer-group.Amount, #transferFrom, #transferTo{padding:10px 6px;margin:10px 0;border:1px solid var(--g-line);border-radius:5px;color:inherit;margin:2px}
#authModalTransfer .transfer-group label{width:100%;padding:0 10px}
#authModalTransfer .transfer-group option{position:relative}
.transfer-group.Amount{width:100% !important}
#authModalTransfer button{width:49%;padding:9px 10px;margin:1px;color:inherit;border:none;border-radius:30px;font-weight:bold;margin-top:20px;cursor:pointer;font-weight:normal}
.transfer-actions{width:100%;display:flex}
#authModalTransfer button.transfer-all{width:28%;margin-top:0px;padding:6px;font-size:.9em}
#authModalTransfer .transferToIcon{color:inherit;font-weight:600;font-size:2em;text-align:center;display:flex;align-items:center;justify-content:center;margin:18px 4px 12px 4px}
.transfer-actions .btn-confirm{border:1px solid var(--g-line) !important;color:inherit !important}

/* ---- from member.css ---- */

section.member{padding:40px 0 40px 0;color:inherit}
section.member .container{display:flex;justify-content:space-between}
.member a{color:inherit}
.member .memberMenu a{width:100%;text-decoration:none;color:inherit;cursor:pointer;font-family:"cwTeXYen", sans-serif}
.member a:hover{color:inherit;text-decoration:none}
.member h1, .member h2, .member h3, .member h4, .member h5, .member h6{font-family:"微軟正黑體", sans-serif;color:inherit;font-weight:bold}
.member .btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0.375rem 0.75rem;font-size:1rem;border-radius:0.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.border-b-1{border-bottom:1px solid var(--g-line)}
.member-page .w-100{width:60% !important}
.member-modal{top:10%}
.member-modal .modal-header{color:inherit;font-weight:900;border-bottom:0}
.member-modal .modal-header .close{color:inherit}
.member-modal .modal-content{border:1px solid var(--g-line)}
.member-modal .modal-body{text-align:center}
.member-modal h4{color:inherit !important}
.member-modal .form-group{display:inline-flex;margin-bottom:12px}
.member-modal .form-control, .member-modal .input-group-text, .member-modal .form-control:focus{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:inherit;border:0;border-bottom:1px solid var(--g-line);border-radius:0}
.member-modal label{display:inline-block;width:160px;margin-right:0;color:inherit;line-height:1;padding:5px 10px;text-align:left}
.member .member-menu_web{width:20%;min-height:calc(100vh - 128px);max-height:880px;border-radius:20px;border:1px solid var(--g-line)}
.member .memberMenu{display:flex;flex-direction:column;margin-bottom:20px;padding:20px 20px;text-align:center}
.member .memberMenu ul{padding-left:0rem;margin-bottom:0}
.member .memberMenu li{list-style:none;padding:10px 10px}
.member .memberMenu .menu-link li:hover,
.member .memberMenu .menu-link li a:hover{color:inherit}
.member .memberMenu .user-lv{padding:10px}
.member .memberMenu .user-lv img{max-width:120px}
.memberMenu p.user-text{margin-bottom:0;color:inherit;padding:3px 8px;border-radius:20px;margin-top:10px;font-size:14px;font-weight:600}
.member .memberMenu span.user-text{font-size:12px;color:inherit}
.member .memberMenu .menu-link a{display:flex;justify-content:center}
.member .memberMenu .menu-link img{margin-right:6px}
.member .memberMenu .icon-link li{font-size:16px;width:31.33%;padding:6px;display:inline-flex;align-items:center;border-radius:22px;border:1px solid var(--g-line)}
.member .memberMenu .menu-link li .link-l{width:100%;text-align:left}
.menu-link .info{width:100%;color:inherit;text-align:right}
@media only screen and (max-width: 960px){.member .member-menu_web{width:28%;min-height:calc(80vh - 128px);border:0}}
@media only screen and (max-width: 767px){section.member{padding:16px 0}.member .member-menu_web{width:100%;min-height:calc(96vh - 128px);border:0}.member .memberMenu a{font-size:14px}.member .memberMenu li{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.member .memberMenu .menu-link li{border-bottom:1px dotted var(--g-line);margin:10px 0}.member .memberMenu .menu-link a{display:flex;justify-content:flex-start;width:100%;font-size:16px}.member .memberMenu .user-lv{display:flex;align-items:center}.member .memberMenu .user-lv img{max-width:80px;margin-right:22px}.memberMenu p.user-text{max-width:calc(200px - 12px);overflow:hidden;margin-bottom:0;padding:8px 14px;border-radius:40px;font-size:18px;margin:0 auto;margin-bottom:0;margin-top:10px}.member .memberMenu .icon-link li{height:80px;padding:12px 6px}.icon-link{padding:10px 10px;border:1px solid var(--g-line);border-radius:20px}.member .memberMenu .menu-link li .link-l{width:40%}}
.member-page{width:79%;min-height:calc(80vh - 12px);padding:20px 30px;border-radius:20px;font-size:14px}
.member-page .member-top{padding:10px 10px;border-bottom:2px solid var(--g-line)}
.member-page .m-taggle-bar{text-align:right}
.member-page .m-taggle-bar img{max-width:24px}
.member-page .user-info{padding:10px}
.member-page .user-info h4{border-left:4px solid var(--g-line);padding:0px 10px;margin:20px 0}
.member-page .user-info .box{border-bottom:1px solid var(--g-line);padding:10px 0px}
.member-page .user-info p{font-family:"cwTeXYen", sans-serif}
.member-page .login_form label{margin:10px 6px;font-size:16px;color:inherit;font-weight:600}
.member-page .form-group{display:flex;align-items:center;margin-bottom:20px}
.member-page label{display:inline-block;width:130px;margin-right:16px;color:inherit}
.member-page label span, .member-modal label span{font-size:x-small}
.member-page .content span{font-weight:bold;letter-spacing:1px}
.member-page .btn, .member-modal .btn{border-radius:20px;font-size:12px;min-width:100px;max-width:200px}
.member-page .inline-block{display:flex;align-items:center}
.member-page .custom-file{border-bottom:1px solid var(--g-line);padding:5px;font-size:14px;cursor:pointer}
.member-page .image-upload-wrap .custom-file label{text-align:center;display:inline-block;width:120px;margin-right:16px;color:inherit;padding:4px 0px;border-radius:20px}
.member-page ul.note{font-size:14px;margin-top:24px;color:inherit}
@media only screen and (max-width: 1024px){.member .memberMenu .icon-link li{font-size:12px}}
@media only screen and (max-width: 960px){.member-page{width:auto;margin-left:10px}}
@media only screen and (max-width: 767px){.member-page{width:100%;padding:20px 20px;margin:0}.member-page .image-upload-wrap .custom-file label{display:none}.member-page .custom-file{width:50%}}
.box-user{border:1px solid var(--g-line);padding:40px;background:url(../images/member/vip-bg.jpg);border-radius:20px}
.box-user img.vip-lv{height:20px;margin:0px 4px}
.vip-progress{display:flex;padding:14px 0}
.vip-progress .progress{width:68%;height:1.2rem;border-radius:1.25rem;border:1px solid var(--g-line)}
.progress-lv{padding:0px 6px;font-size:10px;width:80px;border-radius:20px;margin:0 2px;color:inherit;text-align:center}
.progress-lv.progress-left{color:inherit}
.vipFlow{display:flex;align-items:center;justify-content:center;padding:20px 6px;font-size:14px;color:inherit;border-radius:20px;border:1px solid var(--g-line);max-width:400px;margin:auto}
.vipFlow img{max-width:50px;margin-right:12px}
.vipFlow .flowcash{color:inherit;font-weight:600}
.vipFlow div.cash1{color:inherit;margin-right:2px;width:100px}
.vipFlow div.cash2{margin-left:2px}
.vipFlow .cashbox{display:flex;justify-content:space-around}
.flowcash .bd{width:100%;border-bottom:1px solid var(--g-line);margin:4px 0}
@media only screen and (max-width: 767px){.box-user{padding:10px}}
.vip-slider{max-width:400px}
.vip-slider .carousel-inner img{width:100%;height:100%}
.vip-slider .carousel-control-next, .vip-slider .carousel-control-prev{width:auto !important}
.vip-slider .carousel-caption{display:flex;justify-content:center;align-items:center}
.vip-slider .carousel-caption div{padding:10px}
.vip-slider .carousel-caption p{line-height:0}
.vip-slider .card-title{display:none}
.vip-slider .carousel-indicators li{width:10px;height:5px;margin:0 2px;border-radius:24%}
.statusBox{text-align:center;padding:10px}
.statusBox.border-l-r{border-width:0px 1px;border-color:var(--g-line);border-style:double}
.statusBox .img-status{width:80px;height:80px;margin:auto;padding:12px;border-radius:100%;border:2px solid var(--g-line)}
.statusBox .img-status.status2{border-color:var(--g-line);padding:6px}
.statusBox .img-status.status3{border-color:var(--g-line);padding:6px}
.status2 img{margin:4px 0}
.statusBox h5{margin-top:10px;color:inherit !important;font-size:16px}
.statusBox p{color:inherit;margin-top:22px}
@media only screen and (max-width: 767px){.statusBox .img-status{width:60px;height:60px;padding:10px}.statusBox h5{height:30px}}
#page-gift .box-1{min-height:60vh}
.member-page .wallet-box{padding:16px 5px;margin:0;align-items:center}
.member-page .wallet-box .num,  .wallet-box .num a{font-size:24px;font-weight:600;color:inherit;margin-top:6px;font-family:"Noto Sans TC",sans-serif;display:flex;align-items:center;height:30px}
.member-page .wallet-box .num span,  .wallet-box .num a span{margin-right:2px;font-family:"Noto Sans TC",sans-serif}
.member-page .cash-add{display:block;height:24px;font-size:16px}
.member-page .w-link a{padding:6px 0;margin:auto 4px;text-align:center;width:60px;height:60px;display:block;border-radius:100px;margin-left:2px;border:4px solid var(--g-line);font-size:14px}
.member-page .w-link a img{width:24px}
.game-cash .game-cash-row{list-style:none}
.game-cash .game-cash-box{width:100%;text-align:center;padding:10px 20px;border:1px solid var(--g-line);border-radius:12px;margin:5px}
.game-cash .game-cash-box .num{color:inherit;font-weight:bold;margin:10px 0}
.game-cash-box .btn{font-size:12px}
.game-cash-box .btn img{width:12px}
.btn-autorenew{min-width:auto !important;width:24px;height:24px;border:none;margin:0 10px}
.btn-autorenew img{width:18px;position:relative;top:-5px;left:-8px}
@media only screen and (max-width: 767px){.member-page .wallet-box .num,  .wallet-box .num a{font-size:18px}.member-page .cash-add{font-size:12px}.member-page .wallet-l-1{border-right:0}}
.page_withdraw .box, .page_withdraw .box-user{max-width:500px}
.page_withdraw .box-user{padding:20px}
.form-withdraw .group-prepend input{width:90%}
.page-invite .box-invite{max-width:800px;margin:auto}
.page-invite .form-control:focus{color:inherit;border:0;border-bottom:1px solid var(--g-line)}
.page-invite .form-group{display:flex;align-items:center;margin-bottom:20px;border-radius:32px;padding:6px 8px;margin:0;color:inherit !important}
.page-invite .form-group input{color:inherit;border-bottom:1px solid var(--g-line)}
.group-invite label{width:auto;padding:10px;border-radius:20px;color:inherit;margin:0}
.form-control:disabled{opacity:1}
.group-invite .btn{min-width:auto;padding:10px 23px}
.bankcard{width:300px;height:175px;border-radius:10px;position:relative;margin-top:20px;color:inherit}
.bankcard.bankcard_bg{background-size:100% auto;background-image:url(../images/member/bg-bankcard.png);background-repeat:no-repeat}
.bankcard:before{content:"";width:100%;height:100%;position:absolute;top:0;border-radius:10px}
.bankcard .bank_name{font-size:18px;font-weight:700;letter-spacing:2px;position:absolute;top:20px;left:20px}
.bankcard.unaudit .bank_status{color:inherit;border:1px solid var(--g-line)}
.bankcard .bank_status{padding:2px 8px;border-radius:3px;font-size:15px;position:absolute;top:20px;right:20px}
.bankcard .bank_num{font-size:20px;text-align:center;font-family:Roboto-Regular,Segoe UI,Arial,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.bankcard .bank_addDate{text-align:right;font-size:14px;position:absolute;bottom:20px;right:20px}
.bankcard .bank_addDate span{margin-left:5px;font-size:1rem;font-family:Roboto-Regular,Segoe UI,Arial,sans-serif}
.bankcard .btn_audit{cursor:pointer;position:absolute;right:-5px;text-align:right;padding:11px 4px 7px 0;top:50%;transform:translateY(-50%);width:96px;height:38px;font-size:14px;color:inherit;background-size:100% auto;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMsAAABPCAYAAABF2jH9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzUyLCAyMDIwLzAxLzMwLTE1OjUwOjM4ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA3LTEzVDE2OjEwOjMzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wOC0wOVQxNjoyMToyMCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wOC0wOVQxNjoyMToyMCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplNmI5MzA5NS1kN2Q0LWJlNDYtYTcxZS0wOWExZDA2YjNmYjciIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjlhZTA3NS1lMzc2LWFkNDgtOTI0Yi03YWQ4N2MwOTM0NGQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNTdmYjA5ZS1kMjk5LWU4NDQtOWY1ZC0xODZiOThjZGU0YWEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE1N2ZiMDllLWQyOTktZTg0NC05ZjVkLTE4NmI5OGNkZTRhYSIgc3RFdnQ6d2hlbj0iMjAyMi0wNy0xM1QxNjoxMDozMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNmI5MzA5NS1kN2Q0LWJlNDYtYTcxZS0wOWExZDA2YjNmYjciIHN0RXZ0OndoZW49IjIwMjItMDgtMDlUMTY6MjE6MjArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5zQTxXAAADFUlEQVR42u3cy2vUdxTG4bHBQnEhSkAsRqmURqgI7iwVFy60FBEXLtyVQqkguPMPEMSVq3gjIl4ggpdg66UJZBPTLFWEbgTBS9QWIhVBpNWC6fSM/AoDNfM9aGJN5jnwgBqcwKsfEpLM1GrOtfkd7Pxxd6g3GQ+nwxfWca51LM16QoeVnCvH0rDfSs7lYmn40lJOLLlYzljKiSUXy7ilXNvf0a6fehOx1C3l2v76uodGSqEcXnRBLM5lYjm5fFAszmViubjmZ7E4V4rlxCeD9dFN18XiXKtYji0bqA9vvCoW5yaLpXfxpXr/6uH6yNfXXoXyTmOJd9YVNoSdYX84FS6EK2EE/i8RxG9Xvrpa/1dzIM2mM4754ZtwMoy97p3DTDLVgXwQtoQfwl8GRiz/jeTD8H24bVTEMnko28JDYyKWySNZEYaNiFhah9L4itYLAyKWySOZF/oNh1hah/JxuGE0xNI6lKW+0oVYyqEsEQoUYqm+C3/TUNAilnhjRxgyEpRj2WMgKMQSb1gXJgwELWKJP/wo3DEOlGPx6ReUYqmeoPXcMFCO5YBRoBBL/KYz/GkUKMey2yBQiCV+MSc8MAiUY1lrDMjFctgYkIvFTxVDKZbqSV3GgEQs2wwBuVj2GgJysZw3BORi+cUQkItl3BCQi+WZISAXiyFALDC1sXiyFyRjeWwIyMVyyxCQi2XAEJCLpccQkItluyEgF8tKQ0Aulsbz7383BuSeKXnOGJCLZasxIBdL48XAnxoECrFUwRw3CORi+dwgkIilCuayUSAXyxqjQCKWKph+w0Auli5PNYZELFUwO4wDuVgaPwIzaCAoxFIFszCMGQkKsVTBrPKdfUjEUgWzftSLWkA5liqYzYJBLMmrPsL4lAyxJINpPKvyruEQSy6YBeGS8WgzE7U3vfjL34UnRqRN3K+9zcUDdIaj4W9jMssdqU3FxQOtDmdFwyz1MnTXpvLiAT8Nh0a9fjKzy67adF08+NywKfSFX43NDP6IMn2htPiI823YFy6Gm+FR+MM/CO9hIPdCb/is+f/xP+t0HKZX0tK7AAAAAElFTkSuQmCC);background-repeat:no-repeat;z-index:2}
.bankcard .btn_audit a{color:inherit;font-family:initial}
.deposit-inner{min-height:100px;width:100%;display:flex;padding:0}
.deposit-inner li:not(:last-of-type){margin-right:15px}
.deposit-inner li{width:calc((120px - 12px));min-height:90px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:0 0;border:1px solid var(--g-line);border-radius:5px;cursor:pointer;text-align:center;list-style:none}
.depost-store .group-prepend input{width:35%}
.depost-store .group-prepend .group-btn{width:auto}
.depost-store .group-prepend .group-btn .btn{padding:10px 12px}
@media only screen and (max-width: 768px){.depost-store .group-prepend input, 
  .depost-store .group-prepend .group-btn{width:96%}}
.member-page .group-prepend{margin-bottom:12px !important}
.member-page .group-text{width:20%;padding:6px 10px;letter-spacing:2px}
.member-page .custom-select{WIDTH:80%;margin:6px;border:0px;padding:6px 16PX;border-bottom:1px solid var(--g-line)}
.member-page .group-prepend .btn{min-width:auto}
.group-prepend input, .group-invite input{width:40%;margin:6px;border:0px;padding:6px 16PX;border-bottom:1px solid var(--g-line)}
.group-prepend .group-btn{width:40%;display:flex;justify-content:flex-start}
.group-prepend .btn-outline-primary{color:inherit;border-color:var(--g-line);margin:0 2px}
.btn-outline-primary:hover, .btn-outline-primary:active:focus,.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus{color:inherit}
@media only screen and (max-width: 768px){.member-page .group-prepend{margin-bottom:12px !important;display:block}.member-page .group-text, .member-page .custom-select, .group-prepend input, .group-prepend .group-btn{width:96%}}
.sync_alt{margin-top:25px !important;padding:0;margin:auto;border-radius:100px;text-align:center}
.sync_alt img{width:24px}
.group-prepend-TR{border-radius:10px;padding:0px;margin-bottom:5px}
.member-transfer .custom-select{width:88%;color:inherit;padding:10px 12px}
.member-transfer .group-text{width:100%;padding:0;letter-spacing:2px;padding:5px 20px;color:inherit;border-radius:10px 10px 0 0}
.member-transfer label{display:block}
.member-transfer .form-record{max-width:525px;margin:auto;text-align:center}
.member-page table{text-align:center;font-size:12px}
.member-page table.table.table-bordered{border:1px solid var(--g-line)}
.member-page th{padding:16px 10px !important;text-align:center}
.no-search{text-align:center;margin:auto}
.no-search{text-align:center;margin:auto;padding:120px 0}
.no-search img{max-width:120px}
.transfer_select{min-width:200px}
.pay{text-align:center;margin:10px 0;padding:15px}
.payicon,.member .nav-pills>li>a{display:inline-block;margin:0 5px 10px 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:5px solid var(--g-line);position:relative}
.payicon:hover, .depositForm .current, .member .nav-pills li.active a{border:5px solid var(--g-line)}
.pay .current::after{content:"";position:absolute;bottom:-30px;left:50%;margin-left:-15px;width:0;height:0;border-style:solid;border-width:0 15px 20px 15px;border-color:var(--g-line)}
.payicon img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}
.payicon:hover img,.pay .current img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
.member .login-else, .member .register_else{display:flex;flex-direction:row;align-items:center}
.member  .else-btn{display:flex;width:275px !important;height:50px;border-radius:40px;padding:6px 20px;margin:5px 0;align-items:center;justify-content:space-between}
.member  .else-btn.google{padding:0}
.member .google div{color:inherit;width:272px !important;height:47px;border-radius:40px;padding:6px 20px;margin:auto;text-align:center;display:flex;justify-content:space-between;align-items:center}
.member .else-btn.line{color:inherit;border:2px solid var(--g-line)}
.member .else-btn span{width:80%;text-align:left;letter-spacing:1px;font-weight:600;font-size:14px;border-left:1px solid;padding-left:16px}
.member .else-btn img{max-width:40px;padding:5px}
@media only screen and (max-width: 450px){.member .login-else, .member .register_else{display:flex;flex-direction:column;align-items:center}}
.gamehistory .form-control, 
.gamehistory  .custom-select{display:block;width:100%;padding:.375rem .75rem;font-size:1em;line-height:1.5;color:inherit;background-clip:padding-box;border:none;border-bottom:1px solid var(--g-line);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;transition:border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out}
.gamehistory label{display:inline-block;width:80px;margin-right:16px;color:inherit}
.btn-outline-primary:hover{color:inherit !important}
.group-prepend .btn-outline-primary, .gamehistory .btn-outline-primary{color:inherit;border-color:var(--g-line);margin:0 2px}
.gamehistory .btn-outline-primary{line-height:1;padding:8px 12px;margin:auto;border:1px solid}
.gamehistory .form-group{margin-bottom:6px}
.btn-outline-pink{border-color:var(--g-line);color:inherit}
.btn-outline-pink:hover{color:inherit}
.border-pink{border-left:5px solid var(--g-line)}
.text-pink{color:inherit}
.text-pink:hover{color:inherit;text-decoration:underline}
.member-page.notice .btn-outline-warning{border-color:var(--g-line);color:inherit}
.member-page.notice .btn-outline-info{color:inherit;border-color:var(--g-line)}
#announcementList h5{font-size:16px}
#announcementList small{font-size:80%}
@media only screen and (max-width: 450px){.border-pink{border-left:0px}#announcementList h5{font-size:14px}.badge{position:absolute;left:-6px;top:-10px}.member-page.notice .btn{width:60px !important;max-width:fit-content;min-width:auto}.member-page.notice .btn-danger{width:80px !important}}

/* ---- from marquee.css ---- */

.mq-section{padding:12px 0px;height:45px}
.mq-icon{color:inherit}
.top-bar{width:100%;padding:0px 10px}
.marquee-wrapper{width:100%;height:26px;overflow:hidden;position:relative;color:inherit}
.marquee-content{display:flex;width:max-content;animation:scroll-left 90s linear infinite}
.marquee-content li{display:inline-block;padding:0 10px;white-space:nowrap;font-size:16px}
.marquee-content:hover{animation-play-state:paused}
.marquee-content li a{color:inherit}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 768px){.mq-section{height:55px}.top-bar{width:calc(100% - 1.75rem);height:40px;padding:0px 10px;border-radius:.5rem;margin:0 .875rem .5rem}.marquee-content li a{color:inherit}ul.marquee-content{margin:5px}}

/* ---- from fixmenu.css ---- */

.fixmenu ul{margin:0;padding:0;list-style:none}
.fixmenu li{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:6px}
.fixmenu li img{width:60px;height:60px;margin-bottom:2px}
.fixmenu{position:fixed;right:-1px;bottom:150px;width:74px;height:auto;padding:12px 2px;z-index:99;text-align:center}
.fixmenu li a span{display:block;width:60px;height:29px;padding:4px 0px;border-radius:20px;color:inherit;font-size:12px;font-weight:400;display:none}
@media (max-width: 767px){.fixmenu{position:fixed;right:auto;left:1px;bottom:80px;width:45px;height:auto;padding:12px 2px;z-index:99;text-align:center}.fixmenu li img{width:40px;height:40px;margin-bottom:2px}}