body,html{background:#026acb}@font-face{font-family:Taipei;src:url(../../images/fonts/Taipei-Sans-TC-Beta-Bold-2.ttf) format('truetype');font-weight:400;font-style:normal}.wrapper{margin:0 auto .9rem;width:7.2rem;height:55.45rem;background-image:url(../../images/activity/kabrew2025/bg.jpg);overflow:hidden;font-family:Taipei;font-size:.2rem;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box}.date{margin:0 auto;width:4.75rem;height:.48rem;background-image:url(../../images/activity/kabrew2025/bg_date.png);line-height:.48rem;color:#fff;font-size:.21rem}.date img{width:3.67rem;vertical-align:text-top}.tips{margin-top:.1rem;color:#212fe7;font-size:.17rem;word-break:break-word}.download{display:block;margin:4.3rem auto 0;width:3.89rem;height:.99rem;background-image:url(../../images/activity/kabrew2025/btn_download.png)}[class*=task-0]{margin:0 auto;padding:.2rem;width:5.47rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}[class*=task-0] .item-title{margin:0 auto .2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:.25rem;color:#fff;text-shadow:0 .05rem #3140f1}[class*=task-0] .item-title::after,[class*=task-0] .item-title::before{content:"";position:absolute;top:50%;width:.28rem;height:.26rem;background:url(../../images/activity/kabrew2025/title_after.png) no-repeat;background-size:100% 100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[class*=task-0] .item-title::before{left:-.5rem}[class*=task-0] .item-title::after{right:-.5rem}[class*=task-0] .text{text-align:left;margin-left:.2rem;word-break:break-word}[class*=task-0] .text span{font-size:.23rem;color:#212fe7}.task-01{margin-top:5rem;padding-top:1rem;height:8.97rem;background-image:url(../../images/activity/kabrew2025/bg_task_01.png)}.task-01 .award-list li:nth-of-type(1) img{width:5.14rem}.task-01 .award-list li:nth-of-type(2) img{margin-top:.1rem;width:4.93rem}.task-01 .item-title{margin-bottom:.4rem}.task-02{margin:.6rem auto 0;padding-top:.9rem;height:3.27rem;background-image:url(../../images/activity/kabrew2025/bg_task_02.png);line-height:2.4}.task-02 .card{right:.3rem;bottom:.1rem}.task-02 .card img{width:.99rem}.task-03{margin:.45rem auto;padding-top:1rem;height:6.24rem;background-image:url(../../images/activity/kabrew2025/bg_task_03.png)}.task-03 .item-title{margin-bottom:.4rem}.task-03 .award-img{margin-top:-.4rem}.task-03 .award-img img{width:4.78rem}.task-03 .date{position:relative;margin-top:-.2rem;z-index:2}.task-04{margin:.5rem auto 0;padding-top:1rem;height:13.88rem;background-image:url(../../images/activity/kabrew2025/bg_task_04.png);text-align:left}.task-04 .activity-title{margin-top:.4rem;font-size:.3rem;color:#1121e6}.task-04 .activity-tips{margin-left:.15rem;font-size:.23rem}.task-04 .activity-sub-title{margin:.1rem 0 .1rem .15rem;width:1.04rem;height:.36rem;background:#1121e6;border:.03rem #3bd3f4 solid;color:#fff;text-shadow:0 .02rem #06118b;border-radius:.17rem}.task-04 .tips{margin-left:.15rem}.task-04 .award-list li:nth-of-type(1){margin-top:.2rem}.task-04 .award-list li:nth-of-type(2),.task-04 .award-list li:nth-of-type(3){margin-top:.1rem}.task-04 .award-list li:nth-of-type(1) img{width:4.78rem}.task-04 .award-list li:nth-of-type(2) img,.task-04 .award-list li:nth-of-type(3) img{width:4.11rem}.task-04 .date{margin-top:.1rem;text-align:center}.task-05{margin:.2rem auto;padding-top:1rem;height:4.81rem;background-image:url(../../images/activity/kabrew2025/bg_task_05.png)}.task-05 .date{margin-top:.3rem;background:0 0;color:#1121e6;font-size:.23rem;text-align:left}.task-05 .tips{margin-left:.2rem;text-align:left}.task-06{margin:.8rem auto 0;width:6.64rem;height:9.88rem;background-image:url(../../images/activity/kabrew2025/bg_task_06.png);text-align:left;padding:1.2rem .7rem 0 .7rem;font-size:.15rem;-webkit-box-sizing:border-box;box-sizing:border-box}.task-06 .text span{font-size:.15rem;color:red}.btn-open{margin:.2rem auto 0;width:3.35rem;height:.79rem;background-image:url(../../images/activity/kabrew2025/btn_open.png)}.btn-join{margin:.2rem auto 0;width:2.34rem;height:.79rem;background-image:url(../../images/activity/kabrew2025/btn_join.png)}.btn-details{margin:.2rem auto 0;width:2.34rem;height:.79rem;background-image:url(../../images/activity/kabrew2025/btn_details.png)}.btn-recharge{margin:0 auto 0;width:2.34rem;height:.79rem;background-image:url(../../images/activity/kabrew2025/btn_recharge.png)}.footer{padding:.2rem 0;background:#011649;color:#fff;font-size:.13rem;font-weight:400;text-align:center}.footer .ico-list{gap:.1rem}.footer .ico-list img{height:.37rem}.footer .ico-age{top:.2rem;right:1.3rem;width:.45rem;height:.45rem;background-image:url(../../images/activity/kabrew2025/age_18.png)}.pup-tips{top:50%;left:50%;width:6.63rem;height:3.76rem;background-image:url(../../images/activity/kabrew2025/bg_pup.png);z-index:102;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pup-tips .text{margin:1rem auto 0;height:1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.pup-tips img{width:5.55rem}.pup-download{display:block;margin:0 auto;width:2.89rem;height:.96rem;background-image:url(../../images/activity/kabrew2025/btn_download.png);cursor:pointer;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.float-tips{left:50%;bottom:0;width:7.2rem;height:1rem;background-image:url(../../images/activity/kabrew2025/float_tips.jpg);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:5}@-webkit-keyframes buttonScale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes buttonScale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}