.modal__container[data-v-31de8e40]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:999}.modal__wrapper[data-v-31de8e40]{padding:50px 30px;width:550px;background-color:#fff;border-radius:20px;font-weight:bolder;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media screen and (max-width:640px){.modal__wrapper[data-v-31de8e40]{width:90%;height:auto}}.modal__link[data-v-31de8e40]{display:flex;flex-wrap:wrap;width:90%;cursor:pointer}.modal__title[data-v-31de8e40]{margin-bottom:20px;font-size:22px;text-align:center}.modal__sub[data-v-31de8e40]{width:200px;font-size:13px;color:#632f07}.modal__close[data-v-31de8e40]{position:absolute;top:15px;right:15px;display:block;width:30px;height:30px;background:#0f042f;border-radius:50%}.modal__close[data-v-31de8e40]:after,.modal__close[data-v-31de8e40]:before{content:"";position:absolute;top:50%;left:50%;width:60%;height:4px;background:#fff}.modal__close[data-v-31de8e40]:before{transform:translate(-50%,-50%) rotate(45deg)}.modal__close[data-v-31de8e40]:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal__close-img[data-v-31de8e40]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal__fb-login[data-v-31de8e40],.modal__udn-login[data-v-31de8e40]{margin:10px auto}.modal__fb-login span[data-v-31de8e40],.modal__udn-login span[data-v-31de8e40]{display:flex;justify-content:center;align-items:center;margin-bottom:10px;max-width:250px;width:100%;font-size:22px;white-space:nowrap}.modal__fb-login img[data-v-31de8e40],.modal__udn-login img[data-v-31de8e40]{margin-right:6px}.modal__notice[data-v-31de8e40]{margin-top:10px;padding:5px;background:#e4b140;color:#fff;font-weight:400}.modal__container[data-v-645c655b]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:999}.modal__wrapper[data-v-645c655b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:50px 80px;max-width:600px;width:100%;background:#d7a24d;border-radius:20px}@media screen and (max-width:640px){.modal__wrapper[data-v-645c655b]{padding:50px 20px;width:90%}}.modal__wrapper p[data-v-645c655b]{color:#000}@media screen and (max-width:640px){.modal__wrapper p[data-v-645c655b]{width:90%}}.modal__wrapper p span[data-v-645c655b]{display:block;font-size:22px;text-align:center;font-weight:700}@media screen and (max-width:640px){.modal__wrapper p span[data-v-645c655b]{font-size:18px}}.modal__wrapper p span[data-v-645c655b]:nth-child(2){margin-bottom:20px}.modal__wrapper p span.card-title[data-v-645c655b]{margin-bottom:20px;font-size:40px;color:#a31803}.modal__wrapper p a.space[data-v-645c655b]{display:block;height:10px}.modal__title[data-v-645c655b]{margin-bottom:40px}@media screen and (max-width:640px){.modal__title[data-v-645c655b]{max-width:100%}}.modal__close[data-v-645c655b]{position:absolute;top:15px;right:15px;display:block;width:30px;height:30px;background:#0f042f;border-radius:50%}.modal__close[data-v-645c655b]:after,.modal__close[data-v-645c655b]:before{content:"";position:absolute;top:50%;left:50%;width:60%;height:4px;background:#fff}.modal__close[data-v-645c655b]:before{transform:translate(-50%,-50%) rotate(45deg)}.modal__close[data-v-645c655b]:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal__close-img[data-v-645c655b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal__btn[data-v-645c655b]{display:flex;justify-content:center;flex-direction:column;margin-top:30px}.modal__btn a[data-v-645c655b]:last-child{margin-top:20px}.modal__btn img[data-v-645c655b]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}header{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:740px;background:50%/cover no-repeat;overflow:hidden}@media screen and (max-width:1920px){header{height:38.5vw}}@media screen and (max-width:640px){header{height:125vw;background:top/cover no-repeat}}.social{justify-content:center;display:flex;align-items:center;margin:0 auto 20px 0}@media screen and (max-width:1920px){.social{margin-bottom:1vw}}.kv__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:5;margin:auto;max-width:1920px}@media screen and (max-width:640px){.kv__wrapper{justify-content:center;max-width:640px;height:100%}}.kv__logo-reading{display:flex;justify-content:center;align-items:center}@media screen and (max-width:1920px){.kv__logo{width:52vw}}@media screen and (max-width:640px){.kv__logo{margin-bottom:2vw}}.kv__logo a{cursor:pointer}.kv__logo--img{margin:0 20px;width:210px}@media screen and (max-width:1920px){.kv__logo--img{margin:0 1vw;width:clamp(140px,11vw,210px)}}@media screen and (max-width:640px){.kv__logo--img{width:max(120px,30vw)}}.kv__fb-share{margin-top:1rem}@media screen and (max-width:1920px){.kv__fb-share{margin-top:1vw}}@media screen and (max-width:1200px){.kv__fb-share{margin-top:1.2vw}}@media screen and (max-width:640px){.kv__fb-share{margin-top:2vw}}.kv__title--wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width:1920px){.kv__title--l{width:43vw}}@media screen and (max-width:640px){.kv__title--l{display:none}}.kv__title--m{display:none}@media screen and (max-width:640px){.kv__title--m{display:block;width:68vw}}.kv__stamp{position:relative}.kv__stamp--done,.kv__stamp--submit{margin:5% auto 0;will-change:contents}@media screen and (max-width:1920px){.kv__stamp--done,.kv__stamp--submit{width:16vw}}@media screen and (max-width:640px){.kv__stamp--done,.kv__stamp--submit{margin-left:auto;margin-right:auto;margin-top:10%;width:50vw}}.kv__stamp--done{cursor:auto}.kv__stamp--sparkling{position:absolute}.kv__stamp--sparkling-1{top:-32%;right:34%;-webkit-animation:sparkling 3s infinite;animation:sparkling 3s infinite}.kv__stamp--sparkling-2{top:-50%;left:22%;-webkit-animation:sparkling 4s 1s infinite;animation:sparkling 4s 1s infinite}.kv__stamp--sparkling-3{bottom:-42%;left:30%;-webkit-animation:sparkling 2.5s 2s infinite;animation:sparkling 2.5s 2s infinite}.kv__stamp--sparkling-4{top:-12%;right:24%;-webkit-animation:sparkling 3s infinite;animation:sparkling 3s infinite}.kv__stamp--sparkling-5{top:-50%;left:15%;-webkit-animation:sparkling 4s 1s infinite;animation:sparkling 4s 1s infinite}.kv__stamp--sparkling-6{bottom:-45%;left:35%;-webkit-animation:sparkling 2.5s 2s infinite;animation:sparkling 2.5s 2s infinite}.kv__stamp img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.kv__stamp img.kv__stamp--sparkling{width:30px}@media screen and (max-width:1920px){.kv__stamp img.kv__stamp--sparkling{width:1.56vw}}@media screen and (max-width:640px){.kv__stamp img.kv__stamp--sparkling{width:4.7vw}}@-webkit-keyframes sparkling{0%{opacity:0}20%{opacity:0;transform:rotate(0)}25%{opacity:1}to{transform:rotate(180deg)}}@keyframes sparkling{0%{opacity:0}20%{opacity:0;transform:rotate(0)}25%{opacity:1}to{transform:rotate(180deg)}}:root{--viewport-width:960px;--viewport-height:180px;--column-width:180px;--column-innerwidth:180px}@media screen and (max-width:1200px){:root{--viewport-width:500px;--viewport-height:90px;--column-width:90px;--column-innerwidth:90px}}@media screen and (max-width:640px){:root{--viewport-width:200px;--viewport-height:60px;--column-width:60px;--column-innerwidth:60px}}.attendancebook__container{display:flex;justify-content:center;align-items:center;margin-top:50px}@media screen and (max-width:640px){.attendancebook__container{margin-top:30px;letter-spacing:0}}.attendancebook__viewport{position:relative;width:var(--viewport-width);height:var(--viewport-height);overflow:hidden}.attendancebook__roll{position:absolute;top:0;left:0;display:flex;height:100%;transition:1s}.attendancebook__column{position:relative;display:flex;justify-content:center;align-items:center;margin-right:calc(var(--viewport-width)/4 - var(--column-width)*5/4);width:var(--column-width);height:100%;color:#d7a24d;text-align:center;font-weight:bolder;background:no-repeat 50%/contain}@media screen and (max-width:640px){.attendancebook__column{margin-right:calc(var(--viewport-width)/2 - var(--column-width)*3/2)}}.attendancebook__column--wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:var(--column-innerwidth);height:var(--viewport-height);border-radius:50%}.attendancebook__column--wrapper.is-red-envelope img{width:50%}.attendancebook__column:last-child{margin-right:0}.attendancebook__column.clockin .attendancebook__column--wrapper{color:#000}.attendancebook__column.clockin .attendancebook__line{background:#000}.attendancebook__column.no-clockin .attendancebook__column--wrapper{color:#000}.attendancebook__column.no-clockin .attendancebook__line{background:#000}.attendancebook__text--state{font-size:20px}@media screen and (max-width:1200px){.attendancebook__text--state{font-size:12px}}@media screen and (max-width:640px){.attendancebook__text--state{font-size:8px}}.attendancebook__text--date{font-size:20px}@media screen and (max-width:1200px){.attendancebook__text--date{font-size:12px}}@media screen and (max-width:640px){.attendancebook__text--date{font-size:8px}}.attendancebook__line{width:50%;height:2px;background:#000}@media screen and (max-width:1200px){.attendancebook__line{height:1px}}.attendancebook__btn--next,.attendancebook__btn--pre{margin:0 20px;cursor:pointer}.attendancebook__btn--next.disabled .arrow6-left:before,.attendancebook__btn--next.disabled .arrow6-right:before,.attendancebook__btn--pre.disabled .arrow6-left:before,.attendancebook__btn--pre.disabled .arrow6-right:before{color:#a28d60}@media screen and (max-width:840px){.attendancebook__btn--next,.attendancebook__btn--pre{margin:0 10px}}@media screen and (max-width:640px){.attendancebook__btn--next,.attendancebook__btn--pre{margin:0}}.attendancebook__btn--next .arrow6-left:before,.attendancebook__btn--next .arrow6-right:before,.attendancebook__btn--pre .arrow6-left:before,.attendancebook__btn--pre .arrow6-right:before{font-family:fontello;font-style:normal;color:#e4b140;font-weight:400;font-size:45px;display:inline-block}@media screen and (max-width:1200px){.attendancebook__btn--next .arrow6-left:before,.attendancebook__btn--next .arrow6-right:before,.attendancebook__btn--pre .arrow6-left:before,.attendancebook__btn--pre .arrow6-right:before{font-size:30px}}.attendancebook__btn--next .arrow6-left:before,.attendancebook__btn--pre .arrow6-left:before{content:"S"}.attendancebook__btn--next .arrow6-right:before,.attendancebook__btn--pre .arrow6-right:before{content:""}main{position:relative;width:100%;background:repeat top/contain;padding:80px 3rem}@media screen and (max-width:1200px){main{padding:60px 5rem}}@media screen and (max-width:640px){main{padding:60px 2rem}}@media screen and (max-width:428px){main{padding:40px 2rem}}.navigation{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;margin:20px auto 50px;width:100%;font-size:30px;color:#d7a24d}@media screen and (max-width:1200px){.navigation{margin:15px auto 20px;font-size:2vw}}@media screen and (max-width:640px){.navigation{font-size:4vw}}.navigation__link{display:flex;align-items:center;margin:0 20px;white-space:nowrap;cursor:pointer}@media screen and (max-width:1200px){.navigation__link{margin:0 .8vw}}@media screen and (max-width:640px){.navigation__link{margin:0 5px}}.navigation__link:after{content:"|";position:relative;pointer-events:none;left:20px}@media screen and (max-width:1200px){.navigation__link:after{left:1vw}}.navigation span:last-child .navigation__link:after{content:""}.navigation__title{margin:15px;text-align:center}@media screen and (max-width:1200px){.navigation__title{margin:5px}}@media screen and (max-width:640px){.navigation__title{margin:0}}.navigation img{height:35px}@media screen and (max-width:1200px){.navigation img{height:2vw}}@media screen and (max-width:640px){.navigation img{display:none}}.content__decoration-line{margin:auto;max-width:100%}.content__decoration-line--navigation{position:absolute;left:-4%;right:0;max-width:110%}@media screen and (max-width:1200px){.content__decoration-line--navigation{max-width:108%}}.content__decoration-line--border-bottom,.content__decoration-line--border-top{position:absolute;left:-4%;max-width:110%}@media screen and (max-width:1200px){.content__decoration-line--border-bottom,.content__decoration-line--border-top{max-width:108%}}.content__decoration-line--border-top{top:-22px}@media screen and (max-width:1200px){.content__decoration-line--border-top{top:-1.8vw}}.content__decoration-line--border-bottom{bottom:-22px}@media screen and (max-width:1200px){.content__decoration-line--border-bottom{bottom:-1.8vw}}.content__container{margin-left:auto;margin-right:auto;position:relative;padding-top:60px;max-width:1280px}@media screen and (max-width:640px){.content__container{padding-top:40px}}.content__container--decoration-line{padding-top:0}.content__wrapper{position:relative;padding:60px 14%;margin:0 auto 70px;background:#d7a34d}@media screen and (max-width:640px){.content__wrapper{padding:60px 25px}}.content__wrapper--decoration-line{margin-bottom:0;padding:40px 0 0;max-width:1080px;background:none}@media screen and (max-width:1200px){.content__wrapper--decoration-line{padding-top:15px}}.content__wrapper .text{line-height:2;font-size:22px;color:#000}@media screen and (max-width:640px){.content__wrapper .text{font-size:1rem}}.content__wrapper .text span:not(.email){display:block}.content__wrapper .text .alert,.content__wrapper .text .email{color:#632f07;font-size:20px}@media screen and (max-width:640px){.content__wrapper .text .alert,.content__wrapper .text .email{font-size:1rem}}.content__wrapper--alert,.content__wrapper--event,.content__wrapper--hot,.content__wrapper--info,.content__wrapper--prize,.content__wrapper--reward{max-width:1080px}.content__wrapper--info,.content__wrapper--prize{flex-direction:column}.content__wrapper--info .text div,.content__wrapper--prize .text div{display:flex}.content__wrapper--info .text strong,.content__wrapper--prize .text strong{margin-right:.5em}.content__wrapper--prize .strong,.content__wrapper--reward .strong{display:inline;color:#a31803;font-weight:bolder}.content__wrapper--prize .alert,.content__wrapper--reward .alert{margin-top:20px}.content__wrapper--prize .content__title{margin:15px auto}@media screen and (max-width:640px){.content__wrapper--prize .content__title{width:35vw;height:auto}}.content__wrapper--prize .text{margin-bottom:30px}.content__wrapper--hot{display:flex;align-items:center}@media screen and (max-width:768px){.content__wrapper--hot{flex-direction:column}}.content__wrapper--hot figure{flex:0 0 200px;margin:0;height:300px;background-color:#9d2121;overflow:hidden}@media screen and (max-width:768px){.content__wrapper--hot figure{flex:0 0 auto;margin-bottom:10vw;width:200px;height:300px}}.content__wrapper--hot figure figcaption.text{color:#fff;font-size:28px;text-align:center;letter-spacing:10px;line-height:1.5}.content__wrapper--hot figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content__wrapper--event{display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 4%}@media screen and (max-width:1024px){.content__wrapper--event{padding:60px 5vw}}@media screen and (max-width:640px){.content__wrapper--event{padding:60px 25px}}.content__wrapper--event a{margin-bottom:50px;width:48%}@media screen and (max-width:1024px){.content__wrapper--event a{width:100%}}.content__wrapper--event a:nth-last-child(2),.content__wrapper--event a:nth-last-child(3){margin-bottom:0}@media screen and (max-width:1024px){.content__wrapper--event a:nth-last-child(3){margin-bottom:50px}}.content__wrapper--event figure{margin:0}.content__wrapper--event figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.content__wrapper--event figure figcaption{font-size:22px;text-align:center;line-height:2}@media screen and (max-width:640px){.content__wrapper--event figure figcaption{font-size:1rem}}.content__wrapper--alert{flex-direction:column}.content__wrapper--alert ol{position:relative;margin-left:-10px}@media screen and (max-width:640px){.content__wrapper--alert ol{margin-left:-16px}}.content__wrapper--other{padding:100px 0 50px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:1440px){.content__wrapper--other{padding:50px}}@media screen and (max-width:768px){.content__wrapper--other{margin-bottom:0}}@media screen and (max-width:640px){.content__wrapper--other{padding:50px 20px}}.content__wrapper--other .text{font-size:18px;line-height:3}@media screen and (max-width:640px){.content__wrapper--other .text{font-size:1rem}}.content__title{left:0;right:0;display:block;margin:0 auto 45px}@media screen and (max-width:640px){.content__title{height:50px}}.content__info{padding-left:60px}@media screen and (max-width:768px){.content__info{padding-left:0}}.content__info--intro{margin:30px 0 30px}@media screen and (max-width:640px){.content__info--intro{margin:20px 0 15px}}.content__info--read{display:block;padding:0 10px;width:120px;background:#fad877;color:#000;border-radius:5px;text-align:center;cursor:pointer}@media screen and (max-width:768px){.content__info--read{margin:0 0 0 auto}}.content__info--read img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.content__table{width:100%;border-collapse:separate;border-spacing:3px}.content__table--alert{margin:.5em 0 30px;text-align:center;border-left:none;border-right:none}.content__table--alert .content__table--unit{width:50%;text-align:center;color:#000;background:#fad877}.content__table--info,.content__table--prize{margin-bottom:20px;width:auto;text-align:left;border:none}.content__table--info .content__table--unit,.content__table--prize .content__table--unit{width:auto;border:none;vertical-align:text-top}.content__table--info .content__table--unit:first-child,.content__table--prize .content__table--unit:first-child{white-space:nowrap}.content__cards{justify-content:space-between;flex-wrap:wrap}.content__card,.content__cards{display:flex;align-items:center}.content__card{justify-content:center;position:relative;margin-top:25px;padding:5px;width:48%;height:60px;border-radius:10px;color:#d7a24d;background:#000}@media screen and (max-width:640px){.content__card{margin-top:10px;width:100%;height:40px}}.content__card--counter{display:flex;justify-content:center;align-items:center;position:absolute;right:-10px;top:-10px;width:28px;height:28px;border:3px solid #000;border-radius:50%;color:#000;font-size:16px;background:#fff}@media screen and (max-width:640px){.content__card--counter{width:25px;height:25px;font-size:14px}}.content__card.is-active{background:#fad877}.content__card.is-active .content__card--counter{color:#fad877;border-color:#fad877}.content__stamp{display:block;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;will-change:contents;cursor:pointer}.content__stamp--get-card{margin-bottom:60px}@media screen and (max-width:640px){.content__stamp--get-card{margin-bottom:7vw}}.top{position:fixed;bottom:60px;right:50%;margin-right:-650px;cursor:pointer;opacity:0}@media screen and (max-width:1440px){.top{right:24px;margin:auto}}.top:hover{-webkit-animation:shake .5s ease backwards;animation:shake .5s ease backwards}.top__ball{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:50px;height:50px;border-radius:50%;background:#fad877;color:#000;font-size:14px}@-webkit-keyframes shake{0%{transform:rotate(0)}12.5%,62.5%{transform:rotate(15deg)}37.5%,87.5%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}@keyframes shake{0%{transform:rotate(0)}12.5%,62.5%{transform:rotate(15deg)}37.5%,87.5%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@font-face{font-family:"NotoSerifCJKtc-Medium";src:local("NotoSerifCJKtc-Medium"),url(https://udn.com/upf/static/event/NotoSerifCJKtc-Medium.otf) format("opentype");font-weight:"normal"}footer p{text-align:center;font-size:13px;line-height:3.5;background:#d7a24d;color:#000}[v-clock]{display:none}*{box-sizing:border-box}body{font-family:Microsoft JhengHei,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:"NotoSerifCJKtc-Medium";font-display:swap;font-weight:900;background:#f7f7ed;letter-spacing:2px}p{margin:0;line-height:1.5}a{text-decoration:none;color:inherit}