*{margin:0;padding:0;box-sizing:border-box}.vip-display-none{display:none}.wrapper-body{background:#000}.vip-box-content{width:100%}.w80{width:80%;margin:0 auto}a{text-decoration:none}.section-banner{width:100%;height:90vh;position:relative}.section-banner img{width:100%;height:100%;object-fit:cover;display:block}.section-banner .section-banner-content{color:#fff;position:absolute;top:45%;transform:translateY(-50%);left:10%}.section-banner .section-banner-content.section-banner-content2{left:15%}.banner-title{font-size:35px;font-weight:700;line-height:1.5}.banner-title.banner-title2{font-size:45px}.banner-subtitle{font-size:16px;font-weight:300;line-height:1.8;margin-top:15px}.banner-btn{margin-top:30px}.join,.login{display:inline-block;border-radius:20px;width:160px;height:40px;line-height:40px;text-align:center;cursor:pointer;font-weight:700}.join{font-size:14px;background-color:#d70050;color:#fff}.login{border:1px solid #fff;font-size:14px;margin-left:30px}.join.claim{width:220px;margin-left:0}.section-free{background:#fff;padding:80px 0 0}.section-free-enjoy{background:#fff;padding:50px 0}.section-free-enjoy h2{display:flex;align-items:center;justify-content:center}.section-free-enjoy h2 img{width:110px}.free-enjoy-shop,.free-redeem-now{text-align:center;padding:10px 0}.free-redeem-now{margin-top:5rem}.free-enjoy-shop button,.free-redeem-now button,.vip-first-benefits-shop button{width:180px;height:40px;background-color:#d70050;border-radius:60px;letter-spacing:3px;color:#ffffffd9;border:1px solid #D70050;box-shadow:inset 0 0 30px #d70050;cursor:pointer;overflow:hidden;position:relative}.free-enjoy-shop button:before,.free-redeem-now button:before,.vip-first-benefits-shop button:before{content:"";width:70%;height:100%;background-color:#ffffff1a;position:absolute;top:0;left:-10px;transform:skew(-15deg);transition:.5s}.free-enjoy-shop button:hover:before,.free-redeem-now button:hover:before,.vip-first-benefits-shop button:hover:before{left:200px}.free-enjoy-shop button:after,.free-redeem-now button:after,.vip-first-benefits-shop button:after{content:"";width:50px;height:100%;background-color:#ffffff1a;position:absolute;top:0;left:-70px;transform:skew(-15deg);transition:.5s;transition-delay:.2s}.free-enjoy-shop button:hover:after,.free-redeem-now button:hover:after,.vip-first-benefits-shop button:hover:after{left:200px}.free-container,.free-container-enjoy{padding:40px 10px;width:85%;margin:auto;color:#fff;background-size:100% 100%}.free-content,.free-content-enjoy{display:flex;justify-content:space-between}.free-item,.free-item-enjoy{width:25%;text-align:center}.free-img{max-width:16rem;margin:auto;max-height:70px}.free-img-enjoy{margin:auto}.free-img img{width:100%;display:block;margin:auto}.free-img-enjoy img{height:100%;width:30rem;display:block;margin:auto}.free-title{align-items:center;display:flex;justify-content:center;gap:.2rem;margin-top:5.5rem;margin-bottom:1.6rem}.free-title h3{font-weight:700}.free-title svg{cursor:pointer}.free-subtitle{color:#000;font-size:14px;width:70%;margin:auto;line-height:1.4}.free-btn{margin-top:2rem;color:#000;cursor:pointer}.free-dialog-info{position:fixed;top:0;left:0;align-items:center;justify-content:center;background-color:#232323cc;width:100%;height:100vh;z-index:9}.free-dialog-info-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.free-dialog-info-box{position:relative;max-width:720px;padding:30px;background-color:#f6f5f5}.free-dialog-info-box-icon{cursor:pointer;padding:5px;position:absolute;top:0;right:0}.free-dialog-info-box-title{text-align:center;font-weight:700}.free-dialog-info-box-uCredits h5,.free-dialog-info-box-member-price h5,.free-dialog-info-box-member-referral-rules h5{font-weight:500}.free-dialog-info-box-uCredits ul,.free-dialog-info-box-member-price ul,.free-dialog-info-box-member-referral-rules ul{font-size:1.5rem;margin-bottom:1rem}.section-bucks{padding:80px 0;color:#000}.bucks-container{width:85%;margin:auto}.bucks-title{width:100%;text-align:center;font-weight:700}.bucks-subtitle{width:100%;text-align:center;font-size:18px;font-weight:500;margin-top:5px}.bucks-img{width:100%;margin-top:40px}.bucks-img img{width:100%;display:block}.bucks-content{width:95%;display:flex;justify-content:space-between;margin:auto}.bucks-item{width:calc(100% / 3);text-align:center}.bucks-step{background:#f7c39c;color:#000;display:inline-block;padding:3px 10px}.bucks-item-title{font-size:20px;font-weight:700;margin:20px auto 10px}.bucks-item-subtitle{font-size:1.4rem;color:#797979;width:70%;margin:8px auto auto}.earn-btn{background-image:linear-gradient(to right,#f7e569,#f7f3d0);padding:0 20px;color:#000;height:40px;line-height:40px;display:inline-block;width:200px;border-radius:20px;font-weight:700;cursor:pointer;text-decoration:none}.section-reward{position:relative;padding-bottom:30px}.section-reward-box{display:flex;align-items:center;flex-direction:column}.reward-title{text-align:center}.reward-title h3{padding:10px;color:#656565}.reward-container{width:100%;margin:20px 0;display:flex;justify-content:space-evenly}.reward-invite button{width:180px;height:40px;background-color:#d70050;border-radius:60px;letter-spacing:3px;color:#ffffffd9;border:1px solid #D70050;box-shadow:inset 0 0 30px #d70050;cursor:pointer;overflow:hidden;position:relative}.reward-invite button:before{content:"";width:70%;height:100%;background-color:#ffffff1a;position:absolute;top:0;left:-10px;transform:skew(-15deg);transition:.5s}.reward-invite button:hover:before{left:200px}.reward-invite button:after{content:"";width:50px;height:100%;background-color:#ffffff1a;position:absolute;top:0;left:-70px;transform:skew(-15deg);transition:.5s;transition-delay:.2s}.reward-invite button:hover:after{left:200px}.reward-content-left{display:flex;flex-direction:column;align-items:center}.reward-content-left img{max-height:25rem}.reward-content-right{display:flex;flex-direction:column;align-items:center}.reward-content-right img{max-height:25rem}.section-game{padding:80px 0;position:relative}.game-title{text-align:center;margin-bottom:30px}.section-game-box{display:flex;align-items:center;flex-direction:column;width:100%}.game-content{width:100%;display:flex;justify-content:space-evenly}.section-earn{background:#000;padding:30px 0 80px}.earn-container{width:90%;color:#fff;margin:auto}.earn-title{font-size:35px;font-weight:700;width:100%;text-align:center;margin:50px auto}.section-earn table{width:100%;border-collapse:collapse;border-spacing:0}.section-earn table tr th{background-image:linear-gradient(to right,#f7e569,#f7f3d0);padding:20px 10px;color:#000}.section-earn table tr td,.section-earn table tr th{border:2px solid #e5cdc0;text-align:center}.section-earn table tr td{padding:20px 0}.section-earn table tr td div{display:flex;align-items:center;justify-content:flex-start;margin-left:50px;margin-right:-50px}.section-earn table tr td div span:nth-child(2){margin-left:10px}.section-earn table tr td img{width:60px}.section-faq{width:100%;color:#000;padding-bottom:80px}.faq-container{width:90%;margin:auto}.faq-title{font-size:35px;font-weight:700;text-align:center;color:#000}.sun-faq{margin-top:40px}.section-pc{display:block}.section-phone{display:none}.login.ssw-reward-auth-login-btn{color:#fff}.join.claim.login.ssw-reward-auth-login-btn,.earn-btn.login.ssw-reward-auth-login-btn{color:#000}.section-banner-content2{width:60%}.section-banner-content2 .banner-bottom-box{position:relative;color:#000;background-color:#fff;border-radius:40px}.banner-bottom-content{display:flex;justify-content:space-around;top:20rem;width:100%;color:#000;background-color:#fff;border-radius:40px;position:absolute}.banner-bottom-left{display:flex;justify-content:center;padding:2.5rem}.banner-bottom-left-credits{display:flex;flex-direction:column;align-items:flex-start;margin-right:60px}.banner-bottom-left-discount{display:flex;flex-direction:column;align-items:flex-start;padding-right:110px;border-right:solid 1px #ccc}.banner-bottom-left-credits-number,.banner-bottom-left-discount-number{font-size:8vmin;font-weight:400;background:linear-gradient(to right,#fc0,#f77802);color:transparent;-webkit-background-clip:text;background-clip:text}.banner-bottom-left-span{color:#585858}.banner-bottom-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.banner-bottom-right-shop{font-size:2rem;font-weight:400;line-height:4rem;text-align:center;height:4rem;width:20rem;border-radius:20px;border:solid 1px #0e0e0e;color:#000;margin-bottom:3rem}.banner-bottom-right-redeem{background-color:#d70050;font-size:2rem;font-weight:400;line-height:4rem;text-align:center;height:4rem;width:20rem;border-radius:20px;border:solid 1px #D70050;color:#fff}@media (max-width: 1000px){#section-banner-login{height:26vh}#section-banner-login img{object-fit:cover;height:100%}.section-banner-content{width:100%;height:100%}.login.login-phone{width:100%;height:auto;border:none;margin-left:0}.section-pc{display:none}.section-phone,.section-phone img{width:100%;display:block}.banner-title{font-size:20px;line-height:1.2}.banner-subtitle{font-size:13px;line-height:1.2;width:80%;margin:10px auto 0}.section-banner .section-banner-content{left:0;text-align:center;top:55%}.section-free{padding:2rem 0 0}.banner-btn{margin-top:15px}.join,.login{width:120px;height:30px;line-height:30px;font-size:13px}.section-banner .section-banner-content.section-banner-content2{left:0;text-align:center;width:100%;top:16%}.faq-title{font-size:20px}}@media (min-width: 1600px){.ways-info{font-size:14px}}.nav-box{margin:30px 0}.nav-content{padding:1rem}.nav-box nav{display:flex;justify-content:space-around;margin-bottom:3rem;position:sticky}.nav-box nav a{font-size:1.8rem;font-weight:600;color:#080808;text-decoration:none}@media (max-width: 800px){.nav-box nav a{font-size:1.5rem;font-weight:600;color:#080808}.nav-content{padding:1rem}}.sticky-nav{position:sticky;top:0;width:100%;background-color:#fff;z-index:9}.nav-box nav .line{display:block;width:0;height:.1vmin;background-color:#131212;border-radius:1vmin;position:absolute;left:0;bottom:2%;transition:all .5s}.refer_link-dialog{display:none;z-index:99;top:50%;right:10px;transform:translateY(-50%);position:fixed;background:#fff;width:30vmin;border-radius:10px;transition:transform .5s ease-out}.slide-out{transform:translate(100%)}.slide-out-in{transform:translate(0)}.refer_link-dialog-box{position:relative;width:100%;padding-bottom:12px}.refer_link-dialog-box-icon{cursor:pointer;padding:15px;display:flex;flex-direction:row-reverse;justify-content:flex-start}.refer_link-dialog-box-content{width:90%;padding:10px;margin:0 auto;border:solid 1px #eee;border-radius:13px;box-shadow:0 0 10px 2px #8180804d}.refer_link-dialog-box-content-title{margin:0;font-size:16px;line-height:19px;font-weight:700}.refer_link-dialog-box-content-referlink{display:flex;margin:12px 0}.refer-link-main{border:1px solid rgba(0,0,0,.2);border-radius:7px;padding:12px;width:60%;line-height:.9;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 8px 0 0;font-size:14px}.refer-link-copy{width:auto;text-align:initial;padding:15px 15px 13px;border-radius:7px;border:0;color:#fff;background:#d60051;font-weight:700;text-transform:uppercase;cursor:pointer;line-height:1;position:relative}@media (max-width:1000px){.w80{width:100%}.section-free h1{font-weight:500}.free-content{flex-direction:column}.free-item{width:100%}.section-free-enjoy h1{text-align:-webkit-left!important}.section-bucks{padding:0}.bucks-container{width:100%}.section-free-enjoy h1 img{width:9rem}.free-item-enjoy,.free-img-enjoy{width:100%}.free-container-enjoy{padding:0;width:100%}.free-content-enjoy{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.free-img-enjoy img{width:26rem}.free-redeem-now{margin:2rem}.reward-content-left img,.reward-content-right img{max-height:10rem}.free-container{padding:0;width:100%}.bucks-title{font-size:3rem;font-weight:700}.free-dialog-info-box{padding:0;width:100%;height:100%}.free-dialog-info-container{z-index:9;left:5%;top:10%;position:relative;overflow:auto;width:90%;height:70%}.free-dialog-info-box-list{height:90%;overflow:auto}.free-dialog-info-box-uCredits{height:100%}}.vip-first-benefits{margin-top:1.875rem}.vip-first-benefits-box{width:100%;gap:4rem;display:flex;flex-direction:column}.vip-first-benefits-title{display:flex;align-items:center;justify-content:center}.vip-first-benefits-title-left img{height:200px;width:200px}@media (min-width: 751px){.vip-first-benefits-title-right{position:relative;bottom:-21px}}@media (max-width:750px){.vip-first-benefits-title-left img{height:132px;width:132px}.vip-first-benefits-title-right h2{font-size:2rem}.vip-first-benefits-title-right h3{font-size:1.6rem}}.vip-first-benefits-title h2{font-weight:700}.vip-first-benefits-title h3{padding:1rem 0}.vip-first-benefits-content{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.vip-first-benefits-item-left{display:flex;flex-direction:column;background-color:#d3dae4;text-align:center}.vip-first-benefits-item-left img{object-fit:contain;height:238px;width:500px}.vip-first-benefits-item-left span{font-weight:600;font-size:1.7rem}.vip-first-benefits-item-right{display:flex;flex-direction:column;background-color:#ecd1bc;text-align:center;align-items:center}.vip-first-benefits-item-right img{height:238px;width:500px;object-fit:contain}.vip-first-benefits-item-right div{width:80%;display:flex;flex-direction:column}.vip-first-benefits-item-right .right-title-first{font-weight:600;font-size:1.7rem}.vip-first-benefits-item-right .right-title-second{opacity:.9;font-size:1.2rem}.vip-first-benefits-shop{text-align:center}@media (max-width:1000px){.vip-first-benefits-box{gap:1rem}.vip-first-benefits-content img{width:80%}.vip-first-benefits-content{flex-direction:column;align-items:center;gap:1rem;padding:0 2rem}.vip-first-benefits-item-left img,.vip-first-benefits-item-right img{width:100%;height:auto;border-radius:30px}.vip-first-benefits-item-left,.vip-first-benefits-item-right{border-radius:30px}.vip-first-benefits-shop a{width:180px;height:40px}.section-bucks-box{display:flex;padding:0 1rem}.bucks-img{width:50%;margin-top:0}.bucks-img img{width:100%;content:url(/cdn/shop/files/5_c596ac47-e6ef-4784-a11e-2c4f443f5d75.png?v=1712473667)}.bucks-content{display:flex;flex-direction:column}.bucks-item{display:flex;width:110%;align-items:center}.bucks-content{width:100%;gap:1.5rem}.bucks-step{font-size:1.5rem;padding:.3rem;border-radius:11px}.section-banner .section-banner-content.section-banner-content2{top:58%}.banner-bottom-content{flex-direction:column}.banner-bottom-left{flex-direction:column;text-align:center;align-items:center;gap:2rem}.banner-bottom-left-credits{margin-right:0}.banner-bottom-left-discount{align-items:center;padding-right:0;border-right:none}#section-banner-member{height:70vh;background:#eee}.banner-img{height:100%;object-fit:cover}.banner-title.banner-title2{font-size:3rem}.banner-bottom-box{width:94%;margin:0 auto;top:2rem}.banner-bottom-content{top:1rem}.banner-bottom-right-redeem,.banner-bottom-right-shop{font-size:1.8rem}}@media (max-width:430px){.banner-bottom-box{height:50vh}.vip-box-padding-top{padding-top:10%!important}}@media (max-width:414px){.banner-bottom-box{height:50vh}.vip-box-padding-top{padding-top:15%!important}}@media (max-width:390px){.banner-bottom-box{height:55vh}.vip-box-padding-top{padding-top:30%!important}}@media (max-width:375px){.banner-bottom-box{height:70vh}.vip-box-padding-top{padding-top:68%!important}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/sun-vip.css.map */