[data-v-07c3c56a]{font-family:Times New Roman,Artwork_ch}#TypeHandler[data-v-07c3c56a]{background-color:#fff;position:absolute;z-index:30;display:flex;width:calc(9vw + 290px);flex-direction:column;text-align:center;vertical-align:middle;font-weight:700;font-size:19px;letter-spacing:1.5px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 0 4px 1px rgba(0,0,0,.3);overflow:hidden;transition:width .2s}#TypeHandler[data-v-07c3c56a]:hover{box-shadow:0 0 2px 1px rgba(0,0,0,.2)}#TypeHandler .selectbtn[data-v-07c3c56a]{height:26px;padding:5px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.2s,background-color .4s;display:flex;align-items:center;justify-content:center}#TypeHandler .selectbtn[data-v-07c3c56a]:hover{background-color:#fb80d6}#TypeHandler .selectbtn .down[data-v-07c3c56a]{width:0;height:0;border:10px solid;border-color:rgba(0,0,0,.4) transparent transparent transparent;position:absolute;right:10px;top:14px}#TypeHandler .options[data-v-07c3c56a]{padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:0;transition:.2s,background-color .2s;overflow:hidden;-webkit-animation:text-blur-data-v-07c3c56a .1s ease-in-out both;animation:text-blur-data-v-07c3c56a .1s ease-in-out both;color:rgba(0,0,0,.7);white-space:nowrap}@-webkit-keyframes text-blur-data-v-07c3c56a{0%{filter:blur(0)}to{filter:blur(12px);opacity:0}}@keyframes text-blur-data-v-07c3c56a{0%{filter:blur(0)}to{filter:blur(12px);opacity:0}}#viewbtn[data-v-07c3c56a]{display:none}#viewbtn:checked~.options[data-v-07c3c56a]{padding:5px;height:30px;-webkit-animation:focus-data-v-07c3c56a .2s ease-in-out both;animation:focus-data-v-07c3c56a .2s ease-in-out both}#viewbtn:checked~.options[data-v-07c3c56a]:hover{background-color:#fb80d6;color:#03071e}@-webkit-keyframes focus-data-v-07c3c56a{0%{filter:blur(5px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes focus-data-v-07c3c56a{0%{filter:blur(5px);opacity:0}to{filter:blur(0);opacity:1}}#viewbtn:checked~.options.selectName[data-v-07c3c56a]{color:#09f}#viewbtn:checked~.selectbtn[data-v-07c3c56a]{background-color:#fb80d6;color:#f7fff7;border-bottom:2px solid rgba(0,0,0,.4)}#viewbtn:checked~.selectbtn .down[data-v-07c3c56a]{border:10px solid transparent;border-color:transparent transparent rgba(247,255,247,.9) transparent;position:absolute;right:10px;top:4px}@media only screen and (max-width:480px){#TypeHandler[data-v-07c3c56a]{width:70vw}#TypeHandler .selectbtn .select[data-v-07c3c56a]{font-size:17px}#viewbtn:checked~.options[data-v-07c3c56a]{font-size:17px;padding:2px}}img[data-v-0d74d2f1]{position:absolute;width:100%;-o-object-fit:contain;object-fit:contain;height:370px;opacity:0}img.finish[data-v-0d74d2f1]{opacity:1}@media screen and (max-width:480px){img[data-v-0d74d2f1]{height:250px;transition:transform .2s ease-in-out,opacity .25s ease-in-out}}[data-v-4327adf2]{font-family:Times New Roman,Artwork_ch}#lightBox .artworks[data-v-4327adf2]{padding:0 3.5vw 10px 5vw;height:100%;flex-wrap:wrap;display:flex;align-items:flex-start;justify-content:space-between;transition:.2s}#lightBox .artworks .cover[data-v-4327adf2]{width:23%;height:370px;position:relative;margin:calc(1px + 2%) 2% calc(1px + 2%) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .1s}#lightBox .artworks[data-v-4327adf2]:after{content:"";flex:1 0 200px;z-index:6}#lightBox .cover[data-v-4327adf2]:after{content:"";height:100%;width:100%;position:absolute;transition:.2s ease-in;border-radius:5px;cursor:pointer}#lightBox .artworks .cover .mackup[data-v-4327adf2]{position:absolute;width:100%;height:100%;background:linear-gradient(-90deg,#f5f5f5,#f5f5f5 40%,#eee 50%,#f5f5f5 60%,#f5f5f5);background-repeat:repeat;background-size:400% 100%;transition:opacity .5s ease-in;border-radius:6px;z-index:5}#lightBox .artworks .cover .mackup.loading[data-v-4327adf2]{-webkit-animation:loading-data-v-4327adf2 1.5s ease infinite;animation:loading-data-v-4327adf2 1.5s ease infinite}@-webkit-keyframes loading-data-v-4327adf2{0%{background-position-x:100%}to{background-position-x:0}}@keyframes loading-data-v-4327adf2{0%{background-position-x:100%}to{background-position-x:0}}#lightBox .artworks .cover .mackup.fade[data-v-4327adf2]{opacity:0}#lightBox .artworks .cover .box[data-v-4327adf2]{position:relative;width:100%;height:100%;border-radius:6px;transition:.2s ease-in}#lightBox .artworks .cover h3[data-v-4327adf2]{position:absolute;z-index:200;margin:0;font-size:22px;display:block;transform:translateY(10px);opacity:0;color:#fff;letter-spacing:3px;text-align:center;transition:.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}#lightBox .artworks .cover[data-v-4327adf2]:hover{transform:translate(-5px,-5px)}#lightBox .artworks .cover[data-v-4327adf2]:hover:after{background-color:rgba(0,0,0,.4);box-shadow:5px 5px 4px 1px rgba(0,0,0,.2);z-index:6}#lightBox .artworks .cover:hover h3[data-v-4327adf2]{color:#fff;opacity:1;transform:translateY(0)}.lightbox[data-v-4327adf2]{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.9);color:#eee;z-index:450}.closeButton[data-v-4327adf2]{position:absolute;right:3vw;top:2vw;z-index:100}.closeButton .circle[data-v-4327adf2]{top:2.5px;left:2px;border-radius:50%;width:calc(20px + 1.5vw);height:calc(20px + 1.5vw);position:absolute;z-index:-1;opacity:0;transition:.2s}.closeButton .fa-times-circle[data-v-4327adf2]{font-size:calc(25px + 1.5vw);color:rgba(247,255,247,.9);cursor:pointer;transition:.2s}.closeButton:hover .fa-times-circle[data-v-4327adf2]{color:#ef233c;transform:rotate(90deg)}.closeButton:hover .circle[data-v-4327adf2]{opacity:1;background-color:#edf2f4}.nextButton[data-v-4327adf2]{position:absolute;right:calc(15px + 1.5vw);top:50vh;transform:translate(50%,-50%);padding-left:-1px;cursor:pointer}.nextButton .fa-chevron-right[data-v-4327adf2]{font-size:calc(35px + 1.5vw);color:rgba(247,255,247,.4);transition:.2s ease-out}.preButton[data-v-4327adf2]{position:absolute;left:calc(15px + 1.5vw);top:50vh;transform:translate(-50%,-50%);cursor:pointer}.preButton .fa-chevron-left[data-v-4327adf2]{font-size:calc(35px + 1.5vw);color:rgba(247,255,247,.4);transition:.1s ease-out}.nextButton:hover .fa-chevron-right[data-v-4327adf2]{filter:drop-shadow(-5px 0 5px black);color:#edf2f4;transform:translateX(3px)}.nextButton:active .fa-chevron-right[data-v-4327adf2]{filter:drop-shadow(-5px 0 5px black);color:#edf2f4;transform:translate(4px,2px);transition:.01s ease-out}.preButton:hover .fa-chevron-left[data-v-4327adf2]{filter:drop-shadow(5px 0 5px black);color:#edf2f4;transform:translateX(-3px)}.preButton:active .fa-chevron-left[data-v-4327adf2]{filter:drop-shadow(-5px 0 5px black);color:#edf2f4;transform:translate(-4px,2px);transition:.01s ease-out}.fade-enter-active[data-v-4327adf2],.fade-leave-active[data-v-4327adf2]{transition:opacity .5s}.fade-enter[data-v-4327adf2],.fade-leave-to[data-v-4327adf2]{opacity:0}.loadingImage[data-v-4327adf2]{position:absolute;left:50vw;top:50vh;transform:translate(-50%);width:80px;height:60px;background-color:#eee}.loading3[data-v-4327adf2]{width:150px;height:150px;position:absolute;left:50vw;top:50vh;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}@-webkit-keyframes animateBgm-data-v-4327adf2{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes animateBgm-data-v-4327adf2{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.loading3 span[data-v-4327adf2]{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(calc(18deg*var(--i)));-webkit-animation:animateBgm-data-v-4327adf2 10s linear infinite;animation:animateBgm-data-v-4327adf2 10s linear infinite}.loading3 span[data-v-4327adf2]:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;background-color:#0f0;border-radius:50%;box-shadow:0 0 5px 2px rgba(0,255,0,.5294117647058824),0 0 4px 7px rgba(0,255,0,.2627450980392157),0 0 15px 2px rgba(0,255,0,.2196078431372549),0 0 35px rgba(0,255,0,.06666666666666667),0 0 50px #0f0,0 0 70px #0f0,0 0 90px #0f0;-webkit-animation:loading3-data-v-4327adf2 2s linear infinite;animation:loading3-data-v-4327adf2 2s linear infinite;-webkit-animation-delay:calc(0.1s*var(--i) - 3s);animation-delay:calc(0.1s*var(--i) - 3s)}@-webkit-keyframes loading3-data-v-4327adf2{0%{transform:scale(1)}80%,to{transform:scale(0)}}@keyframes loading3-data-v-4327adf2{0%{transform:scale(1)}80%,to{transform:scale(0)}}.loading3 p[data-v-4327adf2]{color:#fff;font-weight:500;font-size:22px;font-family:monospace}.loading3 img[data-v-4327adf2]{width:100px}.myPainting[data-v-4327adf2]{width:100vw;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.myPainting .all[data-v-4327adf2]{display:flex;flex-direction:column;max-width:90vw;align-items:center}.myPainting img[data-v-4327adf2]{display:block;width:auto;height:auto;padding:0 10px;max-width:80vw;max-height:80vh;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.words[data-v-4327adf2]{width:100%;color:#fff}.words .name[data-v-4327adf2]{text-align:left;margin-top:10px;border-top:1px solid hsla(0,0%,100%,.8);padding:10px 15px;letter-spacing:1px;font-weight:600;font-size:22px}.words .name .year[data-v-4327adf2]{display:inline-block;font-size:16px;letter-spacing:0;font-weight:500}.words .material[data-v-4327adf2]{color:hsla(0,0%,100%,.8);text-align:left;padding:0 15px;font-size:20px;letter-spacing:2px;font-weight:400}.words .material .size[data-v-4327adf2]{display:inline-block;margin-right:0;font-size:18px;font-weight:400}@media only screen and (max-width:1800px){#lightBox .artworks[data-v-4327adf2]{padding:0 3vw 10px 9vw}#lightBox .artworks .cover[data-v-4327adf2]{width:28.33333%;margin:calc(1px + 2%) 5% calc(1px + 2%) 0}}@media only screen and (max-width:1350px){#lightBox .artworks[data-v-4327adf2]{padding:0 max(60px,8%)}#lightBox .artworks .cover[data-v-4327adf2]{width:max(290px,38%);height:370px}}@media only screen and (max-width:790px){#lightBox .artworks[data-v-4327adf2]{justify-content:center}#lightBox .artworks .cover[data-v-4327adf2]{width:85%;height:370px;max-width:450px}}@media only screen and (max-width:480px){.lightbox[data-v-4327adf2]{background-color:rgba(0,0,0,.95)}#lightBox .artworks[data-v-4327adf2]{justify-content:center;padding:10px;border:none}#lightBox .artworks .cover[data-v-4327adf2]{width:75%;height:auto;margin-bottom:25px;margin-right:0;filter:none;transition:box-shadow .2s ease-out,transform .2s;justify-content:flex-end}#lightBox .artworks .cover h3[data-v-4327adf2]{padding:5px;color:#000;position:relative;transform:translateY(0);font-size:18px;letter-spacing:0;opacity:1;transition:transform .2s ease-out;text-align:center}#lightBox .artworks .cover img[data-v-4327adf2]{-o-object-fit:cover;object-fit:cover;position:relative}#lightBox .artworks .cover[data-v-4327adf2]:hover{transform:translate(0);filter:none;box-shadow:none}#lightBox .artworks .cover[data-v-4327adf2]:after{display:none}#lightBox .artworks .cover:hover h3[data-v-4327adf2]{color:#000}.closeButton[data-v-4327adf2]{right:10px;top:10px}.closeButton .circle[data-v-4327adf2]{width:20px;height:20px}.closeButton .fa-times-circle[data-v-4327adf2]{font-size:28px}.nextButton[data-v-4327adf2]{top:auto;bottom:0}.nextButton .fa-chevron-right[data-v-4327adf2],.preButton .fa-chevron-left[data-v-4327adf2]{color:rgba(247,255,247,.6);font-size:35px}.preButton[data-v-4327adf2]{top:auto;bottom:0}.loading3[data-v-4327adf2]{width:125px;height:125px}.myPainting img[data-v-4327adf2]{max-width:78vw;max-height:68vh}.words .name[data-v-4327adf2]{letter-spacing:1px;margin:10px 0 0 0;padding:10px 4vw 5px 4vw;font-size:18px}.words .name .year[data-v-4327adf2]{font-size:13px;letter-spacing:0}.words .material .size[data-v-4327adf2],.words .material[data-v-4327adf2]{font-size:12px;letter-spacing:1px}.nextButton .fa-chevron-right[data-v-4327adf2],.preButton .fa-chevron-left[data-v-4327adf2]{color:hsla(0,0%,99.2%,.6);font-size:40px}.nextButton:hover .fa-chevron-right[data-v-4327adf2],.preButton:hover .fa-chevron-left[data-v-4327adf2]{filter:none;color:hsla(0,0%,99.2%,.6);transform:none}.nextButton:active .fa-chevron-right[data-v-4327adf2],.preButton:active .fa-chevron-left[data-v-4327adf2]{filter:none;color:#edf2f4;transform:translate(2px,2px);transition:.01s ease-out}}.show-image-enter-active[data-v-4327adf2],.show-image-leave-active[data-v-4327adf2]{transition:opacity .5s}.show-image-enter[data-v-4327adf2],.show-image-leave-to[data-v-4327adf2]{opacity:0}[data-v-4a6d8b68]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#nav[data-v-4a6d8b68]{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.3)),url(../img/Navigation.f4520a83.jpg);z-index:300;background-position:220% 2%}.title[data-v-4a6d8b68]{font-family:Times New Roman,Artwork_ch;display:flex;justify-content:center;align-items:center;color:#000;margin-top:20px;margin-bottom:10px}.title .beforeLine[data-v-4a6d8b68]{margin-right:10px}.title .afterLine[data-v-4a6d8b68],.title .beforeLine[data-v-4a6d8b68]{flex:1 1;height:0;width:10%;top:50%;border-top:2px solid rgba(0,0,0,.4)}.title .afterLine[data-v-4a6d8b68]{left:10%;margin-left:10px}.title h1[data-v-4a6d8b68]{margin:0;font-size:max(2.2vw,40px)}#lightBox[data-v-4a6d8b68]{position:relative;margin-top:80px}#TypeHandler[data-v-4a6d8b68]{margin-top:15px;left:5%;transition:left .1s;z-index:250}.footer[data-v-4a6d8b68]{padding:20px 0;margin-top:20px;display:flex;justify-content:center;font-size:16px;border-top:1px solid rgba(0,0,0,.1);height:auto;font-family:Times New Roman,Artwork_ch}@media only screen and (max-width:1800px){#TypeHandler[data-v-4a6d8b68]{left:8%}}@media only screen and (max-width:1350px){#TypeHandler[data-v-4a6d8b68]{left:max(60px,8%)}}@media only screen and (max-width:790px){#TypeHandler[data-v-4a6d8b68]{margin-top:30px;position:absolute;width:380px;left:50%;transform:translateX(-50%)}#lightBox[data-v-4a6d8b68]{margin-top:110px}}@media only screen and (max-width:480px){.title[data-v-4a6d8b68]{position:relative;padding-top:10px;margin-top:0}.title h1[data-v-4a6d8b68]{font-size:8vw}#TypeHandler[data-v-4a6d8b68]{margin-top:15px;width:80vw}#lightBox[data-v-4a6d8b68]{margin-top:70px}.footer[data-v-4a6d8b68]{height:60px}}@font-face{font-family:Artwork_ch;src:url(../fonts/TaipeiSansTCBeta-Bold.1acf4241.woff) format("woff"),url(../fonts/TaipeiSansTCBeta-Bold.c4cdf65c.woff2) format("woff2"),url(../fonts/TaipeiSansTCBeta-Bold.f05236ea.ttf) format("truetype");font-weight:700}@font-face{font-family:Artwork_ch;src:url(../fonts/TaipeiSansTCBeta-Regular.63d4e2f1.woff) format("woff"),url(../fonts/TaipeiSansTCBeta-Regular.d1b2615b.woff2) format("woff2"),url(../fonts/TaipeiSansTCBeta-Regular.ab68d76e.ttf) format("truetype");font-weight:400}