@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;height:auto;vertical-align:bottom}a{text-decoration:none;color:#000}@font-face{font-family:Open Sans;src:url(https://static.tpx.tw/sff/event/m22-2025xmas/assets/font/OpenSans-Bold.ttf) format("ttf");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(https://static.tpx.tw/sff/event/m22-2025xmas/assets/font/OpenSans-Semibold.ttf) format("ttf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(https://static.tpx.tw/sff/event/m22-2025xmas/assets/font/OpenSans-Regular.ttf) format("ttf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(https://static.tpx.tw/sff/event/m22-2025xmas/assets/font/OpenSans-Light.ttf) format("ttf");font-weight:300;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{font-family:Open Sans,Noto Sans TC,Noto Sans SC,sans-serif;font-size:14px;font-weight:500;color:#003b1e;background-color:#fffdf9}a{color:inherit}a:hover{color:inherit;text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{background-color:#fff!important}:focus{outline:none!important}[v-cloak]{display:none}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}.open-sans{font-family:Open Sans;font-weight:700;font-style:normal}.text-center{text-align:center}.cursor-auto{cursor:auto!important}.text-mainColor{color:#fffdf9}.d-none{display:none}@media (min-width: 900.99px){.d-mb-none{display:none}}@media (min-width: 900.99px){.d-mb-block{display:block}}@media (min-width: 900.99px){.d-mb-inline-block{display:inline-block}}.btn{cursor:pointer;width:240px}@media (max-width: 1200px){.btn{width:200px}}@media (max-width: 430px){.btn{width:140px}}.btn--small{width:auto;width:104px}.textLink{padding-bottom:2px;border-bottom:1px solid #003b1e}.form{margin-bottom:2.5vw}.form-group{display:flex;align-items:center;margin-bottom:.83vw}.form-group label{flex-shrink:0;margin-right:10px;font-size:clamp(14px,.83vw,16px)}.form-group label.label--select:after{content:"";display:inline-block;border-style:solid;margin:0 0 0 10px;border-width:10px 7.5px 0 7.5px;border-color:#003b1e transparent transparent transparent}.form-group select{flex:1;text-align-last:center;color:#003b1e;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;border-bottom:1px solid #003b1e;background:transparent;text-align:center;font-size:clamp(14px,.83vw,16px);font-weight:500;font-family:Open Sans,Noto Sans TC,Noto Sans SC,sans-serif}.form-group select option{text-align:center;color:#263146}.form-group select option:disabled{color:#aaac}.form-group input{flex:1;color:#003b1e;border-radius:0;border:none;border-bottom:1px solid #003b1e;background:transparent;text-align:center;font-size:clamp(14px,.83vw,16px);font-weight:500;font-family:Open Sans,Noto Sans TC,Noto Sans SC,sans-serif}.form-group input::placeholder{color:#003b1e;opacity:.7}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:hover,.form-group textarea:-webkit-autofill:focus,.form-group select:-webkit-autofill,.form-group select:-webkit-autofill:hover,.form-group select:-webkit-autofill:focus{-webkit-text-fill-color:#fffdf9;color:#fffdf9;border-radius:0;border:none;border-bottom:1px solid #fffdf9;background:transparent;text-align:center;font-size:clamp(14px,.83vw,16px);font-weight:500;font-family:Open Sans,Noto Sans TC,Noto Sans SC,sans-serif}.form-group--store .store-desc{flex:1;align-self:end;margin-left:10px;border-bottom:1px solid #003b1e}.form-group--phone select{height:103%}.form-group--phone .select-arrow{flex:0 0 20%;display:flex;align-items:center}.form-group--phone .select-arrow:after{content:"";display:inline-block;border-style:solid;margin:0 10px;border-width:10px 7.5px 0 7.5px;border-color:#003b1e transparent transparent transparent}@media (max-width: 900px){.form{margin-bottom:14.4vw}.form-group label{flex-shrink:0;font-size:clamp(14px,2.6vw,24px);text-align:left;margin-right:10px}.form-group label.label--select:after{margin:0 0 0 10px;border-width:9px 8px 0 8px}.form-group select,.form-group input{font-size:clamp(14px,2.6vw,24px)}.form-group .column{flex-direction:column}.form-group--store{flex-wrap:wrap;align-items:center}.form-group--store button{margin-top:5px;order:1}.form-group--store .store-desc{flex:auto;height:24px;width:40%;margin-left:0;overflow:hidden}.form-group--phone{flex-wrap:wrap}.form-group--phone .select-arrow:after{margin:0 5px;border-width:9px 8px 0 8px}}@media (max-width: 576px){.form-group{margin-bottom:2.22vw}.form-group label{margin-right:5px}.form-group label.label--select:after{margin:0 0 0 5px;border-width:7px 6px 0 6px}.form-group--store label{margin-bottom:2.22vw}.form-group--store .store-desc{height:24px;width:100%;margin-left:0;margin-bottom:2.22vw;overflow:hidden}.form-group--store button{margin-top:0}.form-group--wrap{flex-wrap:wrap}.form-group--wrap label{margin-bottom:5px}.form-group--wrap input{flex:auto;width:100%}.form-group--phone .select-arrow{flex:1}.form-group--phone .select-arrow:after{margin:0 5px;border-width:7px 6px 0 6px}.form-group--phone input{margin-top:5px}}.layout{background-color:#fbf5e4}.header-top{position:relative;width:100%;position:absolute;top:0;left:0;z-index:1}.header-top img{width:100%}.header{position:relative;padding-top:11.97vw;display:flex;flex-direction:column;align-items:center}.header .header__logo{font-size:0px;text-align:center;margin-bottom:10px}.header .header__logo img{width:46.875vw}.header .header__logo a{cursor:default}@media (max-width: 900px){.header{padding-top:27vw}.header .header__logo{margin-bottom:10px}.header .header__logo img{width:77.33vw}.header .header__logo a{cursor:default}}.footer{font-size:0px;position:relative;text-align:center}.footer .footer__media{margin-bottom:1.56vw;display:inline-block}.footer .footer__media .footer__media__list{margin-bottom:11px;display:flex;align-items:flex-end;justify-content:space-evenly}.footer .footer__media .footer__media__list li a{display:inline-block}.footer .footer__media .footer__media__mercci22{width:13.95vw}.footer .footer__bottom{position:relative}@media (max-width: 900px){.footer .footer__media{margin-bottom:6.88vw}.footer .footer__media .footer__media__mercci22{width:60vw}}.main{max-width:53.5vw;margin:0 auto}@media (max-width: 900px){.main{max-width:84vw}}.end{padding-top:6.45vw;padding-bottom:15px}.end .end__content{text-align:center}.end .end__content h4{font-size:clamp(14px,1.56vw,30px);font-weight:600}.end .end__content .end-img{width:23.43vw;margin-top:35px}.end .end__content p{font-size:clamp(14px,1.25vw,24px);line-height:1.75;margin-bottom:7.39vw}.end .end__content .btn{padding-bottom:11vw}@media (max-width: 900px){.end{padding-top:7.22vw}.end .end__content h4{font-size:clamp(14px,3.33vw,30px);margin-bottom:4.44vw}.end .end__content .end-img{width:30vw;margin-bottom:5vw;margin-top:0}.end .end__content p{font-size:clamp(14px,2.66vw,24px);margin-bottom:11.66vw}.end .end__content .btn{padding-bottom:25vw}}.go-top{position:fixed;right:3.64vw;bottom:150px;width:3.489vw;z-index:98;cursor:pointer}.go-top img{width:100%}@media (max-width: 900px){.go-top{width:12vw}}.modal__style{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#77777740;z-index:9999}.modal__style .modal__content{position:relative;animation-delay:.1s;margin:20vh auto 0;padding:35px;background-color:#f6f6f5;width:80%;z-index:2;font-size:13px}@media (min-width: 768px){.modal__style .modal__content{width:380px}}.modal__style .modal__body{font-weight:400;text-align:center;padding-bottom:30px;line-height:1.5}.modal__style .modal__footer{text-align:center}.modal__style .modal__footer .btn{box-sizing:border-box;display:inline-block;position:relative;height:30px;line-height:28px;padding:0;color:#303030;border:1px solid #c5c5c5;background-color:#fff;border-radius:0;font-size:13px;letter-spacing:.1em;text-align:center;cursor:pointer;font-weight:400;width:100%;min-width:auto}.modal__style .modal__footer .btn:hover{background-color:#969696;border-color:#969696;color:#fff!important}.modal__style .modal__footer .btn__group{display:flex;justify-content:center}.modal__style .modal__footer .btn__group .btn:first-child{margin-right:5px}.modal__style .modal__footer .btn__group .btn:last-child{margin-left:5px}.popup{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000c;z-index:99}.popup .popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36.45vw;height:47.39vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.popup .popup__content .close{position:absolute;top:6%;right:1%;cursor:pointer;width:1vw}.popup .popup__content .gift{margin-top:55px;width:100%}.popup .popup__content .coupon{margin:30px 0;font-size:1.5rem}.popup .popup__content .btn{position:absolute;top:41.4vw;width:17vw}@media (max-width: 900px){.popup .popup__content{width:73.33vw;height:92vw;padding:25px}.popup .popup__content .close{width:20px}.popup .popup__content .coupon{margin:15px 0;font-size:1.2rem}.popup .popup__content .btn{position:absolute;top:78vw;width:32vw}}@media (max-width: 900px){.popup .popup__content .coupon{font-size:1rem}}.description .description__main{padding-top:3.02vw;padding-bottom:4.166vw;text-align:center;font-size:clamp(14px,1.14vw,22px);line-height:1.6;color:#003b1e}.description .description__main p{position:relative;display:inline-block}.description .description__main img{position:absolute;max-width:6.51vw;left:77%;bottom:-46%}@media (max-width: 900px){.description .description__main{padding-top:4.44vw;padding-bottom:16.26vw;font-size:clamp(14px,3.11vw,28px)}.description .description__main img{max-width:17vw;left:75%}}.process{padding-bottom:5.88vw}.process>div{text-align:left;font-size:clamp(14px,.93vw,18px);line-height:2;color:#003b1e}.process>div h2{font-size:clamp(14px,1.14vw,22px);line-height:1;margin-bottom:1.04vw}.process .process__step{text-indent:-4em;padding-left:4em}@media (max-width: 900px){.process{padding-bottom:9.33vw}.process>div{line-height:1.71;font-size:clamp(14px,2.66vw,24px)}.process>div h2{font-size:clamp(14px,3.11vw,28px);line-height:1;margin-bottom:4.44vw}.process__time{font-size:clamp(14px,2.88vw,26px);line-height:1;margin-bottom:5.3vw}}.notice{padding-bottom:13.12vw}.notice div{text-align:left;color:#003b1e}.notice h3{font-size:clamp(14px,1.56vw,30px);margin-bottom:2vw;line-height:1}.notice ol li{font-size:clamp(14px,.83vw,16px);line-height:2.25;text-indent:-1.5em;padding-left:1.5em}@media (max-width: 900px){.is-end{display:none!important}}.event .event__sign,.event .event__coupon{text-align:center;padding-bottom:10.4vw}.event .event__gift{padding-bottom:10.4vw;text-align:center}.event .event__gift p{text-align:left;font-size:clamp(14px,1.197vw,23px);margin-bottom:4.166vw}.event .event__available{padding-bottom:10.4vw;max-width:905px;line-height:1.5}.event .event__available h3{font-size:clamp(14px,1.197vw,23px);margin-bottom:2.6vw}.event .event__end{padding-top:2.6vw;padding-bottom:10.4vw}.event .event__end h4{margin-bottom:2.86vw;font-size:clamp(14px,1.56vw,30px);font-weight:600}.event .event__end .event__end__group{margin-bottom:4.79vw}.event .event__end .event__end__group p{font-size:clamp(14px,.93vw,18px);margin-bottom:1vw}@media (max-width: 900px){.event .event__sign,.event .event__coupon,.event .event__gift{padding-bottom:20vw}.event .event__gift p{text-align:center;font-size:clamp(14px,3.11vw,28px);margin-bottom:8.44vw}.event .event__available{padding-bottom:20vw}.event .event__available h3{font-size:clamp(14px,3.1vw,28px);margin-bottom:5.5vw}.event .event__end{padding-top:11.6vw;padding-bottom:20vw}.event .event__end h4{font-size:clamp(14px,3.33vw,30px);margin-bottom:4.88vw}.event .event__end .event__end__group{margin-bottom:16.22vw}.event .event__end .event__end__group p{font-size:clamp(14px,2.66vw,24px);margin-bottom:2vw;line-height:1.7}}