#loading-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:20}#loading-bg .anim-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;width:100px}#alert{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:20}#alert .info{background-color:#fff;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;font-size:30px}#main[data-v-2e48774b]{background-image:url(../img/page-1-background.6a1e3424.svg)}#loading-bg[data-v-2e48774b]{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:20}#loading-bg .anim-img[data-v-2e48774b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;width:100px}#main[data-v-2e48774b]{width:100%;height:100%}#video[data-v-2e48774b]{position:fixed;top:34.6%;left:4.1%;width:34vw;height:34.5vh;overflow:hidden}#take-shot[data-v-2e48774b]{position:fixed;top:81%;left:14.6%}#take-shot .button[data-v-2e48774b]{height:82px}.count-down-num[data-v-2e48774b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);font-size:110px;color:#fff;transform-origin:50% 50%}#camera[data-v-2e48774b]{transform:translateX(-50%) rotateY(180deg);-webkit-transform:translateX(-50%) rotateY(180deg);-moz-transform:translateX(-50%) rotateY(180deg);-webkit-animation:show 3s forwards;animation:show 3s forwards;position:absolute;left:50%}#main[data-v-3a284e28]{background-image:url(../img/page-2-background.a0e656ad.svg);width:100%;height:100%}#video[data-v-3a284e28]{position:fixed;top:34.6%;left:4.1%;width:34vw;height:34.5vh;overflow:hidden}#camera[data-v-3a284e28]{position:fixed;top:81%;left:14.6%}#camera .button[data-v-3a284e28]{height:82px}#result[data-v-3a284e28]{position:fixed;top:26%;right:10%;width:36%}#result .row[data-v-3a284e28]{justify-content:space-between;color:#ffc55f;font-size:42px;margin:8px 0}#result .row .line[data-v-3a284e28]{margin:0 20px;height:2px;width:100%;background:#ffc55f}#result .subtitle[data-v-3a284e28]{color:#fff;font-size:70px;font-weight:400;text-align:center;margin:0;margin-top:46px}#user-image[data-v-3a284e28]{position:relative;height:100%}#animation-canvas[data-v-3a284e28]{position:absolute;top:0;left:0;height:100%}.st0[data-v-1c160ae4]{fill:#f4cb42;stroke:#f4cb42;stroke-width:2;stroke-miterlimit:10}.st1[data-v-1c160ae4]{fill:#2c2b5a}.st2[data-v-1c160ae4]{font-family:TaipeiSansTCBeta-Bold}.st3[data-v-1c160ae4]{font-size:16px}.st4[data-v-1c160ae4]{fill:#fff}.st5[data-v-1c160ae4]{font-size:27px}.st6[data-v-1c160ae4]{fill:none;stroke:#f4cb42;stroke-width:6;stroke-miterlimit:10}.cls-1[data-v-8e0c131c]{fill:none;stroke:#eebd5d;stroke-miterlimit:10;stroke-width:6px}.cls-2[data-v-8e0c131c]{fill:#eebd5d}.cls-3[data-v-8e0c131c]{fill:#ff8c00}.cls-4[data-v-8e0c131c],.cls-5[data-v-8e0c131c],.cls-6[data-v-8e0c131c]{fill:#fff}.cls-5[data-v-8e0c131c]{font-size:93.7px}.cls-5[data-v-8e0c131c],.cls-6[data-v-8e0c131c]{font-family:TaipeiSansTCBeta-Bold,Taipei Sans TC Beta;font-weight:700}.cls-6[data-v-8e0c131c]{font-size:37.48px}#main[data-v-cc8efdb0]{background-image:url(../img/page-3-background.3212d95d.svg)}.card[data-v-cc8efdb0]{position:fixed;top:19%;height:65.2vh;box-sizing:border-box}#card1[data-v-cc8efdb0]{left:5%;width:29.5vw;padding:1% 2% 0}#card2[data-v-cc8efdb0]{left:36%;width:27vw;padding:2% 1% 1%}#card3[data-v-cc8efdb0]{left:63%;width:27.6vw;padding:2.3% 1.6%;height:64vh}#card1 .top[data-v-cc8efdb0]{width:96%;height:61%;position:relative;margin-top:23px}#card1 .bottom .title[data-v-cc8efdb0]{margin:0;margin-bottom:7px;font-size:24px;color:#ffc55f;white-space:nowrap}#card1 .bottom .text[data-v-cc8efdb0]{color:#fff;font-size:24px}#card2 .top[data-v-cc8efdb0]{height:35%;width:100%;padding:4%;box-sizing:border-box}#card2 .middle[data-v-cc8efdb0]{height:13%;width:100%;font-size:36px;color:#ffc55f}#card2 .bottom[data-v-cc8efdb0]{width:100%;padding:5% 2%;padding-bottom:0}#card2 .prod[data-v-cc8efdb0]{background:#eebd5d;margin:16px;border-radius:40px;height:74px;padding:0 12px;box-sizing:border-box;font-size:25px;color:#2d2b5b}#card2 .prod .type[data-v-cc8efdb0]{width:20%;border-right:5px dashed #2d2b5b;height:100%;display:flex;justify-content:center;align-items:center;font-size:25px}#card2 .prod .name[data-v-cc8efdb0]{margin:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#card2 .prod .button-wrapper[data-v-cc8efdb0]{position:relative}#card2 .prod .button-wrapper .button[data-v-cc8efdb0]{width:89px;height:53px;line-height:53px;text-align:center;background-color:#2d2b5b;color:#fff;border:none;border-radius:30px;font-size:22px}#card2 .prod .button-wrapper .button-hover[data-v-cc8efdb0]{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:175px}#card3 .title[data-v-cc8efdb0]{color:#ffc55f;font-size:39px;text-align:center;font-weight:400;margin:10px 0}#card3 .content[data-v-cc8efdb0]{margin:10px 0;background:#eebd5d;border-radius:43px;color:#2c2b5a;padding:10px;box-sizing:border-box;justify-content:flex-end}#card3 .content .title[data-v-cc8efdb0]{color:inherit;font-size:52px;margin:0}#card3 .content .subtitle[data-v-cc8efdb0]{margin:0;font-size:29px}#card3 .content .info[data-v-cc8efdb0]{margin-top:10px;background:#654b8c;background:linear-gradient(0deg,#654b8c,#361b6a);border-radius:inherit;padding:12px 30px;box-sizing:border-box;color:#fff;width:440px}#card3 .content .info .describe[data-v-cc8efdb0]{font-size:1.3rem;margin-bottom:15px;text-align:justify}#card3 .button-wrapper[data-v-cc8efdb0]{justify-content:space-between;width:100%}#card3 .button-wrapper .button[data-v-cc8efdb0]{height:109px}.info-image[data-v-cc8efdb0]{height:250px;background-size:cover;margin-top:15px;margin-bottom:15px;background-position:50%}.tableFixHead[data-v-563be623]{overflow-y:auto;height:100px}.tableFixHead thead th[data-v-563be623]{position:-webkit-sticky;position:sticky;top:0;z-index:2}table[data-v-563be623]{border-collapse:collapse;width:100%}td[data-v-563be623],th[data-v-563be623]{padding:8px 16px}#main[data-v-563be623]{background-image:url(../img/page-5-6-background.04bd9726.svg)}.flex-v-h-center[data-v-563be623]{display:flex;justify-content:center;align-items:center}#table-wrapper[data-v-563be623]{position:absolute;top:20%;width:87%;left:7.4%;height:62.3vh;background:#fff}.tableFixHead[data-v-563be623]{height:100%}#table td[data-v-563be623],#table th[data-v-563be623]{border:3px solid #2d2b5b;border-left:none;text-align:center;background:#fff;padding:0}#table th[data-v-563be623]{background:#2d2b5b;color:#d6ae5f;height:60px;margin:0;text-align:center;font-size:35px;font-weight:700}#table th[data-v-563be623]:before{content:"";width:100%;height:100%;position:absolute;top:-5px;left:0;background:inherit;z-index:-1}#table td[data-v-563be623]{background-color:inherit;color:#2d2b5b;font-size:28px;font-weight:700;padding:2px 0}#table td[data-v-563be623]:first-child{width:19%}#table td[data-v-563be623]:nth-child(2){width:25%}#table td[data-v-563be623]:nth-child(3){width:22%}#export[data-v-563be623]{position:fixed;right:5.8%;bottom:9%;color:#fff;background-color:#2d2c5b;font-size:30px;border-radius:19px;padding:5px 35px;box-sizing:border-box;border:none;text-decoration:none}#main[data-v-e772629e]{background-image:url(../img/page-4-background.0a158218.svg)}.dialog[data-v-e772629e]{position:fixed;top:52.5%;left:50%;transform:translate(-50%,-50%);width:755px;z-index:20}.dialog .button-wrapper[data-v-e772629e]{position:absolute;top:65%;left:50%;transform:translateX(-50%);width:100%}.dialog .button-wrapper .button[data-v-e772629e]{height:65px;margin:0 40px}.card[data-v-e772629e]{position:fixed;top:19%;height:65.2vh;box-sizing:border-box}#card1[data-v-e772629e]{left:9%;width:28vw;padding-top:2%}#card2[data-v-e772629e]{left:37%;width:55vw;padding:1.5% 2%}#card1 .top[data-v-e772629e]{height:24%}#card1 .top .title[data-v-e772629e]{font-size:75px;font-weight:400;color:#2c2b5a;margin:0}#card1 .bottom .title[data-v-e772629e]{font-size:72px;font-weight:400;color:#2c2b5a;margin:0;margin-top:33px}#card1 .bottom .subtitle[data-v-e772629e]{margin:0;margin-bottom:10px;font-size:37px;color:#fff;font-weight:400;width:420px;text-align:center}#card1 .bottom .text[data-v-e772629e]{color:#306;font-size:24px;text-align:center}#card1 .button-wrapper[data-v-e772629e]{position:relative;margin-bottom:5px}#card1 .button-wrapper .button[data-v-e772629e]{height:50px;margin:0 5px}#card1 .button-wrapper .button-hover[data-v-e772629e]{position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:178px}.description-wrapper[data-v-e772629e]{width:420px}.description-text[data-v-e772629e]{height:240px;overflow-y:scroll;margin-bottom:10px;text-align:justify}#card2 .image[data-v-e772629e]{border:5px solid #2d2b5b;width:100%;height:100%;background-size:cover;background-position:50%}.cls-1[data-v-6b94f66e]{fill:#bd272d}.cls-2[data-v-6b94f66e]{fill:#fff;font-size:28px;font-weight:700}.tableFixHead[data-v-0e3bbe68]{overflow-y:auto;overflow-x:hidden;height:100px}.tableFixHead thead th[data-v-0e3bbe68]{position:-webkit-sticky;position:sticky;top:0;z-index:2}table[data-v-0e3bbe68]{border-collapse:collapse;width:100%}td[data-v-0e3bbe68],th[data-v-0e3bbe68]{padding:8px 16px}#main[data-v-0e3bbe68]{background-image:url(../img/page-5-6-background.04bd9726.svg)}#dashboard[data-v-0e3bbe68]{position:absolute;top:20%;width:87%;left:7.3%;height:61vh;background:#ffaf00;border:4px solid #ffaf00}#dashboard .col[data-v-0e3bbe68]{width:30%;height:100%;background:#fff}#dashboard #col1[data-v-0e3bbe68]{width:22.5%;border-right:3px solid #ffaf00;padding-bottom:10px;box-sizing:border-box}#dashboard #col2[data-v-0e3bbe68]{width:77.5%}#dashboard #col1 .title[data-v-0e3bbe68]{background:#ffaf00;color:#2d2b5b;height:66px;display:flex;justify-content:center;align-items:center;margin:0;text-align:center;font-size:35px;font-weight:400}#dashboard #col1 select.select[data-v-0e3bbe68]{height:60px;width:315px;margin:18px auto;font-size:31px;font-weight:700;color:#2d2b5b;padding:5px 22px;box-sizing:border-box;border:4px solid #2d2b5b;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232d2b5b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.9em auto,100%}#dashboard #col1 select.select option[data-v-0e3bbe68]{font-size:20px}#dashboard #col1 .button[data-v-0e3bbe68]{height:57px;margin:10px;margin-top:15%}#dashboard #col1 .subtitle[data-v-0e3bbe68]{color:grey;height:80px;display:flex;justify-content:center;align-items:center;margin:0;text-align:center;font-size:40px;font-weight:400;margin-top:25px}.tableFixHead[data-v-0e3bbe68]{height:100%}#table td[data-v-0e3bbe68],#table th[data-v-0e3bbe68]{border:3px solid #ffaf00;text-align:center;background:#fff;padding:0;color:#2d2b5b}#table th[data-v-0e3bbe68]{background:#ffaf00;height:60px;margin:0;text-align:center;font-size:35px;font-weight:400;border:none}#table th[data-v-0e3bbe68]:before{content:"";position:absolute;top:-2px;left:-1%;height:66px;width:111%;background:inherit;z-index:-1}#table td[data-v-0e3bbe68]{background-color:inherit;color:#2d2b5b;font-size:33px;font-weight:400}#table td[data-v-0e3bbe68]:first-child{width:27.5%}#table td[data-v-0e3bbe68]:nth-child(2){width:21%}#table td[data-v-0e3bbe68]:nth-child(3){width:18%}#table td[data-v-0e3bbe68]:nth-child(4){width:18.5%}tr.prod[data-v-0e3bbe68]{height:150px}#table .prod .button-wrapper .button[data-v-0e3bbe68]{background:#2d2b5b;margin:10px;height:65px;color:#eebd5d;border:none;width:166px;font-size:28px}