body,html{font-family:Noto Sans TC,微軟正黑體,Microsoft JhengHei,PingFang T,Arial,sans-serif;font-size:16px}a,body,html{color:#000}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}ul{list-style-type:none}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{-webkit-user-drag:none;background-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.text-white{color:#fff}.text-orange{color:#ffd40b}.text-gray{color:#c1c1c1}.text-green{color:#63c8d2}.text-black-light{color:#333}.bg-green-dark{background-color:#255b69}.bg-gray{background-color:#eee}.bg-gray-dark{background-color:#a3a3a3}.bg-green{background-color:#63c8d2}.wrapper{height:100%;overflow:hidden;position:relative;width:100vw}.container{overflow:hidden;padding:0 5vw}.full-fix{left:0;position:fixed;top:0}.content,.full-fix{height:100%;width:100%}.content{display:flex;flex-direction:column;justify-content:center}.content-y-center{position:absolute;top:50%;transform:translateY(-50%)}.row{display:flex;margin:0}form.form-block{align-items:center;display:flex;flex-direction:column}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:none!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input:focus,select:focus{background-color:#000;box-shadow:none;outline:none}.wrapper input{background-color:transparent;border:1vw solid #fff;color:#fff;display:block;font-size:4.375vw;font-weight:300;letter-spacing:.1em;padding:3vw;position:relative;width:100%}.wrapper input.list-type{font-size:3vw;height:7vw;margin-left:1.04vw;padding:1vw 1.5vw;width:28.5vw}.wrapper input:focus{box-shadow:none}.wrapper input::-moz-placeholder{color:#7d7d7d}.wrapper input::placeholder{color:#7d7d7d}@media (min-width:960px){.wrapper input{border:.52vw solid #fff;font-size:1.875vw;padding:.5vw}.wrapper input.list-type{font-size:1.875vw;height:3.9vw;padding:.5vw;width:15.625vw}}.form-state{color:red;margin-bottom:.5rem;white-space:pre-line}.form-descript{color:gray;font-size:.875rem;letter-spacing:.1em;margin-top:.75rem}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(/75a80c1d792e952a5ae1.eot?7cay7f);src:url(/75a80c1d792e952a5ae1.eot?7cay7f#iefix) format("embedded-opentype"),url(/2829c78ea64d339969b7.woff?7cay7f) format("woff"),url(/9579616c465ba83a0e3c.svg?7cay7f#icomoon) format("svg")}[class*=" icon-"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-map-off:before{content:"\e90a"}.icon-map-on:before{content:"\e908"}.icon-light-off:before{content:"\e909"}.icon-close:before{content:"\e907"}.icon-pause:before{content:"\e902"}.icon-person:before{content:"\e900"}.icon-mail:before{content:"\e901"}.icon-play:before{content:"\e903"}.icon-award:before{content:"\e904"}.icon-light-on:before{content:"\e905"}.icon-full:before{content:"\e906"}[data-ani]{opacity:0}.ANI-active{opacity:1!important}.ANI-fadeIn{animation:ANI-fadeIn 1s both}@keyframes ANI-fadeIn{0%{opacity:0}to{opacity:1}}.ANI-fadeInLeft{animation:ANI-fadeInLeft 1s both}@keyframes ANI-fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.ANI-fadeInRight{animation:ANI-fadeInRight 1s both}@keyframes ANI-fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.ANI-fadeInUp{animation:ANI-fadeInUp 1s both}@keyframes ANI-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.ANI-fadeInDown{animation:ANI-fadeInDown 1s both}@keyframes ANI-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.ANI-blurIn{animation:ANI-blurIn 2s both}@keyframes ANI-blurIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}.ANI-rotateIn{animation:ANI-rotateIn 2s both}@keyframes ANI-rotateIn{0%{opacity:0;transform:rotate(90deg) scale(.1)}to{opacity:1;transform:rotate(0deg) scale(1)}}.ANI-bounce{animation:ANI-bounce 1s both}@keyframes ANI-bounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}nav{inset:20px;pointer-events:none;position:fixed;z-index:99}@media (min-width:960px){nav{inset:60px;z-index:999}}nav [class^=nav-]{pointer-events:auto}nav .nav-logo{left:-150px;position:absolute;top:-150px;transition:all 1s;width:40px}@media (min-width:960px){nav .nav-logo{width:50px}}nav .nav-logo.active{left:0;top:0}nav .nav-hamburger{height:30px;position:absolute;right:-150px;top:-150px;transition:all 1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}nav .nav-hamburger.active{right:0;top:0}@media (min-width:960px){nav .nav-hamburger{width:50px}}nav .nav-hamburger span{background-color:var(--scene_white);display:block;height:2px;pointer-events:none;position:absolute;transition:all 1s;width:100%}nav .nav-hamburger span:first-child{top:0}nav .nav-hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}nav .nav-hamburger span:nth-child(3){bottom:0}nav .nav-hamburger.active-hamburger span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}nav .nav-hamburger.active-hamburger span:nth-child(2){opacity:0}nav .nav-hamburger.active-hamburger span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}nav .nav-copyright{bottom:-150px;color:var(--scene_white);font-size:2vw;left:0;position:absolute;text-align:center;transition:all 1s;width:100%}nav .nav-copyright.active{bottom:0}@media (min-width:960px){nav .nav-copyright{bottom:-150px;font-size:14px;left:-150px;text-align:initial;width:auto}nav .nav-copyright.active{bottom:0;left:0}}nav .nav-utility{bottom:-150px;display:flex;left:50%;position:absolute;transform:translate(-50%);transition:all 1s}nav .nav-utility.active{bottom:20px}nav .nav-utility i{font-size:24px;padding:10px}@media (min-width:960px){nav .nav-utility{bottom:-150px;left:auto;right:-150px;transform:none}nav .nav-utility i{margin-left:18px;padding:0}nav .nav-utility.active{bottom:0;right:0}}nav .nav-date{display:flex;left:50%;overflow-x:scroll;position:absolute;top:-150px;transform:translate(-50%,-50%);transition:all 1s;width:100%}nav .nav-date.active{top:110px}@media (min-width:768px){nav .nav-date{justify-content:center}}@media (min-width:960px){nav .nav-date{bottom:auto;overflow-x:auto;top:-150px;width:auto}nav .nav-date.active{top:30px}}nav .nav-date .nav-year{color:var(--scene_white);font-size:3vw;letter-spacing:.1em;padding:10px 16px;position:relative;transition:all 1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav .nav-date .nav-year:not(:last-child):before{background-color:var(--scene_white);content:"";height:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 1s;width:1px}@media (min-width:960px){nav .nav-date .nav-year{font-size:16px;padding:10px 20px}}nav .nav-progress-block{bottom:-150px;display:flex;left:50%;position:fixed;transform:translate(-50%);transition:all 1s;width:50%}nav .nav-progress-block:before{background-color:var(--scene_white);content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all 1s;width:100%}nav .nav-progress-block:hover input[type=range]::-webkit-slider-thumb{transform:translateY(-50%) rotate(45deg) scale(1.5)}nav .nav-progress-block.active{bottom:70px}@media (min-width:960px){nav .nav-progress-block{bottom:-150px;width:20%}nav .nav-progress-block.active{bottom:40px}}body{--before-content:""}#cursor-mouse{background-color:#fff;border-radius:50%;height:0;left:0;mix-blend-mode:difference;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:0;z-index:999999999999}#cursor-mouse.init{height:20px;opacity:1;width:20px}#cursor-mouse.init:before{content:var(--before-content);font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#cursor-mouse.active{height:60px;mix-blend-mode:normal;width:60px}.scroll-wrapper{padding:0!important;position:relative}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-element .scroll-arrow,.scroll-element .scroll-bar{cursor:default}.scroll-textarea{border:1px solid #ccc;border-top-color:#999}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;outline:none;overflow:scroll!important;padding:2px;position:relative!important;top:0;width:100%!important}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.scroll-wrapper{flex-grow:1;height:30vw;margin:20px 0}.scrollbar-inner::-webkit-scrollbar{display:none}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:-6px;top:0;width:2px}.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track{border-radius:0}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_track{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.2}.scrollbar-inner>.scroll-element .scroll-bar{opacity:1}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_track{background-color:var(--scene_white)}.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:rgba(var(--rgb_black),.5)}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;touch-action:manipulation}li,p{letter-spacing:.1em}i,li,p{color:var(--scene_white)}a,i,li,p{transition:all 1s}body,html{background:#000;height:calc(var(--vh, 1vh)*100);overflow:hidden}body{--scene_white:#fff;--rgb_white:255,255,255;--scene_black:#1a1a1a;--rgb_black:26,26,26}body.scene-white{--scene_white:#1a1a1a;--rgb_white:26,26,26;--scene_black:#fff;--rgb_black:255,255,255}body.scene-white .nav-logo{filter:invert(1)}.dg{-webkit-user-select:none;-moz-user-select:none;user-select:none}#project-module{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.5);height:100%;left:0;opacity:0;padding:4vw;pointer-events:none;position:absolute;top:0;transition:all 1s;width:100%;z-index:99}#project-module.active{opacity:1;pointer-events:auto}@media (min-width:960px){#project-module{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.25);width:45%}}#project-module .img-block{border:1px solid gray;display:flex;position:relative}#project-module .img-block:not(:last-child){margin-bottom:5px}#project-module .img-block:before{color:gray;content:"Loading...";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#project-module img{-webkit-user-drag:none;height:intrinsic;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#project-module .project-block{display:flex;flex-direction:column;height:100%;justify-content:flex-start}#project-module .project-name{color:var(--scene_white);font-size:30px;font-weight:500;text-align:center}#project-module .project-date{color:var(--scene_white);font-size:16px;font-weight:300;text-align:center}#project-module .project-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}#project-module .award-block{font-size:18px}#project-module .award-block li{background-color:var(--scene_black);margin-bottom:5px;padding:0 5px}#project-module .award-block i{margin-right:5px}@media (min-width:960px){#project-module .award-block{font-size:16px}}#project-module .project-link{background-color:var(--scene_black);color:var(--scene_white);display:block;font-size:24px;letter-spacing:.2em;line-height:60px;text-align:center;transition:all 1s}@media (min-width:960px){#project-module .project-link{font-size:20px}}#project-close{color:var(--scene_white);font-size:6vw;font-weight:700;padding:1vw;position:absolute;right:10px;top:10px;transition:all 1s;z-index:1}@media (min-width:960px){#project-close{font-size:2vw;right:0;top:50%;transform:translateY(-50%)}}.project-close{height:100%;left:100%;position:absolute;top:0;width:55vw}@keyframes rotate360-center{to{transform:translate(-50%,-50%) rotate(1turn)}}#personal-block{display:grid;height:100%;left:50%;opacity:0;place-content:center;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all 1s;width:100%}#personal-block.active{opacity:1;pointer-events:auto}#personal-block.active .person-name{letter-spacing:.2em}#personal-block.active .person-mail,#personal-block.active .person-position{letter-spacing:.1em}#personal-block [class^=person]{color:var(--scene_white);white-space:nowrap}#personal-block .person-name{font-size:34px;font-weight:700;letter-spacing:.5em}#personal-block .person-position{padding:20px 0}#personal-block .person-mail,#personal-block .person-position{font-size:18px;font-weight:300;letter-spacing:.5em}@media (min-width:960px){#personal-block .person-name{font-size:80px}#personal-block .person-position{font-size:30px}#personal-block .person-mail{font-size:24px}}input[type=range]{-webkit-appearance:none;background:transparent!important;height:40px;width:100%}input[type=range]::-webkit-slider-runnable-track{background:transparent!important;transform:translateY(50%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--scene_white);border:2px solid var(--scene_black);box-shadow:0 0 0 2px var(--scene_white);height:10px;transform:translateY(-50%) rotate(45deg);-webkit-transition:all 1s;transition:all 1s;width:10px}input[type=range]:focus::-webkit-slider-runnable-track{background:transparent!important}input[type=range]::-moz-range-track{background:#f26522;border:.5px solid #000;cursor:pointer;height:16px;width:100%}input[type=range]::-moz-range-thumb{background:#ddecf5;border:.5px solid #000;border-radius:5px;cursor:pointer;height:36px;width:24px}
/*# sourceMappingURL=index.93332f491ae2d810f99f.css.map*/