@import"//fonts.googleapis.com/earlyaccess/notosanstc.css";@-webkit-keyframes fadeOutBubble{0%{opacity:1;max-width:200px;visibility:visible}80%{opacity:0;max-width:200px}100%{opacity:0;max-width:0;visibility:hidden}}@keyframes fadeOutBubble{0%{opacity:1;max-width:200px;visibility:visible}80%{opacity:0;max-width:200px}100%{opacity:0;max-width:0;visibility:hidden}}@-webkit-keyframes fadeInBubble{0%{opacity:0;max-width:200px;visibility:hidden}80%{opacity:1;max-width:200px;visibility:visible}100%{opacity:1;max-width:200px;visibility:visible}}@keyframes fadeInBubble{0%{opacity:0;max-width:200px;visibility:hidden}80%{opacity:1;max-width:200px;visibility:visible}100%{opacity:1;max-width:200px;visibility:visible}}@-webkit-keyframes jumper{0%{opacity:0;transform:scale(0)}5%{opacity:1}100%{opacity:0}}@keyframes jumper{0%{opacity:0;transform:scale(0)}5%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes zboing{0%{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}100%{transform:scale3d(1, 1, 1)}}@keyframes zboing{0%{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}100%{transform:scale3d(1, 1, 1)}}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,input{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;outline:0;box-sizing:border-box}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:focus{outline:0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:none;border-radius:0;border:1px solid #000}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;cursor:pointer}input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{zoom:1}.clearfix:before{content:"";display:table}.clearfix:after{content:"";display:table;clear:both}html{font-family:sans-serif;line-height:1;font-size:16px;height:100%}a{text-decoration:none;color:#000}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0, 0, 0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight{height:auto}.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-wp8-horizontal{touch-action:pan-y}.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical{touch-action:pan-x}.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0, -50%, 0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s right,.2s -webkit-transform;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active{pointer-events:auto;pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-next{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}html{font-size:62.5%}h1{font-size:3rem}h2{font-size:2.6rem}h3{font-size:2rem}h4{font-size:1.8rem}p{font-size:1.6rem}html,body{position:relative;margin:0 auto;height:100%;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",Verdana,Arial,Helvetica,sans-serif,"Microsoft Yahei","Microsoft JhengHei","新細明體";background:#f3f9f3}a{cursor:pointer}img{max-width:none;width:100%}.fb-root{height:0;overflow:hidden}._freeze{position:fixed;width:100%;height:100%}.l-container{margin:0 auto;position:relative}.l-wrap{width:100%;position:relative;overflow:hidden}.l-main{min-height:100vh}.l-main.disable{min-height:0;height:0}.l-footer{position:relative;text-align:center}.container-area{width:100%;max-width:75vw;margin:0 auto}.hidden{display:none}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}.grecaptcha-badge{z-index:-1 !important;opacity:0 !important;transform:translateX(100%) !important}.index{position:relative;width:375px;margin:0 auto;background-color:#fff;padding-bottom:100px}.index .index-section{margin-bottom:40px}.index .logo{width:64px;position:absolute;top:16px;right:14px;z-index:2}.index.qa_section{padding-top:100px;background:#f3f9f3;padding-bottom:100px}.index .kv_wrapper{position:relative}.index .kv_wrapper img{margin-top:-40px;margin-bottom:32px}.index .kv_wrapper .kv_desc{width:327px;font-size:16px;margin:0 auto;line-height:1.5}.index .headtext{width:327px;margin:0 auto 16px;display:flex;font-size:22px;font-weight:700;line-height:1}.index .headtext .text{background:linear-gradient(151deg, #139170 50.85%, #007B5B 50.86%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:150%}.index .headtext .leaf_icon{width:32px;margin-right:8px}.index .awards{width:327px;margin:0 auto 8px}.index .awards .awards_item{margin-bottom:16px}.index ul.awards_list{list-style-type:disc;width:327px;margin:0 auto;padding-left:20px;color:#979596;font-size:13px;line-height:1.5}.index ul.awards_list .is_highlight{font-weight:700}.index .item_wrapper{width:327px;margin:0 auto;overflow:hidden}.index .item_wrapper .item_container{width:375px;font-size:0;display:flex}.index .item_wrapper .item_container .item_cell{width:140px;height:200px;display:inline-block;margin-right:12px;overflow:hidden}.index .item_wrapper .item_container .item_cell:first-child{margin-left:24px}.index .item_wrapper .item_container .item_cell p{font-size:16px;color:#6f6f6f;white-space:pre-wrap;line-height:1.5}.index .suggest{font-size:15px;width:327px;margin:0 auto 24px;color:#6f6f6f;line-height:1.5}.index .step_box{width:327px;margin:0 auto 16px;display:flex}.index .step_box .step{width:52px;display:flex;align-items:center}.index .step_box .step p{background-color:#f94e63;color:#fff;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:400;display:inline-block}.index .step_box .desc{width:277px}.index .step_box .desc p{line-height:1.5;color:#555;font-weight:400}.index .step_box .desc p .is_highlight{color:#f94e63;font-weight:700}.index .notice_row{width:327px;height:20px;margin:0 auto 16px;position:relative}.index .notice_row p{background-color:#979596;color:#fff;padding:6px 8px 4px;border-radius:20px;font-size:10px;font-weight:400;display:inline-block;position:absolute;top:0;left:50%;transform:translateX(-50%)}.index .notice_row .notice_line{width:100%;border-bottom:1px solid #979596;padding-top:10px}.index .toggle_content{height:131px;overflow:hidden;position:relative;transition:height .5s}.index .toggle_content.active{height:auto}.index .toggle_content .open{display:inline-block;width:100%;height:67px;background:linear-gradient(0deg, #fff 49.23%, rgba(255, 255, 255, 0) 100%);position:absolute;bottom:0px;left:0;color:#4eaeff;font-size:16px;display:flex;justify-content:center;align-items:flex-end;border:0}.index .toggle_content .open svg{margin-left:4px}.index ol.notice_list{list-style-type:decimal;width:327px;margin:0 auto 12px;padding-left:20px;color:#6f6f6f;font-size:15px;line-height:1.5}.index ol.notice_list.qa_list{color:#555}.index ol.notice_list.qa_list li{margin-bottom:24px}.index ol.notice_list .is_highlight{font-weight:700}.index ol.notice_list .list_head{font-weight:700}.index ol.notice_list .is_alert{color:#f94e63;font-weight:700}.index ol.notice_list .is_invoice{color:#4eaeff}.index .btn_cta{width:327px;bottom:16px;left:50%;transform:translateX(-50%);position:fixed;cursor:pointer;z-index:5}@media only screen and (max-width: 768px){.index{width:100vw;padding-bottom:26.6666666667vw}.index .index-section{margin-bottom:10.6666666667vw}.index.qa_section{padding-top:26.6666666667vw;padding-bottom:26.6666666667vw}.index .kv_wrapper .logo{width:33.3333333333vw;top:16vw}.index .kv_wrapper img{margin-top:-10.6666666667vw;margin-bottom:8.5333333333vw}.index .kv_wrapper .kv_desc{width:87.2vw;font-size:4.2666666667vw;margin:0 auto}.index .headtext{width:87.2vw;margin:0 auto 4.2666666667vw;font-size:5.8666666667vw}.index .headtext .leaf_icon{width:8.5333333333vw;margin-right:2.1333333333vw}.index .awards{width:87.2vw;margin:0 auto 2.1333333333vw}.index .awards .awards_item{margin-bottom:4.2666666667vw}.index ul.awards_list{width:87.2vw;margin:0 auto;padding-left:5.3333333333vw;font-size:3.4666666667vw}.index .item_wrapper{width:87.2vw;margin:0 auto}.index .item_wrapper .item_container{width:100vw}.index .item_wrapper .item_container .item_cell{width:37.3333333333vw;height:53.3333333333vw;margin-right:3.2vw}.index .item_wrapper .item_container .item_cell:first-child{margin-left:6.4vw}.index .item_wrapper .item_container p{font-size:4.2666666667vw}.index .suggest{font-size:4vw;width:87.2vw;margin:0 auto 6.4vw}.index .step_box{width:87.2vw;margin:0 auto 4.2666666667vw}.index .step_box .step{width:13.8666666667vw}.index .step_box .step p{padding:1.3333333333vw 2.1333333333vw;border-radius:5.3333333333vw;font-size:2.6666666667vw}.index .step_box .desc{width:73.8666666667vw}.index .notice_row{width:87.2vw;height:5.3333333333vw;margin:0 auto 4.2666666667vw}.index .notice_row p{padding:1.6vw 2.1333333333vw 1.0666666667vw;border-radius:5.3333333333vw;font-size:2.6666666667vw}.index .notice_row .notice_line{padding-top:2.6666666667vw}.index .toggle_content{height:34.9333333333vw}.index .toggle_content .open{height:17.8666666667vw;font-size:4.2666666667vw}.index .toggle_content .open svg{margin-left:1.0666666667vw}.index ol.notice_list{width:87.2vw;margin:0 auto 3.2vw;padding-left:5.3333333333vw;font-size:4vw}.index ol.notice_list.qa_list li{margin-bottom:6.4vw}.index .btn_cta{width:87.2vw;bottom:4.2666666667vw}}.invoice{position:relative;width:375px;min-height:100vh;margin:0 auto;background-color:#fff;background:linear-gradient(180deg, #F3F9F3 43.9%, #FDFCED 54.86%);overflow:hidden}.invoice.single_bg{background:#f3f9f3}.invoice .common_section{width:327px;margin:0 auto;padding-top:108px}.invoice .common_section.is_invoice{padding-top:80px;margin-bottom:12px}.invoice .common_section .head_text{font-size:18px;margin-bottom:16px;line-height:1.5;font-weight:500;color:#404040}.invoice .common_section input{width:100%;padding:8px 16px;color:#404040;background-color:#fff;font-size:18px;font-weight:700;line-height:1.5;border-radius:16px;border:none;margin-bottom:50px}.invoice .common_section input.otp{width:28px;height:48px;padding:8px;box-sizing:content-box;text-align:center;margin-right:8px;margin-bottom:48px}.invoice .common_section input.otp:last-child{margin-right:0}.invoice .common_section input.row{margin-bottom:24px}.invoice .common_section input.is_invoice{text-transform:uppercase}.invoice .common_section input.carrier_code{margin-bottom:8px}.invoice .common_section input.input_name{font-size:18px}.invoice .common_section input::-moz-placeholder{color:#d9d9d9;font-size:18px;font-weight:500;letter-spacing:0}.invoice .common_section input:-ms-input-placeholder{color:#d9d9d9;font-size:18px;font-weight:500;letter-spacing:0}.invoice .common_section input::placeholder{color:#d9d9d9;font-size:18px;font-weight:500;letter-spacing:0}.invoice .common_section .input_wrapper{position:relative}.invoice .common_section .input_wrapper .eyes_icon{width:24px;height:24px;position:absolute;top:10px;right:12px;cursor:pointer;background-image:url("../images/eye.png");background-size:100% 100%}.invoice .common_section .input_wrapper .eyes_icon.disable{background-image:url("../images/eye_disable.png")}.invoice .common_section .forget_code{text-align:right;margin-bottom:48px;color:#4eaeff;line-height:1.5}.invoice .common_section .forget_code a{color:#4eaeff;font-size:15px}.invoice .common_section .check_wrapper{padding-left:32px;position:relative;margin-bottom:24px}.invoice .common_section .check_wrapper .checkbox{width:24px;height:24px;background-image:url("../images/checkbox.png");background-size:100% 100%;top:0;left:0;position:absolute;cursor:pointer}.invoice .common_section .check_wrapper .checkbox.checked{background-image:url("../images/checkbox_checked.png")}.invoice .common_section .check_wrapper p{color:#6f6f6f;line-height:1.5;font-size:14px;cursor:pointer}.invoice .common_section .check_wrapper p a{color:#4eaeff;text-decoration:underline}.invoice .common_section .resend{text-align:center;color:#979596;font-weight:500;font-size:18px;margin-bottom:20px}.invoice .common_section .resend.active{color:#4eaeff}.invoice .common_section .notice_text{text-align:center;font-size:18px;color:#404040}.invoice .common_section .notice_text a{color:#4eaeff}.invoice .common_section .button{background-color:#bbb;color:#fff;padding:8px 0 6px;font-size:18px;line-height:1.5;text-align:center;border-radius:20px;cursor:pointer}.invoice .common_section .button.active{background:#139170;box-shadow:-4px -4px 12px 0px rgba(253,249,204,.4) inset,4px 4px 12px 0px rgba(253,249,204,.4) inset}.invoice .common_section .tab_bar{display:flex;border:1px solid #d6e3d6;background-color:#fff;border-radius:20px;margin-bottom:24px;padding:4px}.invoice .common_section .tab_bar .tab{width:50%;font-size:18px;color:#6f6f6f;font-weight:600;text-align:center;border-radius:16px;padding:6px 0 6px;line-height:1.5;cursor:pointer}.invoice .common_section .tab_bar .tab.active{background:#139170;color:#fff;box-shadow:-4px -4px 12px 0px rgba(253,249,204,.4) inset,4px 4px 12px 0px rgba(253,249,204,.4) inset}.invoice .common_section select{width:100%;height:64px;padding:12px 16px;color:#404040;background-color:#fff;font-size:18px;font-weight:700;line-height:1.5;border-radius:16px;border:1px solid #d6e3d6;margin-bottom:32px}.invoice .common_section select:disabled{opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.invoice .common_section select option{color:#404040;background-color:#fff}.invoice .fullsize_section{padding-bottom:72px}.invoice .fullsize_section .logo{width:64px;position:absolute;top:16px;right:14px;z-index:2}.invoice .fullsize_section.is_pay{padding-top:100px}.invoice .fullsize_section.is_pay .invoice_sample{padding:16px 0}.invoice .fullsize_section.is_finished{position:relative;padding-bottom:48px;background:#f3f9f3;overflow:hidden}.invoice .fullsize_section.is_finished .float_invoice{position:absolute;z-index:1}.invoice .fullsize_section.is_finished .float_invoice.paper1{width:73px;top:-40px;left:35px}.invoice .fullsize_section.is_finished .float_invoice.paper2{width:45px;top:-105px;right:40px}.invoice .fullsize_section .invoice_sample{position:relative;padding:24px 0}.invoice .fullsize_section .invoice_sample.style_bg{background:url("../images/ellipse_bg.png") no-repeat top center/165% auto}.invoice .fullsize_section .invoice_sample img{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.invoice .fullsize_section .invoice_sample.finished_top{padding-top:50px;overflow:hidden;padding-bottom:25px;position:relative;margin-bottom:0}.invoice .fullsize_section .invoice_sample.finished_top .shine-wrapper{width:375px;height:387px;overflow:hidden;position:absolute;top:0;left:0;z-index:0}.invoice .fullsize_section .invoice_sample.finished_top img.bg{transform:scale(2.3)}.invoice .fullsize_section .invoice_sample.finished_top img.shine{-webkit-animation-name:shine-effect;animation-name:shine-effect;-webkit-animation-duration:.6s;animation-duration:.6s}.invoice .fullsize_section .invoice_sample.finished_bottom{margin-top:-105px;position:relative}.invoice .fullsize_section .invoice_sample.finished_bottom img.bg{transform:scale(1.04)}.invoice .fullsize_section .invoice_sample.finished_bottom img.app_layer{-webkit-animation-name:app-effect;animation-name:app-effect;-webkit-animation-duration:1.2s;animation-duration:1.2s}.invoice .fullsize_section .invoice_sample .character_layer{width:277px;position:absolute;top:150px;left:40px;z-index:0}.invoice .fullsize_section .invoice_sample .character_layer img{-webkit-animation-name:qdai-effect;animation-name:qdai-effect;-webkit-animation-duration:.6s;animation-duration:.6s}.invoice .fullsize_section .invoice_sample .title_layer{position:absolute;top:-205px;left:5px;z-index:0;pointer-events:none}.invoice .fullsize_section .invoice_sample .title_layer img.bg{overflow:hidden;transform:scale(2.3)}.invoice .fullsize_section .invoice_sample .app_gift{width:100px;position:absolute;top:250px;right:10px}.invoice .fullsize_section .invoice_sample .app_gift img{-webkit-animation-name:gift-effect;animation-name:gift-effect;-webkit-animation-duration:1.2s;animation-duration:1.2s;transform-origin:100% 100%}.invoice .fullsize_section .carrier_no{text-align:center;margin-bottom:24px;color:#555;font-size:18px;font-weight:500}.invoice .fullsize_section .carrier_no .is_number{color:#fb5252}.invoice .popup_wrapper{background-color:rgba(0,0,0,.6);width:100vw;height:100vh;position:fixed;z-index:10;top:0;left:0}.invoice .popup_wrapper .popup_container{width:276px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.invoice .popup_wrapper .popup_container .close_icon{width:40px;position:absolute;top:-52px;right:0;cursor:pointer}.invoice .popup_wrapper .popup_container .popup_card{border-radius:12px;background-color:#fff;overflow:hidden}.invoice .popup_wrapper .popup_container .popup_card p{padding:24px 0;color:#4eaeff;font-size:18px;font-weight:500;text-align:center;cursor:pointer}@media only screen and (max-width: 768px){.invoice{width:100vw}.invoice .common_section{width:87.2vw;padding-top:28.8vw}.invoice .common_section.is_invoice{padding-top:21.3333333333vw;margin-bottom:3.2vw}.invoice .common_section .head_text{font-size:4.8vw;line-height:1.5;margin-bottom:2.1333333333vw}.invoice .common_section input{height:17.0666666667vw;line-height:1;padding:0 4.2666666667vw;font-size:4.8vw;border-radius:4.2666666667vw;margin-bottom:8.5333333333vw}.invoice .common_section input.otp{width:7.4666666667vw;height:12.8vw;padding:2.1333333333vw;margin-right:2.1333333333vw;margin-bottom:12.8vw}.invoice .common_section input.row{margin-bottom:6.4vw}.invoice .common_section input.carrier_code{margin-bottom:2.1333333333vw}.invoice .common_section input.input_name{font-size:4.8vw}.invoice .common_section input::-moz-placeholder{font-size:4.8vw;letter-spacing:0}.invoice .common_section input:-ms-input-placeholder{font-size:4.8vw;letter-spacing:0}.invoice .common_section input::placeholder{font-size:4.8vw;letter-spacing:0}.invoice .common_section .input_wrapper .eyes_icon{width:6.4vw;height:6.4vw;top:5.3333333333vw;right:3.2vw}.invoice .common_section .forget_code{margin-bottom:12.8vw}.invoice .common_section .forget_code a{font-size:4vw}.invoice .common_section .check_wrapper{padding-left:8.5333333333vw;margin-bottom:6.4vw}.invoice .common_section .check_wrapper .checkbox{width:6.4vw;height:6.4vw}.invoice .common_section .check_wrapper p{font-size:3.7333333333vw}.invoice .common_section .resend{font-size:4.8vw;margin-bottom:5.3333333333vw}.invoice .common_section .notice_text{font-size:4.8vw}.invoice .common_section .button{padding:2.1333333333vw 0 1.6vw;font-size:4.8vw;border-radius:5.3333333333vw}.invoice .common_section .tab_bar{border:.2666666667vw solid #d6e3d6;border-radius:5.3333333333vw;margin-bottom:6.4vw;padding:1.0666666667vw}.invoice .common_section .tab_bar .tab{font-size:4.8vw;border-radius:4.2666666667vw;padding:1.6vw 0 1.6vw}.invoice .common_section select{height:17.0666666667vw;line-height:1;padding:0 4.2666666667vw;font-size:4.8vw;border-radius:4.2666666667vw;border:.2666666667vw solid #d6e3d6;margin-bottom:8.5333333333vw}.invoice .fullsize_section{padding-bottom:19.2vw}.invoice .fullsize_section .logo{width:17.0666666667vw;top:4.2666666667vw;right:3.7333333333vw}.invoice .fullsize_section.is_pay{padding-top:26.6666666667vw}.invoice .fullsize_section.is_pay .invoice_sample{padding:4.2666666667vw 0}.invoice .fullsize_section.is_finished{padding-bottom:12.8vw}.invoice .fullsize_section.is_finished .float_invoice.paper1{width:19.4666666667vw;top:-5.8666666667vw;left:6.9333333333vw}.invoice .fullsize_section.is_finished .float_invoice.paper2{width:12.2666666667vw;top:-18.6666666667vw;right:10.4vw}.invoice .fullsize_section .invoice_sample{padding:6.4vw 0}.invoice .fullsize_section .invoice_sample.finished_top{padding-top:13.3333333333vw;padding-bottom:6.6666666667vw}.invoice .fullsize_section .carrier_no{margin-bottom:6.4vw;font-size:4.8vw}.invoice .popup_wrapper .popup_container{width:73.6vw}.invoice .popup_wrapper .popup_container .close_icon{width:10.6666666667vw;top:-13.8666666667vw}.invoice .popup_wrapper .popup_container .popup_card{border-radius:3.2vw}.invoice .popup_wrapper .popup_container .popup_card p{padding:6.4vw 0;font-size:4.8vw}}.button{width:327px;margin:0 auto 24px;background-color:#bbb;color:#fff;padding:8px 0 6px;font-size:22px;font-weight:600;line-height:1.5;text-align:center;border-radius:25px;cursor:pointer;z-index:8}.button.active{background:#139170;box-shadow:-4px -4px 12px 0px rgba(253,249,204,.4) inset,4px 4px 12px 0px rgba(253,249,204,.4) inset}.button.fixed_bottom{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#139170;box-shadow:-4px -4px 12px 0px rgba(253,249,204,.4) inset,4px 4px 12px 0px rgba(253,249,204,.4) inset}.button.app_btn{-webkit-animation-name:fadein-effect;animation-name:fadein-effect;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media only screen and (max-width: 768px){.button{width:87.2vw;margin:0 auto 6.4vw;padding:2.1333333333vw 0 1.6vw;font-size:5.8666666667vw;border-radius:6.6666666667vw}.button.fixed_bottom{bottom:3.2vw;box-shadow:-1.0666666667vw -1.0666666667vw 3.2vw 0px rgba(253,249,204,.4) inset,1.0666666667vw 1.0666666667vw 3.2vw 0px rgba(253,249,204,.4) inset}}@-webkit-keyframes shine-effect{0%{transform:rotate(180deg) scale(2.3)}50%{transform:rotate(170deg) scale(2.3)}75%{transform:rotate(172deg) scale(2.3)}100%{transform:rotate(170deg) scale(2.3)}}@keyframes shine-effect{0%{transform:rotate(180deg) scale(2.3)}50%{transform:rotate(170deg) scale(2.3)}75%{transform:rotate(172deg) scale(2.3)}100%{transform:rotate(170deg) scale(2.3)}}@-webkit-keyframes qdai-effect{0%{transform:translateY(2%)}50%{transform:translateY(-1%)}75%{transform:translateY(1%)}100%{transform:translateY(0%)}}@keyframes qdai-effect{0%{transform:translateY(2%)}50%{transform:translateY(-1%)}75%{transform:translateY(1%)}100%{transform:translateY(0%)}}@-webkit-keyframes app-effect{0%{transform:translateY(20%) scale(1.04)}30%{transform:translateY(-10%) scale(1.04)}45%{transform:translateY(5%) scale(1.04)}60%{transform:translateY(-2%) scale(1.04)}80%{transform:translateY(2%) scale(1.04)}100%{transform:translateY(0%) scale(1.04)}}@keyframes app-effect{0%{transform:translateY(20%) scale(1.04)}30%{transform:translateY(-10%) scale(1.04)}45%{transform:translateY(5%) scale(1.04)}60%{transform:translateY(-2%) scale(1.04)}80%{transform:translateY(2%) scale(1.04)}100%{transform:translateY(0%) scale(1.04)}}@-webkit-keyframes gift-effect{0%{transform:translateY(50%) scale(0.5);opacity:0}30%{transform:translateY(-10%) scale(1.1);opacity:1}45%{transform:translateY(5%) scale(0.95)}60%{transform:translateY(-2%) scale(1.02)}80%{transform:translateY(-2%) scale(0.98)}100%{transform:translateY(0%) scale(1)}}@keyframes gift-effect{0%{transform:translateY(50%) scale(0.5);opacity:0}30%{transform:translateY(-10%) scale(1.1);opacity:1}45%{transform:translateY(5%) scale(0.95)}60%{transform:translateY(-2%) scale(1.02)}80%{transform:translateY(-2%) scale(0.98)}100%{transform:translateY(0%) scale(1)}}@-webkit-keyframes fadein-effect{0%{opacity:0}50%{opacity:1}100%{opacity:1}}@keyframes fadein-effect{0%{opacity:0}50%{opacity:1}100%{opacity:1}}.test{width:100vw;min-height:100vh;background-color:#fff;padding:20px}.test h1,.test p,.test input,.test button,.test select,.test option{margin-bottom:20px}.test input,.test button,.test select,.test option{font-size:20px;display:block}header{width:100vw;padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.nav_section{width:375px;margin:0 auto}.nav_section .logo{width:64px;position:absolute;top:16px;right:14px;z-index:2}.nav_section .nav_bar{width:80px;position:fixed;top:0;left:0;z-index:8;padding-top:16px}.nav_section .nav_bar .menu{width:44px;height:44px;background-image:url("../images/menu.png");background-size:94% 94%;margin-left:24px;cursor:pointer;padding:1px 5px;background-repeat:no-repeat}.nav_section .nav_bar .menu.close{background-image:url("../images/menu_close.png")}.nav_section .nav_bar .logo{width:64px}.nav_section .nav_bar.style_glass{width:100%;background:rgba(243,249,243,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:16px 24px 4px}.nav_section .nav_bar.style_glass .menu{background-image:url("../images/menu-style2.png");margin-right:0}.nav_section .nav_bar.style_glass a{color:#4eaeff;font-size:18px}.nav_section .app_images{width:327px;margin:0 auto 12px}.nav_section .app_images.img2{margin-bottom:40px}.nav_section .app_images.img3{width:100%}.nav_section .head_bold{font-size:15px;color:#555;font-weight:700;margin-left:24px;line-height:1.5;margin-bottom:24px}.nav_section .menu_section{padding-top:187px;height:100vh;background:linear-gradient(180deg, #F3F9F3 43.9%, #FDFCED 54.86%)}.nav_section .menu_section .menu_button{width:327px;margin:0 auto 16px;display:flex;align-items:center;background-color:#fff;border-radius:16px;padding:16px;cursor:pointer}.nav_section .menu_section .menu_button .menu_list_icon{width:74px;margin-right:16px}.nav_section .menu_section .menu_button p{font-size:22px;font-weight:700;color:#555}@media only screen and (max-width: 768px){.nav_section{width:100vw}.nav_section .logo{width:17.0666666667vw;top:4.2666666667vw;right:3.7333333333vw}.nav_section .nav_bar{width:21.3333333333vw}.nav_section .nav_bar .menu{width:11.7333333333vw;height:11.7333333333vw;margin-left:6.4vw}.nav_section .nav_bar.style_glass{-webkit-backdrop-filter:blur(2.1333333333vw);backdrop-filter:blur(2.1333333333vw);padding:4.2666666667vw 6.4vw 1.0666666667vw}.nav_section .nav_bar.style_glass .menu{margin-left:0}.nav_section .nav_bar.style_glass a{font-size:4.8vw}.nav_section .app_images{width:87.2vw;margin:0 auto 3.2vw}.nav_section .app_images.img2{margin-bottom:10.6666666667vw}.nav_section .head_bold{font-size:4vw;margin-left:6.4vw;margin-bottom:6.4vw}.nav_section .menu_section{padding-top:49.8666666667vw}.nav_section .menu_section .menu_button{width:87.2vw;margin:0 auto 4.2666666667vw;border-radius:4.2666666667vw;padding:4.2666666667vw}.nav_section .menu_section .menu_button .menu_list_icon{width:19.7333333333vw;margin-right:4.2666666667vw}.nav_section .menu_section .menu_button p{font-size:5.8666666667vw}}.mdLoading{width:100vw;height:100vh;position:fixed;z-index:100;background:#e91200;top:0px;left:0px;z-index:10}.mdLoading .loadingBox{width:640px;margin:0 auto;text-align:center}.mdLoading .loadingBox .title{position:absolute;width:450px;height:120px;top:50%;margin-top:-120px;left:50%;margin-left:-225px}.mdLoading .loadingBox .title .titleBox{position:relative}.mdLoading .loadingBox .line2{width:200px}.mdLoading .loadingBox .percentage{position:absolute;color:#fff;font-size:3rem;font-family:sans-serif;top:50%;width:100%;text-align:center;left:0;height:75px;margin-top:-43px}.mdLoading .loadingBox .progressBar{width:100%;position:absolute;top:50%;left:0%;overflow:hidden}.mdLoading .loadingBox .progressBar .progress{width:0%;height:5px;background:#fff;transition-property:all;transition:.1s}.popup{display:block;background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100vh}.popup img{width:100%;height:auto}.popup__area{position:relative}.popup__content{position:relative;height:80vh;overflow:scroll;padding:0 15px;width:80%;margin:100px auto 0;text-align:center}.popup__content::-webkit-scrollbar{display:none}.popup__close{top:-70px;right:30px;font-size:30px;width:50px;height:50px;line-height:50px;text-align:center;background:#aaa;color:#fff;border-radius:50%;position:absolute;cursor:pointer}.popup__close:before{content:"✖"}ul.pictures{background:none;padding:0;margin:0;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%}ul.pictures li{border:1px dashed #ddd;width:150px;height:150px;margin:0;text-align:center;position:relative}ul.pictures li label{width:100%;height:100%;line-height:150px;font-size:24px;margin:0;display:block;cursor:pointer;position:relative;z-index:2}ul.pictures li label~input{opacity:0;display:none}ul.pictures li label~.preview{width:100%;height:100%;text-align:center;line-height:150px;position:absolute;top:0;left:0;z-index:1;overflow:hidden}ul.pictures li label~.preview p{font-size:24px;color:#000}ul.pictures li label~.preview img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}[v-cloak] *{display:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-in-out}.fade-enter,.fade-leave-to{opacity:1}.hide{display:none !important}