@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@700;800&family=Montserrat:wght@700;800&family=Nunito+Sans:wght@400;600;700;800&display=swap);
@-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)}}@-moz-keyframes slot-light-blink{0%,to{box-shadow:0 0 .15rem hsla(0,0%,100%,.15);opacity:.4}50%{box-shadow:0 0 .4rem hsla(0,0%,100%,.9),0 0 .75rem hsla(0,0%,100%,.45);opacity:1}}@-o-keyframes slot-light-blink{0%,to{box-shadow:0 0 .15rem hsla(0,0%,100%,.15);opacity:.4}50%{box-shadow:0 0 .4rem hsla(0,0%,100%,.9),0 0 .75rem hsla(0,0%,100%,.45);opacity:1}}@keyframes slot-light-blink{0%,to{box-shadow:0 0 .15rem hsla(0,0%,100%,.15);opacity:.4}50%{box-shadow:0 0 .4rem hsla(0,0%,100%,.9),0 0 .75rem hsla(0,0%,100%,.45);opacity:1}}: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)}body,html{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;font-size:16px;height:100%;line-height:1.5;margin:0;min-width:320px;padding:0;width:100%}#app{background:-moz-linear-gradient(210deg,#114262 .13%,#146a96 26.19%,#1788b8 52.6%,#1a8ec9 79.08%,#1c92d0 100%);background:-o-linear-gradient(210deg,#114262 .13%,#146a96 26.19%,#1788b8 52.6%,#1a8ec9 79.08%,#1c92d0 100%);background:linear-gradient(240deg,#114262 .13%,#146a96 26.19%,#1788b8 52.6%,#1a8ec9 79.08%,#1c92d0);color:#fff;display:-moz-box;display:flex;min-height:100%;overflow:hidden;padding:0 3.125rem;-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%}}#app{--safe-area-inset-top:0px;--safe-area-inset-right:0px;--safe-area-inset-bottom:0px;--safe-area-inset-left:0px}@supports(top:constant(safe-area-inset-top)){#app{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports(top:env(safe-area-inset-top)){#app{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}@supports(padding:max(0px)){#app{padding:0 max(3.125rem,var(--safe-area-inset-right)) 0 max(3.125rem,var(--safe-area-inset-left))}@media only screen and (max-width:575px){#app{padding:0 max(5%,var(--safe-area-inset-right)) 0 max(5%,var(--safe-area-inset-left))}}}.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;max-width:1200px;padding:3.125rem 0;width:100%;-moz-box-flex:1;flex:1 1 0;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}.footer{-moz-box-sizing:border-box;box-sizing:border-box;font-size:.75rem;padding:.3125rem;text-align:center;width:100%;-moz-box-flex:0;flex:0 1 auto}a{color:hsla(0,0%,100%,.8);text-decoration:none}a:active,a:focus,a:hover{color:hsla(0,0%,100%,.9);text-decoration:underline}.align--right{text-align:right}.solid-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#e1303c;border:none;border-radius:.625rem;box-shadow:.625rem .625rem 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:1.75rem;font-weight:700;line-height:1.75rem;outline:none;padding:1rem .625rem;text-align:center;text-decoration:none;white-space:nowrap}.solid-button:hover{background-color:#e44651}.solid-button:disabled{cursor:not-allowed}.solid-button:disabled:hover{background-color:#e1303c}.solid-button--danger{background-color:#115884;color:#fff}.solid-button--danger:hover{background-color:#14679b}.solid-button--danger:disabled{cursor:not-allowed}.solid-button--danger:disabled:hover{background-color:#115884}.icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;box-shadow:none;color:hsla(0,0%,100%,.8);cursor:pointer;display:inline-block;font-family:inherit;font-size:2.5rem;line-height:1em;margin:0;outline:none;padding:0;text-align:center;text-decoration:none}.icon-button>svg{display:block;height:1em;width:1em}.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{display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.input-field{background-color:#e8e8e8;border:none;border-radius:.25rem;box-shadow:.625rem .625rem 0 rgba(0,0,0,.2);-moz-box-sizing:border-box;box-sizing:border-box;color:#000;font-family:inherit;font-size:1.5rem;line-height:1.25em;outline:none;padding:1.875rem;width:100%}.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:inset 0 0 0 3.125rem #e8e8e8!important;-webkit-text-fill-color:#000!important}.input-field--textarea{max-width:100%;min-width:100%;resize:vertical}.input--switch{border-radius:30px;display:inline-block;height:30px;position:relative;width:75px;-moz-box-flex:0;box-shadow:.4375rem .4375rem 0 rgba(0,0,0,.2);flex:0 0 75px;margin:0 0 0 1rem}.input--switch .slider{background-color:#e8e8e8;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.input--switch .slider,.input--switch .slider:before{position:absolute;-o-transition:.4s;-moz-transition:.4s;transition:.4s}.input--switch .slider:before{background-color:#666;border-radius:24px;bottom:3px;content:"";height:24px;left:3px;width:24px}.input--switch input{height:0;opacity:0;width:0}.input--switch input:checked+.slider:before{background-color:#0c4060;-moz-transform:translateX(45px);-o-transform:translateX(45px);transform:translateX(45px)}#lucky-draw{text-align:center;z-index:2}#lucky-draw,.title{position:relative;width:100%}.title{display:inline-block;height:auto;margin:.5rem auto 2.25rem;max-width:40rem;z-index:4}@media only screen and (min-width:1200px)and (max-width:1599px){.title{margin:.5rem 0 1.8rem}}@media only screen and (min-width:768px)and (max-width:1199px){.title{margin:.5rem 0 1.485rem}}@media only screen and (min-width:576px)and (max-width:767px){.title{margin:.5rem 0 1.125rem}}@media only screen and (max-width:575px){.title{margin:.5rem 0 .648rem}}.title svg{display:block;height:auto;margin:0 auto;max-width:10.5rem;width:100%}.title__heading{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;color:#fff;gap:1.15rem;margin-top:1.75rem;padding-top:.25rem;width:100%}.title__heading p{font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:800;letter-spacing:.01em;margin:0}.title__heading-ar{direction:rtl;font-family:Cairo,sans-serif;line-height:1.5;unicode-bidi:-moz-plaintext;unicode-bidi:plaintext}.title__heading-fr{font-family:Montserrat,sans-serif;line-height:1.25;text-transform:uppercase}.control-group{position:absolute;right:1rem;top:1rem;--safe-area-inset-right:0px}@supports(top:constant(safe-area-inset-top)){.control-group{--safe-area-inset-right:constant(safe-area-inset-right)}}@supports(top:env(safe-area-inset-top)){.control-group{--safe-area-inset-right:env(safe-area-inset-right)}}@supports(padding:max(0px)){.control-group{right:max(1rem,var(--safe-area-inset-right))}}.control-group .icon-button{color:#fff;margin:0 0 0 1.5rem}.control-group .icon-button:hover{color:#fff}.slot{position:relative}.slot__outer{border-radius:1.25rem;height:14.375rem;margin:0 auto;width:62.5rem;z-index:3;-moz-box-orient:vertical;-moz-box-direction:normal;box-shadow:0 1rem 2.25rem rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.28),inset 0 -2px 0 rgba(0,0,0,.18);flex-direction:column;padding:.5rem 1.625rem .45rem}.slot__lights,.slot__outer{display:-moz-box;display:flex;position:relative}.slot__lights{-moz-box-align:center;align-items:center;-moz-box-pack:justify;gap:.2rem;justify-content:space-between;padding:0 .15rem;z-index:1;-moz-box-flex:0;flex:0 0 auto}.slot__lights--top{margin-bottom:.35rem}.slot__lights--bottom{margin-top:.35rem}.slot__light{-moz-box-flex:1;-moz-animation:slot-light-blink 1.6s ease-in-out infinite;-o-animation:slot-light-blink 1.6s ease-in-out infinite;animation:slot-light-blink 1.6s ease-in-out infinite;-moz-animation-delay:-moz-calc(var(--light-i)*0.07s);-o-animation-delay:calc(var(--light-i)*.07s);animation-delay:calc(var(--light-i)*.07s);aspect-ratio:1;background:-moz-radial-gradient(32% 28%,circle,#fff 0,#ffe9a8 55%,#ffcd38 100%);background:-o-radial-gradient(32% 28%,circle,#fff 0,#ffe9a8 55%,#ffcd38 100%);background:radial-gradient(circle at 32% 28%,#fff 0,#ffe9a8 55%,#ffcd38 100%);border-radius:50%;flex:1 1 0;max-width:.68rem}.slot__light:nth-child(3n){background:-moz-radial-gradient(32% 28%,circle,#ed8088 0,#e1303c 100%);background:-o-radial-gradient(32% 28%,circle,#ed8088 0,#e1303c 100%);background:radial-gradient(circle at 32% 28%,#ed8088 0,#e1303c 100%)}.slot__light:nth-child(5n){background:-moz-radial-gradient(32% 28%,circle,#fff 0,#8ed4f8 55%,#1c92d0 100%);background:-o-radial-gradient(32% 28%,circle,#fff 0,#8ed4f8 55%,#1c92d0 100%);background:radial-gradient(circle at 32% 28%,#fff 0,#8ed4f8 55%,#1c92d0 100%)}.slot__light:nth-child(7n){-moz-animation-duration:2.1s;-o-animation-duration:2.1s;animation-duration:2.1s}.slot__inner{-moz-box-flex:1;background-color:#fff;border:3px solid #051c2a;border-radius:1.0625rem;box-shadow:inset 0 2px 8px rgba(0,0,0,.1);flex:1 1 auto;min-height:0;overflow:hidden;padding:1.8125rem 0;position:relative;width:100%}.slot__shadow{background:-moz-linear-gradient(top,hsla(0,0%,100%,.1) .13%,rgba(0,0,0,.08) 100%);background:-o-linear-gradient(top,hsla(0,0%,100%,.1) .13%,rgba(0,0,0,.08) 100%);background:linear-gradient(180deg,hsla(0,0%,100%,.1) .13%,rgba(0,0,0,.08));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;height:5.625rem;left:0;pointer-events:none;position:absolute;width:100%}@media only screen and (min-width:1200px)and (max-width:1599px){.slot{height:11.5rem;margin:0 auto;width:50rem}.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 only screen and (min-width:768px)and (max-width:1199px){.slot{height:9.4875rem;margin:0 auto;width:41.25rem}.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{height:7.1875rem;margin:0 auto;width:31.25rem}.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{height:4.14rem;margin:0 auto;width:18rem}.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{color:#000;font-size:3.75rem;font-weight:700;height:7.5rem;line-height:7.5rem;overflow:hidden;text-align:center;text-overflow:ellipsis;-moz-transform:translateZ(0);transform:translateZ(0);white-space:nowrap}#draw-button{margin:5.5rem 0 0;max-width:100%;position:relative;width:22.5rem;z-index:5}@media only screen and (min-width:1200px)and (max-width:1599px){#draw-button{border-radius:.5rem;box-shadow:.5rem .5rem 0 rgba(0,0,0,.2);font-size:1.4rem;line-height:1.4rem;margin:4.4rem 0 0;padding:.8rem .5rem;width:18rem}}@media only screen and (min-width:768px)and (max-width:1199px){#draw-button{border-radius:.4125rem;box-shadow:.4125rem .4125rem 0 rgba(0,0,0,.2);font-size:1.155rem;line-height:1.155rem;margin:3.63rem 0 0;padding:.66rem .4125rem;width:14.85rem}}@media only screen and (min-width:576px)and (max-width:767px){#draw-button{border-radius:.3125rem;box-shadow:.3125rem .3125rem 0 rgba(0,0,0,.2);font-size:1rem;line-height:1rem;margin:2.75rem 0 0;padding:.5rem .3125rem;width:11.25rem}}@media only screen and (max-width:575px){#draw-button{border-radius:.18rem;box-shadow:.18rem .18rem 0 rgba(0,0,0,.2);font-size:1rem;line-height:1rem;margin:1.584rem 0 0;padding:.288rem .18rem;width:6.48rem}}.settings{background-color:rgba(0,0,0,.6);content:" ";display:none;z-index:9}.settings,.settings__panel{height:100%;position:fixed;right:0;top:0;width:100%}.settings__panel{display:-moz-box;display:flex;z-index:10;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:justify;justify-content:space-between;max-width:33.125rem;overflow:auto;padding:3.125rem 3.125rem 0;-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{font-size:2rem;font-weight:700;margin:0 0 1.875rem}.settings #settings-close,.settings #settings-save{display:block;margin:1.875rem 0 0;width:100%}.settings__panel{background-color:#0e3651;color:#fff}.sunburst{display:none;height:100vh;margin:-50vh 0 0 -50vw;overflow:hidden;pointer-events:none;width:100vw;z-index:0}.sunburst,.sunburst>img{left:50%;position:absolute;top:50%}.sunburst>img{-moz-animation:rotate 10s linear infinite;-o-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite;height:auto;margin:-50vmin 0 0 -50vmin;width:100vmin}.confetti{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}