@import url(https://fonts.googleapis.com/css2?family=Fjord+One&family=Noto+Sans+TC:wght@300;400;500&family=Rasa&display=swap);#__next:after,#__next:before{content:" ";display:table}#__next:after{display:block;clear:both;height:1px;margin-top:-1px;visibility:hidden}#__next{*zoom:1}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Noto Sans TC,sans-serif;font-weight:400}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:5.3333333333vw}@media(min-width:1280px){nav li{display:block;margin-right:0}}nav a{position:relative;font-family:Fjord One,serif;font-size:4.8vw;text-decoration:none;color:#666;pointer-events:auto}@media(min-width:1024px){nav a{font-size:24px}}nav a:before{position:relative;display:inline-block;content:"";width:1.6vw;height:3.2vw;border-radius:10px;margin-right:2.6666666667vw;background-color:transparent}@media(min-width:1024px){nav a:before{width:6px;height:16px;margin-right:15px}}nav a.selected:before{background-color:#666}nav a:hover:before{background-color:#666}#page_change{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#333;color:#fff;display:none;z-index:12}#page_change.transform{display:block}header{position:relative;padding:20px 20px 0;z-index:1;pointer-events:none;margin:0 auto}@media(min-width:1024px){header{width:100%;max-width:1920px;padding:20px 40px 0}}@media(min-width:1280px){header{position:fixed;padding:0 47px;top:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media(min-width:1920px){header{padding:0 107px}}#wrapper{margin:-5px 0 0;padding:0 16px;z-index:0;overflow:hidden}#wrapper .content-box{position:relative}@media(min-width:1024px){#wrapper{padding:0 30px;margin:100px auto 0}}@media(min-width:1280px){#wrapper{position:relative;padding:0 220px 0 240px;max-width:1920px}}@media(min-width:1920px){#wrapper{padding:0 320px 0 340px}}#popout{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#464646;z-index:2;opacity:0;-webkit-transition:all .5s;transition:all .5s;pointer-events:none}#popout.show{opacity:1;pointer-events:auto}#popout .content-box{position:relative}#popout .close{position:absolute;display:block;top:0;right:-20px;width:26px;height:26px;background-color:#d3d3d3;border:1px solid #666;border-radius:2px;z-index:3;cursor:pointer}#popout .close:after,#popout .close:before{position:absolute;content:"";display:block;top:50%;left:50%;width:20px;height:1px;border-radius:2px;background-color:#666}#popout .close:before{-webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);transform:translate3d(-50%,-50%,0) rotate(45deg)}#popout .close:after{-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);transform:translate3d(-50%,-50%,0) rotate(-45deg)}#popout h3{margin:0 0 -3px;font-weight:500;font-size:18px}#popout p{margin:0;font-weight:500;font-size:16px;padding-left:6px}#popout .bg{position:relative;z-index:0}#popout .bg svg path{-webkit-transform-origin:center;transform-origin:center}#popout .bg .path_1{-webkit-animation:rotate 15s linear infinite;animation:rotate 15s linear infinite}#popout .bg .path_2{animation:rotate 15s linear infinite reverse}#popout .text_group{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:1;text-align:center}.projects-list{width:calc(100% + 16px);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:70px;margin:70px -8px 0}@media(min-width:1024px){.projects-list{margin:0 -8px}}.projects-list .project-item{overflow:hidden;padding:0 4px 8px;width:50%}.projects-list .project-item .project-title{-webkit-transform:translateY(0);transform:translateY(0)}@media(min-width:1280px){.projects-list .project-item{width:33.33333%;padding:0 8px 16px}.projects-list .project-item .project-title{-webkit-transform:translateY(100%);transform:translateY(100%)}}.projects-list .project-item a{position:relative;display:block;width:100%;color:#fff;text-decoration:none;overflow:hidden}.projects-list .project-item.hoverOnit .project-thumbnail{-webkit-transform:scale(1.2);transform:scale(1.2)}.projects-list .project-item.hoverOnit .project-title{-webkit-transform:translateY(0);transform:translateY(0)}.projects-list .project-thumbnail{position:relative;padding-top:100%;overflow:hidden;background-size:cover;background-position:50%;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}.projects-list .project-title{position:absolute;width:100%;left:0;bottom:0;padding:2.6666666667vw 4vw;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateY(100%);transform:translateY(100%)}@media(min-width:1024px){.projects-list .project-title{padding:15px 25px 20px}}.projects-list .project-title:after{position:absolute;display:block;content:"";width:100%;height:100%;left:0;bottom:0;background:-webkit-linear-gradient(0deg,rgba(0,0,0,.4) 10%,hsla(0,0%,100%,0));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.4) 10%,hsla(0,0%,100%,0));background:linear-gradient(0deg,rgba(0,0,0,.4) 10%,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);z-index:0}.projects-list .project-title h3{position:relative;margin:0;font-family:Noto Sans TC,sans-serif;font-weight:300;z-index:1;letter-spacing:.1em;font-size:2.6666666667vw}@media(min-width:1024px){.projects-list .project-title h3{font-size:18px}}.projects-list .project-title h4{position:relative;font-family:Noto Sans TC,sans-serif;font-size:16px;font-weight:300;z-index:1;letter-spacing:.08em;font-size:2.1333333333vw;margin:-.5333333333vw 0 0}@media(min-width:1024px){.projects-list .project-title h4{margin:-4px 0 0;font-size:16px}}.container{position:fixed;top:0;left:0;width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;z-index:1}.main_title{font-family:Rasa,serif;font-weight:400;font-size:35px;color:hsla(0,0%,40%,.5);margin:0}.input_section{background-color:#fff;margin:20px 0;border:1px solid #ccc;border-radius:40px}.login_box{margin-top:-120px;-webkit-transform:scale(.8);transform:scale(.8)}@media(min-width:1024px){.login_box{margin-top:-80px;-webkit-transform:scale(1);transform:scale(1)}}.login_box input{padding:10px 20px;font-size:16px;border:0;background-color:transparent}.login_box button,.login_box input{width:100%;font-family:Fjord One,serif;outline:none}.login_box button{display:block;height:45px;border-radius:30px;font-size:30px;color:#666;background-color:#ccc;border:0;cursor:pointer}.titles{position:fixed;left:0;width:100%;font-size:20px;bottom:30px;text-align:center;color:#666;outline:none;font-family:Rasa,serif}@media(min-width:1024px){.titles{bottom:60px}}.titles:before{position:absolute;content:"";display:block;width:50vw;height:1px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + 120px);background-color:hsla(0,0%,40%,.4)}.titles:after{position:absolute;content:"";display:block;width:50vw;height:1px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:calc(50% + 120px);background-color:hsla(0,0%,40%,.4)}.titles span{position:relative;display:inline-block;margin:0 10px}.titles span:first-child:before{display:none}.titles span:before{position:absolute;content:"";display:block;width:1px;height:20px;background-color:#666;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-10px}.article_content .video_container{position:relative;width:100%;padding-top:56.25%;background-color:#333}.article_content iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.article_content h1{position:relative;margin:0;font-weight:500;font-size:4.8vw;font-family:Noto Sans TC,sans-serif;color:#666;letter-spacing:.08em;overflow:hidden}@media(min-width:768px){.article_content h1{font-size:30px}}.article_content h2{position:relative;margin:0 0 15px;font-weight:500;font-size:3.7333333333vw;font-family:Noto Sans TC,sans-serif;color:#666;letter-spacing:.02em;overflow:hidden}@media(min-width:768px){.article_content h2{font-size:22px}}.article_content h3{position:relative;margin:5px 0 0;font-weight:500;font-size:4.2666666667vw;font-family:Noto Sans TC,sans-serif;color:#666;letter-spacing:.04em;overflow:hidden}@media(min-width:768px){.article_content h3{font-size:26px}}.article_content p{position:relative;margin:0;font-weight:400;font-size:3.7333333333vw;font-family:Noto Sans TC,sans-serif;color:#666;letter-spacing:.04em;overflow:hidden}@media(min-width:768px){.article_content p{font-size:18px}}.article_content .title_section{padding:10.6666666667vw 8vw}.article_content .title_section h1,.article_content .title_section h3{text-align:center}@media(min-width:768px){.article_content .title_section{padding:90px}}.article_content .concept_section{padding:10.6666666667vw 8vw;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media(min-width:768px){.article_content .concept_section{padding:100px 90px}}.article_content .text_box{max-width:780px}.article_content .sub_title_section{padding:10.6666666667vw 8vw}.article_content .sub_title_section h2{text-align:center;margin:0}@media(min-width:768px){.article_content .sub_title_section{padding:90px}}.article_content .images_section{margin:-4px 0;padding:2px}.article_content .images_section.bg_gray{background-color:hsla(0,0%,40%,.4)}.article_content .images_section.mt_spec{margin-top:0}@media(min-width:1024px){.article_content .images_section.mt_spec{margin-top:-40px}}.article_content .images_section img{width:100%;height:auto;display:block}.article_content .images_section .images_container{position:relative;padding:2px;overflow:hidden}.article_content .images_section.one_column .images_container{-webkit-transition:all 1.4s cubic-bezier(.16,.84,.56,1);transition:all 1.4s cubic-bezier(.16,.84,.56,1);-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);-webkit-transition-delay:.4s;transition-delay:.4s;will-change:transform,opacity}.article_content .images_section.one_column.init .images_container{-webkit-transform:translateZ(0);transform:translateZ(0)}.article_content .images_section.two_column{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-4px 0}.article_content .images_section.two_column .images_container{width:50%}.article_content .images_section.two_column.spec .images_container{width:100%}@media(min-width:1024px){.article_content .images_section.two_column.spec .images_container{width:50%}}.article_content .images_section.three_column{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-4px 0}.article_content .images_section.three_column .images_container,.article_content .images_section.three_column.spec2 .images_container{width:100%}.article_content .images_section.three_column.spec .images_container{width:50%}@media(min-width:1024px){.article_content .images_section.three_column .images_container,.article_content .images_section.three_column.spec2 .images_container,.article_content .images_section.three_column.spec .images_container{width:33.33333%}}.article_content .images_section.four_column{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-4px 0;padding:1px}.article_content .images_section.four_column .images_container{width:25%;padding:1px}.article_content .credit_section{padding:16vw 2.1333333333vw 10.6666666667vw}@media(min-width:768px){.article_content .credit_section{padding:80px}}.article_content .credit_list{list-style:none;padding:0;margin:0;color:#666}.article_content .credit_list li{margin:0;font-size:3.2vw}@media(min-width:1024px){.article_content .credit_list li{margin:10px 0;font-size:15px}}.article_content .credit_list .list_title{position:relative}.article_content .credit_list .list_title:after{content:"";display:inline-block;height:12px;width:1px;margin:0 8px;background-color:#666}.article_content .btn_gotop{position:fixed;background-color:#ccc;border-radius:50%;cursor:pointer;width:30px;height:30px;right:30px;bottom:30px;z-index:5}.article_content .btn_gotop svg{width:100%;height:100%}@media(min-width:1024px){.article_content .btn_gotop{right:40px;bottom:40px;width:50px;height:50px}}.symbol{position:relative}.symbol:after,.symbol:before{content:"";display:inline-block;height:2.6666666667vw;width:2px;background-color:#666}.symbol:before{margin:0 8px 0 0}.symbol:after{margin:0 0 0 8px}@media(min-width:768px){.symbol:after,.symbol:before{height:16px}.symbol:before{margin:0 10px 0 0}.symbol:after{margin:0 0 0 10px}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about_section{position:relative;padding-bottom:40px;z-index:1;margin-top:15vh}@media(min-width:1024px){.about_section{margin-top:25vh}}.about_section svg{position:absolute;left:910px;margin-top:-20vh;display:none}.about_section svg path{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:rotate 20s linear infinite;animation:rotate 20s linear infinite}.about_section svg path:first-child{animation:rotate 20s linear infinite reverse}@media(min-width:768px){.about_section svg{left:70vw;display:block}}@media(min-width:1280px){.about_section svg{left:910px}}.about_section h1{font-family:Rasa,serif;font-weight:400;color:hsla(0,0%,40%,.3);font-size:16vw;margin:0 0 5.3333333333vw}@media(min-width:768px){.about_section h1{font-size:88px;margin:0 0 40px}}.about_section h2{position:relative;margin:0 0 25px;font-weight:500;font-size:4.2666666667vw;font-family:Noto Sans TC,sans-serif;color:#666;letter-spacing:.02em;overflow:hidden}@media(min-width:768px){.about_section h2{font-size:20px}}.about_section p{font-family:Noto Sans TC,sans-serif;font-weight:400;font-size:3.7333333333vw;color:#666;margin:0}@media(min-width:768px){.about_section p{font-size:18px}}.about_section ul{list-style:none;padding:0;font-family:Noto Sans TC,sans-serif;font-weight:400;font-size:3.7333333333vw;color:#666;margin:0}.about_section ul li{margin:2px 0;display:-webkit-flex;display:flex}@media(min-width:768px){.about_section ul{font-size:18px}}.about_section .experience_section{margin-top:90px}.about_section .experience_section .year{display:inline-block;padding:0 4vw 0 0;text-align:right;width:26.6666666667vw;-webkit-flex:0 0 26.6666666667vw;flex:0 0 26.6666666667vw}@media(min-width:768px){.about_section .experience_section .year{padding:0 20px 0 0;width:120px;-webkit-flex:0 0 120px;flex:0 0 120px}}.about_section .work_section{margin-top:90px}.about_section .work_section .year{display:inline-block;padding:0 20px 0 0}.about_section .titles{position:relative;margin-top:110px;bottom:auto}@media(min-width:1024px){.about_section .titles{bottom:auto}}.about_section .contact_line{display:-webkit-flex;display:flex;max-width:1320px;font-size:3.7333333333vw;color:#666;font-family:Rasa,serif;-webkit-justify-content:center;justify-content:center}@media(min-width:1024px){.about_section .contact_line{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;font-size:20px}}.about_section .item{margin:5px 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.about_section .item.mobile-hide{display:none}@media(min-width:1024px){.about_section .item.mobile-hide{display:block}}.about_section .arrow{position:relative;display:inline-block;width:50px;height:1px;background-color:#666;margin:0 4px;border-radius:2px;-webkit-transform:scale(.8);transform:scale(.8)}@media(min-width:1024px){.about_section .arrow{width:70px;-webkit-transform:none;transform:none}}.about_section .arrow:after,.about_section .arrow:before{position:absolute;content:"";width:10px;height:1px;background-color:#666;right:0;border-radius:2px}.about_section .arrow:before{-webkit-transform:rotate(30deg) translateZ(0);transform:rotate(30deg) translateZ(0);-webkit-transform-origin:top right;transform-origin:top right}.about_section .arrow:after{-webkit-transform:rotate(-30deg) translateZ(0);transform:rotate(-30deg) translateZ(0);-webkit-transform-origin:bottom right;transform-origin:bottom right}.about_section a{position:relative;color:#666;text-decoration:none}.about_section a:after{position:absolute;display:block;content:"";width:100%;height:1px;background-color:#666;bottom:0}#page_transition{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10;pointer-events:none}#page_transition .frame{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;-webkit-transition:-webkit-transform 0s;transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s,-webkit-transform 0s;-webkit-transform:translateY(100%);transform:translateY(100%)}#page_transition.start .frame{-webkit-transform:translateY(0);transform:translateY(0)}#page_transition.end .frame,#page_transition.start .frame{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}#page_transition.end .frame{-webkit-transform:translateY(-100%);transform:translateY(-100%)}