.background-root{width:100%;height:100%;position:fixed;top:0;left:0;pointer-events:none}.background-root>div{position:absolute;top:0;left:0;right:0;bottom:0}.background-root .bg-far{opacity:.35;background:url(../../asset/img/main/stars1.png?2cef3a7b);background-position:50% 0;background-size:750px}@media only screen and (max-width:990px){.background-root .bg-far{background-size:500px}}@media only screen and (max-width:750px){.background-root .bg-far{background-size:70%}}.background-root .bg-middle{opacity:.65;background:url(../../asset/img/main/stars2.png?e3c7f0e0);background-position:50% 0;background-size:1125px}@media only screen and (max-width:990px){.background-root .bg-middle{background-size:750px}}@media only screen and (max-width:750px){.background-root .bg-middle{background-size:110%}}.background-root .bg-near{opacity:.9;background:url(../../asset/img/main/stars3.png?88f1aa43);background-position:50% 0}@media only screen and (max-width:990px){.background-root .bg-near{background-size:1000px}}@media only screen and (max-width:750px){.background-root .bg-near{background-size:150%}}.header-root{background:#fff;position:fixed;top:0;left:0;right:0;z-index:100}.header-root a{display:inline-block;vertical-align:middle}.header-root .left{line-height:90px}@media only screen and (max-width:990px){.header-root .left{width:100%;line-height:80px;float:none}}@media only screen and (max-width:750px){.header-root .left{line-height:10.666666666666666vw}}.header-root .left:before{content:"";width:32px;height:100%;display:inline-block;vertical-align:middle}@media only screen and (max-width:990px){.header-root .left:before{width:30px}}@media only screen and (max-width:750px){.header-root .left:before{width:4vw}}.header-root .right{line-height:90px}@media only screen and (max-width:990px){.header-root .right{width:100%;line-height:70px;text-align:center;background:#d83f3e}}@media only screen and (max-width:750px){.header-root .right{line-height:9.333333333333334vw}}.header-root .right:after{content:"";width:36px;height:100%;display:inline-block;vertical-align:middle}@media only screen and (max-width:990px){.header-root .right:after{width:0}}.header-root .right a+a{margin-left:50px}@media only screen and (max-width:990px){.header-root .right a+a{margin-left:40px}}@media only screen and (max-width:750px){.header-root .right a+a{margin-left:5.333333333333333vw}}.header-root a.logo{width:186px;height:auto;background:url(../../asset/img/main/logo.png?ee1f415c) no-repeat top;background-size:100%}.header-root a.logo:before{content:"";display:block;width:100%;padding-top:23.893805309734514%}@media only screen and (max-width:990px){.header-root a.logo{width:226px}}@media only screen and (max-width:750px){.header-root a.logo{width:30.133333333333333vw}}.header-root a.detect{width:118px;height:auto;background:url(../../asset/img/main/desktop/btn-detect.png?bfd766f5) no-repeat top;background-size:100%}.header-root a.detect:before{content:"";display:block;width:100%;padding-top:22.033898305084747%}@media only screen and (max-width:990px){.header-root a.detect{width:135px;height:auto;background:url(../../asset/img/main/mobile/btn-detect.png?55df17d3) no-repeat top;background-size:100%}.header-root a.detect:before{content:"";display:block;width:100%;padding-top:22.22222222222222%}}@media only screen and (max-width:750px){.header-root a.detect{width:18vw}}.header-root a.gift{width:116px;height:auto;background:url(../../asset/img/main/desktop/btn-gift.png?aa6b1939) no-repeat top;background-size:100%}.header-root a.gift:before{content:"";display:block;width:100%;padding-top:22.413793103448278%}@media only screen and (max-width:990px){.header-root a.gift{width:135px;height:auto;background:url(../../asset/img/main/mobile/btn-gift.png?d5ddd680) no-repeat top;background-size:100%}.header-root a.gift:before{content:"";display:block;width:100%;padding-top:22.22222222222222%}}@media only screen and (max-width:750px){.header-root a.gift{width:18vw}}.header-root a.event{width:118px;height:auto;background:url(../../asset/img/main/desktop/btn-event.png?7ed62010) no-repeat top;background-size:100%}.header-root a.event:before{content:"";display:block;width:100%;padding-top:22.033898305084747%}@media only screen and (max-width:990px){.header-root a.event{width:134px;height:auto;background:url(../../asset/img/main/mobile/btn-event.png?3138a365) no-repeat top;background-size:100%}.header-root a.event:before{content:"";display:block;width:100%;padding-top:22.388059701492537%}}@media only screen and (max-width:750px){.header-root a.event{width:17.866666666666667vw}}.header-root a.line{width:143px;height:auto;background:url(../../asset/img/main/desktop/btn-line.png?0c3d6160) no-repeat top;background-size:100%}.header-root a.line:before{content:"";display:block;width:100%;padding-top:18.181818181818183%}@media only screen and (max-width:990px){.header-root a.line{width:167px;height:auto;background:url(../../asset/img/main/mobile/btn-line.png?e4cd57ba) no-repeat top;background-size:100%}.header-root a.line:before{content:"";display:block;width:100%;padding-top:17.964071856287426%}}@media only screen and (max-width:750px){.header-root a.line{width:22.266666666666666vw}}.identity-root{width:948px;height:546px;background:url(../../asset/img/popup/desktop/bg-identity.png?c4490e89) no-repeat top;position:relative}@media only screen and (max-width:990px){.identity-root{width:690px;height:1186px;background:url(../../asset/img/popup/mobile/bg-identity.png?6cde9781) no-repeat top}}@media only screen and (max-width:750px){.identity-root{width:92vw;height:158.13333333333333vw;background-size:cover}}.identity-root .canvas-wrap{position:absolute;left:215px;top:50%;margin:-180px 0 0 -155px}@media only screen and (max-width:990px){.identity-root .canvas-wrap{left:50%;top:360px}}@media only screen and (max-width:750px){.identity-root .canvas-wrap{width:41.333333333333336vw;top:48vw;margin:-24vw 0 0 -20.666666666666668vw}.identity-root .canvas-wrap canvas{width:100%}}.identity-root .btns{height:80px;position:absolute;top:348px;left:352px;right:88px}@media only screen and (max-width:990px){.identity-root .btns{height:94px;top:884px;left:90px;right:90px}}@media only screen and (max-width:750px){.identity-root .btns{height:12.533333333333333vw;top:117.86666666666666vw;left:12vw;right:12vw}}.identity-root .btn-yes{width:226px;height:auto;background:url(../../asset/img/popup/desktop/btn-yes.png?488a75e2) no-repeat top;background-size:100%;float:left}.identity-root .btn-yes:before{content:"";display:block;width:100%;padding-top:34.95575221238938%}@media only screen and (max-width:990px){.identity-root .btn-yes{width:234px;height:auto;background:url(../../asset/img/popup/mobile/btn-yes.png?410673c6) no-repeat top;background-size:100%}.identity-root .btn-yes:before{content:"";display:block;width:100%;padding-top:40.17094017094017%}}@media only screen and (max-width:750px){.identity-root .btn-yes{width:31.2vw}}.identity-root .btn-not{width:226px;height:auto;background:url(../../asset/img/popup/desktop/btn-not.png?cc6489d8) no-repeat top;background-size:100%;float:right}.identity-root .btn-not:before{content:"";display:block;width:100%;padding-top:34.95575221238938%}@media only screen and (max-width:990px){.identity-root .btn-not{width:234px;height:auto;background:url(../../asset/img/popup/mobile/btn-not.png?b9987d83) no-repeat top;background-size:100%}.identity-root .btn-not:before{content:"";display:block;width:100%;padding-top:40.17094017094017%}}@media only screen and (max-width:750px){.identity-root .btn-not{width:31.2vw}}.member-root{width:820px;height:2223px;background:url(../../asset/img/popup/desktop/bg-member.png?e02ada83) no-repeat top;position:relative}@media only screen and (max-width:990px){.member-root{width:690px;height:2278px;background:url(../../asset/img/popup/mobile/bg-member.png?565f0652) no-repeat top}}@media only screen and (max-width:750px){.member-root{width:92vw;height:303.73333333333335vw;background-size:calc(100% + 8px)}}.member-root .canvas-wrap{position:absolute}@media only screen and (max-width:750px){.member-root .canvas-wrap canvas{width:100%}}.member-root .canvas-wrap.lumia1{left:360px;top:394px}@media only screen and (max-width:990px){.member-root .canvas-wrap.lumia1{left:278px;top:412px}}@media only screen and (max-width:750px){.member-root .canvas-wrap.lumia1{width:30.666666666666668vw;left:37.06666666666667vw;top:54.93333333333333vw}}.member-root .canvas-wrap.lumia2{left:630px;top:1080px}@media only screen and (max-width:990px){.member-root .canvas-wrap.lumia2{left:auto;right:-36px;top:1100px}}@media only screen and (max-width:750px){.member-root .canvas-wrap.lumia2{width:21.333333333333332vw;right:-4.8vw;top:146.66666666666666vw}}.member-root .canvas-wrap.lumia3{left:520px;top:1820px}@media only screen and (max-width:990px){.member-root .canvas-wrap.lumia3{left:420px;top:1840px}}@media only screen and (max-width:750px){.member-root .canvas-wrap.lumia3{width:36vw;left:56vw;top:245.33333333333334vw}}.non-member-root{width:820px;height:2458px;background:url(../../asset/img/popup/desktop/bg-non-member.png?3137a90f) no-repeat top;position:relative}@media only screen and (max-width:990px){.non-member-root{width:690px;height:2509px;background:url(../../asset/img/popup/mobile/bg-non-member.png?f8dc08e5) no-repeat top}}@media only screen and (max-width:750px){.non-member-root{width:92vw;height:334.53333333333336vw;background-size:calc(100% + 8px)}}.non-member-root .canvas-wrap{position:absolute}@media only screen and (max-width:750px){.non-member-root .canvas-wrap canvas{width:100%}}.non-member-root .canvas-wrap.lumia1{left:360px;top:394px}@media only screen and (max-width:990px){.non-member-root .canvas-wrap.lumia1{left:278px;top:412px}}@media only screen and (max-width:750px){.non-member-root .canvas-wrap.lumia1{width:30.666666666666668vw;left:37.06666666666667vw;top:54.93333333333333vw}}.non-member-root .canvas-wrap.lumia2{left:630px;top:1090px}@media only screen and (max-width:990px){.non-member-root .canvas-wrap.lumia2{left:auto;right:-36px;top:1100px}}@media only screen and (max-width:750px){.non-member-root .canvas-wrap.lumia2{width:21.333333333333332vw;right:-4.8vw;top:146.66666666666666vw}}.non-member-root .canvas-wrap.lumia3{left:490px;top:1840px}@media only screen and (max-width:990px){.non-member-root .canvas-wrap.lumia3{left:380px;top:1890px}}@media only screen and (max-width:750px){.non-member-root .canvas-wrap.lumia3{width:36vw;left:50.666666666666664vw;top:252vw}}.rules-root{width:820px;height:2847px;background:url(../../asset/img/popup/desktop/precautions.png?71d3210e) no-repeat top;position:relative}@media only screen and (max-width:990px){.rules-root{width:690px;height:2827px;background:url(../../asset/img/popup/mobile/precautions.png?3aad3fe5) no-repeat top;background-size:auto 100%}}@media only screen and (max-width:750px){.rules-root{width:92vw;height:376.93333333333334vw}}.popup-root{width:100%;height:calc(100% - 90px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#fff3d1;position:fixed;left:0;top:90px;z-index:10}@media only screen and (max-width:990px){.popup-root{height:100%;top:0;z-index:101}}.popup-root .btn-ok{width:411px;height:auto;background:url(../../asset/img/popup/desktop/btn-ok.png?9f260a1b) no-repeat top;background-size:100%;position:absolute;left:50%;bottom:78px;margin-left:-205px}.popup-root .btn-ok:before{content:"";display:block;width:100%;padding-top:18.978102189781023%}@media only screen and (max-width:990px){.popup-root .btn-ok{width:463px;height:auto;background:url(../../asset/img/popup/mobile/btn-ok.png?16b92b29) no-repeat top;background-size:100%;margin-left:-231px}.popup-root .btn-ok:before{content:"";display:block;width:100%;padding-top:19.43844492440605%}}@media only screen and (max-width:750px){.popup-root .btn-ok{width:61.733333333333334vw;bottom:10.4vw;margin-left:-30.8vw}}.popup-root .btn-close{width:40px;height:auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJFBMVEViAQD///9iAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQA/eQ09AAAAC3RSTlMAAAEdYZSXpdTl8ilCngAAAACxSURBVCjPxZIhEsIwEEX/dLhAYfCpqUci0Sg0LrY3gCNUcggEFkKHdzlENg1iZ3AQl5eXSf7uqnWWfglXp2nXSpIW43VjcAuPTpKaI1wMnoEoST3wNHgDUpCaAXgZhKz2ABgcAVJoBoDJ4D6rWbwbXAOQBgAOBpd5m4+6kqivMM4xq5pCzT6rURUWNYUPWNSob9C97j3kfsn7vBvTLYhbOrfIbjvcxrktdofBHZv/TfIbDgbcEw1r4eUAAAAASUVORK5CYII=) no-repeat top;background-size:100%;position:absolute;top:10px;right:12px}.popup-root .btn-close:before{content:"";display:block;width:100%;padding-top:100%}@media only screen and (max-width:990px){.popup-root .btn-close{width:50px;height:auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAP1BMVEViAQD///9iAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQBiAQDKcSJ2AAAAFHRSTlMAAAMGFC1UVYOLnKXT3+Lj8vn9/tqzBuYAAAEYSURBVEjHrdbZEoMgDAVQxaWKtm73/7+1BVxAA5pM8+A4racdSULIcnZk5lI2/TQPurIfUFHpYZ76pvzdOlKPsLG0iiSqXdwDY72SF/boFEFUdzxQW1KO8E1SYCwNaYCUCQTQGNIjZU4CvSETEuYsMBkyI24uArMhA6LmKjAYohEzhIA2pFoihhJLZVPZgjSUQOuyT37XFR39S67GSPOmxUpoE3nDlTwzbh038sSsK7+Te7Pl9yB3Zq8Ij6TNUXc+SRmvUgMSN34/hCRmgg46kbygcv4usuyP/8J/F/6K8fPCzz6/xviVzO8Xflfye1+ww/D3McFuKdiTeTv/RzhfBFNMMCsFE1kw9/OafbqQnGEkJyXJeYwXX/yQchQ2U0xjAAAAAElFTkSuQmCC) no-repeat top;background-size:100%;top:30px;right:28px}.popup-root .btn-close:before{content:"";display:block;width:100%;padding-top:100%}}@media only screen and (max-width:750px){.popup-root .btn-close{width:6.666666666666667vw;top:4vw;right:3.733333333333333vw}}.popup-root .popup-wrap{width:100%;height:calc(100% - 20px);padding:10px 0;text-align:center;overflow-x:hidden;-webkit-overflow-scrolling:touch}.popup-root .popup-wrap:before{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}.popup-root .popup-wrap::-webkit-scrollbar{width:5px}.popup-root .popup-wrap::-webkit-scrollbar-button{display:none}.popup-root .popup-wrap::-webkit-scrollbar-track{background:#ffe5e5}.popup-root .popup-wrap::-webkit-scrollbar-thumb{background:#620100}.popup-root .popup-box{display:inline-block;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;border:8px solid #620100;border-radius:24px;position:relative}@media only screen and (max-width:750px){.popup-root .popup-box{border-width:4px;border-radius:12px}}.loading-root{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000}.loading-root .roll{width:80px;height:80px;border-color:transparent #620100;border-style:solid;border-width:10px;border-radius:50%;position:absolute;left:50%;top:50%;margin:-5px 0 0 -50px;-webkit-animation:loading-roll 1s linear 0s infinite;animation:loading-roll 1s linear 0s infinite}@media only screen and (max-width:750px){.loading-root .roll{width:160px;height:160px;border-width:20px;margin:-100px 0 0 -100px}}@-webkit-keyframes loading-roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}*{margin:0;padding:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body,html{height:100%}body{font-family:Helvetica,Verdana,Arial,微軟正黑體,Microsoft JhengHei,儷黑 Pro,LiHei Pro,sans-serif;font-weight:700;background:#fff3d1}body.freeze{overflow:hidden}main{display:block}:focus{outline:none}a{text-decoration:none}a,a.btn{cursor:pointer}.left{float:left}.right{float:right}.clear{clear:both}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave{opacity:1}.red{color:#fe4a49}.app-root{min-height:100%;position:relative;padding-bottom:40px}@media only screen and (min-width:991px){.app-root{width:100%;overflow-x:hidden}}.app-root footer{height:40px;font-size:12px;line-height:40px;text-align:center;position:absolute;left:0;right:0;bottom:20px}@media only screen and (max-width:990px){.app-root footer{width:690px;height:auto;font-size:24px;left:50%;margin-left:-345px}}@media only screen and (max-width:750px){.app-root footer{width:92vw;font-size:3.2vw;line-height:5.333333333333333vw;bottom:2.666666666666667vw;margin-left:-46vw}}.app-root footer a{color:#000;text-decoration:underline}.app-root a.btn-top{width:80px;height:auto;background:url(../../asset/img/main/top.png?538a1480) no-repeat top;background-size:100%;position:fixed;right:10px;bottom:10px}.app-root a.btn-top:before{content:"";display:block;width:100%;padding-top:100%}@media only screen and (max-width:990px){.app-root a.btn-top{right:0;bottom:0}}@media only screen and (max-width:750px){.app-root a.btn-top{width:10.666666666666666vw}}