@font-face{font-family:"Noto Sans HK";src:url("https://production-assets.azureedge.net/production1/NotoSansHK-Regular.otf");font-weight:400}
@font-face{font-family:"Noto Sans HK";src:url("https://production-assets.azureedge.net/production1/NotoSansHK-Medium.otf");font-weight:500}
@font-face{font-family:"Noto Sans HK";src:url("https://production-assets.azureedge.net/production1/NotoSansHK-Bold.otf");font-weight:600}
@font-face{font-family:"Noto Sans HK";src:url("https://production-assets.azureedge.net/production1/NotoSansHK-Black.otf");font-weight:800}
@font-face{font-family:'MYuenHK';src:url(https://production-assets.azureedge.net/production1/MYuenHK-Light.ttf) format('truetype');font-weight:400}
@font-face{font-family:'MYuenHK';src:url(https://production-assets.azureedge.net/production1/MYuenHK-Medium.ttf) format('truetype');font-weight:500}
@font-face{font-family:'MYuenHK';src:url(https://production-assets.azureedge.net/production1/MYuenHK-SemiBold.ttf) format('truetype');font-weight:600}
@font-face{font-family:'MYuenHK';src:url(https://production-assets.azureedge.net/production1/MYuenHK-Xbold.ttf) format('truetype');font-weight:800}
@font-face{font-family:'MHeiHK';src:url(https://production-assets.azureedge.net/production1/MHeiHK-Light.otf);font-weight:400}
@font-face{font-family:'MHeiHK';src:url(https://production-assets.azureedge.net/production1/MHeiHK-Medium.otf);font-weight:500}
@font-face{font-family:'MHeiHK';src:url(https://production-assets.azureedge.net/production1/MHeiHK-Bold.otf);font-weight:600}
@font-face{font-family:'MHeiHK';src:url(https://production-assets.azureedge.net/production1/MHeiHK-Xbold.otf);font-weight:800}
@font-face{font-family:"Poppins";src:url("https://production-assets.azureedge.net/production1/Poppins-Medium.ttf");font-weight:500}
@font-face{font-family:"Poppins";src:url("https://production-assets.azureedge.net/production1/Poppins-Bold.ttf");font-weight:700}
@font-face{font-family:"Opus";src:url("https://production-assets.azureedge.net/production1/Opus-Regular.ttf");font-weight:500}
@font-face{font-family:"Opus";src:url("https://production-assets.azureedge.net/production1/Opus-Bold.ttf");font-weight:700}
html,
body{height:100%;margin:0;font-family:"Opus","Noto Sans HK","Poppins",serif;font-weight:800;background-color:white;font-size:16px}
p{font-size:1rem}
img{width:100%}
p{margin:0}
#layout-content{position:absolute;top:0}
.wrapper{margin:0 auto;max-width:475px;height:100%}
.container{max-width:475px;width:100%}
nav .logo{margin:0 auto;max-width:33%;padding:8% 0;z-index:10000}
.btn{margin:0;padding:0;border:0;z-index:10}
.content-wrap{position:relative;max-width:475px;background-color:white}
.content-wrap p,
.content-wrap img,
.content-wrap iframe{max-width:100%}
.follow-ig{max-width:50%;top:53%;left:5%;position:absolute}
.cover-date{position:absolute;top:43%;right:5%}
.date{font-size:4.4vw;line-height:5vw;display:flex;align-items:center;justify-content:center;letter-spacing:0.1rem}
.date .date-title{float:left}
.date .date-text{float:left;background-color:#1e6580;color:white;text-align:center;border-radius:50px}
.form-registration{border-radius:25px;background-color:#1e6580;padding:8% 8%;margin:0 10% 20px 10%}
.form-registration a{color:currentColor;text-decoration:none;border-bottom:1px solid currentColor}
.form-registration input:focus,
.form-registration textarea:focus,
.form-registration select:focus{outline:none}
.form-registration .form-group{width:100%;position:relative;margin-bottom:1.2rem}
.form-registration .form-group::after{content:"";display:block;clear:both}
.form-registration .form-group label{display:table-cell;white-space:nowrap;letter-spacing:0.1rem;padding-right:15px;float:left;height:32px;line-height:32px;margin-bottom:0;width:100%}
.form-registration .form-group .field__helper{position:absolute;right:1rem;top:2.7rem;font-size:1.5rem;line-height:24px}
.form-registration .form-group .input-box{display:table-cell;position:relative;padding:0 0 0 6%}
.form-registration .form-group input{width:70%;color:#1e6580;border-radius:50px;border:none;padding:3% 18% 3% 6%;float:right;height:36px;width:100%}
.form-registration .form-group .require-field{position:absolute;display:block;right:5px;color:#1e6580}
.form-registration .s-hidden{visibility:hidden;padding-right:10px}
.form-registration .select{cursor:pointer;display:inline-block;position:relative;width:100%;text-align:center;border-radius:50px;border:none;line-height:2.4rem;font-size:0.9rem}
.form-registration .styledSelect{position:absolute;top:0;right:0;bottom:0;left:0;background-color:white;border-radius:50px;font-family:"Noto Sans HK";font-weight:800;height:2.4rem}
.form-registration .styledSelect:after{content:"";width:0;height:0;border:7px solid transparent;border-color:currentColor transparent transparent transparent;position:absolute;top:1rem;right:15px}
.form-registration .styledSelect:active,
.form-registration .styledSelect.active{background-color:#eee}
.form-registration .options{display:none;top:100%;right:0;left:0;z-index:999;margin:0 0;padding:0 0;list-style:none;background-color:white;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);max-height:200px;overflow:auto}
.form-registration .options li{padding:0 6px;margin:0 0;padding:0 10px}
.form-registration .options li:hover{background-color:#e55435;color:white}
.form-registration #reminds{text-align:right;font-size:0.7rem}
.form-registration .container{font-weight:400;font-size:0.7rem;text-transform:uppercase}
.form-registration input[type=checkbox]{box-sizing:border-box;padding:0}
.form-registration .checkbox-button__input{opacity:0;position:absolute;width:auto !important}
.form-registration .checkbox-button__control{position:relative;display:inline-block;width:30px;height:30px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#e55435;background:white}
.form-registration .checkbox-button__label{width:77%;display:inline-block;vertical-align:middle}
.form-registration .checkbox-button__input:checked + .checkbox-button__control:after{content:"";display:block;position:absolute;top:7.5px;left:7.5px;width:15px;height:15px}
.form-registration .checkbox-button__control{transform:scale(0.75)}
.full-width-text{padding:0% 14%;font-size:0.85rem}
.store-ad{padding:5% 18%;color:#6b6b6b;font-size:0.8rem;z-index:10000;position:relative}
.store-ad .text{font-weight:500}
.store-ad .ad{padding:5% 0}
.store-ad img#store-ad-title{max-width:91%;padding:5% 0 2% 0;display:block;margin:0 auto}
#footer{background-color:white;max-width:475px;width:100%;text-align:center;font-family:"Poppins";font-weight:500}
#footer .container{font-size:0.6rem;padding:20px 0}
img#middle-deco{max-width:2.5%;position:absolute;right:0;margin-top:-70%}
img#bottom-deco{max-width:95%;margin-top:-58%;z-index:-1}
.error-message{display:none;font-weight:400;color:#ff5c5c;font-size:0.7rem;margin:0.3rem 0;float:left}
img#success-deco1{max-width:87%}
.red{color:#e55435}
.black{color:black}
.text-1_8{font-size:1.8rem;padding-bottom:1rem}
.text-0_9{font-size:0.9rem}
.text-0_8{font-size:0.8rem}
.text-0_65{font-size:0.65rem}
.pb-1{padding-bottom:1rem}
.pb-3{padding-bottom:3rem}
.title-85{font-size:28.8px;padding-bottom:1rem}
.title-55{font-size:1.1rem}
.title-55 div{padding-top:1rem;font-weight:600;font-size:1rem;line-height:1.4rem}
.bottom_pad{padding-bottom:10%}
.bottom_pad img{padding:2% 0}
.title-35{font-weight:500;font-size:0.9rem;padding:1.2rem 0}
#finish-content{text-align:center;margin:20px 0;text-transform:uppercase;letter-spacing:0.08rem}
#redemption-info{padding-top:3%;padding-bottom:3%}
#redemption-info table{table-layout:fixed;margin:0 auto;display:inline-block}
#redemption-info table td{padding-top:0.3rem;padding-bottom:0.3rem;vertical-align:top}
#redemption-info table .table-label{text-align:right;width:30%}
#redemption-info table .table-detail{text-align:left;font-weight:500;word-break:break-word}
#slider{margin:0 auto;max-width:230px;height:60px;position:relative;background-color:#e55435;text-align:center;user-select:none;-moz-user-select:none;-webkit-user-select:none}
#slider #redeem-input{display:none;position:relative;z-index:100000000}
#slider_bg{position:absolute;left:0;top:0;height:100%;background-color:#e55435;z-index:0}
#label{width:60px;position:absolute;margin-left:4px;left:0;top:0;height:60px;line-height:55px;z-index:3;cursor:move;font-size:16px;font-weight:900}
#labelTip{position:absolute;left:0;width:100%;top:50%;transform:translate(8%,-50%);font-size:1.1rem;color:white;text-align:center;z-index:2;font-size:12pt}
.redeem-remarks{font-weight:400;font-size:0.65rem;padding:3% 0;position:relative}
img#bottom-deco-redeem{margin-top:-25%}
input[type=number]{height:45px;max-width:170px;font-size:25px;letter-spacing:1.3rem;text-indent:0.9em;color:white;outline:0;border-width:0 0 1px;border-color:white;background-color:#e55435}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#redeem-input input[type=text]{height:45px;max-width:170px;font-size:25px;letter-spacing:1.3rem;text-indent:0.9em;color:white;outline:0;border-width:0 0 1px;border-color:white;background-color:#e55435}
#slider.hide-code{background-color:#AAA}
#slider.hide-code #slider_bg{background-color:#AAA}
#slider.hide-code #redeem-input{display:none !important}
#slider.hide-code #label{display:none}
#slider.hide-code #labelTip{transform:translate(0%,-50%)}
#slider.hide-code #labelTip:after{content:'已成功換領';display:block}
#slider.slided #label{display:none}
#slider.slided #redeem-input{display:block}
#Modal{font-weight:400}
#Modal.modal{height:100%}
#Modal ul{list-style:decimal;overflow:hidden}
img.rotatebtn{-webkit-animation:rotation 3s infinite linear}
.show{display:none;position:fixed;z-index:1000000000000;left:0;top:0;width:100%;height:100%;overflow:auto}
.show .overlay{width:100%;height:100%;background:rgba(0,0,0,0.66);position:absolute;top:0;left:0}
.show .img-show img{margin:auto;display:block;max-width:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.show .closecode{position:absolute;top:2%;right:2%;color:#f1f1f1;font-size:3em;font-weight:bold;transition:0.3s}
.show .closecode:hover,
.show .closecode:focus{color:#bbb;text-decoration:none;cursor:pointer}
.tnc-wrapper{word-break:break-all}
#loadingOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999}
#loadingOverlay #loadingModal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#loadingOverlay .modal-content{border:0}
.absolute{position:absolute}
.consent-container label{white-space:inherit !important;display:block !important;height:auto !important;line-height:1.5rem !important;float:none !important}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}
@media screen and (max-width:375px){html,body{font-size:14px}.form-registration .checkbox-button__label{width:66%}.store-ad{padding:5% 16%;font-size:0.7rem}}
@media screen and (max-width:475px){.date-text{padding:5px 5vw}}
@media screen and (min-width:475px){.date-text{padding:5px 26px}.date{font-size:1.3rem;line-height:1.7rem}#btn_submit span{font-size:19px;letter-spacing:0.1rem;line-height:1.6rem}}
.cover-enter{position:absolute}
.cover-enter span{position:absolute;top:50%;left:50%;transform:translate(-49%,-50%);font-family:"Poppins";font-weight:700;color:white;font-size:4.5vw;letter-spacing:0.1rem}
.form-wrapper{position:absolute;width:100%;z-index:2}
.form-registration{position:relative;width:80%}
#btn_submit{display:block;margin:0 auto;position:relative;cursor:pointer}
#btn_submit span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;text-align:center;color:white;font-size:4vw;letter-spacing:0.1rem;line-height:5vw}
.container{text-align:center;width:100%}
.container .btn{margin-top:3rem}
.container p{margin:0}
.finish-content{position:absolute;width:100%;padding:3rem 2rem;text-align:center}
.finish-content .content-text{margin-bottom:1rem}
.finish-content .redeem-remarks{text-align:left}
.finish-content .redeem-remarks ul{padding-left:1rem}
.finish-content p{margin:0}