@import url(//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;-webkit-transform:scale(0);transform:scale(0)}5%{opacity:1}100%{opacity:0}}@keyframes jumper{0%{opacity:0;-webkit-transform:scale(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%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes zboing{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}100%{-webkit-transform:scale3d(1, 1, 1);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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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 #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.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"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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:black}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:url("../images/pattern.jpg");background-size:4.53333vw}a{cursor:pointer}#ispc{position:fixed;width:100%;height:100%;top:0;left:0;background:url("../images/pattern.jpg");background-size:1.77083vw;z-index:5}.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}.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}@media only screen and (max-width: 768px){.index{position:absolute;left:0;top:0;width:100%;height:100vh}.index .page{color:#fff;height:100%;padding-top:20vw}.index .page img{width:100%}.index .hr{width:100%;height:2.26667vw;background:url("../images/hr.png") no-repeat;background-size:100%}.index .step-block{padding:0 7.46667vw;text-align:center}.index .step-block h2{font-size:5.6vw;font-weight:700;line-height:1.3;white-space:break-spaces}.index .step-block p{font-size:3.46667vw;margin:4vw 0 5.33333vw}.index .step-block .hr{margin-bottom:4vw}.index .game-part{-webkit-transition:opacity 0.2s;transition:opacity 0.2s;opacity:1}.index .game-part.out{opacity:0}.index .game-part p.bold{font-size:3.46667vw;font-weight:600;text-align:center}.index .game-part .step-block .progess{display:inline-block;width:6vw;height:1.33333vw;border:.13333vw solid #fff;margin:0 1%}.index .game-part .step-block .progess.active{background:#fff}.index .game-part .select-group{background:url("../images/flag-bg.png") center center no-repeat;background-size:100%;text-align:center}.index .game-part .select-group .select-item{display:inline-block;width:38vh;height:29.5vh;margin-bottom:2.66667vw;position:relative}.index .game-part .select-group .select-item img{width:89%;margin:3% auto 0}.index .game-part .select-group .select-item:after{content:'';display:inline-block;width:100%;height:100%;background:url("../images/pic-outer.png") no-repeat;background-size:100%;position:absolute;left:0;top:0}.index .result-part{position:relative;background:url("../images/final-bg2.png") 0 bottom no-repeat;background-size:100%;text-align:center;height:192.26667vw;min-height:100vh;padding-top:15vw}.index .result-part .loading-area{position:fixed;width:100%;height:100vh;background:url("../images/pattern.jpg");background-size:4.53333vw;top:0;left:0;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index .result-part .loading-area img{width:20vw;height:auto;opacity:0;-webkit-transition-duration:1s;transition-duration:1s}.index .result-part .loading-area.active img{opacity:1}.index .result-part .step-block h2{font-size:6.13333vw}.index .result-part .step-block p{margin:1.33333vw 0 3.33333vw;white-space:pre-wrap;line-height:1.3}.index .result-part .result-group{text-align:center;color:#fff}.index .result-part .result-group .r-img{display:inline-block;width:77.86667vw;height:60.5vw;position:relative}.index .result-part .result-group .r-img img{width:89%;margin:3% auto 0}.index .result-part .result-group .r-img:after{content:'';display:inline-block;width:100%;height:100%;background:url("../images/pic-outer2.png") no-repeat;background-size:100%;position:absolute;left:0;top:0}.index .result-part .result-group .txt{position:absolute;left:50%;bottom:6vw;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;text-align:center}.index .result-part .result-group h3{font-size:5.33333vw;font-weight:700;line-height:1.5}.index .result-part .result-group p{font-size:3.33333vw;font-weight:500;white-space:break-spaces;line-height:1.2}.index .result-part .btn{width:93.33333vw;display:inline-block;margin-top:3%}.index .form-part{position:relative;text-align:center}.index .form-part.final{background:url("../images/result-bg.png") 0 bottom no-repeat;background-size:100%}.index .form-part .n-txt2:before{content:'';display:inline-block;width:12vw;height:2.53333vw;background:url("../images/n-txt2.png") no-repeat;background-size:100%}.index .form-part .form-block{text-align:center;padding:0 9.06667vw}.index .form-part .form-block .title{display:inline-block;margin-bottom:7.6vw}.index .form-part .form-block .title img{width:46.8vw;height:auto}.index .form-part .form-block .title img.mb{width:77.86667vw;height:auto}.index .form-part .form-block .btn{display:inline-block;width:41.73333vw;margin-top:7.2vw;background:transparent;border:0}.index .form-part .form-block form li{text-align:left}.index .form-part .form-block form label{font-size:4vw;font-weight:500;display:inline-block;margin-bottom:5px}.index .form-part .form-block form label.small{font-size:3.33333vw}.index .form-part .form-block form label a{display:inline-block;border-bottom:1px solid #fff;line-height:1;font-weight:600}.index .form-part .form-block form label a.n-txt2:before{content:'';display:inline-block;vertical-align:middle;width:12.66667vw;height:3.46667vw;background:url("../images/n-txt1.png") no-repeat;background-size:100%}.index .form-part .form-block form a{color:#fff}.index .form-part .form-block form .select-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:7%}.index .form-part .form-block form .select-group div{background:#243366;color:#7385bf;border-radius:5px;width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 4%}.index .form-part .form-block form .select-group div select{background:transparent;border:0;font-size:16px;height:10.26667vw;color:#7385bf;width:100%;-webkit-appearance:initial;-moz-appearance:initial;appearance:initial;font-weight:600}.index .form-part .form-block form .select-group div.year{width:40%}.index .form-part .form-block form .select-group div label{float:right;line-height:10.53333vw;margin-bottom:0}.index .form-part .form-block form input{width:100%;font-size:16px;height:10.26667vw;line-height:10.53333vw;background:#243366;color:#7385bf;border-radius:5px;border:0;padding:0 5%;margin-bottom:7%;font-weight:600}.index .form-part .form-block form input::-webkit-input-placeholder{color:#536089}.index .form-part .form-block form input::-ms-input-placeholder{color:#536089}.index .form-part .form-block form input::-webkit-input-placeholder{color:#536089}.index .form-part .form-block form input::-moz-placeholder{color:#536089}.index .form-part .form-block form input:-ms-input-placeholder{color:#536089}.index .form-part .form-block form input::placeholder{color:#536089}.index .form-part .form-block form input[type="tel"]:disabled{color:#fff}.index .form-part .form-block form input[type="radio"],.index .form-part .form-block form input[type="checkbox"]{display:none}.index .form-part .form-block form input[type="radio"]+label,.index .form-part .form-block form input[type="checkbox"]+label{font-size:3.33333vw;line-height:1.6}.index .form-part .form-block form input[type="radio"]+label span,.index .form-part .form-block form input[type="checkbox"]+label span{width:3.46667vw;height:3.33333vw;background:#fff;border:2px solid #fff;display:inline-block;vertical-align:text-top}.index .form-part .form-block form input[type="radio"]:checked+label span,.index .form-part .form-block form input[type="checkbox"]:checked+label span{background:#f0091e}.index .form-part .finish-block{padding:0 14.66667vw;text-align:center}.index .form-part .finish-block h2{font-size:6vw;margin-bottom:3.73333vw;font-weight:700}.index .form-part .finish-block h3{font-size:3.33333vw;line-height:1.3;margin-bottom:6.66667vw}.index .form-part .finish-block h3 .n-txt2:before{width:13.06667vw;height:2.66667vw}.index .form-part .finish-block .award-img{display:inline-block;width:32vh;margin-bottom:4.4vw}.index .form-part .finish-block .hr{margin-bottom:3vh}.index .form-part .finish-block .btn-group{display:inline-block;width:35vh}.index .form-part .finish-block .btn-group .btn{display:inline-block;vertical-align:middle}.index .form-part .finish-block .btn-group .b-restart,.index .form-part .finish-block .btn-group .b-share{margin-top:-1.33333vw}.index .form-part .finish-block .btn-group .b-restart{width:44%}.index .form-part .finish-block .btn-group .b-share{width:54%}}header{width:100vw;padding:20px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav{background:transparent;height:3.64583vw;line-height:3.64583vw;width:100%;position:relative;left:0;top:0;z-index:4}@media only screen and (max-width: 768px){.nav{height:15.6vw;line-height:15.6vw}}.nav a{cursor:pointer}.nav p{display:inline-block;margin-right:10px}.nav .l-container{height:100%}.nav-bd{height:100%;padding:0 1.45833vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width: 1024px){.nav-bd{padding:0 5.33333vw 0 4vw}.nav-bd:before{content:'';display:inline-block;width:16.13333vw;height:7.86667vw;background:url("../images/flat.png") no-repeat;background-size:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:3}}.nav-logo{display:inline-block;width:11.09375vw;line-height:0;vertical-align:middle;z-index:3}@media only screen and (max-width: 768px){.nav-logo{width:22.66667vw}}.nav-logo img{width:100%;height:auto}.nav-btn{display:none}@media only screen and (max-width: 768px){.nav-btn{width:6.26667vw;height:6.26667vw;cursor:pointer;border-radius:.8vw;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.66667vw 0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;z-index:3}.nav-btn>.one,.nav-btn>.two,.nav-btn>.three{width:100%;height:2px;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s;border-radius:.4vw}}.nav-menu li{display:inline-block;line-height:0;vertical-align:middle}.nav-menu li span{color:#fff;font-weight:bold;font-size:16px;line-height:1}@media only screen and (max-width: 768px){.nav-menu{width:100%;background:url("../images/pattern.jpg");background-size:4.53333vw;height:100vh;right:0;top:0;opacity:0;position:absolute;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;z-index:2;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:19.33333vw}.nav-menu ul{margin:0;display:inline-block}.nav-menu ul li{width:100%;position:relative;text-align:center;line-height:5.6vw}.nav-menu ul li a{font-size:5.6vw;font-weight:700;color:#fff;display:inline-block}}@media only screen and (max-width: 768px){.nav--active .nav-menu{right:0;position:absolute;top:0;opacity:1;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.nav--active .nav-btn>.one{position:absolute;top:50%;left:0;-webkit-transform:rotate(45deg) translateY(-5%);-ms-transform:rotate(45deg) translateY(-5%);transform:rotate(45deg) translateY(-5%)}.nav--active .nav-btn>.two{opacity:0}.nav--active .nav-btn>.three{position:absolute;top:50%;left:0;-webkit-transform:rotate(-45deg) translateY(-5%);-ms-transform:rotate(-45deg) translateY(-5%);transform:rotate(-45deg) translateY(-5%)}}.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:#ffffff;-webkit-transition-property:all;transition-property:all;-webkit-transition:0.1s;transition:0.1s}.popup{background:url("../images/pattern.jpg");background-size:4.53333vw;position:fixed;top:0;left:0;width:100%;height:100vh;display:none;-webkit-transition-duration:0.2s;transition-duration:0.2s;color:#fff;z-index:4;opacity:0}.popup.active{display:block;opacity:1}.popup:before{content:'';display:inline-block;width:16.13333vw;height:7.86667vw;background:url("../images/flat.png") no-repeat;background-size:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.popup .logo{display:inline-block;width:12.26667vw;line-height:0;vertical-align:middle;position:absolute;left:2.66vw;top:2.66vw}.popup img{width:100%;height:auto}.popup__area{position:relative}.popup__content{position:relative;height:80vh;overflow:scroll;width:80%;margin:20vw auto 0;text-align:center}.popup__content::-webkit-scrollbar{display:none}.popup__content h2{font-size:5.33333vw;font-weight:600;margin-bottom:3%;margin-bottom:10vw}.popup__content h3{font-size:4.4vw;font-weight:600;margin-bottom:10vw;margin-bottom:3%}.popup__content ul{text-align:left;padding-left:8%;list-style:cjk-ideographic}.popup__content ul li,.popup__content ul p,.popup__content ul h4{font-size:3.46667vw}.popup__content ul li{font-weight:600;line-height:1.5;margin-bottom:6%}.popup__content ul li p,.popup__content ul li span,.popup__content ul li ul li{font-weight:300}.popup__content ul li ul{list-style:decimal;padding-left:6%}.popup__content ul li ul li{margin-bottom:0}.popup__close{top:4.5vw;right:4.5vw;font-size:6.66667vw;width:6.66667vw;height:6.66667vw;line-height:6.66667vw;text-align:center;color:#fff;border-radius:50%;position:absolute;cursor:pointer}.popup__close:before{content:"✕";line-height:0;font-weight:400}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:0}100%{opacity:1}}ul.pictures{background:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}ul.pictures li{border:1px dashed #dddddd;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%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}[v-cloak] *{display:none}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.fade-enter,.fade-leave-to{opacity:0}