@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;color:#000;font-size:100%;font:inherit;margin:0;padding:0;position:relative;scroll-behavior:smooth;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:Noto Sans,sans-serif;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}footer.section{align-items:center;background-color:#000;background-size:contain;color:#fff;display:flex;height:120px;justify-content:center;width:100%}@media (max-width:960px){footer.section{height:180px}}@media (max-width:800px){footer.section{height:215px}}@media (max-width:768px){footer.section{align-items:center;flex-direction:column;height:190px;justify-content:space-evenly}}footer.section .footerbox_logo{align-items:center;display:flex;justify-content:space-evenly;margin-right:1rem}footer.section .footerbox_logo .logo_digeam{margin-right:1rem;-o-object-fit:contain;object-fit:contain}footer.section .footerbox_logo .est_icon{filter:invert(1);-o-object-fit:contain;object-fit:contain;pointer-events:none}footer.section .spec{width:25%}@media (max-width:768px){footer.section .spec{width:40%}}@media (max-width:660px){footer.section .spec{width:55%}}@media (max-width:375px){footer.section .spec{width:80%}}footer.section .spec a{color:#00b4ff;display:inline-block;font-size:1rem;margin:5px;text-decoration:underline}footer.section .spec a:hover{color:#008612}footer.section .spec .Copyright{color:#fff;font-size:.8rem;line-height:1.1rem}@media (max-width:576px){footer.section .spec .Copyright{font-size:.5rem}}footer.section .classlavel{align-items:center;display:flex;justify-content:center}footer.section .classlavel img{height:100%;-o-object-fit:contain;object-fit:contain;width:12%}footer.section .classlavel ul{margin-left:10px}footer.section .classlavel li{color:#fff;font-size:.8rem;line-height:1.1rem}footer.section .classlavel li:nth-child(4){color:#00b4ff}@media (max-width:576px){footer.section .classlavel li{font-size:.7rem}}html{font-size:16px;line-height:16px}body,html{background-color:#000}body{font-family:Noto Sans TC}body .wrap{background-image:url(/img/gameMall/headerPCBg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;max-width:1920px;min-height:950px;position:relative;width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#adfcff}::-webkit-scrollbar-track{background:#000;border:1px solid #000}footer.section{height:100%;padding:1rem 0}.barPC{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:110px;left:0;position:fixed;top:0;width:100vw;z-index:2}@media (max-width:960px){.barPC{background-color:#000;height:70px}}.barPC .menu{display:flex;justify-content:space-between;width:100%}@media (max-width:1440px){.barPC .menu{width:100%}}.barPC .menu .logo{height:91px;max-width:256px}@media (max-width:960px){.barPC .menu .logo{height:61px}}.barPC .menu .logo img{height:100%;width:100%}.barPC .menu .menuList{align-items:center;display:flex;justify-content:space-evenly}@media (max-width:1920px){.barPC .menu .menuList{width:35%}}@media (max-width:1775px){.barPC .menu .menuList{width:50%}}.barPC .menu .menuList .cardValue,.barPC .menu .menuList .login,.barPC .menu .menuList .noticeValue{background-color:hsla(0,0%,100%,0);border:0;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700}.barPC .menu .menuList .cardValue:hover,.barPC .menu .menuList .login:hover,.barPC .menu .menuList .noticeValue:hover{color:#00b4ff;text-shadow:.1rem .1rem 1rem #000,.1rem .1rem 1rem #000}.barPC .menu .menuList .GameUID{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:120%;justify-content:center;max-width:200px;text-align:center;width:50%}.barPC .menu .menuList .GameUID span{color:#fff;display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barPC .menu .menuList .GameUID:after{content:"▾";height:10px;position:relative;top:0;width:10px}.barPC .menu .menuList .GameUID:hover{color:#00b4ff;text-shadow:.1rem .1rem 1rem #000,.1rem .1rem 1rem #000}.barPC .menu .menuList .GameUID .UIDOpen{height:100%;position:absolute;top:6.8rem;width:100%}@media (max-width:960px){.barPC .menu .menuList .GameUID .UIDOpen{top:4.3rem}}.barPC .menu .menuList .GameUID .UIDOpen li{background-color:rgba(84,116,157,.8);border-top:1px solid #fff;color:#fff;line-height:5rem}.barPC .menu .menuList .GameUID .UIDOpen li:hover{background-color:rgba(38,61,90,.8)}.barM{align-items:center;background-color:#000;border:2px solid #c8e3ea;display:flex;height:50px;justify-content:center;position:fixed;right:8px;top:8px;width:50px;z-index:3}.barM .spanBox span{background-color:#c8e3ea;border-radius:3px;display:block;height:4px;margin-bottom:5px;position:relative;width:33px}.barM .spanBox.active span:first-child{transform:rotate(45deg) translate(9px,7.5px)}.barM .spanBox.active span:nth-child(2){transform:rotate(-45deg) translate(-2px,2px)}.barM .spanBox.active span:nth-child(3){opacity:0}.menuM{align-items:center;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;min-height:230px;position:fixed;right:0;top:70px;width:100vw;z-index:2}.menuM button,.menuM li{background-color:hsla(0,0%,100%,0);border:0;color:#fff;font-size:1.2rem;font-weight:700;height:100%;line-height:4.7rem;text-align:center;width:100vw}.menuM .GameUID{display:flex;justify-content:center}.menuM .GameUID span{color:#fff;display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menuM .GameUID:after{content:"▾";height:10px;position:relative;top:0;width:10px}.menuM .GameUID .UIDOpen{background-color:#0a162f;position:absolute;top:80px}.menuM .GameUID .UIDOpen li{border-top:1px solid #fff;font-weight:600}.menuM .logo{position:absolute;top:2%;width:55%}@media (max-width:960px){.menuM .logo{top:5%}}@media (max-width:800px){.menuM .logo{top:12%}}.menuM .logo img{height:100%;width:100%}@media (max-width:1920px){.fixBg{background-image:url(/img/gameMall/headerPCBg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;max-width:1920px;position:fixed;top:0;width:100vw}}.header{display:flex;padding-top:109px;width:100%}@media (max-width:800px){.header{padding-top:68px}}.commoditySection{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:508px;width:100%}@media (max-width:800px){.commoditySection{justify-content:flex-start}}.commoditySection .tabBox{border-bottom:2px solid #adc3cd;display:flex;height:100%;justify-content:flex-start;margin:1.2rem 0;text-align:center;width:66%}@media (max-width:1440px){.commoditySection .tabBox{width:70%}}@media (max-width:960px){.commoditySection .tabBox{width:80%}}.commoditySection .tabBox .diamondTab,.commoditySection .tabBox .giftTab,.commoditySection .tabBox .promotionTab{align-items:center;background:#22294b;border:0;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;margin:0 .5rem;position:relative;width:103px}.commoditySection .tabBox .diamondTab.active,.commoditySection .tabBox .diamondTab:hover,.commoditySection .tabBox .giftTab.active,.commoditySection .tabBox .giftTab:hover,.commoditySection .tabBox .promotionTab.active,.commoditySection .tabBox .promotionTab:hover{background:linear-gradient(270deg,#fff 30%,#adc3cd);background:-webkit-linear-gradient(270deg,#fff 30%,#adc3cd);color:#000}.commoditySection .contain{display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start;padding:0 .5% 0 2.5%;width:66%}@media (max-width:1775px){.commoditySection .contain{justify-content:center;width:70%}}@media (max-width:1024px){.commoditySection .contain{justify-content:center;width:90%}}@media (max-width:960px){.commoditySection .contain{width:100%}}@media (max-width:425px){.commoditySection .contain{padding:0}}.commoditySection .contain .box{align-items:center;background-color:rgba(0,4,44,.7);display:flex;flex-direction:column;height:300px;margin-bottom:3%;margin-right:2%;padding:.3%;width:215px}@media (max-width:768px){.commoditySection .contain .box{margin-left:5px;margin-right:5px;width:200px}}@media (max-width:660px){.commoditySection .contain .box{margin-left:5px;margin-right:5px;width:200px}}@media (max-width:576px){.commoditySection .contain .box{height:250px;width:170px}}@media (max-width:375px){.commoditySection .contain .box{height:220px;width:150px}}.commoditySection .contain .box .deco1{max-width:215px;top:.1rem;width:100%}.commoditySection .contain .box .deco1:after,.commoditySection .contain .box .deco1:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;content:"";height:20px;position:absolute;top:0;width:20px}.commoditySection .contain .box .deco1:before{right:0}@media (max-width:576px){.commoditySection .contain .box .deco1:before{right:1px}}.commoditySection .contain .box .deco1:after{left:0;transform:scaleX(-1)}@media (max-width:576px){.commoditySection .contain .box .deco1:after{left:1px}}.commoditySection .contain .box .deco2{bottom:.3rem;max-width:215px;position:absolute;width:100%}.commoditySection .contain .box .deco2:after,.commoditySection .contain .box .deco2:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;bottom:0;content:"";height:20px;position:absolute;width:20px}.commoditySection .contain .box .deco2:before{left:2%;transform:scaleY(-1) scaleX(-1)}.commoditySection .contain .box .deco2:after{right:1.1%;transform:scaleY(-1)}@media (max-width:576px){.commoditySection .contain .box img{-o-object-fit:contain;object-fit:contain;width:90%}}.commoditySection .contain .box .name,.commoditySection .contain .box .price{color:#fff;margin-bottom:.8rem}.commoditySection .contain .box .btnBuy{align-items:center;background-color:hsla(0,0%,100%,0);background-image:url(/img/gameMall/btnBg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:1rem;font-weight:400;height:100%;justify-content:center;max-height:50px;max-width:179px;width:100%}@media (max-width:576px){.commoditySection .contain .box .btnBuy{height:70%;width:70%}}.commoditySection .contain .box .btnBuy:hover{filter:none}.popB,.popE,.popM,.popS,.popUID{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3}.popB .mask,.popE .mask,.popM .mask,.popS .mask,.popUID .mask{height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.popB .creditCardBtn,.popB .myCardBtn,.popB .myCardHkBtn,.popB .myCardMemberBtn,.popB .myCardPointBtn,.popB .submit,.popE .creditCardBtn,.popE .myCardBtn,.popE .myCardHkBtn,.popE .myCardMemberBtn,.popE .myCardPointBtn,.popE .submit,.popM .creditCardBtn,.popM .myCardBtn,.popM .myCardHkBtn,.popM .myCardMemberBtn,.popM .myCardPointBtn,.popM .submit,.popS .creditCardBtn,.popS .myCardBtn,.popS .myCardHkBtn,.popS .myCardMemberBtn,.popS .myCardPointBtn,.popS .submit,.popUID .creditCardBtn,.popUID .myCardBtn,.popUID .myCardHkBtn,.popUID .myCardMemberBtn,.popUID .myCardPointBtn,.popUID .submit{align-items:center;background-color:hsla(0,0%,100%,0);background-image:url(/img/gameMall/btnBg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;color:#000;cursor:pointer;display:flex;font-size:1.125rem;font-weight:500;height:100%;justify-content:center;margin:0 .5rem;max-height:50px;max-width:179px;width:100%}.popB .creditCardBtn:hover,.popB .myCardBtn:hover,.popB .myCardHkBtn:hover,.popB .myCardMemberBtn:hover,.popB .myCardPointBtn:hover,.popB .submit:hover,.popE .creditCardBtn:hover,.popE .myCardBtn:hover,.popE .myCardHkBtn:hover,.popE .myCardMemberBtn:hover,.popE .myCardPointBtn:hover,.popE .submit:hover,.popM .creditCardBtn:hover,.popM .myCardBtn:hover,.popM .myCardHkBtn:hover,.popM .myCardMemberBtn:hover,.popM .myCardPointBtn:hover,.popM .submit:hover,.popS .creditCardBtn:hover,.popS .myCardBtn:hover,.popS .myCardHkBtn:hover,.popS .myCardMemberBtn:hover,.popS .myCardPointBtn:hover,.popS .submit:hover,.popUID .creditCardBtn:hover,.popUID .myCardBtn:hover,.popUID .myCardHkBtn:hover,.popUID .myCardMemberBtn:hover,.popUID .myCardPointBtn:hover,.popUID .submit:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.popB .myCardBtn,.popE .myCardBtn,.popM .myCardBtn,.popS .myCardBtn,.popUID .myCardBtn{background-image:url(/img/gameMall/btnBgHot.png)}.popE .popBg,.popS .popBg{align-items:center;background-color:rgba(0,0,0,.8);border:2px solid #fff;display:flex;flex-direction:column;padding:1rem 0;z-index:1}.popE .popBg .text,.popS .popBg .text{color:#fff;font-size:1.8rem}.popE .popBg .deco1,.popS .popBg .deco1{position:absolute;top:1.5%;width:100%;z-index:1}.popE .popBg .deco1:after,.popE .popBg .deco1:before,.popS .popBg .deco1:after,.popS .popBg .deco1:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;content:"";height:22px;position:absolute;top:0;width:22px}.popE .popBg .deco1:before,.popS .popBg .deco1:before{right:1.2%}.popE .popBg .deco1:after,.popS .popBg .deco1:after{left:1.2%;transform:scaleX(-1)}.popE .popBg .deco2,.popS .popBg .deco2{bottom:1.5%;position:absolute;width:100%;z-index:1}.popE .popBg .deco2:after,.popE .popBg .deco2:before,.popS .popBg .deco2:after,.popS .popBg .deco2:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;bottom:0;content:"";height:22px;position:absolute;width:22px}.popE .popBg .deco2:before,.popS .popBg .deco2:before{left:1.2%;transform:scaleY(-1) scaleX(-1)}.popE .popBg .deco2:after,.popS .popBg .deco2:after{right:1.2%;transform:scaleY(-1)}.popE .popBg img,.popS .popBg img{height:100%;max-height:171px;max-width:215px;-o-object-fit:contain;object-fit:contain;width:100%}.popE .popBg .name,.popE .popBg .price,.popS .popBg .name,.popS .popBg .price{color:#fff;font-size:1.25rem;line-height:1.8rem;text-align:center}.popE .popBg .price,.popS .popBg .price{color:#46d7dc}.popE .popBg .btnBox,.popS .popBg .btnBox{display:flex;height:50%;justify-content:center;margin-top:3%;width:85%}.popE .x,.popS .x{color:#fff;cursor:pointer;height:100%;left:5px;max-height:330px;min-height:330px}.popE .popBg{justify-content:center}.popE .popBg .text{line-height:2.5rem;padding:0 1rem;text-align:center}.popS .popBg{max-width:830px;width:100%}.popS .popBg .btnBox{flex-wrap:wrap;height:100%;width:100%}.popS .popBg .btnBox .creditCardBtn,.popS .popBg .btnBox .myCardBtn,.popS .popBg .btnBox .myCardHkBtn,.popS .popBg .btnBox .myCardMemberBtn,.popS .popBg .btnBox .myCardPointBtn{font-size:1rem;margin:2px;padding:15px 12px}@media (max-width:425px){.popS .popBg .btnBox .creditCardBtn,.popS .popBg .btnBox .myCardBtn,.popS .popBg .btnBox .myCardHkBtn,.popS .popBg .btnBox .myCardMemberBtn,.popS .popBg .btnBox .myCardPointBtn{font-size:.9rem;height:40%;width:40%}}@media (max-width:375px){.popS .popBg .btnBox .creditCardBtn,.popS .popBg .btnBox .myCardBtn,.popS .popBg .btnBox .myCardHkBtn,.popS .popBg .btnBox .myCardMemberBtn,.popS .popBg .btnBox .myCardPointBtn{font-size:.9rem}}@media (max-width:425px){.popS .x{display:none}}.popM .popBg{background-color:rgba(0,0,0,.8);border:2px solid #fff;display:flex;flex-direction:row;flex-wrap:wrap;height:80%;justify-content:center;max-height:500px;max-width:700px;min-height:500px;min-width:700px;padding:2rem;width:80%;z-index:1}@media (max-width:768px){.popM .popBg{height:90%;max-height:50vh;max-width:100vw;min-height:500px;min-width:90vw;width:90%}}@media (max-width:425px){.popM .popBg{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;padding:1rem}}.popM .popBg .deco1{position:absolute;top:1%;width:100%;z-index:1}.popM .popBg .deco1:after,.popM .popBg .deco1:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;content:"";height:22px;position:absolute;top:0;width:22px}.popM .popBg .deco1:before{right:0}.popM .popBg .deco1:after{left:.5%;transform:scaleX(-1)}.popM .popBg .deco2{bottom:1%;max-width:700px;position:absolute;width:100%;z-index:1}.popM .popBg .deco2:after,.popM .popBg .deco2:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;bottom:0;content:"";height:22px;position:absolute;width:22px}.popM .popBg .deco2:before{left:.5%;transform:scaleY(-1) scaleX(-1)}.popM .popBg .deco2:after{right:0;transform:scaleY(-1)}.popM .popBg .left{height:75%;margin-right:3%;padding:3% 0;text-align:center;width:35%}@media (max-width:425px){.popM .popBg .left{align-items:center;display:flex;height:45%;margin-right:3%;padding:0;width:100%}}.popM .popBg .left img{height:100%;max-height:171px;max-width:215px;-o-object-fit:contain;object-fit:contain;width:100%}@media (max-width:425px){.popM .popBg .left img{width:60%}}.popM .popBg .left .name,.popM .popBg .left .price{color:#fff;font-size:1.25rem;line-height:1.8rem;margin-top:.5rem;text-align:center;width:100%}.popM .popBg .left .price{color:#46d7dc}.popM .popBg .right{background-color:hsla(0,0%,100%,.1);color:#fff;font-size:1.125rem;height:75%;line-height:1.875rem;max-width:400px;overflow-y:scroll;padding:10px 9px;width:60%}@media (max-width:425px){.popM .popBg .right{align-items:center;display:flex;flex-direction:column;height:45%;margin-right:0;padding:0;width:90%}}@media (max-width:375px){.popM .popBg .right{width:90%}}.popM .popBg .right::-webkit-scrollbar-track{background-color:#121212;border:3px solid hsla(0,0%,100%,.1)}.popM .popBg .right::-webkit-scrollbar{background-color:#121212;width:4px}.popM .popBg .right::-webkit-scrollbar-thumb{background-color:#fff}.popM .popBg .right img{cursor:pointer;display:inline-block;height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.popM .popBg .btnBox{align-items:center;display:flex;flex-wrap:wrap;height:25%;justify-content:center;margin-top:3%;width:90%}@media (max-width:576px){.popM .popBg .btnBox{height:25%;width:100%}.popM .popBg .btnBox .creditCardBtn,.popM .popBg .btnBox .myCardBtn,.popM .popBg .btnBox .myCardHkBtn{font-size:.9rem;height:40%;width:40%}}@media (max-width:375px){.popM .popBg .btnBox .creditCardBtn,.popM .popBg .btnBox .myCardBtn,.popM .popBg .btnBox .myCardHkBtn{font-size:.8rem}}.popM .x{color:#fff;cursor:pointer;left:.5%}.popM .x,.popUID .popBg{height:80%;max-height:500px;min-height:500px}.popUID .popBg{align-items:center;background-color:rgba(0,0,0,.8);border:2px solid #fff;display:flex;flex-direction:column;max-width:700px;padding:2rem;width:80%;z-index:1}@media (max-width:768px){.popUID .popBg{height:90%;max-height:50vh;max-width:100vw;min-height:500px;min-width:90vw;width:90%}}.popUID .popBg .deco1{position:absolute;top:1%;width:100%;z-index:1}@media (max-width:768px){.popUID .popBg .deco1{max-width:768px}}.popUID .popBg .deco1:after,.popUID .popBg .deco1:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;content:"";height:22px;position:absolute;top:0;width:22px}.popUID .popBg .deco1:before{right:.5%}.popUID .popBg .deco1:after{left:.5%;transform:scaleX(-1)}.popUID .popBg .deco2{bottom:1%;max-width:700px;position:absolute;width:100%;z-index:1}@media (max-width:768px){.popUID .popBg .deco2{max-width:768px}}.popUID .popBg .deco2:after,.popUID .popBg .deco2:before{background-image:url(/img/20240403_joinAct/stepDeco.png);background-position:50%;background-size:cover;bottom:0;content:"";height:22px;position:absolute;width:22px}.popUID .popBg .deco2:before{left:.5%;transform:scaleY(-1) scaleX(-1)}.popUID .popBg .deco2:after{right:.5%;transform:scaleY(-1)}.popUID .popBg .title{background:linear-gradient(270deg,#fff 30%,#1f1f1f);background:-webkit-linear-gradient(270deg,#fff 30%,#1f1f1f);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:"Noto Serif TC";font-size:2.18rem;font-weight:900;line-height:2.8rem;text-align:center}.popUID .popBg .inputBox{display:flex;flex-direction:column;height:70%;justify-content:flex-start;margin-top:2rem;width:100%}.popUID .popBg .inputBox .inputAccount,.popUID .popBg .inputBox .inputEmail,.popUID .popBg .inputBox .selectCharacter,.popUID .popBg .inputBox .selectServer{align-items:baseline;display:flex;height:20%;justify-content:space-between;margin-bottom:1rem;width:100%}.popUID .popBg .inputBox .text{color:red;font-size:1rem;text-align:left}.popUID .popBg .inputBox .accountManual{background-color:#fff;border:1px solid #fff;color:#000;height:108%;position:absolute;right:0;top:0;width:10%}.popUID .popBg .inputBox label{color:#fff;font-size:1.3rem;width:25%}.popUID .popBg .inputBox input,.popUID .popBg .inputBox select{background-color:#323232;border:1px solid #bcbcbc;color:#bcbcbc;font-size:.9rem;height:100%;width:60%}.popUID .popBg .inputBox input{background-color:#000;border:1px solid #bcbcbc;width:59%}@media (max-width:576px){.popUID .popBg .inputBox input{width:58.7%}}@media (max-width:425px){.popUID .popBg .inputBox input{width:58.5%}}.popUID .popBg button{bottom:10px;font-size:1.3rem;font-weight:700;position:absolute}.popUID .popBg .submit{font-weight:900}.popUID .x{color:#fff;cursor:pointer;font-size:1.25rem;height:80%;left:5px;max-height:500px;min-height:500px}@media (max-width:768px){.popUID .x{max-height:50vh;min-height:500px}}.popB{background-color:rgba(0,0,0,.9)}.popB::-webkit-scrollbar-track{background-color:#000;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.popB::-webkit-scrollbar{background-color:#000;width:4px}.popB::-webkit-scrollbar-thumb{background-color:#565656}.popB .popBg{align-items:center;display:flex;flex-direction:column;height:80%;max-height:600px;max-width:730px;overflow-y:scroll;padding:0 1rem;width:80%;z-index:1}.popB .popBg .tabBox{border-top:1px solid #fff;display:flex;justify-content:center;margin:1.2rem 0;text-align:center;width:100%}.popB .popBg .tabBox .creditTab,.popB .popBg .tabBox .myCardTab{align-items:center;background:#2f2f32;border:0;clip-path:polygon(10% 100%,90% 100%,100% 0,0 0);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin:0 1.2rem;position:relative;top:-.5px;width:125px}@media (max-width:375px){.popB .popBg .tabBox .creditTab,.popB .popBg .tabBox .myCardTab{margin:0 .5rem}}.popB .popBg .tabBox .creditTab.active,.popB .popBg .tabBox .creditTab:hover,.popB .popBg .tabBox .myCardTab.active,.popB .popBg .tabBox .myCardTab:hover{background:#fff;color:#000}.popB .popBg .tabBox .myCardTab{font-weight:500}.popB .popBg .container{align-items:center;display:flex;flex-direction:column}.popB .popBg .title{background:linear-gradient(270deg,#fff 30%,#1f1f1f);background:-webkit-linear-gradient(270deg,#fff 30%,#1f1f1f);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:"Noto Serif TC";font-size:2.1rem;font-weight:900;line-height:2.8rem;margin-bottom:.5rem;text-align:center}.popB .popBg .text{color:#fff;font-size:1.3rem;line-height:2.2rem}.popB .popBg .text ul li{color:#fff;font-size:1.1rem;line-height:2.5rem;list-style-position:inside;list-style-type:decimal}.popB .popBg .text ul li::marker{color:#00b4ff}.popB .popBg .imgBox{margin-bottom:3.5rem;margin-top:.5rem;position:relative}.popB .popBg .rewardCbmImg{max-width:240px}.popB .popBg img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.popB .x{color:#fff;cursor:pointer;height:80%;left:5px;max-height:600px;padding:15px 0}.loading-container{background-color:#000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.loader{font-family:"Noto Serif TC";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader span{animation:loading 1s ease-in-out infinite alternate;color:#fff;font-size:2rem;font-weight:700;letter-spacing:.7em;text-shadow:0 0 0 #fff}@media (max-width:576px){.loader span{font-size:1.4rem}}@media (max-width:375px){.loader span{font-size:.8rem}}.loader span:nth-child(2){-webkit-animation-delay:.1s}.loader span:nth-child(3){-webkit-animation-delay:.2s}.loader span:nth-child(4){-webkit-animation-delay:.3s}.loader span:nth-child(5){-webkit-animation-delay:.4s}.loader span:nth-child(6){-webkit-animation-delay:.5s}.loader span:nth-child(7){-webkit-animation-delay:.6s}.loader span:nth-child(8){-webkit-animation-delay:.7s}.loader span:nth-child(9){-webkit-animation-delay:.8s}.loader span:nth-child(10){-webkit-animation-delay:.9s}.loader span:nth-child(11){-webkit-animation-delay:1s}.loader span:nth-child(12){-webkit-animation-delay:1.1s}.loader span:nth-child(13){-webkit-animation-delay:1.2s}.loader span:nth-child(14){-webkit-animation-delay:1.3s}.loader span:nth-child(15){-webkit-animation-delay:1.4s}.loader span:nth-child(16){-webkit-animation-delay:1.5s}.loader span:nth-child(17){-webkit-animation-delay:1.6s}.loader span:nth-child(18){-webkit-animation-delay:1.7s}.loader span:nth-child(19){-webkit-animation-delay:1.8s}.loader span:nth-child(20){-webkit-animation-delay:1.9s}.loader span:nth-child(21){-webkit-animation-delay:2s}.loader span:nth-child(22){-webkit-animation-delay:2.1s}@keyframes loading{to{color:#00b4ff;text-shadow:10px 0 50px #00b4ff}}.purchaseSuccessBg{background-image:url(/img/gameMall/headerPCBg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;position:relative;width:100%}.purchaseSuccessBg .purchaseSuccess{align-items:center;display:flex;flex-direction:column;height:100vh;padding:10%;width:100vw}.purchaseSuccessBg .title{filter:drop-shadow(0 0 10px rgb(255,255,255));font-size:2rem;font-weight:700}.purchaseSuccessBg .name{filter:drop-shadow(0 0 10px rgb(255,255,255));font-size:1.2rem}.purchaseSuccessBg .backHomeBtn{align-items:center;background-color:hsla(0,0%,100%,0);background-image:url(/img/gameMall/btnBg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:1.2rem;font-weight:400;height:100%;justify-content:center;margin-top:5%;max-height:50px;max-width:179px;width:100%}