.s1htlsfb{vertical-align:top;text-align:left;background:#fff;border:1px solid #529dc247;border-radius:16px;width:1002px;margin:30px 0 0 -500px;display:inline-block;position:relative;left:50%}.s1htlsfb .div-title{color:#fff;text-align:center;background:linear-gradient(135deg,#079bd8 0%,#21c6aa 100%);border-radius:15px 15px 0 0;margin-bottom:15px;padding:14px 20px;font-family:Noto Sans TC;font-size:18px;font-weight:700;display:block}.s1htlsfb .invite-box{color:#14324b;width:1000px;margin-top:17px;padding:30px 50px;position:relative}.s1htlsfb h3{color:#0996c2;margin:1em 0;font-size:1.17em;font-weight:700}.s1htlsfb p{margin:1em 0}.s1htlsfb .invite-list ul,.s1htlsfb .invite-dividend ul,.s1htlsfb .invite-txt{background:#f1f7fa;border:1px solid #bad6e3ad;border-radius:16px;margin:20px auto;padding:20px;list-style:none;display:block}.s1htlsfb .invite-list li,.s1htlsfb .invite-dividend li{text-align:center;width:calc(50% - 20px);display:inline-block}.s1htlsfb .invite-list li{width:calc(33% - 1px)}.s1htlsfb .invite-list li+li,.s1htlsfb .invite-dividend li+li{border-left:1px solid #bad6e3ad}.s1htlsfb .invite-list li p:first-child{color:#23a6dc;font-size:36px;font-weight:700}.s1htlsfb .p-link{cursor:pointer}.s1htlsfb .invite-code{position:relative}.s1htlsfb .invite-txt{width:700px;display:inline-block}.s1htlsfb .copy-btn{width:170px;margin:0;padding:0;list-style:none;display:inline-block;position:absolute;bottom:22px;right:0}.s1htlsfb .copy-btn li:first-child{margin-bottom:10px}.s1htlsfb .icon-btn{color:#fff;text-align:center;background:linear-gradient(135deg,#079bd8 0%,#21c6aa 100%);border-radius:22px;width:170px;height:38px;font-family:Noto Sans TC;font-size:15px;font-weight:700;line-height:38px;position:relative;overflow:hidden;box-shadow:0 6px 12px #079bd833}.s1htlsfb .icon-btn a{z-index:2;width:100%;height:100%;color:inherit;cursor:pointer;line-height:38px;-webkit-text-decoration:none;text-decoration:none;display:block;position:absolute}.s1htlsfb .icon-btn svg{opacity:0;margin-left:10px;font-size:20px;transition:all .6s;position:absolute;top:9px}.s1htlsfb .icon-btn span{margin-left:0;transition:all .6s}.s1htlsfb .icon-btn:hover svg{opacity:1;margin-left:0}.s1htlsfb .icon-btn:hover span{margin-left:22px}.s1htlsfb .icon-btn.copy-link{color:#079bd8;box-shadow:none;background:#fff;border:1px solid #079bd866}.s1htlsfb b{color:#23a6dc;margin-left:10px;font-size:18px}.s1htlsfb .tip{cursor:pointer;position:relative}.s1htlsfb .tiptxt{background:#0003;border-radius:3px;width:300px;margin-left:60px;padding:5px;display:none;position:absolute;top:-70px}.s1htlsfb .tip:hover .tiptxt{display:block}
.sru86rx{text-align:left;background:#fff;border:1px solid #cce0ebb8;border-radius:22px;font-size:14px;box-shadow:0 8px 24px #1a476613}.sru86rx:before{content:"VIP";color:#fff;text-align:center;background:linear-gradient(135deg,#079bd8 0%,#21c6aa 100%);border-radius:22px 22px 0 0;margin-bottom:15px;padding:14px 20px;font-size:18px;font-weight:700;display:block}@keyframes progress-bar-stripes-sru86rx{0%{-webkit-background-position:30px 0;background-position:30px 0}to{-webkit-background-position:0 0;background-position:0 0}}.sru86rx .card{background:#fff;border-radius:15px;margin:15px auto;padding:20px}.sru86rx .card:last-child{margin-bottom:0}.sru86rx .card.first{background:#f4fbff;border:1px solid #529dc247;margin:20px;padding:20px;display:flex;position:relative}.sru86rx .icon{color:#6d3b1f;text-align:center;background:url(/CdnRedirect/Web.Portal/_Common/Content/Views/Vip/images/medal_gold.png) 50% no-repeat;width:90px;height:112px;padding-top:37px}.sru86rx .icon:before{content:"VIP";color:#6d3b1f;font-family:Noto Sans TC;font-size:24px;font-weight:900;position:absolute;top:62px;left:48px}.sru86rx .icon span{color:#c89b3c;font-size:20px;font-weight:700;line-height:57px;position:absolute;top:14px;left:139px}.sru86rx .card.first ol{justify-content:flex-end;margin:40px 0 0;padding:0;list-style:none;display:flex}.sru86rx .card.first ol>li{color:#4b505e;min-width:160px;height:90px;padding:5px 0 0 30px;font-size:14px}.sru86rx .card.first ol>li.mr-auto{margin-right:auto}.sru86rx .card.first ol>li p{color:#14324b;margin:0 0 10px;font-size:20px;font-weight:700}.sru86rx .div-actions{text-align:right;padding-bottom:20px}.sru86rx .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#079bd8 0%,#21c6aa 100%);border:0;border-radius:999px;margin-left:8px;padding:8px 18px;font-weight:700}.sru86rx .btn:disabled{opacity:.6;cursor:not-allowed}.sru86rx .card h3{color:#333;margin:0 0 20px;font-size:20px;font-weight:700}.sru86rx .card p{margin:5px 0}.sru86rx .card p.title{color:#14324b;font-family:Noto Sans TC;font-size:17px;font-weight:700}.sru86rx .bar-box{margin:20px 0}.sru86rx .bar-box p{color:#14324b;font-family:Noto Sans TC;font-size:14px;font-weight:500}.sru86rx .bar-box p span{color:#d89b25;margin:0 20px;font-weight:700}.sru86rx .progress{background:#eaf6fd;border:1px solid #529dc247;border-radius:14px;height:28px;overflow:hidden}.sru86rx .progress-bar{color:#fff;background:linear-gradient(135deg,#079bd8 0%,#21c6aa 100%);border-radius:14px;min-width:46px;height:100%;padding-left:12px;font-size:12px;font-weight:700;transition:width .6s}.sru86rx .progress-bar span{line-height:26px}.sru86rx table{color:#333;border-collapse:separate;border-spacing:0;border:1px solid #529dc247;border-radius:16px;width:100%;margin-top:20px;font-size:14px;overflow:hidden}.sru86rx th,.sru86rx td{text-align:left;padding:15px;font-weight:400}.sru86rx th{color:#6d91a8;background:#f4f9fc;font-weight:700}.sru86rx td{background:#fff;border-bottom:1px solid #eaf1f6}.sru86rx td:nth-child(4){color:#c89b3c;font-weight:700}.sru86rx .rule-content{color:#14324b;word-break:break-all;background:#f9fcfe;border:1px solid #bad6e3ad;border-radius:12px;padding:20px;overflow:auto}.sh0whlj{height:150px;margin:20px auto;position:relative}.sh0whlj ul{perspective:800px;height:100%;margin:0;padding:0;list-style:none;position:relative}.sh0whlj li{cursor:pointer;-webkit-transition:-webkit-transform .35s cubic-bezier(.56,.12,.12,.98);width:300px;height:150px;transition:transform .35s cubic-bezier(.56,.12,.12,.98);position:absolute;top:0;left:calc(50% - 150px)}.sh0whlj .item-content{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;color:#fff;background:url(/CdnRedirect/Web.Portal/_Common/Content/Views/Vip/images/bg_silver.png) 50%/100% 100% no-repeat;justify-content:center;align-items:flex-end;width:100%;height:100%;transition:all .35s cubic-bezier(.56,.12,.12,.98);display:flex}.sh0whlj li:first-child .item-content{background-image:url(/CdnRedirect/Web.Portal/DN015-01.Portal/Content/Views/Vip/images/bg_vvip.png)}.sh0whlj li:nth-child(2) .item-content{background-image:url(/CdnRedirect/Web.Portal/DN015-01.Portal/Content/Views/Vip/images/bg_svip.png)}.sh0whlj li.is-past .item-content,.sh0whlj li.is-future .item-content{opacity:0}.sh0whlj li.is-past-1 .item-content{opacity:.8;transform:rotateY(45deg)scale(.8)}.sh0whlj li.is-future-1 .item-content{opacity:.8;transform:rotateY(-45deg)scale(.8)}.sh0whlj li.is-past-2 .item-content{opacity:.6;transform:translate(25%)rotateY(40deg)scale(.65)}.sh0whlj li.is-future-2 .item-content{opacity:.6;transform:translate(-25%)rotateY(-40deg)scale(.65)}.sh0whlj .bottom{margin-bottom:10px}.sh0whlj .left,.sh0whlj .right{text-align:center;vertical-align:top;margin:0 5px;font-size:14px;display:inline-block}.sh0whlj .left p,.sh0whlj .right p{margin:3px 0 0}.sh0whlj .btn-prev,.sh0whlj .btn-next{z-index:100;color:#454545;cursor:pointer;background:0 0;border:0;width:30px;height:52px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.sh0whlj .btn-prev{left:30px}.sh0whlj .btn-next{right:30px}.sh0whlj svg{width:100%;height:100%}.sh0whlj polyline{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round}