a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:after,:before{box-sizing:border-box}img[src$=".png"]{image-rendering:optimizeQuality}body,html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{position:relative;min-height:100%;-webkit-font-smoothing:antialiased}body.hidden{overflow:hidden}body.no-scroll{position:fixed;top:0;left:0;width:100%;-webkit-overflow-scrolling:touch}::-moz-selection{background:#e67e22;color:#fff}::selection{background:#e67e22;color:#fff}a,a:hover{text-decoration:none}a,a:-webkit-any-link,a:active,a:hover,a:link,a:visited{color:inherit}*{outline:none}a:hover{color:initial;text-decoration:none}.text-black{color:#000!important}.text-transparent{color:transparent!important}.text-primary{color:#369!important}.bg-primary{background-color:#369!important}.border-primary{border-color:#369!important}.text-secondary{color:#0cf!important}.bg-secondary{background-color:#0cf!important}.border-secondary{border-color:#0cf!important}.text-warning{color:#e67e22!important}.bg-warning{background-color:#e67e22!important}.border-warning{border-color:#e67e22!important}.text-danger{color:#e74c3c!important}.bg-danger{background-color:#e74c3c!important}.border-danger{border-color:#e74c3c!important}.text-darkgray{color:#666!important}.bg-darkgray{background-color:#666!important}.border-darkgray{border-color:#666!important}main{display:block}.cursor-pointer{cursor:pointer}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.click-self>*,[data-action]>*,[data-category]>*,[data-label]>*{pointer-events:none}.pointer-events-none{pointer-events:none}*,body,html{font-family:Helvetica,Verdana,Arial,微軟正黑體,Microsoft JhengHei,儷黑 Pro,LiHei Pro,sans-serif}@-webkit-keyframes donutSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes donutSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes scaleRotateIn{0%{transform:rotate(10deg) scale(0)}50%{transform:rotate(45deg) scale(1.8)}to{transform:rotate(0) scale(1)}}@keyframes scaleRotateIn{0%{transform:rotate(10deg) scale(0)}50%{transform:rotate(45deg) scale(1.8)}to{transform:rotate(0) scale(1)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes ripple{0%{opacity:1;transform:scale(0)}80%{transform:scale(1)}to{opacity:0}}@keyframes ripple{0%{opacity:1;transform:scale(0)}80%{transform:scale(1)}to{opacity:0}}.flex-center,.inline-flex-center{align-items:center}.flex-center,.flex-content-center,.inline-flex-center{display:flex;justify-content:center}.flex-align-center{display:flex;align-items:center}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.bottom-0{bottom:0}.inset-auto{top:auto;right:auto;bottom:auto;left:auto}.gutter-5{margin-right:-5px!important;margin-left:-5px!important}.gutter-5 .col,.gutter-5>[class*=col-]{padding-right:5px!important;padding-left:5px!important}.gutter-10{margin-right:-10px!important;margin-left:-10px!important}.gutter-10 .col,.gutter-10>[class*=col-]{padding-right:10px!important;padding-left:10px!important}.gutter-15{margin-right:-15px!important;margin-left:-15px!important}.gutter-15 .col,.gutter-15>[class*=col-]{padding-right:15px!important;padding-left:15px!important}.gutter-20{margin-right:-20px!important;margin-left:-20px!important}.gutter-20 .col,.gutter-20>[class*=col-]{padding-right:20px!important;padding-left:20px!important}.gutter-25{margin-right:-25px!important;margin-left:-25px!important}.gutter-25 .col,.gutter-25>[class*=col-]{padding-right:25px!important;padding-left:25px!important}@media (min-width:576px){.gutter-sm-5{margin-right:-5px!important;margin-left:-5px!important}.gutter-sm-5 .col,.gutter-sm-5>[class*=col-]{padding-right:5px!important;padding-left:5px!important}.gutter-sm-10{margin-right:-10px!important;margin-left:-10px!important}.gutter-sm-10 .col,.gutter-sm-10>[class*=col-]{padding-right:10px!important;padding-left:10px!important}.gutter-sm-15{margin-right:-15px!important;margin-left:-15px!important}.gutter-sm-15 .col,.gutter-sm-15>[class*=col-]{padding-right:15px!important;padding-left:15px!important}.gutter-sm-20{margin-right:-20px!important;margin-left:-20px!important}.gutter-sm-20 .col,.gutter-sm-20>[class*=col-]{padding-right:20px!important;padding-left:20px!important}.gutter-sm-25{margin-right:-25px!important;margin-left:-25px!important}.gutter-sm-25 .col,.gutter-sm-25>[class*=col-]{padding-right:25px!important;padding-left:25px!important}}@media (min-width:768px){.gutter-md-5{margin-right:-5px!important;margin-left:-5px!important}.gutter-md-5 .col,.gutter-md-5>[class*=col-]{padding-right:5px!important;padding-left:5px!important}.gutter-md-10{margin-right:-10px!important;margin-left:-10px!important}.gutter-md-10 .col,.gutter-md-10>[class*=col-]{padding-right:10px!important;padding-left:10px!important}.gutter-md-15{margin-right:-15px!important;margin-left:-15px!important}.gutter-md-15 .col,.gutter-md-15>[class*=col-]{padding-right:15px!important;padding-left:15px!important}.gutter-md-20{margin-right:-20px!important;margin-left:-20px!important}.gutter-md-20 .col,.gutter-md-20>[class*=col-]{padding-right:20px!important;padding-left:20px!important}.gutter-md-25{margin-right:-25px!important;margin-left:-25px!important}.gutter-md-25 .col,.gutter-md-25>[class*=col-]{padding-right:25px!important;padding-left:25px!important}}@media (min-width:992px){.gutter-lg-5{margin-right:-5px!important;margin-left:-5px!important}.gutter-lg-5 .col,.gutter-lg-5>[class*=col-]{padding-right:5px!important;padding-left:5px!important}.gutter-lg-10{margin-right:-10px!important;margin-left:-10px!important}.gutter-lg-10 .col,.gutter-lg-10>[class*=col-]{padding-right:10px!important;padding-left:10px!important}.gutter-lg-15{margin-right:-15px!important;margin-left:-15px!important}.gutter-lg-15 .col,.gutter-lg-15>[class*=col-]{padding-right:15px!important;padding-left:15px!important}.gutter-lg-20{margin-right:-20px!important;margin-left:-20px!important}.gutter-lg-20 .col,.gutter-lg-20>[class*=col-]{padding-right:20px!important;padding-left:20px!important}.gutter-lg-25{margin-right:-25px!important;margin-left:-25px!important}.gutter-lg-25 .col,.gutter-lg-25>[class*=col-]{padding-right:25px!important;padding-left:25px!important}}@media (min-width:1200px){.gutter-xl-5{margin-right:-5px!important;margin-left:-5px!important}.gutter-xl-5 .col,.gutter-xl-5>[class*=col-]{padding-right:5px!important;padding-left:5px!important}.gutter-xl-10{margin-right:-10px!important;margin-left:-10px!important}.gutter-xl-10 .col,.gutter-xl-10>[class*=col-]{padding-right:10px!important;padding-left:10px!important}.gutter-xl-15{margin-right:-15px!important;margin-left:-15px!important}.gutter-xl-15 .col,.gutter-xl-15>[class*=col-]{padding-right:15px!important;padding-left:15px!important}.gutter-xl-20{margin-right:-20px!important;margin-left:-20px!important}.gutter-xl-20 .col,.gutter-xl-20>[class*=col-]{padding-right:20px!important;padding-left:20px!important}.gutter-xl-25{margin-right:-25px!important;margin-left:-25px!important}.gutter-xl-25 .col,.gutter-xl-25>[class*=col-]{padding-right:25px!important;padding-left:25px!important}}@media (min-width:576px){.w-sm-25{width:25%!important}.mw-sm-25{max-width:25%!important}.w-sm-50{width:50%!important}.mw-sm-50{max-width:50%!important}.w-sm-75{width:75%!important}.mw-sm-75{max-width:75%!important}.w-sm-100{width:100%!important}.mw-sm-100{max-width:100%!important}}@media (min-width:768px){.w-md-25{width:25%!important}.mw-md-25{max-width:25%!important}.w-md-50{width:50%!important}.mw-md-50{max-width:50%!important}.w-md-75{width:75%!important}.mw-md-75{max-width:75%!important}.w-md-100{width:100%!important}.mw-md-100{max-width:100%!important}}@media (min-width:992px){.w-lg-25{width:25%!important}.mw-lg-25{max-width:25%!important}.w-lg-50{width:50%!important}.mw-lg-50{max-width:50%!important}.w-lg-75{width:75%!important}.mw-lg-75{max-width:75%!important}.w-lg-100{width:100%!important}.mw-lg-100{max-width:100%!important}}@media (min-width:1200px){.w-xl-25{width:25%!important}.mw-xl-25{max-width:25%!important}.w-xl-50{width:50%!important}.mw-xl-50{max-width:50%!important}.w-xl-75{width:75%!important}.mw-xl-75{max-width:75%!important}.w-xl-100{width:100%!important}.mw-xl-100{max-width:100%!important}}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:0}.z-auto{z-index:auto}.letter-spacing--2{letter-spacing:-.05em}.letter-spacing--1{letter-spacing:-.025em}.letter-spacing-0{letter-spacing:0}.letter-spacing-1{letter-spacing:.025em}.letter-spacing-2{letter-spacing:.05em}.letter-spacing-3{letter-spacing:.1em}.line-height-1{line-height:1}.line-height-2{line-height:1.25}.line-height-3{line-height:1.375}.line-height-4{line-height:1.5}.line-height-5{line-height:1.625}.line-height-6{line-height:2}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.style-decimal,.style-disc,article ol,article ol ol ol,article ul{margin-bottom:1em;margin-left:1.5em}.style-disc,article ol ol ol,article ul{list-style:disc}.style-decimal,article ol{list-style:decimal}.style-loweralpha,article ol ol{list-style:lower-alpha}.font-bold{font-weight:700}.font-italic{font-style:italic}.text-justify{text-align:justify;text-justify:inter-ideograph;word-break:break-all}.style-link,.style-link:active,.style-link:hover,.style-link:link,.style-link:visited,article a,article a:active,article a:hover,article a:link,article a:visited{color:#e67e22;text-decoration:underline;cursor:pointer}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.75rem}.h4{font-size:1.5rem}.h5{font-size:1.25rem}.h6{font-size:1rem}article p{line-height:1.6}article b,article strong{font-weight:700}article small{font-size:12px}article em{background-color:#ddd}button:focus{outline:0}.button{position:relative;display:inline-block;margin:20px 5px;padding:.5em 3em;border:0;background-color:#e67e22;line-height:1.2;cursor:pointer}.button.style-primary{background-color:#369;border-color:#369}.button.style-primary:hover{background-color:#2d5986}.button.style-primary:hover{border-color:#2d5986}.button.style-secondary{background-color:#0cf;border-color:#0cf}.button.style-secondary:hover{background-color:#00b8e6}.button.style-secondary:hover{border-color:#00b8e6}.button.style-warning{background-color:#e67e22;border-color:#e67e22}.button.style-warning:hover{background-color:#d67118}.button.style-warning:hover{border-color:#d67118}.button.style-danger{background-color:#e74c3c;border-color:#e74c3c}.button.style-danger:hover{background-color:#e43725}.button.style-danger:hover{border-color:#e43725}.button.style-darkgray{background-color:#666;border-color:#666}.button.style-darkgray:hover{background-color:#595959}.button.style-darkgray:hover{border-color:#595959}button,input,select,textarea{font-size:1rem}::-ms-clear{display:none}input,select,textarea{border-width:0;color:inherit;background-color:#fff}input:focus,select:focus,textarea:focus{outline:none}button,input[type=reset],input[type=submit]{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{opacity:0}input.input[type=number]::-webkit-inner-spin-button,input.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.input[type=number]{-moz-appearance:textfield}input.input::-ms-clear{display:none;width:0;height:0}input.input,textarea.textarea{width:100%;display:block;border:2px solid #369;padding-left:10px;color:#666}input.input:focus,textarea.textarea:focus{border:2px solid #0cf}input.input.is-error,textarea.textarea.is-error{border:2px solid #e74c3c;color:#e74c3c;background-color:#fdd}input.input+.error-msg,textarea.textarea+.error-msg{padding-left:12px}input.input{height:40px;line-height:40px}textarea.textarea{padding-top:10px;max-width:100%;min-width:40px;min-height:40px;line-height:1.2}::-moz-placeholder{color:#bbb}:-ms-input-placeholder{color:#bbb}::placeholder{color:#bbb}select.select{width:100%;min-width:4em;padding:0 40px 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:2px solid #369;height:40px;line-height:40px}select.select:focus{border:2px solid #0cf}select.select::-ms-expand{display:none}select.select option{max-width:100%;border:0}select.select[required]:invalid{color:#bbb}select.select[required] option{color:#666}.select-wrap{position:relative;display:inline-block;vertical-align:top;width:100%;color:#666}.select-wrap.is-error{color:#e74c3c}.select-wrap.is-error:after{border-color:#e74c3c transparent transparent}.select-wrap.is-error select.select{background-color:#fdd;color:#e74c3c;border:2px solid #e74c3c}.select-wrap.is-error select.select[required]:invalid{color:#bbb}.select-wrap.is-error select.select[required] option{color:#e74c3c}.select-wrap+.error-msg{padding-left:12px}.select-wrap.style-autowidth{width:auto}.select-wrap:after{content:"";display:block;position:absolute;pointer-events:none;top:50%;bottom:0;right:1em;margin-top:-2px;width:0;height:0;border-color:#369 transparent transparent;border-style:solid;border-width:6px 6px 0}.module-radio{position:relative;cursor:pointer;display:inline-block;line-height:20px;min-width:calc(3em + 20px);vertical-align:middle}.module-radio input{z-index:3;position:absolute;margin:0;width:20px;height:20px;opacity:0;cursor:pointer}.module-radio span{display:inline-block;padding-left:calc(.5em + 20px);padding-right:.5em;color:#666;line-height:1.2}.is-error .module-radio span{color:#e74c3c}.module-symbol{border:2px solid #369;border-radius:50%;position:absolute;display:inline-block;background-color:#fff;width:20px;height:20px;z-index:0}.module-symbol:before{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#369}input[type=checkbox]+.module-symbol{border-radius:0}input[type=checkbox]+.module-symbol:before{border-radius:0}input:checked+.module-symbol:before{content:""}.form-title{line-height:1.2;margin:10px 0}.error-msg{margin-top:10px;color:#e74c3c;line-height:1.2}.module-radiogroup{line-height:2}.module-radio+.error-msg,.module-radio+.select-wrap,.module-radio+input,.module-radio+textarea,.select-wrap+.error-msg,.select-wrap+.select-wrap,.select-wrap+input,.select-wrap+textarea,input+.error-msg,input+.select-wrap,input+input,input+textarea,textarea+.error-msg,textarea+.select-wrap,textarea+input,textarea+textarea{margin-top:10px}.news-item-content{background-color:#cde}.news-item-name{color:red;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-item-description{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.app{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app:before{content:" ";position:fixed;width:100%;height:100%;top:0;left:0;transition:background 1s cubic-bezier(.55,.09,.68,.53)}.app.has-white-bg:before{background-color:#fff}.app.has-gray-bg:before{background-color:#d6d7d7}.app.has-night-bg:before{background-color:#595656}img{-webkit-touch-callout:none}.bg-gray-alpha{background-color:rgba(108,117,125,.8)}.position-top-left{top:0;left:0}.vertical{top:50%;transform:translateY(-50%)}.horizontal{left:50%;transform:translateX(-50%)}.vertical.horizontal{transform:translateX(-50%) translateY(-50%)}button.btn-circle{border-radius:999px}div.flex-blocker-1{flex:1 1}div.flex-blocker-2{flex:2 1}div.flex-blocker-3{flex:3 1}div.flex-blocker-4{flex:4 1}div.flex-blocker-5{flex:5 1}div.flex-blocker-6{flex:6 1}div.flex-blocker-7{flex:7 1}div.flex-blocker-8{flex:8 1}div.flex-blocker-9{flex:9 1}div.flex-blocker-10{flex:10 1}.fade-enter-active{transition:opacity .5s,transform .5s;transform-origin:center}.fade-leave-active{transition:opacity .5s,3,transform .5s,3;transform-origin:center}.fade-enter{opacity:0;transform:scale(.9)}.fade-leave-to{opacity:0;transform:scale(1.1)}.fadePage-enter-active,.fadePage-leave-active{transition:opacity .5s,transform .5s;transform-origin:center}.fadePage-enter{opacity:0;transform:scale(.2)}.fadePage-leave-to{opacity:0;filter:blur(2px);transform:scale(5)}.from-bottom-enter-active{transition:all .5s ease-in-out!important}.from-bottom-enter-active:first-child{transition-delay:.25s!important}.from-bottom-enter-active:nth-child(2){transition-delay:.5s!important}.from-bottom-enter-active:nth-child(3){transition-delay:.75s!important}.from-bottom-enter-active:nth-child(4){transition-delay:1s!important}.from-bottom-enter-active:nth-child(5){transition-delay:1.25s!important}.from-bottom-enter-active:nth-child(6){transition-delay:1.5s!important}.from-bottom-enter-active:nth-child(7){transition-delay:1.75s!important}.from-bottom-enter-active:nth-child(8){transition-delay:2s!important}.from-bottom-enter-active:nth-child(9){transition-delay:2.25s!important}.from-bottom-enter-active:nth-child(10){transition-delay:2.5s!important}.from-bottom-leave-active{transition:none!important}.from-bottom-enter,.from-bottom-leave-to{opacity:0;transform:translateY(3vh)}.grow-enter-active,.grow-leave-active{transition:all .5s;max-height:100vh}.grow-enter,.grow-leave-to{max-height:0}div.fixed-group{position:fixed;overflow:visible;z-index:1;left:calc(50vw - min(100vw, 750px)/2)}img.logo{position:absolute;width:calc(min(100vw, 750px)*0.17467);top:calc(min(100vw, 750px)*0.03333);left:calc(min(100vw, 750px)*0.03733)}div.full-screen-loading{position:fixed;min-width:100%;min-height:100%;background-color:rgba(94,58,35,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000}div.full-screen-loading:before{content:" ";position:absolute;width:calc(min(100vw, 750px)*0.3 - 6px);height:calc(min(100vw, 750px)*0.3 - 6px);top:calc(50% - min(100vw, 750px)*0.3/2 + 3px);left:calc(50% - min(100vw, 750px)*0.3/2 + 3px);border-radius:9999px;border-color:#fff #fff transparent transparent;border-style:solid;border-width:5px;-webkit-animation:loading-rotate .7s linear 0s infinite normal;animation:loading-rotate .7s linear 0s infinite normal}div.full-screen-loading:after{content:" ";position:absolute;width:calc(min(100vw, 750px)*0.3 - 6px);height:calc(min(100vw, 750px)*0.3 - 6px);top:calc(50% - min(100vw, 750px)*0.3/2 + 3px);left:calc(50% - min(100vw, 750px)*0.3/2 + 3px);border-radius:9999px;opacity:.8;border-color:transparent transparent red red;border-style:solid;border-width:5px;-webkit-animation:loading-rotate 1s linear 0s infinite normal;animation:loading-rotate 1s linear 0s infinite normal}div.full-screen-loading span.loading-message{position:absolute;color:#5d1d11;font-size:1.2em;font-weight:700;top:calc(50% + min(100vw, 750px)*0.3*0.75);left:50%;transform:translate(-50%,-50%);white-space:nowrap}div.full-screen-loading span.loading-message:after{content:".";position:absolute;left:100%;-webkit-animation:loading-message-after 1.5s linear 0s infinite normal;animation:loading-message-after 1.5s linear 0s infinite normal}@-webkit-keyframes loading-message-after{0%{content:" "}20%{content:"."}40%{content:".."}60%{content:"..."}80%{content:"...."}to{content:" "}}@keyframes loading-message-after{0%{content:" "}20%{content:"."}40%{content:".."}60%{content:"..."}80%{content:"...."}to{content:" "}}@-webkit-keyframes loading-rotate{0%{transform:rotate(0)}50%{transform:rotate(-180deg)}to{transform:rotate(-1turn)}}@keyframes loading-rotate{0%{transform:rotate(0)}50%{transform:rotate(-180deg)}to{transform:rotate(-1turn)}}div.full-screen-notification{position:fixed;min-width:100vw;min-height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}img.intro-title{position:relative;width:64%}.notice{width:calc(min(100vw, 750px)*0.73333)}button.main{position:relative;padding:calc(min(100vw, 750px)*0.06) calc(min(100vw, 750px)*0.04);width:20%;background-color:#fff;transition:transform 1.5s,filter 1.5s,opacity 1.5s}button.main.red{padding:calc(min(100vw, 750px)*0.06) calc(min(100vw, 750px)*0.02667);color:#fff;white-space:nowrap;background-color:#e00013}button.main.text{width:auto;padding:calc(min(100vw, 750px)*0.02) calc(min(100vw, 750px)*0.04)}button.main img{position:relative;width:100%;transform:translateY(5%)}button.main:not([disabled]):active{background-color:red}button.main:not([disabled]):active.red{background-color:#fb3545}button.main:not([disabled]):active img{filter:invert(1)}button.main[disabled]{opacity:0;filter:blur(10px)}.beating-animation{-webkit-animation:beating 1s linear infinite;animation:beating 1s linear infinite}@-webkit-keyframes beating{50%{transform:scale(1.05)}}@keyframes beating{50%{transform:scale(1.05)}}img.can-shadow{position:relative;width:44.9%;top:calc(min(100vw, 750px)*-0.04667);-webkit-animation:shadow-waiting .5s linear 1,shadow-in 1.4s linear .5s 1;animation:shadow-waiting .5s linear 1,shadow-in 1.4s linear .5s 1}img.can-shadow.is-line-webview{width:30%;top:calc(min(100vw, 750px)*-0.03118)}@-webkit-keyframes shadow-waiting{0%{opacity:0}to{opacity:0}}@keyframes shadow-waiting{0%{opacity:0}to{opacity:0}}@-webkit-keyframes shadow-in{0%{opacity:0}to{opacity:1}}@keyframes shadow-in{0%{opacity:0}to{opacity:1}}.falling-animation{-webkit-animation:floating-animation .5s linear 1,falling-animation .7s cubic-bezier(.35,.07,.84,.42) .5s 1,bouncing-animation .3s ease-in-out 1.2s 1;animation:floating-animation .5s linear 1,falling-animation .7s cubic-bezier(.35,.07,.84,.42) .5s 1,bouncing-animation .3s ease-in-out 1.2s 1}@-webkit-keyframes floating-animation{0%{transform:translateY(calc(min(100vw, 750px)*-2.66667))}to{transform:translateY(calc(min(100vw, 750px)*-2.66667))}}@keyframes floating-animation{0%{transform:translateY(calc(min(100vw, 750px)*-2.66667))}to{transform:translateY(calc(min(100vw, 750px)*-2.66667))}}@-webkit-keyframes falling-animation{0%{filter:url(#blurY);transform:translateY(calc(min(100vw, 750px)*-2.66667))}to{filter:url(#blurY);transform:translateY(0)}}@keyframes falling-animation{0%{filter:url(#blurY);transform:translateY(calc(min(100vw, 750px)*-2.66667))}to{filter:url(#blurY);transform:translateY(0)}}@-webkit-keyframes bouncing-animation{25%{transform-origin:right bottom;transform:translateY(calc(min(100vw, 750px)*-0.04)) rotate(4deg)}50%{transform:none}75%{transform-origin:left bottom;transform:translateY(calc(min(100vw, 750px)*-0.02)) rotate(-2deg)}}@keyframes bouncing-animation{25%{transform-origin:right bottom;transform:translateY(calc(min(100vw, 750px)*-0.04)) rotate(4deg)}50%{transform:none}75%{transform-origin:left bottom;transform:translateY(calc(min(100vw, 750px)*-0.02)) rotate(-2deg)}}.jumping-animation{-webkit-animation:can-jumping .3s ease-in-out 1;animation:can-jumping .3s ease-in-out 1}@-webkit-keyframes can-jumping{25%{transform-origin:left bottom;transform:translateY(calc(min(100vw, 750px)*-0.04)) rotate(-4deg)}50%{transform:none}75%{transform-origin:right bottom;transform:translateY(calc(min(100vw, 750px)*-0.02)) rotate(2deg)}}@keyframes can-jumping{25%{transform-origin:left bottom;transform:translateY(calc(min(100vw, 750px)*-0.04)) rotate(-4deg)}50%{transform:none}75%{transform-origin:right bottom;transform:translateY(calc(min(100vw, 750px)*-0.02)) rotate(2deg)}}div.can-swipe{position:relative;width:44.9%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;z-index:1;transform-origin:center bottom;overflow:hidden;-webkit-mask-image:url(/coke-demo-20201107/assets/img/can_filter-cb25d1fc.png);mask-image:url(/coke-demo-20201107/assets/img/can_filter-cb25d1fc.png);-webkit-mask-size:cover;mask-size:cover}div.can-swipe img{width:100%}div.can-swipe img.can-reflection{position:absolute;filter:blur(2px);transition:all .2s}div.can-swipe img.can-basic{position:relative}div.can-swipe.is-line-webview{width:30%}div.can-swipe.is-line-webview .can-contents{transform:translateY(calc(min(100vw, 750px)*0.04989))}div.can-contents{position:absolute;width:100%;height:0;transform:translateY(calc(min(100vw, 750px)*0.07467));overflow:visible}div.can-contents img.can-content{position:absolute;top:0;left:-7.423904974016333%;width:113.43726800296956%}div.can-contents.rotating+img.can-reflection{-webkit-animation:reflection-shake .2s linear infinite;animation:reflection-shake .2s linear infinite}@-webkit-keyframes reflection-shake{50%{transform:translateX(calc(min(100vw, 750px)*-0.02667))}}@keyframes reflection-shake{50%{transform:translateX(calc(min(100vw, 750px)*-0.02667))}}.can-content-enter-active,.can-content-leave-active{transition:all .5s ease-in-out;transform-origin:center;filter:url(#blurX)}.can-content-enter{transform:translateX(100%) scaleX(.5)}.can-content-leave-to{transform:translateX(-100%) scaleX(.5)}div.intro-page{overflow:hidden}div.intro-page:not(.container){transform-origin:center;transform:scale(1.6);-webkit-animation:intro-zoom 5s linear 1 normal;animation:intro-zoom 5s linear 1 normal}div.intro-page:not(.container).gray{background-color:#2f2e2e}@-webkit-keyframes intro-zoom{0%{transform:scale(1)}to{transform:scale(1.6)}}@keyframes intro-zoom{0%{transform:scale(1)}to{transform:scale(1.6)}}div.bun-component{position:absolute}div.bun-component img.bun{position:relative}div.bun-component img.bun.is-caught{transform-origin:268% 50%;-webkit-animation:being-caught 1s linear 1 normal;animation:being-caught 1s linear 1 normal;opacity:0}@-webkit-keyframes being-caught{0%{opacity:1}60%{opacity:1;transform:rotate(0deg)}to{opacity:0;transform:rotate(100deg)}}@keyframes being-caught{0%{opacity:1}60%{opacity:1;transform:rotate(0deg)}to{opacity:0;transform:rotate(100deg)}}img.chopsticks{position:absolute;transform-origin:96% 58%;transform:rotate(90deg);-webkit-animation:chopsticks-catching 1s linear 1 normal;animation:chopsticks-catching 1s linear 1 normal;opacity:0}img.chopsticks.at-back{width:198%;top:0;left:70%}img.chopsticks.at-front{width:218%;top:40%;left:60%}@-webkit-keyframes chopsticks-catching{0%{opacity:0;transform:rotate(90deg)}40%{opacity:1;transform:rotate(-10deg)}60%{opacity:1;transform:rotate(-10deg)}to{opacity:0;transform:rotate(90deg)}}@keyframes chopsticks-catching{0%{opacity:0;transform:rotate(90deg)}40%{opacity:1;transform:rotate(-10deg)}60%{opacity:1;transform:rotate(-10deg)}to{opacity:0;transform:rotate(90deg)}}div.svg-component{position:absolute}svg.train-intro{transform-origin:-5% 22.8%;-webkit-clip-path:polygon(.1% .1%,.1% 99.9%,99.9% 99.9%,99.9% .1%);clip-path:polygon(.1% .1%,.1% 99.9%,99.9% 99.9%,99.9% .1%);opacity:0;-webkit-animation:train-come 1.5s cubic-bezier(.55,.06,.68,.19) 1 normal,train-come-opacity 1.5s cubic-bezier(.55,.06,.68,.19) 1 normal;animation:train-come 1.5s cubic-bezier(.55,.06,.68,.19) 1 normal,train-come-opacity 1.5s cubic-bezier(.55,.06,.68,.19) 1 normal}@-webkit-keyframes train-come{0%{transform:scale(.01)}to{transform:scale(1.5)}}@keyframes train-come{0%{transform:scale(.01)}to{transform:scale(1.5)}}@-webkit-keyframes train-come-opacity{0%{opacity:1}80%{opacity:1}to{opacity:0;filter:blur(3px)}}@keyframes train-come-opacity{0%{opacity:1}80%{opacity:1}to{opacity:0;filter:blur(3px)}}img.door{position:absolute;top:42%;width:25%;transform-origin:50% 50%;transform:scale(1);-webkit-animation:door-zoom 1.5s ease-in 1 normal;animation:door-zoom 1.5s ease-in 1 normal}@-webkit-keyframes door-zoom{0%{opacity:0;transform:scale(.01)}20%{transform:scale(.01)}to{transform:scale(1)}}@keyframes door-zoom{0%{opacity:0;transform:scale(.01)}20%{transform:scale(.01)}to{transform:scale(1)}}svg.tree-intro{transform-origin:90% 100%;-webkit-animation:tree-grow 2s ease-in 1 normal,tree-grow-opacity 2s ease-in 1 normal;animation:tree-grow 2s ease-in 1 normal,tree-grow-opacity 2s ease-in 1 normal}@-webkit-keyframes tree-grow{0%{transform:scale(.01)}40%{transform:scale(1)}95%{transform:scale(1)}}@keyframes tree-grow{0%{transform:scale(.01)}40%{transform:scale(1)}95%{transform:scale(1)}}@-webkit-keyframes tree-grow-opacity{0%{opacity:0;filter:brightness(180%)}15%{opacity:1;filter:brightness(180%)}40%{filter:brightness(100%)}95%{opacity:1}}@keyframes tree-grow-opacity{0%{opacity:0;filter:brightness(180%)}15%{opacity:1;filter:brightness(180%)}40%{filter:brightness(100%)}95%{opacity:1}}div.red-train-intro{position:absolute;width:40%;left:38%;bottom:calc(min(100vw, 750px)*0.30667);-webkit-clip-path:polygon(-30% -10%,90% -30%,90% 150%,-30% 150%);clip-path:polygon(-30% -10%,90% -30%,90% 150%,-30% 150%)}div.red-train-intro img{width:100%;transform-origin:80% 500%;transform:rotate(45deg)}div.red-train-intro img.railway{position:absolute;left:0;transform:rotate(-5deg);-webkit-animation:railway-through 1.5s ease-in 1;animation:railway-through 1.5s ease-in 1}@-webkit-keyframes railway-through{0%{transform:rotate(45deg)}to{transform:rotate(-5deg)}}@keyframes railway-through{0%{transform:rotate(45deg)}to{transform:rotate(-5deg)}}div.red-train-intro img.train{-webkit-animation:train-through 3.75s ease-in infinite;animation:train-through 3.75s ease-in infinite}@-webkit-keyframes train-through{to{transform:rotate(-65deg)}}@keyframes train-through{to{transform:rotate(-65deg)}}div.sharks-intro{position:absolute;width:34%;left:40%;bottom:46%;-webkit-clip-path:polygon(0 0,90% 0,90% 100%,0 100%);clip-path:polygon(0 0,90% 0,90% 100%,0 100%)}div.sharks-intro img{width:100%;transform-origin:50% 500%;transform:rotate(45deg);-webkit-animation:sharks-through 1.25s ease-in .5s 1 normal;animation:sharks-through 1.25s ease-in .5s 1 normal}@-webkit-keyframes sharks-through{0%{transform:rotate(-45deg)}to{transform:rotate(45deg)}}@keyframes sharks-through{0%{transform:rotate(-45deg)}to{transform:rotate(45deg)}}div.style-page,div.style-page *{font-family:Microsoft JhengHei,微軟正黑體,Helvetica,Verdana,Arial,儷黑 Pro,LiHei Pro,sans-serif;font-weight:700}div.style-page{overflow:hidden;position:relative;padding:0 0 32px}button.btn-round{border-radius:9999px}span{position:relative}span[class*=arrow-]:before{content:" ";position:absolute;width:0}span[class*=arrow-]:after{content:" ";position:absolute;width:0}span.arrow-down:before{height:150%;top:0;left:-5px;border:1px solid red}span.arrow-down:after{height:0;top:150%;left:-6px;border:2px solid red}span.arrow-up:before{height:150%;bottom:0;left:-5px;border:1px solid red}span.arrow-up:after{height:0;bottom:150%;left:-6px;border:2px solid red}span.arrow-right:before{width:2em;bottom:50%;right:-2.5em;border:1px solid red}span.arrow-right:after{bottom:calc(50% - 1px);right:-2.5em;border:2px solid red}span.arrow-left:before{width:2em;bottom:50%;left:-2.5em;border:1px solid red}span.arrow-left:after{bottom:calc(50% - 1px);left:-2.5em;border:2px solid red}span.white-arrow:before{border-color:#fff}span.white-arrow:after{border-color:#fff}@-webkit-keyframes animation-pre-hide{0%{display:none;opacity:0}to{display:none;opacity:0}}@keyframes animation-pre-hide{0%{display:none;opacity:0}to{display:none;opacity:0}}@-webkit-keyframes option-twinkling-scaling{25%{filter:brightness(110%) contrast(95%);transform:scale(1.1)}50%{filter:none;transform:none}}@keyframes option-twinkling-scaling{25%{filter:brightness(110%) contrast(95%);transform:scale(1.1)}50%{filter:none;transform:none}}@-webkit-keyframes option-twinkling{25%{filter:brightness(145%) contrast(65%)}50%{filter:none;transform:none}}@keyframes option-twinkling{25%{filter:brightness(145%) contrast(65%)}50%{filter:none;transform:none}}@-webkit-keyframes entering-right{0%{filter:url(#blurX);transform:translateX(calc(min(100vw, 750px)*1))}to{filter:url(#blurX)}}@keyframes entering-right{0%{filter:url(#blurX);transform:translateX(calc(min(100vw, 750px)*1))}to{filter:url(#blurX)}}@-webkit-keyframes entering-left{0%{filter:url(#blurX);transform:translateX(calc(min(100vw, 750px)*-1))}to{filter:url(#blurX)}}@keyframes entering-left{0%{filter:url(#blurX);transform:translateX(calc(min(100vw, 750px)*-1))}to{filter:url(#blurX)}}.app,body,html{margin:0s;width:100%;height:100%;position:relative;overflow:visible;touch-action:manipulation}.container{max-width:750px}.container:before{content:" ";position:fixed;width:100%;left:0;background:url(/coke-demo-20201107/assets/img/bg_shape-4aa583f6.png) no-repeat;background-size:100% 100%;background-position:top;transform-origin:top;transition:all 1s ease-in-out;filter:none;height:calc(min(100vw, 750px)*0.46667);top:calc(min(100vw, 750px)*-0.3)}.container.has-nav:before{filter:none;top:calc(min(100vw, 750px)*-0.3);height:calc(min(100vw, 750px)*0.46667)}.container.has-nav:after{content:" ";position:fixed;width:100%;height:calc(min(100vw, 750px)*0.46667);top:calc(min(100vw, 750px)*-0.3);left:0;background:url(/coke-demo-20201107/assets/img/bg_shape-4aa583f6.png) no-repeat;background-size:100% 100%;background-position:top;transition:all 1s ease-in-out;-webkit-animation:show-nav 1s linear 1;animation:show-nav 1s linear 1}@-webkit-keyframes show-nav{0%{opacity:0}to{opacity:0}}@keyframes show-nav{0%{opacity:0}to{opacity:0}}.container.is-white:before{top:0;height:200vh}.container.is-white:after{content:none}.container.index:before{filter:brightness(1.38);top:0;height:73%}.container.index:after{content:none}html{overflow-y:scroll}body{min-height:calc(min(100vw, 750px)*1.46667);background-color:#cc0116}body:before{content:" ";position:fixed;width:100%;height:100%;top:0;left:0;background-image:linear-gradient(180deg,#cc0116 75%,#570000);background-size:cover;background-position:50%}body.fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}body .container{padding-right:0;padding-left:0}.container{height:100%;position:relative}