.modal { font-size: initial; }
.regressmodal .form-select { text-align: center !important; padding: 0 .2rem; width: 2rem;}
#eventAlertModal .modal-body { margin: 0 auto; width: 6rem; height: 5.34rem; background: url(https://res1-nte.iwplay.com.tw/images/pop/popCont_alert.png) no-repeat 0 0; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 1.6rem; border-radius: 0.28rem; }
#eventAlertModal .modal-body p { margin-bottom: 0.2rem; font-size: 0.3rem; }

/* otherPlatform */
.otherPlatform { display: flex;}
.otherPlatform a { position: relative; margin: 0 0.09rem; width: 0.66rem; height: 0.66rem; background: url(https://res1-nte.iwplay.com.tw/images/otherPlatform.png) no-repeat; background-position-y: 0; background-size: auto 200%; }
.otherPlatform .platform_twitter { background-position-x: 0; }
.otherPlatform .platform_facebook { background-position-x: -0.84rem; }
.otherPlatform .platform_youtube { background-position-x: -1.68rem; }
.otherPlatform .platform_discord { background-position-x: -2.52rem; }
.otherPlatform .platform_reddit { background-position-x: -3.37rem; }
.otherPlatform .platform_ins { background-position-x: -4.2rem; }
.otherPlatform .platform_tiktok { background-position-x: -5.04rem; }
.otherPlatform .platform_line { background-position-x: -5.88rem; }
.otherPlatform .platform_naver { background-position-x: -6.72rem; }
.otherPlatform .platform_talk { background-position-x: -7.56rem; }
.otherPlatform .platform_ps { background-position-x: -5.04rem; }
.otherPlatform a:hover { background-position-y: -0.66rem; }
.otherPlatform .code { position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, 0); display: none; }
.otherPlatform a:hover .code { display: block; }
.otherPlatform .code div { margin-bottom: 0.1rem; border-radius: 0.05rem; padding: 0.1rem; background: #fff; }
.otherPlatform .code img { display: block; width: 1.2rem; height: 1.2rem; }

/* 彈窗 */
.popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 10;}
.regressmodal .pop { display: block;}
.popup .popCont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 7.6rem; }
.popup .pop-bg{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9.19rem; height: 8.24rem;}
.popup .close{ top: .21rem; right: .21rem; width: .42rem; height: .43rem; background: url(https://res1-nte.iwplay.com.tw/events/invite/images/close.png) no-repeat 0 0; background-size: 100%; z-index: 1; opacity: 1;}
.popup .close:not(:disabled):not(.disabled):focus, .popup .close:not(:disabled):not(.disabled):hover { opacity: 1; }
.popup p { margin-bottom: 0;}
.popup_outer { min-height: auto; }

/* 彈窗：活動規則 */
.pop-bg1{ background: url(https://res1-nte.iwplay.com.tw/events/invite/images/pop-bg1.png) no-repeat 0 0; background-size: 100% auto;}
.popRuleTit{ display: block; width: 7.59rem; height: .68rem; margin: 1.52rem auto 0; background: url(https://res1-nte.iwplay.com.tw/events/invite/images/popRuleTit.png) no-repeat 0 0; background-size: 100% auto;}
.rule-scroll{ width: 7.5rem; height: 4.78rem; margin: .28rem auto 0; }
.cus-scroll{ overflow-x: hidden; overflow-y: auto; }
.cus-scroll::-webkit-scrollbar{ width: .14rem; background: url(https://res1-nte.iwplay.com.tw/events/invite/images/line.png) repeat-y center 0;}
.cus-scroll::-webkit-scrollbar-thumb{ width: .14rem; background-color: #ff4295; border-radius: .07rem;}
.rule-scroll p, .rule-scroll p a{ width: 7rem; font-size: .23rem; line-height: .38rem; color: #c8c8c8;}

/* 彈窗：分享 */
.popShare { overflow-y: hidden !important;}
.popShareCont{ position: relative; width: 8.03rem; height: 4.53rem; margin: 1.56rem auto 0;}
.shareDownSourcePic{ top: 100vh; left: 100vw; width: 803px; height: 453px; background: #000;}
.shareDownPic{ display: block; width: 100%; height: 100%; background: url(https://res1-nte.iwplay.com.tw/events/invite/images/shareDownPic.jpg) no-repeat 0 0; background-size: 100% auto;}
.inviteCode{ left: 661px; top: 292px; width: 116px; height: 116px; padding: 5px; background: #FFF;}
.inviteCode canvas{ width: 100%; height: 100%;}
.shareDownResultPic{ top: 0; left: 0; width: 100%; height: 100%; background: #000;}
.shareDownResultPic img{ width: 100%; height: 100%;}

.popBtns{ display: flex; width: 100%; height: .69rem; margin-top: .38rem; justify-content: center; }
.popBtns button, .popBtns a{ width: 2.78rem; height: .69rem; margin: 0 .2rem;}
.shareInviteLinkBtn,.btn-pop-invite{ background: url(https://res1-nte.iwplay.com.tw/events/invite/images/shareInviteLinkBtn.png) no-repeat 0 0; background-size: 100% auto;}
.downloadSharePicBtn{ background: url(https://res1-nte.iwplay.com.tw/events/invite/images/downloadSharePicBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 彈窗：邀請記錄 */
.popInviteLogTit{ width: 5.44rem; height: .85rem; margin: 1.88rem auto 0; background: url(https://res1-nte.iwplay.com.tw/events/invite/images/popInviteLogTit.png) no-repeat; background-size: 100% auto;}
.popInviteLogCont{ height: 2.66rem;}
.notLog{ display: flex; width: 100%; height: 100%; line-height: .6rem; font-weight: bold; font-size: .34rem; color: #b7b7b7; align-items: center; justify-content: center; text-align: center; }
.inviteLogList{ width: 7.1rem; margin: 0 auto; padding-top: .15rem; color: #d5d5d5;}
.inviteLogList .tr{ display: flex; justify-content: space-between; align-items: center;}
.inviteLogList .tr p{ width: 50%; text-align: center;}
.inviteLogList .thead{ height: .76rem; font-weight: bold; font-size: .34rem; line-height: .76rem;}
.inviteLogList .tbody{ width: 7.26rem; height: 1.74rem; font-size: .23rem; line-height: .24rem;}
.inviteLogList .tbody .tr{ margin-bottom: .18rem;}

.popBtnsTip{width: 100%; text-align: center; font-size: .23rem; line-height: .7rem; color: #63edec;}
#popInviteLog .popBtns{ margin-top: 0;}

/* 彈窗：獎勵背包 */
.popPackageTit{ width: 5.44rem; height: .85rem; margin: 1.88rem auto 0; background: url(https://res1-nte.iwplay.com.tw/events/invite/images/popPackageTit.png) no-repeat; background-size: 100% auto;}
.popPackageCont{ height: 2.66rem;}
.notRewards{ width: 100%; text-align: center; line-height: 1.38rem; font-weight: bold; font-size: .34rem; color: #b7b7b7;}
.rewardsList{ width: 5.9rem; height: 1.9rem; margin: .15rem 0 0 1.88rem;}
.rewardsItem{ display: flex; width: 5.38rem; height: .62rem; margin: .08rem 0; justify-content: space-between; align-items: center; background: #ededed; border: .03rem solid #585858; border-radius: .31rem;}
.rewardsItem p{ margin-left: .15rem; font-weight: bold; font-size: .3rem; color: #3f3f3f;}
.rewardsItem button{ margin-right: .1rem; width: 2.04rem; height: .44rem; border-radius: .31rem; background: #70e0f0; font-weight: bold; font-size: .24rem; color: #262626;}
.rewardsItem button.void{ background: #868686; cursor: default;}

#popPackage .popBtns{ margin-top: 0;}

/* 彈窗：中獎（實物 | 測試資格） */
.pop-bg2{ background: url(https://res1-nte.iwplay.com.tw/events/invite/images/pop-bg2.png) no-repeat 0 0; background-size: 100% auto;}
.pop-kt-head{ top: .19rem; height: 1.97rem;}
.pop-kt-title{ height: .5rem;}
.popLotteryCont{ position: relative; overflow: hidden; width: 100%; height: 5.3rem;}
.popLotteryCont .content{ display: flex; width: 7.9rem; height: 2.66rem; margin: 2.65rem auto 0; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; text-align: center;}
.popLotteryCont h3{ width: 100%; margin-bottom: .7rem; }
.popLotteryCont .des{ line-height: .52rem; font-weight: bold; font-size: .3rem; color: #b7b7b7;}
.popLotteryCont .prizeName, .popPackage .prizeName, .popLotteryWinning h3{ color: #ff3b82;}
.popLotteryWinning .des { width: 65%; margin: 0 auto; }

#popLottery .popBtns{ margin-top: 0;}

/* 彈窗：提示訊息 */
.popMsgCont{ display: flex; width: 8rem; height: 4.9rem; margin: 1.8rem auto 0; justify-content: center; align-items: center; font-weight: bold; font-size: .5rem; line-height: .72rem; color: #eae9e9;}