@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap);
@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotate{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}:not(input,textarea,select){-webkit-user-select:none;-webkit-touch-callout:none}*{-webkit-text-size-adjust:100%;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body,html{padding:0;margin:0;width:100%;min-width:320px;height:100%;font-size:16px;line-height:1.5;font-family:Nunito Sans,微軟正黑體,Microsoft JhengHei,Microsoft JhengHei UI,Microsoft YaHei,Microsoft YaHei UI,PingFang TC,Lantinghei TC,Heiti TC,Apple LiGothic,PMingLiU,Arial,sans-serif}#app{padding:0 3.125rem;min-height:100%;overflow:hidden;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}@media only screen and (max-width:575px){#app{padding:0 5%}}.theme--red{background:-moz-linear-gradient(210deg,#000000 .13%,#000000 26.19%,#000000 52.6%,#000000 79.08%,#000000 100%);background:-o-linear-gradient(210deg,#000000 .13%,#000000 26.19%,#000000 52.6%,#000000 79.08%,#000000 100%);background:linear-gradient(240deg,#000000 .13%,#000000 26.19%,#000000 52.6%,#000000 79.08%,#000000);color:#fff}.theme--purple{background:-moz-linear-gradient(bottom,#7e3efd .13%,#7b3df9 23.02%,#7039ed 46.22%,#5f32d8 69.56%,#4828bc 92.87%,#3f25b2 100%);background:-o-linear-gradient(bottom,#7e3efd .13%,#7b3df9 23.02%,#7039ed 46.22%,#5f32d8 69.56%,#4828bc 92.87%,#3f25b2 100%);background:linear-gradient(0deg,#7e3efd .13%,#7b3df9 23.02%,#7039ed 46.22%,#5f32d8 69.56%,#4828bc 92.87%,#3f25b2);color:#fff}.main{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;padding:3.125rem 0;width:100%;max-width:1200px;-moz-box-flex:1;flex:1 1 0;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}.footer{width:100%;padding:.3125rem;font-size:.75rem;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-flex:0;flex:0 1 auto}a{color:hsla(0,0%,100%,.8);text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline;color:hsla(0,0%,100%,.9)}.align--right{text-align:right}.solid-button{display:inline-block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:.625rem .625rem 0 rgba(0,0,0,.2);border-radius:.625rem;background-color:#F800F9;color:#fff;padding:1rem .625rem;font-size:1.75rem;line-height:1.75rem;font-weight:700;font-family:inherit;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;outline:none}.solid-button:hover{background-color:#7406E1}.solid-button:disabled{cursor:not-allowed}.solid-button:disabled:hover{background-color:#000000}.solid-button--danger{background-color:#000000;color:#fff}.solid-button--danger:hover{background-color:#000000}.solid-button--danger:disabled{cursor:not-allowed}.solid-button--danger:disabled:hover{background-color:#000000}.icon-button{cursor:pointer;background-color:transparent;outline:none;border:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:hsla(0,0%,100%,.8);display:inline-block;text-decoration:none;margin:0;padding:0;font-family:inherit;font-size:2.5rem;line-height:1em;text-align:center}.icon-button>svg{width:1em;height:1em;display:block}.icon-button:hover{color:hsla(0,0%,100%,.9)}.icon-button:disabled{cursor:not-allowed}.icon-button:disabled:hover{color:hsla(0,0%,100%,.9)}.icon-button--small{font-size:1.5rem}.input-group{margin:0 0 4rem}.input-group--2-column{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center}.input-group--2-column .input-label{margin:0}.input-label{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;display:inline-block}.input-field{background-color:#e8e8e8;border-radius:.25rem;border:none;padding:1.875rem;font-family:inherit;font-size:1.5rem;line-height:1.25em;color:#000;outline:none;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:.625rem .625rem 0 rgba(0,0,0,.2)}.input-field:-moz-read-only{background-color:#e8e8e8;border:none;color:#000;cursor:not-allowed}.input-field:read-only{background-color:#e8e8e8;border:none;color:#000;cursor:not-allowed}.input-field::placeholder{color:#999}.input-field::-webkit-input-placeholder{color:#999}.input-field:-moz-placeholder,.input-field::-moz-placeholder{color:#999}.input-field:-ms-input-placeholder{color:#999}.input-field::-ms-input-placeholder{color:#999}.input-field:-webkit-autofill,.input-field:-webkit-autofill:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{background-clip:content-box!important;-webkit-box-shadow:0 0 0 3.125rem #e8e8e8 inset!important;-webkit-text-fill-color:#000!important}.input-field--textarea{min-width:100%;max-width:100%;resize:vertical}.input--switch{position:relative;display:inline-block;width:75px;height:30px;border-radius:30px;-moz-box-flex:0;flex:0 0 75px;box-shadow:.4375rem .4375rem 0 rgba(0,0,0,.2);margin:0 0 0 1rem}.input--switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e8e8e8;-o-transition:.4s;-moz-transition:.4s;transition:.4s;border-radius:30px}.input--switch .slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background-color:#666;-o-transition:.4s;-moz-transition:.4s;transition:.4s;border-radius:24px}.input--switch input{opacity:0;width:0;height:0}.input--switch input:checked+.slider:before{-moz-transform:translateX(45px);-o-transform:translateX(45px);transform:translateX(45px)}.theme--red .input--switch input:checked+.slider:before{background-color:#e20035}.theme--purple .input--switch input:checked+.slider:before{background-color:#331e90}#lucky-draw{text-align:center;z-index:2}#lucky-draw,.title{width:100%;position:relative}.title{height:auto;max-width:31rem;margin:1.75rem 0 4.875rem;z-index:4}@media (max-width:1599px){.title{max-width:24.8rem;margin:1.75rem 0 3.9rem}}@media (max-width:1199px){.title{max-width:20.46rem;margin:1.75rem 0 3.2175rem}}@media only screen and (min-width:576px) and (max-width:767px){.title{max-width:15.5rem;margin:1.75rem 0 2.4375rem}}@media only screen and (max-width:575px){.title{max-width:8.928rem;margin:1.75rem 0 1.404rem}}.control-group{position:absolute;top:1rem;right:1rem}.control-group .icon-button{margin:0 0 0 1.5rem}.slot{position:relative}.slot__outer{width:62.5rem;height:14.375rem;padding:1.625rem;margin:0 auto;box-shadow:.625rem .625rem 0 rgba(0,0,0,.2);background:#ffbf1f url(../images/svg/light-blubs.0d2ddfd.svg);z-index:3}.slot__inner,.slot__outer{border-radius:1.25rem;position:relative}.slot__inner{background-color:#fff;width:100%;height:100%;overflow:hidden;padding:1.8125rem}.slot__shadow{background:-moz-linear-gradient(top,hsla(0,0%,100%,.1) .13%,rgba(0,0,0,.1) 100%);background:-o-linear-gradient(top,hsla(0,0%,100%,.1) .13%,rgba(0,0,0,.1) 100%);background:linear-gradient(180deg,hsla(0,0%,100%,.1) .13%,rgba(0,0,0,.1));height:5.625rem;width:100%;position:absolute;bottom:0;left:0;border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem}@media (max-width:1599px){.slot{width:50rem;height:11.5rem;margin:0 auto}.slot__outer{-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-moz-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left}}@media (max-width:1199px){.slot{width:41.25rem;height:9.4875rem;margin:0 auto}.slot__outer{-moz-transform:scale(.66);-o-transform:scale(.66);transform:scale(.66);-moz-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left}}@media only screen and (min-width:576px) and (max-width:767px){.slot{width:31.25rem;height:7.1875rem;margin:0 auto}.slot__outer{-moz-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-moz-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left}}@media only screen and (max-width:575px){.slot{width:18rem;height:4.14rem;margin:0 auto}.slot__outer{-moz-transform:scale(.288);-o-transform:scale(.288);transform:scale(.288);-moz-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left}}.reel{width:100%}.reel>div{height:7.5rem;font-size:3.75rem;font-weight:700;text-align:center;line-height:7.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-moz-transform:translateZ(0);transform:translateZ(0)}#draw-button{width:22.5rem;max-width:100%;margin:5.5rem 0 0;position:relative;z-index:5}@media (max-width:1599px){#draw-button{width:18rem;margin:4.4rem 0 0;font-size:1.4rem;line-height:1.4rem;padding:.8rem .5rem;border-radius:.5rem;box-shadow:.5rem .5rem 0 rgba(0,0,0,.2)}}@media (max-width:1199px){#draw-button{width:14.85rem;margin:3.63rem 0 0;font-size:1.155rem;line-height:1.155rem;padding:.66rem .4125rem;border-radius:.4125rem;box-shadow:.4125rem .4125rem 0 rgba(0,0,0,.2)}}@media only screen and (min-width:576px) and (max-width:767px){#draw-button{width:11.25rem;margin:2.75rem 0 0;font-size:1rem;line-height:1rem;padding:.5rem .3125rem;border-radius:.3125rem;box-shadow:.3125rem .3125rem 0 rgba(0,0,0,.2)}}@media only screen and (max-width:575px){#draw-button{width:6.48rem;margin:1.584rem 0 0;font-size:1rem;line-height:1rem;padding:.288rem .18rem;border-radius:.18rem;box-shadow:.18rem .18rem 0 rgba(0,0,0,.2)}}.settings{z-index:9;background-color:rgba(0,0,0,.6);content:" ";display:none}.settings,.settings__panel{position:fixed;top:0;right:0;height:100%;width:100%}.settings__panel{z-index:10;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:justify;justify-content:space-between;max-width:33.125rem;padding:3.125rem 3.125rem 0;overflow:auto;-webkit-overflow-scrolling:auto}.settings__panel__group:last-child{padding-bottom:3.125rem}@media only screen and (max-width:575px){.settings__panel{padding:10% 10% 0}.settings__panel__group:last-child{padding-bottom:10%}}.settings__title{margin:0 0 1.875rem;font-size:2rem;font-weight:700}.settings #settings-close,.settings #settings-save{margin:1.875rem 0 0;display:block;width:100%}.theme--red .settings__panel{background-color:#e20035;color:#fff}.theme--purple .settings__panel{background-color:#331e90;color:#fff}.sunburst{position:absolute;top:50%;left:50%;margin:-50vh 0 0 -50vw;width:100vw;height:100vh;display:none;z-index:0;pointer-events:none;overflow:hidden}.sunburst>img{position:absolute;top:50%;left:50%;margin:-50vmin 0 0 -50vmin;width:100vmin;height:auto;-webkit-animation:rotate 10s linear infinite;-moz-animation:rotate 10s infinite linear;-o-animation:rotate 10s infinite linear;animation:rotate 10s linear infinite}.confetti{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}