@-webkit-keyframes btnPointer{0%{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}50%{-webkit-transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em);transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em)}}@keyframes btnPointer{0%{-webkit-transform:scale(1) translate(0, 0);transform:scale(1) translate(0, 0)}50%{-webkit-transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em);transform:rotate(20deg) scale(1.1) translate(0.25em, 0.1em)}}*:focus-visible{outline:auto;outline-offset:.1em}[data-device=mobile] .only-pc,[data-device=pc] .only-mobile{display:none !important}[data-login=true] .only-logout,:root:not([data-login=true]) .only-login{display:none}html,body{background:linear-gradient(280deg, rgb(157, 29, 230) 28%, rgb(255, 102, 203) 50%, rgb(255, 191, 90) 97%)}#main{overflow:hidden}#header{background-color:#1a44b8}#footer{background-color:#1a44b8;padding-bottom:0}#footer .foot{padding-bottom:.6em}.bg-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:8px;bottom:0;left:calc(50% - 16em);width:32em;height:100%;margin:0 auto;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:-5}@media(max-width: 1200px){.bg-area{top:0}}@media(max-width: 1000px){.bg-area{background-size:84% 100%}}.bg-area picture{height:100%}.bg-area img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;position:relative}#article{width:calc(100% - .5em) !important;max-width:900px !important;margin:auto;margin-top:7.275em;position:relative}.btn{font-size:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;border:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;margin-left:auto;margin-right:auto;background-color:rgba(0,0,0,0);-webkit-transition:-webkit-filter .2s ease-out,-webkit-box-shadow .2s;transition:-webkit-filter .2s ease-out,-webkit-box-shadow .2s;transition:filter .2s ease-out,box-shadow .2s;transition:filter .2s ease-out,box-shadow .2s,-webkit-filter .2s ease-out,-webkit-box-shadow .2s}.stroke-purple{color:#fff;text-shadow:-4px -4px 0 #3d1f6f,-4px -3px 0 #3d1f6f,-4px -2px 0 #3d1f6f,-4px -1px 0 #3d1f6f,-4px 0px 0 #3d1f6f,-4px 1px 0 #3d1f6f,-4px 2px 0 #3d1f6f,-4px 3px 0 #3d1f6f,-4px 4px 0 #3d1f6f,-3px -4px 0 #3d1f6f,-3px -3px 0 #3d1f6f,-3px -2px 0 #3d1f6f,-3px -1px 0 #3d1f6f,-3px 0px 0 #3d1f6f,-3px 1px 0 #3d1f6f,-3px 2px 0 #3d1f6f,-3px 3px 0 #3d1f6f,-3px 4px 0 #3d1f6f,-2px -4px 0 #3d1f6f,-2px -3px 0 #3d1f6f,-2px -2px 0 #3d1f6f,-2px -1px 0 #3d1f6f,-2px 0px 0 #3d1f6f,-2px 1px 0 #3d1f6f,-2px 2px 0 #3d1f6f,-2px 3px 0 #3d1f6f,-2px 4px 0 #3d1f6f,-1px -4px 0 #3d1f6f,-1px -3px 0 #3d1f6f,-1px -2px 0 #3d1f6f,-1px -1px 0 #3d1f6f,-1px 0px 0 #3d1f6f,-1px 1px 0 #3d1f6f,-1px 2px 0 #3d1f6f,-1px 3px 0 #3d1f6f,-1px 4px 0 #3d1f6f,0px -4px 0 #3d1f6f,0px -3px 0 #3d1f6f,0px -2px 0 #3d1f6f,0px -1px 0 #3d1f6f,0px 0px 0 #3d1f6f,0px 1px 0 #3d1f6f,0px 2px 0 #3d1f6f,0px 3px 0 #3d1f6f,0px 4px 0 #3d1f6f,1px -4px 0 #3d1f6f,1px -3px 0 #3d1f6f,1px -2px 0 #3d1f6f,1px -1px 0 #3d1f6f,1px 0px 0 #3d1f6f,1px 1px 0 #3d1f6f,1px 2px 0 #3d1f6f,1px 3px 0 #3d1f6f,1px 4px 0 #3d1f6f,2px -4px 0 #3d1f6f,2px -3px 0 #3d1f6f,2px -2px 0 #3d1f6f,2px -1px 0 #3d1f6f,2px 0px 0 #3d1f6f,2px 1px 0 #3d1f6f,2px 2px 0 #3d1f6f,2px 3px 0 #3d1f6f,2px 4px 0 #3d1f6f,3px -4px 0 #3d1f6f,3px -3px 0 #3d1f6f,3px -2px 0 #3d1f6f,3px -1px 0 #3d1f6f,3px 0px 0 #3d1f6f,3px 1px 0 #3d1f6f,3px 2px 0 #3d1f6f,3px 3px 0 #3d1f6f,3px 4px 0 #3d1f6f,4px -4px 0 #3d1f6f,4px -3px 0 #3d1f6f,4px -2px 0 #3d1f6f,4px -1px 0 #3d1f6f,4px 0px 0 #3d1f6f,4px 1px 0 #3d1f6f,4px 2px 0 #3d1f6f,4px 3px 0 #3d1f6f,4px 4px 0 #3d1f6f}@media(max-width: 991px){.stroke-purple{text-shadow:-1px -1px 0 #3d1f6f,-1px 0px 0 #3d1f6f,-1px 1px 0 #3d1f6f,0px -1px 0 #3d1f6f,0px 0px 0 #3d1f6f,0px 1px 0 #3d1f6f,1px -1px 0 #3d1f6f,1px 0px 0 #3d1f6f,1px 1px 0 #3d1f6f}}.stroke-white{text-shadow:-2px -2px 0 #fff,-2px -1px 0 #fff,-2px 0px 0 #fff,-2px 1px 0 #fff,-2px 2px 0 #fff,-1px -2px 0 #fff,-1px -1px 0 #fff,-1px 0px 0 #fff,-1px 1px 0 #fff,-1px 2px 0 #fff,0px -2px 0 #fff,0px -1px 0 #fff,0px 0px 0 #fff,0px 1px 0 #fff,0px 2px 0 #fff,1px -2px 0 #fff,1px -1px 0 #fff,1px 0px 0 #fff,1px 1px 0 #fff,1px 2px 0 #fff,2px -2px 0 #fff,2px -1px 0 #fff,2px 0px 0 #fff,2px 1px 0 #fff,2px 2px 0 #fff}@media(max-width: 991px){.stroke-white{text-shadow:-1px -1px 0 #fff,-1px 0px 0 #fff,-1px 1px 0 #fff,0px -1px 0 #fff,0px 0px 0 #fff,0px 1px 0 #fff,1px -1px 0 #fff,1px 0px 0 #fff,1px 1px 0 #fff}}.color-pink{color:#ea27c2}.color-white{color:#fff}.color-yellow{color:#ffe745}.color-purple{color:#3d1f6f}.color-orange{color:#ff6f00}.color-gray{color:#797979}.c-title{width:4.8115em;max-width:100%;-webkit-transform:translate(-50%, -0.25em);transform:translate(-50%, -0.25em);position:absolute;top:0;left:50%;z-index:5}.dl-btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:900px !important;bottom:0;z-index:3;-webkit-filter:drop-shadow(2px 7px 5px #666);filter:drop-shadow(2px 7px 5px #666);margin:.35em 0 .3em}.dl-btn-container .btn{width:10.1669em;height:1.7335em;background-image:url("/img/Event/20241201-Payeasy/btn_go.png");background-repeat:no-repeat;background-size:100% 100%;background-position:center bottom}.dl-btn-container .btn:hover{background-image:url("/img/Event/20241201-Payeasy/btn_go_hover.png")}.dl-btn-container .btn::before{content:"";width:1.6em;height:1.7835em;-webkit-animation:btnPointer .8s infinite step-end;animation:btnPointer .8s infinite step-end;background:url("/img/Event/20241201-Payeasy/hand.png") center/contain no-repeat;pointer-events:none;position:absolute;bottom:-0.85em;right:-1em;z-index:1}section.section-bg{-o-border-image:url("/img/Event/20241201-Payeasy/section_bg.png") 75 fill/1.25em/0.2em;border-image:url("/img/Event/20241201-Payeasy/section_bg.png") 75 fill/1.25em/0.2em;position:relative}section.section-bg::after{content:"";width:10em;height:35px;background:url("/img/Event/20241201-Payeasy/title_bg.png") center/contain no-repeat;pointer-events:none;position:absolute;top:-0.33em;left:50%;z-index:-5;-webkit-transform:translateX(-50%);transform:translateX(-50%)}section .box{position:relative}section p{font-size:.47em;font-weight:600;line-height:1.75;letter-spacing:0em}section .text-large{font-size:1.15em;letter-spacing:.01em}section .text-medium{font-size:.95em;margin-top:.5em}section .text-small{font-size:.85em}section .text-exSmall{font-size:.725em;font-weight:700;line-height:1.5;letter-spacing:.025em}section .mainPoint{display:inline-block;padding-left:1em;position:relative}section .mainPoint::before{content:"※";position:absolute;top:0;left:0}section img{width:100%;display:block}section ul,section ol{color:#5b3c0c;font-size:.5em;font-weight:600;letter-spacing:.04em;padding-left:.9em;margin:0 auto;text-align:left}section ul li,section ol li{line-height:1.75em;position:relative}section ul .link,section ol .link{color:#00a2ff;cursor:pointer;position:relative;-webkit-transition:all .3s;transition:all .3s}section ul .link::before,section ol .link::before{content:"";width:100%;height:2px;background-color:#00a2ff;position:absolute;bottom:0;left:0;z-index:1;-webkit-transition:all .3s;transition:all .3s}section ul .link:hover,section ol .link:hover{color:#0082cc}section ul .link:hover::before,section ol .link:hover::before{background-color:#0082cc}@media(max-width: 640px){section ul .link::before,section ol .link::before{height:1px}}#section-intro{background:linear-gradient(170deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.1) 70%);-webkit-box-shadow:inset 0 0 20px 10px rgba(255,255,255,.5);box-shadow:inset 0 0 20px 10px rgba(255,255,255,.5);border:2px solid #fff;border-radius:1.35em;margin-bottom:.875em;padding:.45em .35em .05em .55em;position:relative}#section-intro::before{content:"";width:100%;height:105%;background:linear-gradient(170deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.1) 100%);-webkit-box-shadow:inset 0 0 20px 10px rgba(255,255,255,.5);box-shadow:inset 0 0 20px 10px rgba(255,255,255,.5);border-bottom:2px solid #fff;border-radius:1.35em;pointer-events:none;position:absolute;top:0;left:0;z-index:-1}#section-intro::after{display:none}@media(max-width: 768px){#section-intro p{font-size:.5em}}#section-exchange{margin-bottom:.65em;padding:2.1em .5em .5em}#section-exchange .only-pc,#section-exchange .only-mobile{margin:auto;position:absolute;inset:0;z-index:2}#section-exchange .box{margin:.125em 0}#section-exchange .box:first-of-type{margin-top:0}#section-exchange .box:last-of-type{margin-top:.3em;padding-left:.65em}#section-exchange .box:last-of-type p{letter-spacing:-0.005em;line-height:1.5}#section-exchange .only-pc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:1.45em}#section-exchange .only-pc img{width:10.8em}#section-exchange .only-mobile{padding-top:.5em;padding-left:1em}#section-process{margin-bottom:.35em;padding:1.825em .4em .35em}#section-process .box:last-of-type{margin-top:.275em}#section-process img{margin:0 auto}#section-process .process1{width:9.95em}#section-process .process2{width:9.85em}#section-rules{padding:0 .4em;margin-bottom:.4em}#section-rules::after{display:none}#section-rules h2{color:#5b3c0c;font-size:.8em;font-weight:700}.event-modal{font:400 60px/1.5 "Noto Sans TC","微軟正黑體",Arial,Helvetica,sans-serif;display:none;position:fixed;top:0;left:0;bottom:0;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;z-index:-1;pointer-events:none;-webkit-transition:opacity .25s,-webkit-transform .3s ease-out;transition:opacity .25s,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .25s;transition:transform .3s ease-out,opacity .25s,-webkit-transform .3s ease-out}.event-modal.is-active{z-index:99;opacity:1;pointer-events:auto}.event-modal.is-active .modal-window{pointer-events:auto}@media(max-width: 1000px){.event-modal{font-size:6vw}}.event-modal .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,.75)}@supports((-webkit-backdrop-filter: blur(0.1rem)) or (backdrop-filter: blur(0.1rem))){.event-modal .mask{-webkit-backdrop-filter:blur(0.15rem);backdrop-filter:blur(0.15rem);background:rgba(8,8,8,.8);-webkit-transition:-webkit-backdrop-filter .5s ease-out;transition:-webkit-backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out, -webkit-backdrop-filter .5s ease-out}}.event-modal .btn-close{width:6em;height:6em;display:block;position:absolute;z-index:2;top:0;right:0;-webkit-transform:translate(15%, -25%);transform:translate(15%, -25%);border:none;background-image:url(/img/Event/20241201-Payeasy//btn_close.png);background-position:center;background-repeat:no-repeat;background-size:100% auto;background-color:rgba(0,0,0,0);overflow:hidden;outline:none;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.event-modal .btn-close::before,.event-modal .btn-close::after{display:none}.event-modal .btn-close:hover{-webkit-transform:scale(1.1) translate(15%, -25%);transform:scale(1.1) translate(15%, -25%);-webkit-filter:brightness(1.1) drop-shadow(0 0.1em 0.05em rgba(24, 8, 24, 0.5));filter:brightness(1.1) drop-shadow(0 0.1em 0.05em rgba(24, 8, 24, 0.5))}@media(max-width: 768px){.event-modal .btn-close{width:3.5em;height:3.5em;top:.5em}}.event-modal .modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}.event-modal .modal-overflow::-webkit-scrollbar{width:0px}.event-modal .modal-window{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:900px !important;width:94%;min-height:6em;margin:1.5em auto 1.2em;padding:.5em .4em;line-height:1.4;overflow:visible;pointer-events:none}@media(max-width: 1200px){.event-modal .modal-window{padding-left:.6em;padding-right:.6em}}.event-modal .modal-content{position:relative;z-index:1;min-height:5em}.event-modal .modal-content p{font-size:.75em}.event-modal .modal-content p.period{font-weight:600;font-size:.5em}@media(max-width: 1000px){.event-modal .modal-content p{font-size:.7em}}.event-modal .modal-content .content{padding-left:.85em;padding-right:.25em}.event-modal .modal-content ol{font-size:.4em;letter-spacing:.04em;padding-left:0}.event-modal .modal-content ol li{white-space:wrap}.event-modal .modal-content ol .link{display:inline-block}@media(max-width: 1200px){#main #socials{position:static}#main #socials .side-nav{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;left:auto}}#window-ios .btn-close{font-size:.8em}#window-ios .modal-body{width:100%;background:#2a0810 !important}#window-ios .modal-nav{width:100%;margin:0 auto}#window-ios .modal-nav .nav-logoLink{width:80%;margin-left:10%}#window-ios .modal-nav svg,#window-ios .modal-nav .nav-icon::before,#window-ios .modal-nav .nav-icon::after{color:#fff}#window-ios .modal-head{width:100%;border-bottom:1px solid #c59d54;padding:10px;background:-webkit-gradient(linear, left top, left bottom, from(#4a0106), to(#2c0002));background:linear-gradient(to bottom, #4a0106, #2c0002)}#window-ios .modal-head .nav-download{right:5%;position:relative;width:84px}@media(max-width: 600px){#window-ios .modal-head .nav-download{font-size:9vw;right:10%}}@media(max-width: 450px){#window-ios .modal-head .nav-download{font-size:8.7vw}}#window-ios .side-nav .nav-link{font-size:30px}#window-ios p{width:90%;text-align:center;font-size:.48em;line-height:1.2;margin-top:1em;margin-bottom:.1em;margin-left:auto;margin-right:auto}#window-ios p .color-orange{color:#ffae11}#window-ios p .small{font-size:.7em}/*# sourceMappingURL=main.css.map */