@import url(https://fonts.googleapis.com/css2?family=Jaldi:wght@400;700&family=Noto+Serif:wght@400;700&display=swap);footer[data-v-0eae9bd4]{font-size:12px;font-weight:700;margin-top:4.25em}@media (min-width:768px){footer[data-v-0eae9bd4]{font-size:13px}}aside[data-v-296a410c]{position:absolute;top:0;left:0;width:100%;height:auto;padding-bottom:30px}@media (min-width:768px){aside[data-v-296a410c]{padding-bottom:75px}}@media (min-width:1200px){aside[data-v-296a410c]{position:relative;top:auto;bottom:0}}aside[data-v-296a410c]:before{content:"";position:absolute;top:-23px;left:140px;width:150px;height:190px;background:url(../img/cross.ecbb8f6f.svg) 50% no-repeat;background-size:190px 190px}aside a[data-v-296a410c],aside p[data-v-296a410c]{transition:color 1s ease-out .25s}aside h1[data-v-296a410c]{position:relative;font-size:34px;line-height:1.18}aside .description[data-v-296a410c]{position:relative;font-size:16px;font-weight:700;letter-spacing:.4px;margin:18px 0 48px 0}aside nav[data-v-296a410c]{font-size:18px;font-weight:700;margin-bottom:53px}aside nav li[data-v-296a410c]{display:inline-block;vertical-align:top;margin-right:30px}aside nav li a[data-v-296a410c]{position:relative;text-decoration:underline}aside nav li a[data-v-296a410c]:after{display:none;content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background:url(../img/slash.73b6a61d.svg) 50% no-repeat;background-size:contain;transform:translate(-50%,-50%)}@media not all and (hover:none){aside nav li a[data-v-296a410c]:hover:after{display:block}}aside .text[data-v-296a410c]{font-weight:700;line-height:1.715;letter-spacing:.4px;margin:0}@media (min-width:768px){aside .text[data-v-296a410c]{width:368px;font-size:16px;line-height:1.625}}.light .index aside a[data-v-296a410c],.light .index aside footer[data-v-296a410c],.light .index aside p[data-v-296a410c]{color:#fff}#app{color:#000;font-size:14px;font-family:"Noto Serif",sourcehansans-tc,Noto Sans S Chinese,Noto Sans TC,PingFang TC,Microsoft JhengHei,Tahoma,Verdana,Arial,Helvetica,sans-serif;font-weight:400;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-y:scroll}body{margin:0;padding:75px 30px 30px}@media (min-width:768px){body{padding:76px 80px 75px}}@media (min-width:1200px){body{padding-right:0}}a,a:hover{color:#000;text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}li,ul{padding-left:0;list-style:none}h1,li,ul{margin:0}h2{position:relative;font-size:20px;margin:0 0 30px}@media (min-width:768px){h2{font-size:24px;margin-bottom:50px}}h2:after{content:"";position:absolute;top:7px;width:16px;height:12px;margin-left:8px;background:url(../img/arrow.37d46999.svg) 50% no-repeat;background-size:contain}@media (min-width:768px){h2:after{top:5px;width:19px;height:24px;margin-left:11px}}h3{position:relative;font-size:14px;letter-spacing:.4px}@media (min-width:768px){h3{font-size:16px}}h3:after{content:"";position:absolute;top:6px;width:11px;height:8px;margin-left:5px;background:url(../img/arrow.37d46999.svg) 50% no-repeat;background-size:contain}@media (min-width:768px){h3:after{top:-1px;width:13px;height:24px;margin-left:7px}}#main{position:relative}@media (min-width:1200px){#main aside{float:right;display:block!important;opacity:1!important;width:360px;right:0;left:auto;margin-right:80px}}.page{position:relative;top:0;left:0;width:100%;height:auto;padding-bottom:0;box-sizing:border-box}@media (min-width:1200px){.page{padding-bottom:75px;position:absolute;float:left;width:calc(100% - 550px)}.page footer{display:none}}.back{position:fixed;top:30px;right:24px;width:30px;height:30px;background:url(../img/cross.ecbb8f6f.svg) 50% no-repeat;background-size:contain}#main.index .back{display:none}@media (min-width:768px){.back{top:60px;right:70px;width:50px;height:50px}}@media (min-width:1200px){.back{display:none}}.text-hide{font-size:0;text-indent:-5000px}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-duration:.75s}.fade-enter-active{transition-delay:.75s}.fade-enter,.fade-leave-active{opacity:0}.delay-fade-enter-active,.delay-fade-leave-active{transition-property:opacity;transition-duration:.75s}.delay-fade-enter-active{transition-delay:1.25s}.delay-fade-enter,.delay-fade-leave-active{opacity:0}html{height:100vh}#page-index{padding-bottom:0}#page-index .background{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh, 1vh)*100);min-height:100%;background-color:#000;z-index:-1}#page-index .background-desktop,#page-index .background-mobile{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .3s}#page-index .background-desktop[lazy=loading],#page-index .background-mobile[lazy=loading]{opacity:0}#page-index .background-desktop[lazy=loaded],#page-index .background-mobile[lazy=loaded]{opacity:1}#page-index .background-desktop{display:none}@media (min-width:1200px){#page-index .background-desktop{display:block}}#page-index .background-mobile{transform:translateZ(0)}@media (min-width:1200px){#page-index .background-mobile{display:none}}#page-about .text[data-v-7929ff6a]{font-weight:700;line-height:1.715;margin:0}@media (min-width:768px){#page-about .text[data-v-7929ff6a]{width:470px;font-size:16px;line-height:1.625}}#page-about section[data-v-7929ff6a]{padding-top:28px;opacity:1;transform:translateX(0);transition:1s cubic-bezier(.25,1,.5,1)}#page-about section.introduction[data-v-7929ff6a]{padding-top:0;transition-delay:.1s}#page-about section.introduction h3[data-v-7929ff6a]{display:none}#page-about section.introduction .text[data-v-7929ff6a]{letter-spacing:.4px}#page-about section.contact[data-v-7929ff6a]{transition-delay:.2s}#page-about section.offer[data-v-7929ff6a]{transition-delay:.3s}#page-about section.credits[data-v-7929ff6a]{transition-delay:.4s}@media (min-width:768px){#page-about section[data-v-7929ff6a]{padding-top:47px}}#page-about section h3[data-v-7929ff6a]{margin:0 0 8px}@media (min-width:768px){#page-about section h3[data-v-7929ff6a]{margin-bottom:15px}}#page-about section ul[data-v-7929ff6a]{line-height:1.715}#page-about section ul li[data-v-7929ff6a]{margin-right:20px;display:inline-block}@media (min-width:768px){#page-about section ul li[data-v-7929ff6a]{margin-right:30px}}#page-about section ul li a[data-v-7929ff6a]{position:relative;font-weight:700;letter-spacing:.4px}@media (min-width:768px){#page-about section ul li a[data-v-7929ff6a]{font-size:16px}}#page-about section ul li a[data-v-7929ff6a]:after{display:none;content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background:url(../img/slash.73b6a61d.svg) 50% no-repeat;background-size:contain;transform:translate(-50%,-50%)}@media not all and (hover:none){#page-about section ul li a[data-v-7929ff6a]:hover:after{display:block}}#page-about section a[data-v-7929ff6a]{text-decoration:underline}#page-about section .text[data-v-7929ff6a]{letter-spacing:0}#page-about.fade-enter-to section[data-v-7929ff6a],#page-about.fade-leave-to section[data-v-7929ff6a]{opacity:0;transform:translateX(-50px)}.share[data-v-7fa7ab48]{padding-top:9px;text-transform:lowercase}@media (min-width:768px){.share[data-v-7fa7ab48]{padding-top:15px}}.share a[data-v-7fa7ab48]{font-size:12px;font-weight:500;font-style:italic;text-decoration:underline;line-height:26px;margin-right:9px}@media (min-width:768px){.share a[data-v-7fa7ab48]{font-size:13px}}#page-works h2{margin-bottom:0}#page-works h2 a{text-decoration:underline}#page-works .list{position:absolute;width:100%;text-align:left;padding-top:36px;padding-bottom:30px;box-sizing:border-box}@media (min-width:768px){#page-works .list{padding-top:57px;padding-bottom:75px}}@media (min-width:1200px){#page-works .list{max-width:860px}}@media (min-width:2400px){#page-works .list{max-width:1320px}}#page-works .list ul{font-size:0;margin:0 -10px}@media (min-width:768px){#page-works .list ul{margin:0 -30px}}#page-works .list li{display:inline-block;width:100%;font-size:13px;vertical-align:top;margin-bottom:20px;box-sizing:border-box;padding:0 10px;opacity:1;transform:scale(1);transition:1s cubic-bezier(.25,1,.5,1)}@media (min-width:480px){#page-works .list li{width:50%}}@media (min-width:768px){#page-works .list li{padding:0 30px;margin-bottom:50px}}@media (min-width:1200px){#page-works .list li{max-width:460px}}#page-works .list li a{display:block}#page-works .list li .thumbnail{position:relative;padding-top:100%;background:#f6f6f6;overflow:hidden}#page-works .list li .thumbnail img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transition:opacity .3s}#page-works .list li .thumbnail:after{display:none;content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;background:url(../img/slash.73b6a61d.svg) 50% no-repeat;background-size:contain;transform:translate(-50%,-50%)}#page-works .list li .thumbnail.loading img{opacity:0}#page-works .list li .thumbnail.loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0));-webkit-animation:thumbnail-animation 1.75s infinite;animation:thumbnail-animation 1.75s infinite}@media not all and (hover:none){#page-works .list li a:hover .thumbnail:after{display:block}}#page-works .list li .info{padding:0 10px}@media (min-width:768px){#page-works .list li .info{padding:0 20px}}#page-works .list li .info p{margin:0}#page-works .list li .info .name{font-size:13px;font-weight:700;padding-top:6px;padding-bottom:2px}@media (min-width:768px){#page-works .list li .info .name{font-size:16px;padding-top:12px}}#page-works .list li .info .year{font-size:12px;font-weight:700;padding-bottom:5px;transform-origin:left center;transform:scale(.83)}@media (min-width:768px){#page-works .list li .info .year{font-size:13px;transform:none}}#page-works .list footer{margin-top:3em}@media (min-width:768px){#page-works .list footer{margin-top:1em}}#page-works.fade-enter-to .list li,#page-works.fade-leave-to .list li{opacity:0;transform:scale(.65)}#page-works .detail{position:absolute;padding-top:6px;padding-bottom:30px}@media (min-width:768px){#page-works .detail{padding-bottom:75px}}#page-works .detail .head{margin-bottom:40px}@media (min-width:768px){#page-works .detail .head{margin:-38px 0 0 120px;padding-right:130px}}#page-works .detail .head h3{font-size:20px;margin:0;line-height:1.3;opacity:1;transform:translateX(0);transition:1s cubic-bezier(.25,1,.5,1) .75s}@media (min-width:768px){#page-works .detail .head h3{font-size:24px}}#page-works .detail .head h3:after{content:none}#page-works .detail .head span{position:relative;top:5px;font-size:12px;vertical-align:top}@media (min-width:768px){#page-works .detail .head span{top:8px}}#page-works .detail .head .type{font-size:13px;font-weight:700;margin:7px 0 0;opacity:1;transform:translateX(0);transition:1s cubic-bezier(.25,1,.5,1) .85s}@media (min-width:768px){#page-works .detail .head .type{font-size:16px;margin:14px 0 0}}#page-works .detail .head .share{opacity:1;transform:translateX(0);transition:1s cubic-bezier(.25,1,.5,1) .95s}#page-works .detail.fade-enter .head .share,#page-works .detail.fade-enter .head .type,#page-works .detail.fade-enter .head h3,#page-works .detail.fade-leave-to .head .share,#page-works .detail.fade-leave-to .head .type,#page-works .detail.fade-leave-to .head h3{opacity:0;transform:translateX(-25px)}@media (min-width:768px){#page-works .detail .media{margin-top:60px}}#page-works .detail .media img{display:block;width:100%;image-rendering:-webkit-optimize-contrast;pointer-events:none;opacity:0;transition:opacity .3s}#page-works .detail .media img[lazy=loaded]{opacity:1}#page-works .detail .info{font-size:13px;font-weight:700;line-height:1.715;padding:10px}@media (min-width:768px){#page-works .detail .info{font-size:16px;padding:14px 20px}}#page-works .detail .info p{margin:0}#page-works .detail .info i{display:inline-block;width:11px;height:24px;line-height:24px;vertical-align:top;margin:0 2px;background:url(../img/arrow.37d46999.svg) 50% no-repeat;background-size:contain}@media (min-width:768px){#page-works .detail .info i{width:15px;height:24px;margin:0 5px}}@media (min-width:768px){#page-works .detail footer{padding-left:20px}}@-webkit-keyframes thumbnail-animation{0%{left:-100%}to{left:100%}}@keyframes thumbnail-animation{0%{left:-100%}to{left:100%}}