.showcase-qqball-card[data-v-3618a764]{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;box-shadow:0 8px 45px -22px #0006;height:456px;margin:0 20px 50px;overflow:hidden;position:relative;transition:all .2s;width:480px}@media not all and (pointer:coarse){.showcase-qqball-card:hover .color-cover[data-v-3618a764]{opacity:.95;visibility:visible}.showcase-qqball-card:hover .info-b[data-v-3618a764]{transform:translateY(150px)}.showcase-qqball-card:hover .title[data-v-3618a764]{transform:translateY(25%)}}.showcase-qqball-card.clickable[data-v-3618a764]{cursor:pointer}.showcase-qqball-card .test-cover[data-v-3618a764]{background-color:#ffffff80;border-radius:200px}.showcase-qqball-card .link[data-v-3618a764],.showcase-qqball-card .test-cover[data-v-3618a764]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.showcase-qqball-card .color-cover[data-v-3618a764]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .2s;visibility:hidden;width:100%;z-index:5}.showcase-qqball-card .color-cover h6[data-v-3618a764]{color:var(--white1d);font-size:30px;font-weight:400;letter-spacing:2px;line-height:1.33;text-align:center}.showcase-qqball-card .color-cover i[data-v-3618a764]{color:#fff;font-size:24px;left:50%;margin-left:58px;margin-top:-29px;position:absolute;top:50%}.showcase-qqball-card .color-cover p[data-v-3618a764]{color:var(--white1d);font-size:1.5rem;font-weight:400;letter-spacing:1.2px;line-height:1.13;margin-top:10px;text-align:center}.showcase-qqball-card .ws-qqball[data-v-3618a764]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;z-index:11}.showcase-qqball-card .bg[data-v-3618a764]{opacity:.5;transition:all .2s;z-index:1}.showcase-qqball-card .bg[data-v-3618a764],.showcase-qqball-card .image[data-v-3618a764]{height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}.showcase-qqball-card .image[data-v-3618a764]{background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:3}@media only screen and (max-width:1100px){.showcase-qqball-card .image[data-v-3618a764]{height:calc(100% + 12px);left:-8px;top:-6px;width:calc(100% + 16px)}}@media only screen and (max-width:767px){.showcase-qqball-card .image[data-v-3618a764]{border-radius:6px;left:0;top:0;width:100%}}.showcase-qqball-card .title[data-v-3618a764]{color:var(--gray5d);font-size:1.125rem;font-weight:500;letter-spacing:1.78px;line-height:1.17;padding-top:87.5%;pointer-events:none;position:relative;text-align:center;transition:all .2s;z-index:11}@media only screen and (max-width:767px){.showcase-qqball-card .title[data-v-3618a764]{font-size:.875rem;padding-left:10px;padding-right:10px;padding-top:75.25%}}.showcase-qqball-card .info-b[data-v-3618a764]{height:100%;left:0;padding:360px 60px 0;position:absolute;top:0;transition:all .2s;width:100%;z-index:9}@media(max-width:1023px){.showcase-qqball-card .info-b[data-v-3618a764]{padding:240px 30px 0}}@media only screen and (max-width:767px){.showcase-qqball-card .info-b[data-v-3618a764]{display:none}}.showcase-qqball-card .info-b .title[data-v-3618a764]{color:#4a4a4a;font-size:18px;font-weight:500;letter-spacing:2px;line-height:1.56;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:1023px){.showcase-qqball-card .info-b .title[data-v-3618a764]{font-size:16px}}.showcase-qqball-card .info-b .tags[data-v-3618a764]{display:flex;flex-wrap:wrap}.showcase-qqball-card .info-b .tags a[data-v-3618a764]{color:#bdbdbd;font-size:13px;letter-spacing:1px;line-height:1.38;margin-right:16px;margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ws-modal[data-v-6a759870]{inset:0;position:fixed;z-index:3000}.ws-modal .ws-modal__container[data-v-6a759870]{height:100%;overflow-y:auto;position:relative;width:100%;z-index:1}.ws-modal .ws-modal__close-btn[data-v-6a759870]{position:fixed;right:16px;top:16px;z-index:3}.ws-modal .ws-modal__bg[data-v-6a759870]{background-color:#272523cc;inset:0;position:fixed;z-index:0}.showcase-content-001[data-v-03bf1df2]{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:Noto Sans TC,PingFangTC,Microsoft JhengHei,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;position:relative;transition:all .2s;width:100%}.showcase-content-001 .showcase-content-001__info[data-v-03bf1df2]{align-items:center;display:flex;flex-direction:column;padding-bottom:100px;padding-top:120px;position:relative;width:1000px;z-index:1}@media(max-width:1040px){.showcase-content-001 .showcase-content-001__info[data-v-03bf1df2]{width:720px}}@media(max-width:767px){.showcase-content-001 .showcase-content-001__info[data-v-03bf1df2]{width:calc(100% - 40px)}}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row[data-v-03bf1df2]{margin-top:200px}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row[data-v-03bf1df2]:first-child{margin-top:0}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row[data-v-03bf1df2]{display:flex;width:100%}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row.active img[data-v-03bf1df2],.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row.active:first-child img[data-v-03bf1df2],.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row.active:nth-child(2) img[data-v-03bf1df2]{opacity:1;transform:translate(0)}@media(max-width:767px){.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row[data-v-03bf1df2]{margin-top:40px}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row[data-v-03bf1df2]:first-child{margin-top:0}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row[data-v-03bf1df2]{flex-direction:column}}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row .showcase-content-001__info__row__item[data-v-03bf1df2]{margin-left:40px}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row .showcase-content-001__info__row__item[data-v-03bf1df2]:first-child{margin-left:0}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row .showcase-content-001__info__row__item[data-v-03bf1df2]{width:100%}@media(max-width:767px){.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row .showcase-content-001__info__row__item[data-v-03bf1df2]{margin-left:0;margin-top:40px}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row .showcase-content-001__info__row__item[data-v-03bf1df2]:first-child{margin-top:0}}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row h2[data-v-03bf1df2]{color:var(--black2l);font-size:4rem;font-weight:500;letter-spacing:3px;line-height:1.2;text-align:left;white-space:pre-wrap}@media only screen and (max-width:767px){.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row h2[data-v-03bf1df2]{font-size:3em}}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row h3[data-v-03bf1df2]{color:var(--black3l);font-size:1.5rem;letter-spacing:.5px;line-height:1.2;margin-top:10px;white-space:pre-wrap}.showcase-content-001 .showcase-content-001__info .showcase-content-001__info__row[data-v-03bf1df2]{color:gray;letter-spacing:1px;white-space:pre-wrap}.showcase-content-001 .showcase-content-001__info .des[data-v-03bf1df2],.showcase-content-001 .showcase-content-001__info .des p[data-v-03bf1df2]{margin-top:20px}.showcase-content-001 .showcase-content-001__info .des p[data-v-03bf1df2]:first-child{margin-top:0}.showcase-content-001 .showcase-content-001__info .des p[data-v-03bf1df2]{word-wrap:break-word;color:var(--black5l);font-size:1.125rem;letter-spacing:.5px;line-height:1.8;white-space:pre-wrap}.showcase-content-001 .showcase-content-001__info .link[data-v-03bf1df2]{display:flex;margin-top:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.showcase-content-001 .showcase-content-001__info .link p[data-v-03bf1df2]{color:#93ad65;font-size:16px;font-weight:500;letter-spacing:1px;line-height:1.25}.showcase-content-001 .showcase-content-001__info .link i[data-v-03bf1df2]{color:#93ad65;font-size:14px;margin-left:5px;padding-top:2px}.showcase-content-001 .showcase-content-001__info img[data-v-03bf1df2]{border-radius:15px;max-width:100%;opacity:0;transform:translateY(50px);transition:all 1s}.showcase-content-001 h1[data-v-03bf1df2]{border-bottom:0;color:#fff;font-size:36px;font-weight:500;letter-spacing:2px;line-height:1.67;max-width:100%;padding-bottom:0;position:relative;text-align:left;width:720px;z-index:1}@media(max-width:767px){.showcase-content-001 h1[data-v-03bf1df2]{width:100%}}.showcase-content-001 .tags[data-v-03bf1df2]{display:flex;flex-wrap:wrap;position:relative;width:720px;z-index:1}@media(max-width:767px){.showcase-content-001 .tags[data-v-03bf1df2]{width:100%}}.showcase-content-001 .tags .tag[data-v-03bf1df2]{color:#fff;font-size:16px;letter-spacing:1px;line-height:1.25;margin-right:20px;margin-top:20px}.showcase-content-001 .main-image[data-v-03bf1df2]{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 12px 22px #0000001a;height:400px;margin-top:40px;position:relative;width:720px;z-index:1}@media(max-width:767px){.showcase-content-001 .main-image[data-v-03bf1df2]{height:calc(55.55556vw - 11.11111px);width:100%}}.showcase-content-001 .showcase-display-g[data-v-03bf1df2]{display:flex;justify-content:space-between;margin-top:200px;position:relative;width:1000px;z-index:1}@media(max-width:1040px){.showcase-content-001 .showcase-display-g[data-v-03bf1df2]{width:720px}}@media(max-width:767px){.showcase-content-001 .showcase-display-g[data-v-03bf1df2]{flex-direction:column;margin-top:0;padding-top:40px;width:100%}}.showcase-content-001 .showcase-display-g.in-active .showcase-display img[data-v-03bf1df2],.showcase-content-001 .showcase-display-g.in-active .showcase-display:first-child img[data-v-03bf1df2],.showcase-content-001 .showcase-display-g.in-active .showcase-display:nth-child(2) img[data-v-03bf1df2]{opacity:1;transform:translate(0)}.showcase-content-001 .showcase-display-g .showcase-display[data-v-03bf1df2]{width:480px}.showcase-content-001 .showcase-display-g .showcase-display:first-child img[data-v-03bf1df2]{transform:translate(-50px)}.showcase-content-001 .showcase-display-g .showcase-display:nth-child(2) img[data-v-03bf1df2]{transform:translate(50px)}@media(max-width:1040px){.showcase-content-001 .showcase-display-g .showcase-display[data-v-03bf1df2]{width:350px}}@media(max-width:767px){.showcase-content-001 .showcase-display-g .showcase-display[data-v-03bf1df2]{margin-top:40px;width:100%}.showcase-content-001 .showcase-display-g .showcase-display[data-v-03bf1df2]:first-child{margin-top:0}}.showcase-content-001 .showcase-display-g .showcase-display h2[data-v-03bf1df2]{color:var(--black2l);font-size:4rem;font-weight:500;letter-spacing:3px;line-height:1.2;text-align:left;white-space:pre-wrap}@media only screen and (max-width:767px){.showcase-content-001 .showcase-display-g .showcase-display h2[data-v-03bf1df2]{font-size:3em}}.showcase-content-001 .showcase-display-g .showcase-display h3[data-v-03bf1df2]{color:var(--black3l);font-size:1.5rem;letter-spacing:.5px;line-height:1.2;margin-top:10px;white-space:pre-wrap}.showcase-content-001 .showcase-display-g .showcase-display .des[data-v-03bf1df2],.showcase-content-001 .showcase-display-g .showcase-display .des p[data-v-03bf1df2]{margin-top:20px}.showcase-content-001 .showcase-display-g .showcase-display .des p[data-v-03bf1df2]:first-child{margin-top:0}.showcase-content-001 .showcase-display-g .showcase-display .des p[data-v-03bf1df2]{word-wrap:break-word;color:var(--black5l);font-size:1.125rem;letter-spacing:.5px;line-height:1.8;white-space:pre-wrap}.showcase-content-001 .showcase-display-g .showcase-display .link[data-v-03bf1df2]{display:flex;margin-top:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.showcase-content-001 .showcase-display-g .showcase-display .link p[data-v-03bf1df2]{color:#93ad65;font-size:16px;font-weight:500;letter-spacing:1px;line-height:1.25}.showcase-content-001 .showcase-display-g .showcase-display .link i[data-v-03bf1df2]{color:#93ad65;font-size:14px;margin-left:5px;padding-top:2px}.showcase-content-001 .showcase-display-g .showcase-display img[data-v-03bf1df2]{border-radius:15px;max-width:100%;opacity:0;transition:all 1s}.showcase-content-001 .showcase-display-full[data-v-03bf1df2]{margin-top:100px;position:relative;width:1000px;z-index:1}@media(max-width:1040px){.showcase-content-001 .showcase-display-full[data-v-03bf1df2]{width:720px}}@media(max-width:767px){.showcase-content-001 .showcase-display-full[data-v-03bf1df2]{margin-top:40px;width:100%}}.showcase-content-001 .showcase-display-full.in-active img[data-v-03bf1df2]{opacity:1;transform:translate(0)}.showcase-content-001 .showcase-display-full img[data-v-03bf1df2]{border-radius:15px;max-width:100%;opacity:0;transform:translateY(50px);transition:all 1s}.showcase-content-001 .bg[data-v-03bf1df2]{background-color:#fff;height:100%;position:absolute;top:calc(100vh - 60px);width:160%;z-index:0}.showcase-link[data-v-03bf1df2]{align-items:center;display:flex;justify-content:space-between;margin-top:80px;padding:0 40px}.showcase-link[data-v-03bf1df2]:first-child{margin-top:0}.showcase-link[data-v-03bf1df2]{background-image:radial-gradient(circle at 40% 0,#ffde66,#ffbd6b);border-radius:25px;box-shadow:0 10px 25px -15px #ab770080;height:50px;width:240px}@media only screen and (max-width:767px){.showcase-link[data-v-03bf1df2]{margin-top:60px}.showcase-link[data-v-03bf1df2]:first-child{margin-top:0}}.showcase-link p[data-v-03bf1df2]{color:#fefff6;font-size:18px;font-weight:400;letter-spacing:2px;line-height:1.33;text-align:center;text-shadow:0 6px 20px rgba(0,0,0,.2)}.showcase-link i[data-v-03bf1df2]{animation:quickForward-03bf1df2 1.5s linear infinite both;color:#fefff6;font-size:24px}.back-index-btn[data-v-03bf1df2]{align-items:center;display:flex;justify-content:center;left:55px;position:absolute;top:58px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99}@media(max-width:767px){.back-index-btn[data-v-03bf1df2]{left:20px;position:absolute;top:20px}}.back-index-btn.green i[data-v-03bf1df2],.back-index-btn.green p[data-v-03bf1df2]{color:#6f8a40}.back-index-btn .arrow[data-v-03bf1df2]{transform:rotate(180deg)}.back-index-btn .arrow i[data-v-03bf1df2]{animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:forwardMove-03bf1df2;animation-timing-function:ease-in-out;color:#fff;display:block;font-size:24px;position:relative}.back-index-btn p[data-v-03bf1df2]{color:#fff;font-size:16px;letter-spacing:1px;line-height:1.25;margin-left:8px;transition:all .2s}@keyframes forwardMove-03bf1df2{0%{transform:translate(0)}30%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes quickForward-03bf1df2{0%{transform:scale(1)}2.7%{transform:matrix(1,0,0,1,-7.774,0)}5.41%{transform:matrix(1,0,0,1,-18.315,0)}8.11%{transform:matrix(1,0,0,1,-26.048,0)}10.71%{transform:matrix(1,0,0,1,-28.513,0)}13.71%{transform:matrix(1,0,0,1,-26.119,0)}16.62%{transform:matrix(1,0,0,1,-21.537,0)}19.62%{transform:matrix(1,0,0,1,-17.736,0)}22.52%{transform:matrix(1,0,0,1,-16.519,0)}28.43%{transform:matrix(1,0,0,1,-19.402,0)}34.33%{transform:matrix(1,0,0,1,-21.423,0)}46.05%{transform:matrix(1,0,0,1,-19.418,0)}57.86%{transform:matrix(1,0,0,1,-20.238,0)}69.57%{transform:matrix(1,0,0,1,-19.903,0)}81.38%{transform:matrix(1,0,0,1,-20.04,0)}93.19%{transform:matrix(1,0,0,1,-19.984,0)}to{transform:matrix(1,0,0,1,-20,0)}}.section-showcase-list-001[data-v-f7790078]{align-items:center;background-color:var(--primary10l);display:flex;flex-direction:column;min-height:100vh;width:100%}.section-showcase-list-001 .section-showcase-list-001__content .project-list[data-v-f7790078]{margin-top:60px}.section-showcase-list-001 .section-showcase-list-001__content .project-list[data-v-f7790078]:first-child{margin-top:0}.section-showcase-list-001 .section-showcase-list-001__content .project-list[data-v-f7790078]{display:grid;grid-gap:40px;grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:1280px){.section-showcase-list-001 .section-showcase-list-001__content .project-list[data-v-f7790078]{grid-template-columns:repeat(2,1fr);grid-gap:40px}}@media only screen and (max-width:960px){.section-showcase-list-001 .section-showcase-list-001__content .project-list[data-v-f7790078]{grid-gap:20px}}@media only screen and (max-width:600px){.section-showcase-list-001 .section-showcase-list-001__content .project-list[data-v-f7790078]{grid-template-columns:repeat(1,1fr);grid-gap:10px}}.section-showcase-list-001 .section-showcase-list-001__content .project-list .showcase-qqball-card[data-v-f7790078]{height:380px;margin:0;width:100%}@media only screen and (max-width:1280px){.section-showcase-list-001 .section-showcase-list-001__content .project-list .showcase-qqball-card[data-v-f7790078]{height:440px}}@media only screen and (max-width:960px){.section-showcase-list-001 .section-showcase-list-001__content .project-list .showcase-qqball-card[data-v-f7790078]{height:calc(47.93103vw - 23.0069px)}}@media only screen and (max-width:600px){.section-showcase-list-001 .section-showcase-list-001__content .project-list .showcase-qqball-card[data-v-f7790078]{height:calc(95.86207vw - 30.67586px)}}.section-showcase-list-001 .transition-cover[data-v-f7790078]{background-color:var(--primary10l);height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}