/*--------------------------------------------------------------
Website      : Pinwenpeng 2020
Release Date : May. 11, 2020
Developer    : Para / Offwhite Studio
--------------------------------------------------------------*/
:root{--color-1:#528EFF;--color-2:#36405C;--color-3:#202133;--color-4:#131424;--color-light:#C3C3C3;--color-dark:#151515}*{font-family:'Catamaran','Noto Sans TC',sans-serif;color:#fff}body{background-color:#000}h1{font-weight:100;font-size:5rem;line-height:1}h2{font-weight:100;font-size:3.25rem;line-height:1}h3{font-weight:700;font-size:.75rem;line-height:1.5;letter-spacing:.4em;color:var(--color-1)}h4{font-weight:100;font-size:2rem;line-height:1.125}h5{font-weight:700;font-size:1rem;line-height:1.5;letter-spacing:.4em}p{font-weight:300;font-size:1rem;line-height:1.5;letter-spacing:.05em}a{font-weight:700;color:inherit!important}small{font-weight:300;font-size:.75rem}b{font-weight:700}@media (min-width: 320.02px) and (max-width: 767.98px){h1{font-size:3.25rem}h2{font-size:2.5rem}}@media (max-width: 320px){h1{font-size:3.25rem}h2{font-size:2.5rem}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;background-color:var(--color-dark);pointer-events:none}.paragraph{padding:8rem 0;overflow:hidden}@media (max-width: 575.98px){.paragraph{padding:8rem 1rem}}.paragraph h3 + h2{margin-top:4rem}.paragraph h2 + p{margin-top:1rem}.paragraph h2 + .button,.paragraph p + .button{margin-top:2rem}.paragraph h3 + h1{margin-top:2rem}.paragraph[class*="has_picture"] .row{position:relative}.paragraph[class*="has_picture"] .float_img{background-size:cover;background-position:center;position:absolute}.paragraph.has_picture_right .float_img{width:635px;height:424px;left:calc(15px + 20rem)}.paragraph.has_picture_mid .float_img{width:400px;height:400px;left:calc(15px + 12rem)}@media (max-width: 575.98px){.paragraph.has_picture_mid .float_img{left:calc(15px + 4rem)}}.paragraph.has_picture_right .float_img::after,.paragraph.has_picture_mid .float_img::after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:linear-gradient(-90deg,transparent 50%,var(--color-4))}.paragraph[class*="has_picture"] h2,.paragraph[class*="has_picture"] p{position:relative;z-index:1}.paragraph.is_title{height:100vh;padding:0}.paragraph[class*="bg"]{position:relative;background-size:cover;background-position:center}.bg_overlay::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-color:rgba(32,33,51,.7)}.bg_overlay_black::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-color:rgba(0,0,0,.7)}.bg_solid_lighter{background-color:var(--color-2)}.bg_solid_light{background-color:var(--color-3)}.bg_solid_dark{background-color:var(--color-4)}.bg_solid_darker{background-color:var(--color-dark)}.paragraph .fixed_bg{position:fixed;background-size:cover;background-position:center;height:100%;width:100%;top:0;left:0;z-index:-1;transition:background .5s}.full_screen_video{position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;background-size:100% 100%;background-color:#000;background-position:center center;background-size:contain;object-fit:cover;z-index:-10}.button{display:inline-block;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.4em;text-align:center;text-decoration:none!important}.button.is_link{padding:.5rem}.button.is_link span{position:relative;padding:.125rem 0}.button.is_link:hover span::after{content:"";width:calc(100% - .4em);height:2px;position:absolute;bottom:0;left:0;background-color:#fff}.button.is_tab{padding:.5rem}.button.is_tab span{position:relative;padding:.5rem 0}.button.is_tab:hover span,.button.is_tab.active span{color:var(--color-1)}.button.is_tab:hover span::after,.button.is_tab.active span::after{content:"";width:calc(100% - .4em);height:2px;position:absolute;bottom:0;left:0;background-color:var(--color-1)}.button.has_icon span{display:block;margin-top:1rem;color:var(--color-1);padding-left:.4em}.button.has_icon:hover{filter:brightness(300%) saturate(0%);transition:.5s}.button.has_border{width:160px;height:60px;background:transparent;color:#fff;text-align:center;vertical-align:middle;line-height:56px;border:1px solid #fff;position:relative;z-index:1;transition:.7s ease-out}.button.has_border::before{content:"";position:absolute;background:var(--color-1);bottom:0;left:0;right:100%;top:0;z-index:-1;transition:.3s ease-out}.button.has_border:hover{border-color:var(--color-1)}.button.has_border:hover::before{right:0}.button.is_large{display:block;padding:60px 30px;border:1px solid transparent;border-radius:2px;background-color:rgba(63,65,85,.5)}.button.is_large.bg_is_blur{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.button.is_large:hover{border-color:var(--color-1);transition:.5s}.button.is_large:not(.has_thumbnail) span{display:block;margin-top:1rem}.button.is_large.has_thumbnail{padding:15px;text-align:left}@media (max-width: 575.98px){.button.is_large.has_thumbnail{padding:7.5px}}.button.is_large.has_thumbnail time{position:absolute;bottom:.25rem;font-size:.875rem}.is_lightbox{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;overflow:auto}.the_exit{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;cursor:default;transition:.5s}.is_lightbox.is_expanded .the_exit{background-color:rgba(0,0,0,.7)}.is_lightbox.is_expanded > .paragraph{pointer-events:none}.toggle_lightbox,.is_lightbox .container{pointer-events:auto}[class^="img_"]{display:block;width:100%;padding-bottom:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.img_portrait{padding-bottom:150%}@media (min-width: 992px){.img_landscape{padding-bottom:66.6667%}}.img_wide{padding-bottom:42.857%}[class^="sep"]{background:var(--color-1);margin-left:auto;margin-right:auto}.sep_vt{width:2px;height:180px;margin-top:4rem}.paragraph.is_title .sep_vt{height:30vh}header{position:fixed;z-index:999;padding:0 30px;width:100%;height:100%;pointer-events:none;background:linear-gradient(180deg,rgba(19,20,36,.7) 0%,rgba(19,20,36,.5) 7%,rgba(19,20,36,.15) 15%,rgba(19,20,36,0) 25%)}@media (max-width: 575.98px){header{padding:0 15px}header button.toggle_menu{margin-right:-30px}}@media (orientation: portrait) and (max-width: 767.98px){header{background:linear-gradient(180deg,rgba(19,20,36,.85) 0%,rgba(19,20,36,.5) 5%,rgba(19,20,36,.15) 10%,rgba(19,20,36,0) 20%)}}header.menu_expanded{pointer-events:auto}#Logo{display:block;height:3.75rem;margin-top:30px}#Logo img{height:100%}@media (max-width: 575.98px){#Logo{height:2.5rem;margin-left:5px}}@media (orientation: landscape) and (max-height: 414px){#Logo{height:2rem;margin-top:20px;margin-left:-10px}}header a,header button{position:relative;z-index:1000;pointer-events:auto}header a[href="#Contact"].button.is_link{z-index:0}button.toggle_menu{padding:45.5px 30px;margin-right:-30px;position:relative;font-size:0;border-radius:0;background-color:transparent;border:none;vertical-align:middle;transition:background .3s}@media (min-width: 768px){button.toggle_menu:hover{background-color:rgba(0,0,0,.5)}}@media (orientation: landscape) and (max-height: 414px){button.toggle_menu{padding:30.5px 15px}}button.toggle_menu:focus{outline:0}header .the_exit.toggle_menu{background-color:transparent;transition:.5s;pointer-events:none}header.menu_expanded .the_exit.toggle_menu{pointer-events:auto}#Menu{position:absolute;top:0;right:-400px;width:400px;height:100%;padding:8rem 4rem;background-color:rgba(21,21,21,.7);backdrop-filter:saturate(240%) blur(64px);-webkit-backdrop-filter:saturate(240%) blur(64px);transition:.5s;overflow:auto;pointer-events:auto}#Menu::-webkit-scrollbar{width:0;background:transparent}@media (max-width: 575.98px){#Menu{width:100%;right:-100%;padding:11rem 4rem}}@media (min-width: 576px){#Menu{width:400px;right:-400px}}header.menu_expanded #Menu{right:0}.nav_wrap h3{color:inherit;margin-bottom:1rem}.nav_wrap a{font-size:1.25rem;font-weight:300;text-decoration:none!important}.nav_wrap .nav_item:not(:last-child){margin-bottom:1rem}section.hero{position:relative;width:100%;height:100vh;overflow:hidden}.hero_bg::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-size:4px;opacity:.3;z-index:-1}.hero_bg::after{content:"";display:block;position:absolute;background:linear-gradient(180deg,transparent 60%,var(--color-4));width:100%;height:100%;bottom:0;z-index:-1}.character_wrap{width:100%;position:absolute;bottom:-20rem;transition:.5s}.headline{width:calc(100% - 60px);max-height:420px;position:absolute;top:0;left:50%;transform:translateX(-50%);min-height:30vh}.headline.for_mb{display:none}.character{position:relative;top:0;left:50%;transform:translateX(-50%)}.tagline{font-size:.875rem;color:#fff;letter-spacing:2em;line-height:4;text-align:center;cursor:default}.tagline span{position:absolute;top:25rem;font-family:'Noto Serif TC',serif!important;font-weight:500}.tagline span:first-of-type{right:calc(50% + 15rem)}.tagline span:last-of-type{left:calc(50% + 10rem)}@media (min-width: 1100px){.tagline br{display:none}}a[href="#Intro"]{position:absolute;bottom:4rem;left:50%;transform:translate(-50%,0);animation:scroll 2s infinite}@keyframes scroll{0%{transform:translate(-50%,0)}50%{transform:translate(-50%,-1rem)}100%{transform:translate(-50%,0)}}@media (orientation: landscape) and (min-height: 2160px){.character_wrap{zoom:2;bottom:-5rem}}@media (orientation: landscape) and (min-height: 1440px) and (max-height: 2159.98px){.character_wrap{zoom:1.5;bottom:-10rem}}@media (orientation: landscape) and (min-height: 750px) and (max-height: 800px){.character_wrap{bottom:-25rem}}@media (orientation: landscape) and (min-height: 660px) and (max-height: 749.98px){.character_wrap{bottom:-28rem}}@media (orientation: landscape) and (min-height: 660px) and (max-height: 800px) and (max-width: 1120px){.character_wrap{bottom:-22rem}}@media (orientation: landscape) and (min-height: 414.02px) and (max-height: 659.98px){.character_wrap{zoom:.75}}@media (orientation: landscape) and (min-height: 600px) and (max-height: 659.98px){.character_wrap{bottom:-21rem}}@media (orientation: landscape) and (min-height: 520px) and (max-height: 599.98px){.character_wrap{bottom:-25rem}}@media (orientation: landscape) and (min-height: 414.02px) and (max-height: 519.98px){.character_wrap{bottom:-30rem}}@media (orientation: landscape) and (max-height: 414px){a[href="#Intro"]{bottom:2rem}.character_wrap{zoom:.5}.tagline span{top:10%}.tagline span:first-of-type{right:calc(50% + 10rem)}}@media (orientation: landscape) and (min-height: 375.02px) and (max-height: 414px){.character_wrap{bottom:-13rem}}@media (orientation: landscape) and (min-height: 320.02px) and (max-height: 375px){.character_wrap{bottom:-17rem}}@media (orientation: landscape) and (max-height: 320px){.character_wrap{bottom:-24rem}}@media (orientation: portrait){a[href="#Intro"]{bottom:2rem}}@media (orientation: portrait) and (min-width: 1024px){.character_wrap{bottom:-6rem}}@media (orientation: portrait) and (min-width: 834px) and (max-width: 1023.98px){.character_wrap{bottom:-13rem}}@media (orientation: portrait) and (min-width: 768px) and (max-width: 833.98px){.character_wrap{bottom:-15rem}}@media (orientation: portrait) and (min-width: 768px) and (max-width: 1024px){.character{left:55%}.tagline span:first-of-type{right:calc(50% + 10rem)}}@media (orientation: portrait) and (max-width: 767.98px){.character_wrap{top:11rem}.headline.for_dt{display:none}.headline.for_mb{display:block;max-height:55vh;width:calc(100% - 2rem);top:-9rem}.character{height:100vh;left:66%}.tagline{display:none}}@media (min-height: 585px){section#Intro{height:100vh}}#Intro .container,#Intro .row{height:100%}#MoreAbout .paragraph .paragraph{padding:8rem 2rem}@media (min-width: 992px){#MoreAbout .paragraph .paragraph{padding:8rem}}#MoreAbout .button{margin-top:2rem}.list_item{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.5);letter-spacing:.05em;cursor:default}.list_item:last-child{border-bottom:none}.list_item:hover{background-color:rgba(255,255,255,.05);transition:padding .5s!important;padding-left:15px}ul.has_two_columns .list_item > div[class*="col"]:first-child{font-weight:700;font-size:.75rem;letter-spacing:.2em;color:var(--color-1);padding-top:1.5px;padding-left:0}ul.has_two_columns .list_item > div[class*="col"]:last-child > div:last-child{font-weight:700;font-size:.75rem;letter-spacing:.2em}.award_wrap{padding:0 30px}@media (orientation: portrait) and (max-width: 767.98px){#Portfolio{background-position-x:70%}}#Service{transition:background-image .5s}#Service h3{transition:color .5s}@media (orientation: portrait) and (max-width: 767.98px){#Service{background-position-x:45%}}#Service.bg_overlay::before{background:linear-gradient(0deg,rgba(32,33,51,.85) 0%,rgba(32,33,51,.7) 40%,rgba(32,33,51,.3) 100%)}#CTA{background-position:right}@media (orientation: portrait) and (max-width: 767.98px){#CTA{background-position-x:90%}}#Contact form .form-group{background-color:rgba(0,0,0,.3);border:1px solid var(--color-3);border-radius:5px;padding:1rem 1.25rem;margin-bottom:0}#Contact form label{font-size:.875rem;margin-bottom:0}#Contact form .form-group.is_required label:after{content:"*";color:var(--color-1);margin-left:.25rem}#Contact form .form-control{-webkit-appearance:none;background-color:transparent;border:none;padding:0;box-shadow:none;caret-color:var(--color-1);color:#fff;font-size:1.5rem;font-weight:100}#Contact form .form-control option{background-color:var(--color-dark)}#Contact form small{font-size:.75rem;font-weight:300}#Contact form small a{font-weight:300;text-decoration:underline}footer{padding:8rem 5rem 2rem!important;font-size:.875rem;font-weight:300;letter-spacing:.1em;position:relative}@media (max-width: 575.98px){footer{padding:8rem 2rem 2rem!important}}@media (min-width: 992px){footer address:not(:last-child),footer nav:not(:last-child){margin-right:4rem}}@media (max-width: 991.98px){footer div.row:last-of-type{margin-top:8rem}}footer h3{color:inherit;margin-bottom:1rem}footer address ul{margin-bottom:4rem}@media (min-width: 992px){footer address ul:last-child{margin-bottom:8rem}}footer a{font-weight:300}footer address b{font-weight:700}footer address a[href^="tel:"]{font-size:2rem}footer address li.list-inline-item:not(:last-child){margin-right:1rem}.gototop{position:absolute;right:2rem;bottom:2rem}.grecaptcha-badge{visibility:hidden}