@charset "UTF-8";#bannerModal .desktop{display:none}@media screen and (min-width:769px){#bannerModal .desktop{display:block}}@media screen and (min-width:769px){#bannerModal .mobile{display:none}}#bannerModal .close-btn{width:56px;height:56px;position:absolute;right:0;top:-5px;background:0 0;cursor:pointer;border:0}#bannerModal .close-btn::before{position:absolute;content:"";width:100%;height:100%;transform-origin:center;background:#fff;border-radius:40px;transform:scale(0,0);transition:all .3s;left:10%}#bannerModal .close-btn:focus{outline:0}#bannerModal .close-btn .cross-box{width:100%;height:100%;position:relative}#bannerModal .close-btn .cross-box::before{transform:rotate(45deg)}#bannerModal .close-btn .cross-box::after{transform:rotate(-45deg)}#bannerModal .close-btn:hover::before{transform:scale(.7,.7)}#bannerModal .close-btn .cross-box::after,#bannerModal .close-btn .cross-box::before{position:absolute;left:27px;top:20px;content:' ';height:16px;width:2px;background-color:#333;transition:all .3s}#bannerModal .modal-content--popup-banner{overflow:hidden;position:absolute;top:50%;left:50%;width:1024px;height:80vh;max-width:95%;max-height:98%;margin:0 auto;border-radius:20px;transform:translate(-50%,-50%)}@media screen and (min-width:769px){#bannerModal .modal-content--popup-banner{height:470px}}#bannerModal .modal-content--popup-banner .modal-body{height:calc(100% - 30px)}#bannerModal .modal-content--popup-banner .modal-header{position:relative;padding:20px 5px 15px;border-bottom:none}@media screen and (min-width:769px){#bannerModal .modal-content--popup-banner .modal-header{padding:15px}}#bannerModal .modal-content--popup-banner.bannerBackground{max-width:260px;max-height:450px;background-position:50% 0;background-size:100% auto;background-repeat:no-repeat;background-color:#b0dbfd}@media screen and (min-width:360px){#bannerModal .modal-content--popup-banner.bannerBackground{max-width:95%;max-height:none;background-position:50% 0}}@media screen and (min-width:375px) and (max-width:480px) and (min-height:812px){#bannerModal .modal-content--popup-banner.bannerBackground{background-size:110% auto}}@media screen and (min-width:550px) and (max-width:768px){#bannerModal .modal-content--popup-banner.bannerBackground{max-width:490px;background-position:center center;background-size:auto 100%}}@media screen and (min-width:769px){#bannerModal .modal-content--popup-banner.bannerBackground{max-width:100%;background-position:right center;background-size:100% auto}}#bannerModal .homePopup{height:100%}#bannerModal .homePopup__row{height:100%}@media screen and (min-width:769px){#bannerModal .homePopup__row{display:flex;width:45%;flex-direction:row-reverse;align-items:stretch;justify-content:center;margin:0 1%}}#bannerModal .homePopup__col{position:relative;height:100%}@media screen and (min-width:769px){#bannerModal .homePopup__col{overflow:visible;align-items:center;width:100%}}#bannerModal .homePopup__cover,#bannerModal .homePopup__inner{position:relative}#bannerModal .homePopup__text{position:relative;height:100%;text-align:center;padding-top:1.5vh}@media screen and (min-width:769px){#bannerModal .homePopup__text{padding-top:60px}}#bannerModal .homePopup__terms{padding:10px 0;line-height:1.2;text-align:left;font-size:12px;font-family:'Noto Sans','Noto Sans TC',MHei,"微軟正黑體","Microsoft JhengHei",sans-serif;color:#333;transform:scale(.9) translateY(-65%);transform-origin:50% 0}@media screen and (min-width:360px){#bannerModal .homePopup__terms{position:absolute;bottom:0;left:0;right:0;width:100%;transform:scale(.85) translateY(15%)}}@media screen and (min-width:769px){#bannerModal .homePopup__terms{white-space:pre-line;font-size:12px;transform:none}}#bannerModal .homePopup__terms--redBg{color:#f8cc85}#bannerModal .homePopup img{max-width:90%}@media screen and (min-width:769px){#bannerModal .homePopup img{max-width:100%}}#bannerModal .homePopup .kv{overflow:hidden;position:relative;width:100%;height:100%;margin:8px auto 0;padding-bottom:35vh}@media screen and (min-width:360px){#bannerModal .homePopup .kv{margin:16px auto 0}}@media screen and (min-width:769px){#bannerModal .homePopup .kv{padding-bottom:90%}}#bannerModal .homePopup .kv img{position:absolute;top:0;left:50%;width:60vh;width:calc(min(60vh,90%));max-width:none;transform:translateX(-50%)}@media screen and (min-width:640px){#bannerModal .homePopup .kv img{width:calc(min(60vh,65%))}}@media screen and (min-width:769px){#bannerModal .homePopup .kv img{width:110%}}#bannerModal .homePopup .title{width:100%;margin:0;text-align:center}@media screen and (min-width:769px){#bannerModal .homePopup .title{position:static;margin:0 auto 16px;max-width:360px}}#bannerModal .homePopup .title--desktop{display:none}@media screen and (min-width:769px){#bannerModal .homePopup .title--desktop{display:inline-block}}#bannerModal .homePopup .title--mobile{display:inline-block}@media screen and (min-width:769px){#bannerModal .homePopup .title--mobile{display:none}}#bannerModal .homePopup .title img{width:calc(min(50vh,100%));max-width:200px}@media screen and (min-width:375px){#bannerModal .homePopup .title img{max-width:260px}}@media screen and (min-width:769px){#bannerModal .homePopup .title img{width:290px;max-width:100%}}#bannerModal .homePopup .button{width:100%;margin:0 auto 8px}@media screen and (min-width:769px){#bannerModal .homePopup .button{max-width:142px;margin:16px auto}}#bannerModal .homePopup .button img{max-width:40%}@media screen and (min-width:769px){#bannerModal .homePopup .button img{max-width:100%}}#bannerModal .homePopup .txt{width:100%;margin:4px auto}@media screen and (min-width:769px){#bannerModal .homePopup .txt{max-width:639.8px;margin:18px auto}}#bannerModal .homePopup .txt img{width:calc(min(40vh,100%))}@media screen and (min-width:769px){#bannerModal .homePopup .txt img{width:auto;max-width:80%}}#bannerModal .homePopup__cta{transform:none;transform-origin:50% 0}#bannerModal .homePopup__promo{overflow:visible;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;margin:2vh auto 8px;transform:scale(.9)}@media screen and (min-width:360px){#bannerModal .homePopup__promo{transform:none;margin-top:2vh}}@media screen and (min-width:769px){#bannerModal .homePopup__promo{margin:6px auto}}@media screen and (min-width:768px) and (min-height:1024px){#bannerModal .homePopup__promo{margin-top:1vh}}@media (min-width:1024px){#bannerModal .homePopup__promo{margin:6px 0 6px 15%}}#bannerModal .homePopup__labelWrapper{background:#fff;box-shadow:0 0 4px 1px rgba(198,180,146,.8);border-radius:20px}@media screen and (min-width:640px){#bannerModal .homePopup__labelWrapper{border-radius:30px}}#bannerModal .homePopup__label{display:inline-flex;align-items:center;padding:5px;border-radius:20px;font-size:12px}@media screen and (min-width:360px){#bannerModal .homePopup__label{padding:10px;font-size:14px}}@media screen and (min-width:769px){#bannerModal .homePopup__label{padding:15px 20px;font-size:20px;border-radius:30px}}#bannerModal .homePopup__label--red{border-top-right-radius:0;border-bottom-right-radius:0;background-color:red;letter-spacing:2px}#bannerModal .homePopup__label--red span{color:#fff}#bannerModal .homePopup__label--white{border-top-left-radius:0;border-bottom-left-radius:0;background-color:#fff;letter-spacing:2px}#bannerModal .homePopup__label--white span{color:red}#bannerModal .homePopup__label--plain{padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0}@media screen and (min-width:769px){#bannerModal .homePopup__label--plain{justify-content:center}}#bannerModal .homePopup__copy-btn{text-decoration:underline;background:0 0;color:red;font-family:'Noto Sans','Noto Sans TC',MHei,"微軟正黑體","Microsoft JhengHei",sans-serif;font-size:12px}@media screen and (min-width:360px){#bannerModal .homePopup__copy-btn{font-size:14px}}@media screen and (min-width:769px){#bannerModal .homePopup__copy-btn{display:inline-block;width:58px}}#bannerModal .homePopup__cta-btn{margin-top:calc(min(25vh,170px));margin-top:125px}@media screen and (min-width:375px) and (max-width:480px) and (min-height:812px){#bannerModal .homePopup__cta-btn{margin-top:calc(min(27vh,170px))}}@media screen and (min-width:769px){#bannerModal .homePopup__cta-btn{margin-top:60px}}#bannerModal .homePopup__cta-btn img{max-width:125px}@media screen and (min-width:769px){#bannerModal .homePopup__cta-btn img{max-width:167.5px}}#bannerModal #default_BG .bannerBackground{min-width:768px;width:934px;background-position:center center;background-color:#fff}#bannerModal #default_BG .button{position:absolute;top:77%;bottom:10%;left:auto;right:50%;width:190px}#bannerModal #default_BG .homePopup__text{padding-top:290px}#bannerModal #default_BG .homePopup__row{width:100%}#bannerModal #default_BG #TERMS{left:32%;text-align:center}#bannerModal #default_BG_M{width:90%;height:400px;max-width:300px;background-size:cover;background-color:#a8d8fe}#bannerModal #default_BG_M .homePopup__cta{position:absolute;left:50%;transform:translate(-50%,0);top:-5%}@media screen and (min-width:360px){#bannerModal #default_BG_M{background-size:auto 100%}}@media screen and (min-width:375px) and (max-width:480px) and (min-height:812px){#bannerModal #default_BG_M{height:500px;background-size:auto 100%;background-position:top center}}#bannerModal #default_BG_M #TERMS{bottom:10px}@media screen and (min-width:375px) and (max-width:480px) and (min-height:812px){#bannerModal #default_BG_M #TERMS{bottom:20px}}#bannerModal #default_BG_M .button{position:absolute;top:77%;bottom:15%;left:13%;right:50%}@media screen and (min-width:375px) and (max-width:480px) and (min-height:812px){#bannerModal #default_BG_M .button{left:5%}}#bannerModal #DEFAULT_TERMS{display:block;position:absolute;bottom:0;left:0;right:0;width:100%;transform:scale(.8) translateY(15%)}@media screen and (min-width:769px){#bannerModal #DEFAULT_TERMS{width:200%}}#bannerModal #TERMS{position:absolute;bottom:0;left:0;right:0;width:100%;transform:scale(.8) translateY(15%)}@media screen and (min-width:360px){#bannerModal #TERMS{bottom:0}}@media screen and (min-width:769px){#bannerModal #TERMS{width:200%}}[lang=en] #bannerModal .homePopup__text{padding-top:1.5vh}@media screen and (min-width:769px){[lang=en] #bannerModal .homePopup__text{padding-top:60px}}[lang=en] #bannerModal .homePopup__label--red,[lang=en] #bannerModal .homePopup__label--white{letter-spacing:0}[lang=en] #bannerModal .homePopup__promo{transform:scale(.95)}@media screen and (min-width:769px){[lang=en] #bannerModal .homePopup .txt{max-width:411.3px}}[lang=en] #bannerModal .homePopup .txt img{max-width:200px}@media screen and (min-width:360px){[lang=en] #bannerModal .homePopup .txt img{max-width:266px}}@media screen and (min-width:769px){[lang=en] #bannerModal .homePopup .txt img{max-width:90%}}@media screen and (min-width:360px){[lang=en] #bannerModal .homePopup .title{top:2vh}}[lang=en] #bannerModal .homePopup .title img{max-width:180px}@media screen and (min-width:360px){[lang=en] #bannerModal .homePopup .title img{max-width:250px}}@media screen and (min-width:769px){[lang=en] #bannerModal .homePopup .title img{width:346.5px;max-width:100%}}@media screen and (min-width:769px){[lang=en] #bannerModal .homePopup__cta-btn img{max-width:200.2px}}[lang=en] #bannerModal #fiveG19030_BG .homePopup__text{padding-top:20px}
/*# sourceMappingURL=overlay_banner.css.map */