@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700;900&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Noto Serif TC","Source Han Serif TC","Source Han Serif","Noto Serif CJK TC","Songti TC","PMingLiU","MingLiU",serif;font-weight:400;font-size:12px;color:#fff}a{color:inherit;text-decoration:none}#app{width:min(100%,750px);min-height:100vh;margin:0 auto;overflow:hidden;background:#f9ffff}.section{position:relative;overflow:hidden}header{position:fixed;top:0;left:50%;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(100%,750px);padding:1em 2em;background-image:linear-gradient(to right, rgb(8, 62, 82), rgba(8, 62, 82, 0.719));transform:translateX(-50%)}header>div{display:flex;align-items:center}header .icon{display:block;--width: 4em;width:var(--width)}@supports(aspect-ratio: 1){header .icon{aspect-ratio:90/90}}@supports not (aspect-ratio: 1){header .icon{width:var(--width);height:calc(var(--width)*90/90)}}header .icon{border-radius:8px;background:url("../images/reserve-new/nav-icon.webp") no-repeat center;background-size:contain}header .logo{--width: 9em;width:var(--width)}@supports(aspect-ratio: 1){header .logo{aspect-ratio:252/120}}@supports not (aspect-ratio: 1){header .logo{width:var(--width);height:calc(var(--width)*120/252)}}header .logo{margin-left:8px;background:url("../images/reserve-new/nav-logo.webp") no-repeat center;background-size:contain}header .but{display:block}header .but:not(:first-child){margin-left:1em}header .appstore,header .google{--width: 10em;width:var(--width)}@supports(aspect-ratio: 1){header .appstore,header .google{aspect-ratio:174/51}}@supports not (aspect-ratio: 1){header .appstore,header .google{width:var(--width);height:calc(var(--width)*51/174)}}header .appstore{background:url("../images/reserve-new/nav-appstore.webp") no-repeat center;background-size:contain}header .google{background:url("../images/reserve-new/nav-google.webp") no-repeat center;background-size:contain}.kv{z-index:3;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:flex-end;box-sizing:border-box;width:100%;height:95.285em;background:url("../images/reserve-new/kv-m.webp") no-repeat center;background-size:contain;background-size:cover;background-repeat:no-repeat;background-position:center}.slogen{--width: 41.5em;width:var(--width)}@supports(aspect-ratio: 1){.slogen{aspect-ratio:581/123}}@supports not (aspect-ratio: 1){.slogen{width:var(--width);height:calc(var(--width)*123/581)}}.slogen{background:url("../images/reserve-new/slogen.png") no-repeat center;background-size:contain}.time{display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px #03657b}.time i{--width: 2.5em;width:var(--width);font-size:18px;margin:0 .2em;display:grid}@supports(aspect-ratio: 1){.time i{aspect-ratio:50/50}}@supports not (aspect-ratio: 1){.time i{width:var(--width);height:calc(var(--width)*50/50)}}.time i{place-items:center;font-style:normal;background:url("../images/reserve-new/time-num.webp") no-repeat center;background-size:contain}.time span{margin-right:2px;white-space:nowrap}.go-pre,.step-but{display:block}.go-pre{--width: 32.857em;width:var(--width)}@supports(aspect-ratio: 1){.go-pre{aspect-ratio:460/96}}@supports not (aspect-ratio: 1){.go-pre{width:var(--width);height:calc(var(--width)*96/460)}}.go-pre{background:url("../images/reserve-new/go-pre.webp") no-repeat center;background-size:contain}.reserve{margin-top:-6em;padding:30% 16px 44px;background:url("../images/reserve-new/reserve-bg-m.webp") no-repeat center top;background-size:100% auto;background-color:#faffff}.section-title{margin:0 auto;--width: 33.642em;width:var(--width)}@supports(aspect-ratio: 1){.section-title{aspect-ratio:942/312}}@supports not (aspect-ratio: 1){.section-title{width:var(--width);height:calc(var(--width)*312/942)}}.section-title{background:url("../images/reserve-new/section-title.png") no-repeat center;background-size:contain}.award-list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin:0;padding:0;list-style:none}.bonus{position:relative;display:grid;justify-items:center;justify-content:center}.bonus .award{display:flex;justify-content:center;align-items:center;--width: 22em;width:var(--width)}@supports(aspect-ratio: 1){.bonus .award{aspect-ratio:308/283}}@supports not (aspect-ratio: 1){.bonus .award{width:var(--width);height:calc(var(--width)*283/308)}}.bonus .award{background:url("../images/reserve-new/step2-award-bg.webp") no-repeat center;background-size:contain}.bonus img{display:block;width:66%;height:66%;object-fit:contain}.bonus.grand-prize{grid-column:1/-1;width:100%;padding-bottom:28px}.bonus.grand-prize .award{--width: 48.786em;width:var(--width);background:none}@supports(aspect-ratio: 1){.bonus.grand-prize .award{aspect-ratio:683/472}}@supports not (aspect-ratio: 1){.bonus.grand-prize .award{width:var(--width);height:calc(var(--width)*472/683)}}.bonus.grand-prize img{width:100%;height:100%}.reserve .award-list.shop p{position:absolute;bottom:0;left:50%;display:flex;align-items:center;justify-content:center;--width: 22.5em;width:var(--width)}@supports(aspect-ratio: 1){.reserve .award-list.shop p{aspect-ratio:315/41}}@supports not (aspect-ratio: 1){.reserve .award-list.shop p{width:var(--width);height:calc(var(--width)*41/315)}}.reserve .award-list.shop p{margin:0;padding:0 8px;color:#fff;background:url("../images/reserve-new/fundus.webp") no-repeat center;background-size:contain;font-weight:700;line-height:1.3;text-align:center;transform:translateX(-50%)}.reserve .award-list.shop p::before,.reserve .award-list.shop p::after{display:block;--width: .786em;width:var(--width);max-width:10px}@supports(aspect-ratio: 1){.reserve .award-list.shop p::before,.reserve .award-list.shop p::after{aspect-ratio:11/11}}@supports not (aspect-ratio: 1){.reserve .award-list.shop p::before,.reserve .award-list.shop p::after{width:var(--width);height:calc(var(--width)*11/11)}}.reserve .award-list.shop p::before,.reserve .award-list.shop p::after{flex:0 0 auto;content:"";background:url("../images/reserve-new/star.webp") no-repeat center;background-size:contain}.reserve .award-list.shop p::before{margin-right:6px}.reserve .award-list.shop p::after{margin-left:6px}.step-but{margin:-7em auto 0;--width: 42.5em;width:var(--width)}@supports(aspect-ratio: 1){.step-but{aspect-ratio:1190/192}}@supports not (aspect-ratio: 1){.step-but{width:var(--width);height:calc(var(--width)*192/1190)}}.step-but{background:url("../images/reserve-new/step2-but.webp") no-repeat center;background-size:contain}dialog.s-pop{position:fixed;top:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.5);color:inherit}.s-pop-result .pop-main{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;box-sizing:border-box;margin-top:-11em;color:#fff;background-color:initial;border:initial;gap:initial;--width: 62.5em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main{aspect-ratio:750/684}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main{width:var(--width);height:calc(var(--width)*684/750)}}.s-pop-result .pop-main{background:url("../images/reserve-new/pop/s-pop-result-m.webp") no-repeat center bottom;background-size:contain}.s-pop-result .pop-main .result-popup-title,.s-pop-result .pop-main::after,.s-pop-result .pop-main::before{display:none}.s-pop-result .pop-main .r-t{margin-left:27em;--width: 32.916em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main .r-t{aspect-ratio:395/201}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .r-t{width:var(--width);height:calc(var(--width)*201/395)}}.s-pop-result .pop-main .r-t{background:url("../images/reserve-new/pop/result-title-m.webp") no-repeat center;background-size:contain}.s-pop-result .pop-main .award{display:flex;justify-content:center}.s-pop-result .pop-main .award li{display:flex;flex-direction:column;justify-content:center;align-items:center}.s-pop-result .pop-main .award li span{display:block;--width: 14.666em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main .award li span{aspect-ratio:176/176}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .award li span{width:var(--width);height:calc(var(--width)*176/176)}}.s-pop-result .pop-main .award li p{margin:.5em 0}.s-pop-result .pop-main .award li i{position:relative;display:block;--width: 2em;width:var(--width);cursor:pointer}@supports(aspect-ratio: 1){.s-pop-result .pop-main .award li i{aspect-ratio:27/27}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .award li i{width:var(--width);height:calc(var(--width)*27/27)}}.s-pop-result .pop-main .award li i{border:1px solid #71eded;border-radius:50px;background-color:#134f53}.s-pop-result .pop-main .award li i::after{position:absolute;top:50%;left:100%;width:12.571em;height:0;border:1px dashed #71eded;content:"";transform:translateY(-50%)}.s-pop-result .pop-main .award li.act i::before{position:absolute;top:40%;--width: 2.25em;width:var(--width);content:"";transform:translateY(-50%)}@supports(aspect-ratio: 1){.s-pop-result .pop-main .award li.act i::before{aspect-ratio:28/23}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .award li.act i::before{width:var(--width);height:calc(var(--width)*23/28)}}.s-pop-result .pop-main .award li.act i::before{background:url("../images/reserve-new/pop/i-act.webp") no-repeat center;background-size:contain}.s-pop-result .pop-main .award li:nth-child(1) span{background:url("../images/reserve-new/pop/result-award-1.png") no-repeat center;background-size:contain}.s-pop-result .pop-main .award li:nth-child(2) span{background:url("../images/reserve-new/pop/result-award-2.png") no-repeat center;background-size:contain}.s-pop-result .pop-main .award li:nth-child(3) span{background:url("../images/reserve-new/pop/result-award-3.png") no-repeat center;background-size:contain}.s-pop-result .pop-main .award li:not(:last-child){margin-right:1.2em}.s-pop-result .pop-main .award li:last-child i::after{display:none}.s-pop-result .pop-main .but-list{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:3em auto -10.5em}.s-pop-result .pop-main .but-list a{display:block;--width: 37em;width:var(--width)}@supports(aspect-ratio: 1){.s-pop-result .pop-main .but-list a{aspect-ratio:448/108}}@supports not (aspect-ratio: 1){.s-pop-result .pop-main .but-list a{width:var(--width);height:calc(var(--width)*108/448)}}.s-pop-result .pop-main .but-list a.appstore{background:url("../images/reserve-new/pop/appstore.webp") no-repeat center;background-size:contain;animation:reserve-new-result-circle 2s ease-in-out infinite;-webkit-animation:reserve-new-result-circle 2s ease-in-out infinite}.s-pop-result .pop-main .but-list a.google{background:url("../images/reserve-new/pop/google.webp") no-repeat center;background-size:contain;animation:reserve-new-result-circle-reverse 2s ease-in-out infinite;-webkit-animation:reserve-new-result-circle-reverse 2s ease-in-out infinite}@keyframes reserve-new-result-circle{0%{transform:scale(0.9)}25%{transform:scale(1)}50%{transform:scale(0.9)}75%{transform:scale(1)}100%{transform:scale(0.9)}}@keyframes reserve-new-result-circle-reverse{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(1)}75%{transform:scale(0.9)}100%{transform:scale(1)}}.s-pop-result .close-btn{position:absolute;top:8em;right:2em;--width: 3.58em;width:var(--width);padding:0;border:0;cursor:pointer}@supports(aspect-ratio: 1){.s-pop-result .close-btn{aspect-ratio:40/40}}@supports not (aspect-ratio: 1){.s-pop-result .close-btn{width:var(--width);height:calc(var(--width)*40/40)}}.s-pop-result .close-btn{background:url("../images/reserve-new/pop/s-pop-close.webp") no-repeat center;background-size:contain}@media(max-width: 900px){.s-pop-result .pop-main{margin-top:-6em;--width: 26.785em}.s-pop-result .pop-main .r-t{margin-left:12em;--width: 13.964em}.s-pop-result .pop-main .award{margin-top:1em}.s-pop-result .pop-main .award li span{--width: 6em}.s-pop-result .pop-main .award li p{margin:0 0 .5em;font-size:12px}.s-pop-result .pop-main .award li i{--width: 1em}.s-pop-result .pop-main .award li i::after{width:7em}.s-pop-result .pop-main .award li.act i::before{--width: 1.2em}.s-pop-result .pop-main .but-list{width:100%;margin:1.5em auto -5.5em}.s-pop-result .pop-main .but-list a{--width: 16em}.s-pop-result .pop-main .but-list p{font-size:clamp(10px,3.2vw,14px)}.s-pop-result .close-btn{top:4em;right:1em;--width: 2em}}footer{position:relative;box-sizing:border-box;width:100%;padding:var(--xnmj-footer-padding, 0);color:var(--xnmj-footer-color, #7cd2d7);background:var(--xnmj-footer-background, #005c61);font-family:var(--xnmj-footer-font-family, Arial, sans-serif)}footer .footer-con{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:2em}footer .fl,footer .fr{display:flex;height:100%}footer .fl{flex-direction:column;align-items:center;text-align:center}footer .fl img{width:min(42vw,180px);object-fit:contain}footer .fl span{margin-top:1em;font-size:clamp(11px,2.8vw,16px);font-weight:700}footer .fr{align-items:stretch;gap:10px}footer .fr img{width:clamp(42px,12vw,68px);height:auto;margin-right:.42em;object-fit:contain}footer .fr div{display:grid;align-content:space-between;gap:5px;font-size:10px;line-height:1.35}footer .fr p{margin:0}footer .footer-p{padding:9px 12px 15px;border-top:1px solid var(--xnmj-footer-divider, var(--xnmj-footer-color));font-size:10px;text-align:center}footer{--xnmj-footer-color: #7cd2d7;--xnmj-footer-background: #005c61;--xnmj-footer-divider: #7cd2d7}@media(max-width: 900px){body{font-size:clamp(12px,3.73vw,28px)}header{padding:.5em 1em}header .icon{--width: 2.714em}header .logo{--width: 6.571em}header .but{--width: 7.143em}.kv{height:47.642em;background:url("../images/reserve-new/kv-m.webp") no-repeat center;background-size:contain}.kv .slogen{--width:24em}.time{margin:0 auto 2em}.time i{margin:0 .1em;font-size:clamp(12px,3.73vw,20px);--width: 2em}.time span{font-size:clamp(16px,4.8vw,28px)}.go-pre{--width: 16em}.section-title{--width: 17em}.bonus .award{--width: 11em}.bonus.grand-prize .award{--width: 25em}.reserve .award-list.shop p{--width: 18em;font-size:10px;max-width:100%}.step-but{--width: 22em;margin:-4em auto 0}}