@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap);@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,600|Source+Sans+Pro&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}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{-webkit-box-sizing:border-box;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]{-webkit-box-sizing:border-box;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}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{width:100vw;height:100vh;overflow-x:hidden;background-color:#111;font-weight:400;line-height:1.47059;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Noto Sans TC,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}body.overflow{overflow:hidden}body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";direction:ltr;text-align:left;color:#fff}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background-color:#666}body::-webkit-scrollbar-thumb{background-color:#bbb}ol,ul{margin:0;padding:0;list-style:none}ol:after,ul:after{content:"";display:table;clear:both}img{display:block;width:100%}.main-wrapper:before{content:"";display:block;position:fixed;left:0;top:0;width:100vw;height:100vh;background-image:url(/asset/image/bg_noise.png),linear-gradient(-35deg,#000b23,#08123e);z-index:-1;opacity:1}.main-wrapper .header{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0;-webkit-transition:all .45s ease;transition:all .45s ease}.main-wrapper .navbar{opacity:0;-webkit-transition:all .45s ease .2s;transition:all .45s ease .2s}.main-wrapper .footer{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-transition:all .45s ease;transition:all .45s ease}.main-wrapper.initialize .header{-webkit-transform:translate(0);transform:translate(0);opacity:1}.main-wrapper.initialize .navbar{opacity:1}.main-wrapper.initialize .footer{-webkit-transform:translate(0);transform:translate(0);opacity:1}.main{max-width:1470px;margin:0 auto;-webkit-transition:opacity .75s ease;transition:opacity .75s ease}.main.isTransform{opacity:0!important}#effect{z-index:-1}#effect,.aboutOverlay,.workOverlay{position:fixed;width:100%;height:100%;left:0;top:0}.aboutOverlay,.workOverlay{z-index:0;background-color:#000;opacity:0;pointer-events:none}.workOverlay{opacity:.2}.page-overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#000;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;opacity:1;z-index:999}.page-overlay p{color:#fff;font-size:30px;font-family:Barlow Condensed,sans-serif}@media (min-width:1024px){.page-overlay{opacity:0;z-index:-1}}.dg.ac{display:none}.dg.ac.is-show{display:block}.header{position:fixed;width:100%;top:0;height:80px;z-index:100}.header:before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:#000;opacity:.5;z-index:0}@media (min-width:1024px){.header{height:0}.header:before{display:none}}.header.toggled:before{-webkit-transition:opacity .75s ease;transition:opacity .75s ease;opacity:0}.header .logo{width:60px;height:60px;background-image:url(/asset/image/icon_logo.svg);background-size:15px 35px;background-position:0 0;background-repeat:no-repeat;position:fixed;top:20px;left:20px}.header .logo a{display:block;width:60px;height:60px;text-indent:-99999px}.header .toggle{width:60px;height:60px;position:fixed;right:0;top:12px;cursor:pointer}.header .toggle span{display:block;width:20px;height:4px;background-color:#fff;position:absolute;right:20px;top:50%;margin:-2px 0 0;border-radius:2px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .45s ease;transition:all .45s ease}.header .toggle:after,.header .toggle:before,.header .toggle span:first-child{-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.header .toggle:after,.header .toggle:before{content:"";display:block;width:20px;height:4px;background-color:#fff;position:absolute;border-radius:2px;right:20px;opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .35s ease,-webkit-transform .25s ease;transition:opacity .35s ease,-webkit-transform .25s ease;transition:transform .25s ease,opacity .35s ease;transition:transform .25s ease,opacity .35s ease,-webkit-transform .25s ease}.header .toggle:before{top:20px}.header .toggle:after{bottom:20px}.header .toggle.toggled~.logo{background-image:url(/asset/image/icon_logo-b.svg)}.header .toggle.toggled span{background-color:#000;-webkit-transition:all .25s ease .5s;transition:all .25s ease .5s}.header .toggle.toggled:before{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.header .toggle.toggled:after{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.header .toggle.toggled span:first-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .toggle.toggled span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (min-width:1024px){.header .toggle{display:none}.header .logo{left:inherit;top:50px;right:50px;background-size:24px 55px;background-position:100% 0}}.footer{background-color:rgba(0,0,0,.7);width:100%;height:130px;padding:25px 20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0}.footer.is-loaded{display:block}.footer .contact a{color:#fff;text-decoration:none;display:block;font-family:Source Sans Pro,sans-serif;letter-spacing:.02em}.footer .contact a.address{font-size:13px;font-family:Noto Sans TC,Source Sans Pro,sans-serif}.footer .shareMedia .copyright{font-family:Source Sans Pro,sans-serif;color:#5a5a5a;font-size:14px;margin-top:10px}.footer .shareMedia ul{display:none}@media (min-width:768px){.footer{display:block}}@media (min-width:1024px){.footer{background-color:transparent;height:50px;position:fixed;bottom:0;left:0}.footer .contact{position:absolute;left:30px;top:0}.footer .contact a{display:inline;color:#d7d7d7}.footer .contact a:before{content:"|";padding:0 5px}.footer .contact a:first-child:before{display:none}.footer .shareMedia{position:absolute;right:30px;top:0}.footer .shareMedia .copyright{display:inline-block;vertical-align:top;color:#d7d7d7;margin-top:0}.footer .shareMedia ul{display:inline-block;vertical-align:middle}.footer .shareMedia li{display:inline-block;background-position:top;background-repeat:no-repeat}.footer .shareMedia li a{text-indent:-9999px;display:block;width:30px;height:30px;padding-top:3px}.footer .shareMedia li.instagram svg{width:15px;height:15px}.footer .shareMedia li.facebook svg{width:7px;height:14px}.footer .shareMedia li.behance svg{width:19px;height:14px}.footer svg{display:block;margin:0 auto;fill:#d7d7d7}}@media (min-width:1280px){.footer .contact{left:50px}.footer .shareMedia{right:50px}}.navbar .offcanvas{position:fixed;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;z-index:99;background-color:#fff;-webkit-transition:-webkit-transform .7s cubic-bezier(.97,.02,.3,.93);transition:-webkit-transform .7s cubic-bezier(.97,.02,.3,.93);transition:transform .7s cubic-bezier(.97,.02,.3,.93);transition:transform .7s cubic-bezier(.97,.02,.3,.93),-webkit-transform .7s cubic-bezier(.97,.02,.3,.93);-webkit-transform:translate(-100%);transform:translate(-100%);pointer-events:none}@media (min-width:1024px){.navbar .offcanvas{pointer-events:visible}}.navbar.toggled .offcanvas{pointer-events:visible;-webkit-transform:translate(0);transform:translate(0)}.navbar.toggled .shareMedia{display:block}.navbar.toggled ul li{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.navbar.toggled ul li:first-child{-webkit-transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,-webkit-transform .7s ease;transition:transform .7s ease,opacity .7s ease;transition:transform .7s ease,opacity .7s ease,-webkit-transform .7s ease;-webkit-transition-delay:.2s,.2s;transition-delay:.2s,.2s}.navbar.toggled ul li:nth-child(2){-webkit-transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,-webkit-transform .7s ease;transition:transform .7s ease,opacity .7s ease;transition:transform .7s ease,opacity .7s ease,-webkit-transform .7s ease;-webkit-transition-delay:.4s,.4s;transition-delay:.4s,.4s}.navbar.toggled ul li:nth-child(3){-webkit-transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,-webkit-transform .7s ease;transition:transform .7s ease,opacity .7s ease;transition:transform .7s ease,opacity .7s ease,-webkit-transform .7s ease;-webkit-transition-delay:.6s,.6s;transition-delay:.6s,.6s}.navbar ul{padding-top:100px;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar ul li{font-size:32px;font-family:Barlow Condensed,sans-serif;font-weight:400;line-height:36px;margin-bottom:50px;opacity:0;-webkit-transform:translate(100px);transform:translate(100px)}.navbar ul li a{display:block;color:#000;text-decoration:none;padding-left:35px;position:relative}.navbar ul li a:before{content:"";display:block;width:7px;height:23px;background-color:#000;border-radius:12px;position:absolute;left:0;top:8px;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.navbar a.active:before{opacity:1}.navbar .shareMedia{position:absolute;left:35px;bottom:50px;display:none}.navbar .shareMedia ol li{display:inline-block;background-position:top;background-repeat:no-repeat;margin-right:25px}.navbar .shareMedia ol li a{text-indent:-9999px;display:block}.navbar .shareMedia li.instagram svg{width:20px;height:20px}.navbar .shareMedia li.facebook svg{width:9px;height:19px}.navbar .shareMedia li.behance svg{width:25px;height:18px}.navbar svg{display:block}@media (min-width:1024px){.navbar{position:fixed;height:auto;width:100%;top:0;z-index:100}.navbar .offcanvas{position:static;width:auto;height:auto;-webkit-transform:translate(0);transform:translate(0)}.navbar:before{display:none}.navbar.toggled{.shareMedia{display:none}}.navbar ul{padding-top:0;position:absolute;left:30px;top:60px}.navbar ul li{opacity:1;display:inline-block;-webkit-transform:translate(0);transform:translate(0);font-size:30px;margin-right:50px}.navbar ul li a{color:#fff;padding-left:25px}.navbar ul li a:before{background-color:#fff}.navbar ul li:hover a:before{opacity:1}}@media (min-width:1280px){.navbar ul{left:50px}}.pageAbout{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .45s ease;transition:all .45s ease;padding:0 20px;position:relative;z-index:2}.pageAbout.visible{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pageAbout~.footer{position:relative;margin-top:40px}.pageAbout .footer{position:fixed;bottom:0;left:0;display:block}.pageAbout .about__landing{position:relative}.pageAbout .swiper-container{text-align:center;position:absolute;width:100%;height:100%!important;left:0;top:0;overflow:inherit;-webkit-transform:translateY(50%);transform:translateY(50%);pointer-events:none}@media (min-width:1024px){.pageAbout .swiper-container{width:50%;position:relative;overflow:inherit;text-align:left;padding-left:0;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.pageAbout .swiper-slide{opacity:0!important}@media (min-width:1024px){.pageAbout .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.pageAbout .swiper-slide span{display:inline-block;text-transform:uppercase;color:#bebebe;-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out}.pageAbout .swiper-slide span:first-child,.pageAbout .swiper-slide span:nth-child(3),.pageAbout .swiper-slide span:nth-child(5),.pageAbout .swiper-slide span:nth-child(7),.pageAbout .swiper-slide span:nth-child(9),.pageAbout .swiper-slide span:nth-child(11),.pageAbout .swiper-slide span:nth-child(13),.pageAbout .swiper-slide span:nth-child(15),.pageAbout .swiper-slide span:nth-child(17),.pageAbout .swiper-slide span:nth-child(19){-webkit-transform:translateY(25px);transform:translateY(25px)}.pageAbout .swiper-slide span:nth-child(2),.pageAbout .swiper-slide span:nth-child(4),.pageAbout .swiper-slide span:nth-child(6),.pageAbout .swiper-slide span:nth-child(8),.pageAbout .swiper-slide span:nth-child(10),.pageAbout .swiper-slide span:nth-child(12),.pageAbout .swiper-slide span:nth-child(14),.pageAbout .swiper-slide span:nth-child(16),.pageAbout .swiper-slide span:nth-child(18),.pageAbout .swiper-slide span:nth-child(20),.pageAbout .swiper-slide span:nth-child(22){-webkit-transform:translateY(-25px);transform:translateY(-25px)}.pageAbout .swiper-container-fade .swiper-slide-active,.pageAbout .swiper-container-fade .swiper-slide-active .swiper-slide-active{opacity:1!important}.pageAbout .swiper-slide-active span{-webkit-transition:opacity .2s ease-in-out .2s,-webkit-transform .2s ease-in-out .2s;transition:opacity .2s ease-in-out .2s,-webkit-transform .2s ease-in-out .2s;transition:transform .2s ease-in-out .2s,opacity .2s ease-in-out .2s;transition:transform .2s ease-in-out .2s,opacity .2s ease-in-out .2s,-webkit-transform .2s ease-in-out .2s}.pageAbout .swiper-slide-active span:first-child,.pageAbout .swiper-slide-active span:nth-child(2),.pageAbout .swiper-slide-active span:nth-child(3),.pageAbout .swiper-slide-active span:nth-child(4),.pageAbout .swiper-slide-active span:nth-child(5),.pageAbout .swiper-slide-active span:nth-child(6),.pageAbout .swiper-slide-active span:nth-child(7),.pageAbout .swiper-slide-active span:nth-child(8),.pageAbout .swiper-slide-active span:nth-child(9),.pageAbout .swiper-slide-active span:nth-child(10),.pageAbout .swiper-slide-active span:nth-child(11),.pageAbout .swiper-slide-active span:nth-child(12),.pageAbout .swiper-slide-active span:nth-child(13),.pageAbout .swiper-slide-active span:nth-child(14),.pageAbout .swiper-slide-active span:nth-child(15),.pageAbout .swiper-slide-active span:nth-child(16),.pageAbout .swiper-slide-active span:nth-child(17),.pageAbout .swiper-slide-active span:nth-child(18),.pageAbout .swiper-slide-active span:nth-child(19),.pageAbout .swiper-slide-active span:nth-child(20),.pageAbout .swiper-slide-active span:nth-child(21),.pageAbout .swiper-slide-active span:nth-child(22){-webkit-transform:translate(0);transform:translate(0)}.pageAbout .about__block{opacity:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;-webkit-transform:skewY(-10deg) translateY(100px);transform:skewY(-10deg) translateY(100px)}.pageAbout .about__block:first-child{-webkit-transition-delay:.3s;transition-delay:.3s}.pageAbout .about__block:nth-child(2){-webkit-transition-delay:.5s;transition-delay:.5s}.pageAbout .about__block:nth-child(3){-webkit-transition-delay:.7s;transition-delay:.7s}.pageAbout .about__block.inView{opacity:1;-webkit-transform:skewY(0) translate(0);transform:skewY(0) translate(0)}.pageAbout .about__intro{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:46px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100vh;overflow:hidden;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .3s linear,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99);transition:opacity .3s linear,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99);transition:transform .3s cubic-bezier(.38,.06,.1,.99),opacity .3s linear;transition:transform .3s cubic-bezier(.38,.06,.1,.99),opacity .3s linear,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99)}.pageAbout .about__intro.is-loaded{-webkit-transition:opacity .3s linear .5s,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99) .5s;transition:opacity .3s linear .5s,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99) .5s;transition:transform .3s cubic-bezier(.38,.06,.1,.99) .5s,opacity .3s linear .5s;transition:transform .3s cubic-bezier(.38,.06,.1,.99) .5s,opacity .3s linear .5s,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99) .5s;opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pageAbout .about__intro__title{color:#fff;text-align:center;width:100%;margin-bottom:50px}.pageAbout .scrolldown{position:absolute;width:100%;bottom:0;text-align:center;padding-bottom:30px}.pageAbout .scrolldown b{font-size:20px;font-family:Barlow Condensed,sans-serif;font-weight:600}.pageAbout .scrolldown b.desktop{display:none}.pageAbout .scrolldown b{text-transform:uppercase}@media (min-width:1024px){.pageAbout .scrolldown b{margin-bottom:10px}.pageAbout .scrolldown b.mobile{display:none}.pageAbout .scrolldown b.desktop{display:block}}.pageAbout .scrolldown i{display:block;margin:0 auto;width:12px;height:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-animation:swipedown .75s ease infinite;animation:swipedown .75s ease infinite}@media (min-width:1024px){.pageAbout .scrolldown i{width:30px;height:40px;border:2px solid #fff;position:relative;border-radius:20px;-webkit-animation:swipedown2 .75s ease infinite;animation:swipedown2 .75s ease infinite}.pageAbout .scrolldown i:before{content:"";width:2px;height:10px;background-color:#fff;border-radius:8px;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);top:2px;-webkit-animation:scrollMouse 1s ease infinite;animation:scrollMouse 1s ease infinite}}.pageAbout .about__block{margin-top:80px}.pageAbout .about__block .title{text-align:center;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:600;margin-bottom:40px}.pageAbout .about__overview .text{line-height:1.5;text-align:justify}.pageAbout .about__overview .text p{margin:0 0 10px}.pageAbout .about__overview .text span{font-size:14px}@media (min-width:768px){.pageAbout .about__overview .text p{margin-bottom:20px}}@media (min-width:1440px){.pageAbout .about__overview .text p,.pageAbout .about__overview .text span{font-size:18px}}.pageAbout .about__awards .list ol{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.pageAbout .about__awards .list li{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;margin-bottom:40px}@media (min-width:1024px){.pageAbout .about__awards .list li{width:calc(50% - 20px)}.pageAbout .about__awards .list li:nth-child(odd){margin-right:40px}}.pageAbout .about__awards .list li .logo{line-height:30px}.pageAbout .about__awards .list li .logo img{width:auto}@media (min-width:1024px){.pageAbout .about__awards .list li .logo{width:70%}.pageAbout .about__awards .list li .logo.wide img{max-width:150px}.pageAbout .about__awards .list li .logo img{max-width:80px}}@media (min-width:1280px){.pageAbout .about__awards .list li .logo.wide img,.pageAbout .about__awards .list li .logo img{max-width:none}}.pageAbout .about__awards .list li .number{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pageAbout .about__awards .list li .number:before{content:"x";display:inline-block;font-size:20px;margin-right:30px}.pageAbout .about__awards .list li .number span{display:inline-block;text-align:center;width:28px;line-height:24px;border:2px solid #fff;border-radius:50%;font-weight:600;font-family:Barlow Condensed,sans-serif}@media (min-width:1024px){.pageAbout .about__awards .list li .number:before{margin-right:20px}}.pageAbout .about__client .list ol{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.pageAbout .about__client .list li{width:50%;padding:30px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){.pageAbout .about__client .list li{width:33.33333%;padding:0 20px 40px}}@media (min-width:1024px){.pageAbout .about__client .list li{padding:0 30px 60px}.pageAbout .about__client .list li.wide{padding:0 20px 60px}}@media (min-width:1280px){.pageAbout .about__client .list li,.pageAbout .about__client .list li.wide{padding:0 0 60px}}.pageAbout .about__client .list li img{width:100%}.pageAbout .about__super{text-align:center}.pageAbout .about__super p{font-size:20px;margin-bottom:10px;font-weight:700}.pageAbout .about__super h1{font-family:Barlow Condensed,sans-serif;font-weight:600;margin:0;padding:0;font-size:36px}@media (min-width:768px){.pageAbout .about__super p{font-size:22px}.pageAbout .about__super h1{font-size:52px}}@media (min-width:1280px){.pageAbout .about__super p{font-size:40px}.pageAbout .about__super h1{font-size:80px}}@media (min-width:768px){.pageAbout .about__intro{font-size:80px}.pageAbout .about__intro__title{margin-bottom:80px}.pageAbout .about__block{padding:0 70px}.pageAbout .about__awards,.pageAbout .about__client,.pageAbout .about__overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.pageAbout .about__awards .title,.pageAbout .about__client .title,.pageAbout .about__overview .title{text-align:left;margin-right:70px}.pageAbout .about__awards .title~div,.pageAbout .about__client .title~div,.pageAbout .about__overview .title~div{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media (min-width:1024px){.pageAbout{padding-top:0}.pageAbout .about__intro{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:80px}.pageAbout .about__intro__title{width:50%;text-align:right;padding-right:30px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0}.pageAbout .about__block{max-width:650px;margin:80px auto;padding:0}.pageAbout .about__block .title{margin-right:100px}}@media (min-width:1280px){.pageAbout .about__intro{font-size:110px}.pageAbout .about__block{max-width:960px}}@media (min-width:1440px){.pageAbout .about__block{max-width:1210px}.pageAbout .about__block .title{font-size:22px;margin-right:260px}.pageAbout .about__super{margin:100px auto 200px}}@media (min-width:1920px){.pageAbout .about__intro{font-size:130px}.pageAbout .about__block{max-width:1210px}}.glitch span:before{left:-2px;text-shadow:1px 0 3px #6affe9;color:#dadada;animation:noise-anim-2 .3s linear alternate-reverse;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-delay:.4s;animation-delay:.4s}.glitch span:after,.glitch span:before{content:attr(data-text);position:absolute;top:0;overflow:hidden;clip:rect(0,900px,0,0)}.glitch span:after{left:2px;text-shadow:-1px 0 2px #ff00f6;color:#bebebe;animation:noise-anim .2s linear alternate-reverse;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes noise-anim{percentage(0*(1/20)){clip:rect(.21132 + px,9999px,.70942 + px,0)}percentage(1*(1/20)){clip:rect(.54677 + px,9999px,.7388 + px,0)}percentage(2*(1/20)){clip:rect(.81947 + px,9999px,.06345 + px,0)}percentage(3*(1/20)){clip:rect(.37508 + px,9999px,.84386 + px,0)}percentage(4*(1/20)){clip:rect(.96671 + px,9999px,.53682 + px,0)}percentage(5*(1/20)){clip:rect(.19928 + px,9999px,.6732 + px,0)}percentage(6*(1/20)){clip:rect(.64069 + px,9999px,.30237 + px,0)}percentage(7*(1/20)){clip:rect(.5996 + px,9999px,.10336 + px,0)}percentage(8*(1/20)){clip:rect(.56983 + px,9999px,.16258 + px,0)}percentage(9*(1/20)){clip:rect(.34149 + px,9999px,.4183 + px,0)}percentage(10*(1/20)){clip:rect(.77879 + px,9999px,.77175 + px,0)}percentage(11*(1/20)){clip:rect(.26445 + px,9999px,.86492 + px,0)}percentage(12*(1/20)){clip:rect(.81081 + px,9999px,.52496 + px,0)}percentage(13*(1/20)){clip:rect(.83762 + px,9999px,.87533 + px,0)}percentage(14*(1/20)){clip:rect(.61648 + px,9999px,.11355 + px,0)}percentage(15*(1/20)){clip:rect(.38197 + px,9999px,.95569 + px,0)}percentage(16*(1/20)){clip:rect(.1094 + px,9999px,.74742 + px,0)}percentage(17*(1/20)){clip:rect(.95925 + px,9999px,.24182 + px,0)}percentage(18*(1/20)){clip:rect(.38833 + px,9999px,.04384 + px,0)}percentage(19*(1/20)){clip:rect(.92748 + px,9999px,.72136 + px,0)}percentage(20*(1/20)){clip:rect(.6261 + px,9999px,.58305 + px,0)}}@keyframes noise-anim{percentage(0*(1/20)){clip:rect(.21132 + px,9999px,.70942 + px,0)}percentage(1*(1/20)){clip:rect(.54677 + px,9999px,.7388 + px,0)}percentage(2*(1/20)){clip:rect(.81947 + px,9999px,.06345 + px,0)}percentage(3*(1/20)){clip:rect(.37508 + px,9999px,.84386 + px,0)}percentage(4*(1/20)){clip:rect(.96671 + px,9999px,.53682 + px,0)}percentage(5*(1/20)){clip:rect(.19928 + px,9999px,.6732 + px,0)}percentage(6*(1/20)){clip:rect(.64069 + px,9999px,.30237 + px,0)}percentage(7*(1/20)){clip:rect(.5996 + px,9999px,.10336 + px,0)}percentage(8*(1/20)){clip:rect(.56983 + px,9999px,.16258 + px,0)}percentage(9*(1/20)){clip:rect(.34149 + px,9999px,.4183 + px,0)}percentage(10*(1/20)){clip:rect(.77879 + px,9999px,.77175 + px,0)}percentage(11*(1/20)){clip:rect(.26445 + px,9999px,.86492 + px,0)}percentage(12*(1/20)){clip:rect(.81081 + px,9999px,.52496 + px,0)}percentage(13*(1/20)){clip:rect(.83762 + px,9999px,.87533 + px,0)}percentage(14*(1/20)){clip:rect(.61648 + px,9999px,.11355 + px,0)}percentage(15*(1/20)){clip:rect(.38197 + px,9999px,.95569 + px,0)}percentage(16*(1/20)){clip:rect(.1094 + px,9999px,.74742 + px,0)}percentage(17*(1/20)){clip:rect(.95925 + px,9999px,.24182 + px,0)}percentage(18*(1/20)){clip:rect(.38833 + px,9999px,.04384 + px,0)}percentage(19*(1/20)){clip:rect(.92748 + px,9999px,.72136 + px,0)}percentage(20*(1/20)){clip:rect(.6261 + px,9999px,.58305 + px,0)}}@-webkit-keyframes noise-anim-2{percentage(0*(1/20)){clip:rect(.1632 + px,9999px,.12272 + px,0)}percentage(1*(1/20)){clip:rect(.62519 + px,9999px,.1305 + px,0)}percentage(2*(1/20)){clip:rect(.95036 + px,9999px,.47058 + px,0)}percentage(3*(1/20)){clip:rect(.03992 + px,9999px,.52568 + px,0)}percentage(4*(1/20)){clip:rect(.53587 + px,9999px,.30814 + px,0)}percentage(5*(1/20)){clip:rect(.26535 + px,9999px,.23773 + px,0)}percentage(6*(1/20)){clip:rect(.35183 + px,9999px,.58604 + px,0)}percentage(7*(1/20)){clip:rect(.99284 + px,9999px,.58765 + px,0)}percentage(8*(1/20)){clip:rect(.90442 + px,9999px,.21785 + px,0)}percentage(9*(1/20)){clip:rect(.43226 + px,9999px,.63715 + px,0)}percentage(10*(1/20)){clip:rect(.32944 + px,9999px,.30233 + px,0)}percentage(11*(1/20)){clip:rect(.2009 + px,9999px,.74426 + px,0)}percentage(12*(1/20)){clip:rect(.61454 + px,9999px,.01233 + px,0)}percentage(13*(1/20)){clip:rect(.879 + px,9999px,.78554 + px,0)}percentage(14*(1/20)){clip:rect(.48811 + px,9999px,.15031 + px,0)}percentage(15*(1/20)){clip:rect(.232 + px,9999px,.04492 + px,0)}percentage(16*(1/20)){clip:rect(.97486 + px,9999px,.37059 + px,0)}percentage(17*(1/20)){clip:rect(.0994 + px,9999px,.76932 + px,0)}percentage(18*(1/20)){clip:rect(.61798 + px,9999px,.06824 + px,0)}percentage(19*(1/20)){clip:rect(.95035 + px,9999px,.39084 + px,0)}percentage(20*(1/20)){clip:rect(.3681 + px,9999px,.93462 + px,0)}}@keyframes noise-anim-2{percentage(0*(1/20)){clip:rect(.1632 + px,9999px,.12272 + px,0)}percentage(1*(1/20)){clip:rect(.62519 + px,9999px,.1305 + px,0)}percentage(2*(1/20)){clip:rect(.95036 + px,9999px,.47058 + px,0)}percentage(3*(1/20)){clip:rect(.03992 + px,9999px,.52568 + px,0)}percentage(4*(1/20)){clip:rect(.53587 + px,9999px,.30814 + px,0)}percentage(5*(1/20)){clip:rect(.26535 + px,9999px,.23773 + px,0)}percentage(6*(1/20)){clip:rect(.35183 + px,9999px,.58604 + px,0)}percentage(7*(1/20)){clip:rect(.99284 + px,9999px,.58765 + px,0)}percentage(8*(1/20)){clip:rect(.90442 + px,9999px,.21785 + px,0)}percentage(9*(1/20)){clip:rect(.43226 + px,9999px,.63715 + px,0)}percentage(10*(1/20)){clip:rect(.32944 + px,9999px,.30233 + px,0)}percentage(11*(1/20)){clip:rect(.2009 + px,9999px,.74426 + px,0)}percentage(12*(1/20)){clip:rect(.61454 + px,9999px,.01233 + px,0)}percentage(13*(1/20)){clip:rect(.879 + px,9999px,.78554 + px,0)}percentage(14*(1/20)){clip:rect(.48811 + px,9999px,.15031 + px,0)}percentage(15*(1/20)){clip:rect(.232 + px,9999px,.04492 + px,0)}percentage(16*(1/20)){clip:rect(.97486 + px,9999px,.37059 + px,0)}percentage(17*(1/20)){clip:rect(.0994 + px,9999px,.76932 + px,0)}percentage(18*(1/20)){clip:rect(.61798 + px,9999px,.06824 + px,0)}percentage(19*(1/20)){clip:rect(.95035 + px,9999px,.39084 + px,0)}percentage(20*(1/20)){clip:rect(.3681 + px,9999px,.93462 + px,0)}}@-webkit-keyframes swipedown{0%{-webkit-transform:translate(0) rotate(45deg);transform:translate(0) rotate(45deg)}50%{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}to{-webkit-transform:translate(0) rotate(45deg);transform:translate(0) rotate(45deg)}}@keyframes swipedown{0%{-webkit-transform:translate(0) rotate(45deg);transform:translate(0) rotate(45deg)}50%{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}to{-webkit-transform:translate(0) rotate(45deg);transform:translate(0) rotate(45deg)}}@-webkit-keyframes swipedown2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes swipedown2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes scrollMouse{0%{opacity:0}10%{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}to{-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);opacity:0}}@keyframes scrollMouse{0%{opacity:0}10%{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}to{-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);opacity:0}}.currentTag{display:inline-block;font-size:18px;color:#333;font-family:Barlow Condensed,sans-serif;cursor:pointer;background-color:#fff;padding:0 20px;line-height:24px;border-radius:12px;position:fixed;right:60px;top:30px;z-index:101}.currentTag.is-toggled{display:none}@media (min-width:1024px){.currentTag{top:70px;right:110px;font-size:22px;line-height:26px}}.pageWorks{padding:160px 0 0;min-height:calc(100vh - 50px)}.pageWorks~.footer{position:static}@media (min-width:1024px){.pageWorks{padding:0;max-width:inherit}}.blogsList,.worksList{max-width:1470px;margin:0 auto;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.blogsList,.blogsList.is-empty,.blogsList.is-loaded,.worksList,.worksList.is-empty,.worksList.is-loaded{-webkit-transition:opacity .3s linear,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99);transition:opacity .3s linear,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99);transition:transform .3s cubic-bezier(.38,.06,.1,.99),opacity .3s linear;transition:transform .3s cubic-bezier(.38,.06,.1,.99),opacity .3s linear,-webkit-transform .3s cubic-bezier(.38,.06,.1,.99)}.blogsList.is-empty,.blogsList.is-loaded,.worksList.is-empty,.worksList.is-loaded{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.blogsList.is-empty,.worksList.is-empty{padding:0 30px}.blogsList.is-empty>div,.worksList.is-empty>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;height:calc(100vh - 235px);font-size:14px}@media (min-width:768px){.blogsList.is-empty>div,.worksList.is-empty>div{height:calc(100vh - 260px)}}@media (min-width:1024px){.blogsList.is-empty>div,.worksList.is-empty>div{height:calc(100vh - 50px)}}@media (min-width:1024px){.blogsList,.worksList{padding:200px 30px 0}}.works__list{padding:0 20px 300px}@media (min-width:768px){.works__list ul{list-style:none;margin:0;padding:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}}.works__list li{position:relative;overflow:hidden;margin-bottom:40px;-webkit-transition:opacity .5s cubic-bezier(.38,.06,.1,.99),-webkit-transform 1s cubic-bezier(.38,.06,.1,.99);transition:opacity .5s cubic-bezier(.38,.06,.1,.99),-webkit-transform 1s cubic-bezier(.38,.06,.1,.99);transition:transform 1s cubic-bezier(.38,.06,.1,.99),opacity .5s cubic-bezier(.38,.06,.1,.99);transition:transform 1s cubic-bezier(.38,.06,.1,.99),opacity .5s cubic-bezier(.38,.06,.1,.99),-webkit-transform 1s cubic-bezier(.38,.06,.1,.99);opacity:0;-webkit-transform:translateY(20px) rotateY(-10deg);transform:translateY(20px) rotateY(-10deg)}.works__list li a{display:block;width:100%;height:100%;color:#000;text-decoration:none}.works__list li.isView{opacity:1;-webkit-transform:translate(0) rotateY(0deg);transform:translate(0) rotateY(0deg)}@media (min-width:768px){.works__list li{width:calc(50% - 10px);margin-right:20px}.works__list li:nth-child(2n){margin-right:0}}@media (min-width:1024px){.works__list li{width:calc(33.33333% - 13.33333px)}.works__list li:nth-child(2n){margin-right:20px}.works__list li:nth-child(3n){margin-right:0}.works__list li:after{content:"";display:block;position:absolute;width:100%;height:70%;bottom:0;left:0;pointer-events:none;background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000,transparent)}.works__list li a{color:#fff}.works__list li:hover .works__caption__tags,.works__list li:hover .works__caption__title{-webkit-transform:translate(0);transform:translate(0)}.works__list li:hover .works__cover__load.imgLoaded{-webkit-transform:scale(1.1);transform:scale(1.1)}.works__list li:hover .works__cover__overlay{opacity:.8}}@media (min-width:1280px){.works__list li{width:calc(25% - 15px)}.works__list li:nth-child(3n){margin-right:20px}.works__list li:nth-child(4n){margin-right:0}.works__list li:after{-webkit-transition:opacity .75s ease;transition:opacity .75s ease}.works__list li:hover:after{opacity:0}}.works__cover{position:relative;overflow:hidden;-webkit-perspective:800px;perspective:800px}.works__cover:before{content:"";display:block;width:20px;height:20px;background-image:url(/asset/image/loading-spin.svg);background-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;opacity:1;-webkit-transition:opacity .45s ease;transition:opacity .45s ease}.works__cover__default{position:relative;z-index:1;opacity:.5}.works__cover__load{opacity:0;position:absolute;left:0;top:0;z-index:2;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(0) rotateY(0deg);transform:translate(0) rotateY(0deg);width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.works__cover__load img{display:none;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.works__cover__load.imgLoaded{opacity:1}.works__cover__load.imgLoaded~.works__cover__overlay{opacity:0}.works__cover__overlay{position:absolute;left:0;top:0;opacity:0;width:101%;height:100%;z-index:3;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.works__caption{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}@media (min-width:1024px){.works__caption{background-color:transparent;-webkit-transform:translate(0);transform:translate(0);position:absolute;width:100%;left:0;bottom:0;z-index:3;padding:0 25px 20px;overflow:hidden;-webkit-transition:-webkit-transform .45s cubic-bezier(.38,.06,.1,.99) .5s;transition:-webkit-transform .45s cubic-bezier(.38,.06,.1,.99) .5s;transition:transform .45s cubic-bezier(.38,.06,.1,.99) .5s;transition:transform .45s cubic-bezier(.38,.06,.1,.99) .5s,-webkit-transform .45s cubic-bezier(.38,.06,.1,.99) .5s}}.works__caption__title{font-family:Barlow Condensed,sans-serif;font-weight:400;font-size:20px;line-height:1.5}@media (min-width:1024px){.works__caption__title{-webkit-transform:translateY(25px);transform:translateY(25px);-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;line-height:1.2;text-shadow:1px 1px 1px #000}}.works__caption__tags{margin-top:5px}.works__caption__tags span{font-family:Source Sans Pro,sans-serif}.works__caption__tags span:after{content:", "}.works__caption__tags span:last-child:after{content:""}@media (min-width:1024px){.works__caption__tags{-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:-webkit-transform .35s ease;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease;text-shadow:1px 1px 1px #000}}.overlay{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.75);-webkit-transition:z-index 1s linear .2s,opacity 1s ease .4s;transition:z-index 1s linear .2s,opacity 1s ease .4s;opacity:0;top:0;left:0;z-index:-1}.overlay.open{-webkit-transition:z-index 1s linear .2s,opacity .45s ease .4s;transition:z-index 1s linear .2s,opacity .45s ease .4s;opacity:1;z-index:102}.filter{position:fixed;width:100%;height:100%;background-color:#141414;top:0;left:0;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .7s cubic-bezier(.97,.02,.3,.93);transition:all .7s cubic-bezier(.97,.02,.3,.93);z-index:102;pointer-events:none}.filter.open{pointer-events:auto;opacity:1;-webkit-transform:translate(0);transform:translate(0)}.filter .btn-close{position:absolute;top:35px;right:15px;width:40px;height:40px}.filter .btn-close:after,.filter .btn-close:before{content:"";display:block;position:absolute;width:4px;height:16px;background-color:#fff;top:50%;left:50%;margin:-13px 0 0 -2px;border-radius:4px;-webkit-transition:-webkit-transform .35s ease;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}.filter .btn-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.filter .btn-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.filter .btn-close:hover:before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.filter .btn-close:hover:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.filter .subject{font-size:60px;line-height:48px;padding:90px 20px 65px}.filter .subject span{font-family:Barlow Condensed,sans-serif;font-weight:300}.filter .subject b{font-family:Barlow Condensed,sans-serif;font-weight:600}@media (min-width:768px){.filter .subject{padding:120px 40px 80px}}@media (min-width:1024px){.filter .btn-close{display:block;width:40px;height:100px;cursor:pointer;right:40px}.filter .btn-close:after,.filter .btn-close:before{height:26px}.filter .subject{font-size:72px;line-height:1;padding:120px 40px 50px}}@media (min-width:1280px){.filter .subject{padding:120px 0 50px 100px}}.filterList ol{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px}.filterList li{width:calc(50% - 10px);margin-bottom:20px;text-align:center;margin-right:20px}.filterList li:nth-child(2n){margin-right:0}.filterList a{display:block;white-space:nowrap;cursor:pointer;color:#fff;border:1px solid #fff;font-family:Barlow Condensed,sans-serif;font-size:20px;text-align:center;text-decoration:none;line-height:32px;border-radius:20px;-webkit-transition:all .45s ease;transition:all .45s ease;opacity:.5}.filterList a:hover{background-color:#fff;color:#000}.filterList a.router-link-active{border:none;background-color:#fff;color:#000;opacity:1}@media (min-width:768px){.filterList ol{padding:0 40px}.filterList li{width:auto;min-width:150px}.filterList li:nth-child(2n){margin-right:20px}}@media (min-width:1024px){.filterList ol{margin:0 auto;padding-left:40px}.filterList li{margin-right:20px;margin-bottom:20px;float:none;display:inline-block;width:auto}.filterList a{min-width:120px;padding:0 20px}}@media (min-width:1280px){.filterList ol{padding:0 100px}.filterList li{margin-bottom:40px}.filterList li,.filterList li:nth-child(2n){margin-right:40px}}.pageWorkDetail,.pageWorkDetail~.footer,.works__detail{position:relative}.works__detail{padding-top:100px;-webkit-transition:all 1s cubic-bezier(.97,.02,.3,.93);transition:all 1s cubic-bezier(.97,.02,.3,.93);opacity:0}@media (min-width:768px){.works__detail{margin:0 20px}}@media (min-width:1920px){.works__detail{margin:0 auto}}@media (min-width:1024px){.works__detail{margin:0 30px}}@media (min-width:1440px){.works__detail{max-width:1280px;margin:0 auto}}@media (min-width:1540px){.works__detail{max-width:1470px}}.works__detail .overView{position:fixed;left:50px;top:250px;-webkit-transition:-webkit-transform .35s cubic-bezier(.97,.02,.3,.93);transition:-webkit-transform .35s cubic-bezier(.97,.02,.3,.93);transition:transform .35s cubic-bezier(.97,.02,.3,.93);transition:transform .35s cubic-bezier(.97,.02,.3,.93),-webkit-transform .35s cubic-bezier(.97,.02,.3,.93);-webkit-transform:translate(-200%);transform:translate(-200%);color:#fff;font-family:Barlow Condensed,sans-serif}.works__detail .overView p{font-size:24px;font-weight:900}.works__detail .overView p:before{content:"";display:inline-block;width:20px;height:4px;background-color:#fff;border-radius:8px;vertical-align:middle;margin-right:10px}.works__detail .overView ol{margin-bottom:20px}.works__detail .overView li{font-size:20px;margin-bottom:5px;cursor:pointer}.works__detail .overView li:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#fff;vertical-align:middle;margin-right:10px}.works__detail .overView .shareMedia{position:static}.works__detail .overView .shareMedia a{background-color:transparent;background-image:none;width:auto;margin-right:20px}.works__detail .overView .shareMedia a:hover{background-color:transparent}.works__detail .overView .shareMedia svg{display:block;margin:0 auto}.works__detail .overView .shareMedia svg .cls-1{fill:#d7d7d7}@media (min-width:1920px){.works__detail .overView{-webkit-transform:translate(0);transform:translate(0)}}.works__detail .works__detail__background{position:fixed;width:100%;height:100%;z-index:0;left:0;top:0;opacity:0}.works__detail .works__detail__background .img{position:absolute;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.works__detail .works__detail__header{position:relative;z-index:1;margin-bottom:30px}.works__detail .works__detail__header+.container{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;max-width:1470px;margin:0 20px;padding:20px;z-index:1}@media (min-width:1024px){.works__detail .works__detail__header{margin-bottom:100px;overflow:hidden}.works__detail .works__detail__header+.container{margin:0;padding:0}}.works__detail .works__detail__cover{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end}.works__detail .works__detail__cover .img{opacity:0}.works__detail .works__detail__cover .subject{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:32px;font-weight:900;line-height:1.2;color:#fff;width:100%;margin-bottom:30px;text-shadow:1px 1px 3px rgba(0,0,0,.2);opacity:0}.works__detail .works__detail__cover .subject .container{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px}@media (min-width:1024px){.works__detail .works__detail__cover .subject{top:48%;font-size:80px;line-height:1;text-align:left}}@media (min-width:1280px){.works__detail .works__detail__cover .subject{font-size:70px;top:45%}}.works__detail .works__detail__des{color:#000;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.works__detail .works__detail__des .container{background-color:#fff;padding:40px 20px 25px;-webkit-box-sizing:border-box;letter-spacing:.1em;box-sizing:border-box}@media (min-width:1024px){.works__detail .works__detail__des{position:absolute;width:100%;top:50%;font-size:20px;color:#fff}}.works__detail .works__detail__caption{color:#000;width:100%;background-color:transparent}.works__detail .works__detail__caption .container{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 20px;padding:20px 0 0}.works__detail .works__detail__caption h2{margin:0 0 10px;font-size:16px;font-family:Barlow Condensed,sans-serif}.works__detail .works__detail__caption p{font-size:14px;margin:0;line-height:1.5}@media (min-width:1024px){.works__detail .works__detail__caption .container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px 80px;margin:0}}.works__detail .works__detail__intro{border-left:1px solid #ebebeb;padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.works__detail .works__detail__intro .intro__block{width:50%;letter-spacing:.05em}.works__detail .works__detail__intro .intro__block p{margin:0;font-family:Source Sans Pro,sans-serif}@media (min-width:1024px){.works__detail .works__detail__intro{width:50%;padding-left:30px;display:block}.works__detail .works__detail__intro .intro__block{width:100%;margin-bottom:30px}.works__detail .works__detail__intro .intro__block:last-child{margin-bottom:0}}.works__detail .works__detail__credits{letter-spacing:.02em;border-left:1px solid #ebebeb;padding-left:20px;padding-top:10px;padding-bottom:20px}.works__detail .works__detail__credits .works__detail__credits__text{word-break:break-word;font-family:Source Sans Pro,sans-serif;overflow:hidden;max-height:4em;-webkit-transition:max-height .7s cubic-bezier(.16,1,.3,1);transition:max-height .7s cubic-bezier(.16,1,.3,1)}.works__detail .works__detail__credits .works__detail__credits__text a{color:#000}.works__detail .works__detail__credits.open .more:after,.works__detail .works__detail__credits.open .more:before{-webkit-transition:-webkit-transform .45s ease;transition:-webkit-transform .45s ease;transition:transform .45s ease;transition:transform .45s ease,-webkit-transform .45s ease}.works__detail .works__detail__credits.open .more:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.works__detail .works__detail__credits.open .more:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.works__detail .works__detail__credits.open .works__detail__credits__text{max-height:100em;-webkit-transition:max-height .7s cubic-bezier(.88,.03,.34,.98);transition:max-height .7s cubic-bezier(.88,.03,.34,.98)}.works__detail .works__detail__credits .more{font-family:Barlow Condensed,sans-serif;font-size:18px;display:inline-block;position:relative;padding-right:16px;margin-top:10px;cursor:pointer}.works__detail .works__detail__credits .more:after,.works__detail .works__detail__credits .more:before{content:"";display:block;position:absolute;width:6px;height:1px;background-color:#000;top:50%;-webkit-transition:-webkit-transform .45s ease;transition:-webkit-transform .45s ease;transition:transform .45s ease;transition:transform .45s ease,-webkit-transform .45s ease}.works__detail .works__detail__credits .more:before{right:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.works__detail .works__detail__credits .more:after{right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1024px){.works__detail .works__detail__credits{padding-top:0;padding-left:30px;width:50%}.works__detail .works__detail__credits .works__detail__credits__text{margin-bottom:10px}.works__detail .works__detail__credits .works__detail__credits__text p{margin:0 0 5px}.works__detail .works__detail__credits .works__detail__credits__text a:hover{text-decoration:none}}.works__detail .detail__content{background-color:#fff;color:#000;-webkit-transition:opacity .3s linear,-webkit-transform .5s cubic-bezier(.6,.01,.26,1);transition:opacity .3s linear,-webkit-transform .5s cubic-bezier(.6,.01,.26,1);transition:transform .5s cubic-bezier(.6,.01,.26,1),opacity .3s linear;transition:transform .5s cubic-bezier(.6,.01,.26,1),opacity .3s linear,-webkit-transform .5s cubic-bezier(.6,.01,.26,1);opacity:1;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:translate(0);transform:translate(0);margin-bottom:30px;color:#323232}.works__detail .detail__content .text{font-size:14px;line-height:1.5}.works__detail .detail__content.wait{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.works__detail .detail__content p{margin:0}.works__detail .detail__content.content__tamplate__1{max-width:730px;margin:0 auto}.works__detail .detail__content.content__tamplate__1 .text{padding:20px 0}.works__detail .detail__content.content__tamplate__2{color:#000;margin-bottom:0}@media (min-width:1024px){.works__detail .detail__content.content__tamplate__2{padding:30px 80px;max-width:890px;margin:0 auto}}.works__detail .detail__content.content__tamplate__2 .text{font-size:14px;padding:20px 0}@media (min-width:1024px){.works__detail .detail__content.content__tamplate__2 .text{padding:0}}.works__detail .detail__content.content__tamplate__2 .text h1,.works__detail .detail__content.content__tamplate__2 .text h2,.works__detail .detail__content.content__tamplate__2 .text h3,.works__detail .detail__content.content__tamplate__2 .text h4,.works__detail .detail__content.content__tamplate__2 .text h5,.works__detail .detail__content.content__tamplate__2 .text h6{font-family:Barlow Condensed,sans-serif;font-weight:600;margin:.5em 0;padding:0}.works__detail .detail__content.content__tamplate__2 .text h1{font-size:36px}.works__detail .detail__content.content__tamplate__2 .text h2{font-size:30px}.works__detail .detail__content.content__tamplate__2 .text h3{font-size:24px}.works__detail .detail__content.content__tamplate__2 .text h4{font-size:18px}.works__detail .detail__content.content__tamplate__2 .text h5{font-size:16px}.works__detail .detail__content.content__tamplate__2 .text h6{font-size:14px}.works__detail .detail__content.content__tamplate__2 .text blockquote{text-align:center;font-size:18px;font-weight:900;margin:0}.works__detail .detail__content.content__tamplate__2 .text p{font-size:14px;margin-bottom:1em}.works__detail .detail__content.content__tamplate__5 .image{margin-bottom:20px}@media (min-width:768px){.works__detail .detail__content.content__tamplate__5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.works__detail .detail__content.content__tamplate__5 .image{margin-bottom:0;width:calc(50% - 5px)}}@media (min-width:1024px){.works__detail .detail__content.content__tamplate__5{padding:20px}}.works__detail .detail__content.content__tamplate__7{margin-bottom:0}@media (min-width:768px){.works__detail .detail__content.content__tamplate__7{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.works__detail .detail__content.content__tamplate__7 .image{-webkit-box-flex:1;-ms-flex:1;flex:1}.works__detail .detail__content.content__tamplate__7 img{width:100%}}.works__detail .detail__content.content__tamplate__8{margin-bottom:20px}@media (min-width:1024px){.works__detail .detail__content.content__tamplate__8{margin-bottom:0}}.works__detail .detail__content.content__tamplate__9{margin-bottom:0}.works__detail .detail__content.content__tamplate__9 .iframe{position:relative;padding-bottom:56.25%;overflow:hidden}.works__detail .detail__content.content__tamplate__9 .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.works__detail .detail__content.content__tamplate__10{margin-bottom:0}@media (min-width:768px){.works__detail .detail__content .text{font-size:16px}}@media (min-width:1440px){.works__detail .detail__content .text{font-size:18px}}.works__detail .works__detail__effective{padding:50px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.works__detail .works__detail__effective p{margin:0}.works__detail .works__detail__effective .title{font-size:34px;font-family:Barlow Condensed,Noto Sans TC,sans-serif;margin-bottom:20px}.works__detail .works__detail__effective .desc{font-family:Source Sans Pro,Noto Sans TC,sans-serif;line-height:26px;letter-spacing:.05em;margin-bottom:25px}.works__detail .works__detail__effective .number__block{margin-bottom:30px;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.works__detail .works__detail__effective .number__block:before{content:"";display:block;position:absolute;width:6px;height:46px;background-color:#000;border-radius:6px;left:0;top:0}.works__detail .works__detail__effective .number__block b,.works__detail .works__detail__effective .number__block span{font-size:36px;font-family:Barlow Condensed,sans-serif;font-weight:400;line-height:30px}.works__detail .works__detail__effective .number__block p{font-size:14px;font-family:myriad-pro-condensed,Noto Sans TC,sans-serif}.works__detail .works__detail__effective .number__block:last-child{margin-bottom:0}.works__detail .works__detail__effective .number__mobile,.works__detail .works__detail__effective .number__month{display:inline-block;width:49%}@media (min-width:1024px){.works__detail .works__detail__effective{margin:120px 0;padding-top:100px;padding-left:200px;padding-bottom:125px}.works__detail .works__detail__effective .desc{width:50%;margin-bottom:50px}.works__detail .works__detail__effective .number__block{margin-bottom:0}.works__detail .works__detail__effective .number__block:before{height:68px;top:0}.works__detail .works__detail__effective .number__block b,.works__detail .works__detail__effective .number__block span{font-size:60px;line-height:50px;font-weight:300}.works__detail .works__detail__effective .number__block p{font-size:16px}.works__detail .works__detail__effective .number__mobile,.works__detail .works__detail__effective .number__month,.works__detail .works__detail__effective .number__tablet{display:inline-block;width:calc(32% - 50px);margin-left:50px}}@media (min-width:1280px){.works__detail .works__detail__effective .number__mobile,.works__detail .works__detail__effective .number__month,.works__detail .works__detail__effective .number__tablet{width:calc(32% - 100px);margin-left:100px}}@media (min-width:1440px){.works__detail .works__detail__effective{margin:120px 0}.works__detail .works__detail__effective .number__mobile,.works__detail .works__detail__effective .number__month,.works__detail .works__detail__effective .number__tablet{width:calc(32% - 200px);margin-left:200px}}@media (min-width:1024px){.works__detail .works__detail____typo{margin:0 auto 120px}}@media (min-width:1440px){.works__detail .works__detail____typo{margin:0 auto 120px}}.works__detail .works__detail__footer{position:relative;margin:0 20px 40px;z-index:1}.works__detail .works__detail__footer .footer__info{margin-bottom:20px}.works__detail .works__detail__footer .backToList_mobile a{display:block;line-height:50px;width:100%;background-color:#323232;color:#fff;padding-left:50px;font-size:22px;font-family:Barlow Condensed,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;position:relative}.works__detail .works__detail__footer .backToList_mobile a:after,.works__detail .works__detail__footer .backToList_mobile a:before{content:"";display:block;width:2px;height:10px;background-color:#fff;position:absolute;left:30px;-webkit-transition:left .25s ease;transition:left .25s ease}.works__detail .works__detail__footer .backToList_mobile a:before{top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.works__detail .works__detail__footer .backToList_mobile a:after{bottom:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.works__detail .works__detail__footer .backToList_mobile a:hover:after,.works__detail .works__detail__footer .backToList_mobile a:hover:before{left:20px}.works__detail .works__detail__footer .backToList_desktop{display:none}@media (min-width:1024px){.works__detail .works__detail__footer{margin:0 0 40px}.works__detail .works__detail__footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:300px}.works__detail .works__detail__footer .footer__info{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:25%;background-color:#f5f5f5;position:relative;margin-bottom:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.works__detail .works__detail__footer .backToList_mobile{display:none}.works__detail .works__detail__footer .backToList_desktop{display:block;width:100%;position:absolute;bottom:0}.works__detail .works__detail__footer .backToList_desktop a{display:block;line-height:50px;width:100%;background-color:#323232;color:#fff;padding-left:50px;font-size:22px;font-family:Barlow Condensed,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;position:relative}.works__detail .works__detail__footer .backToList_desktop a:after,.works__detail .works__detail__footer .backToList_desktop a:before{content:"";display:block;width:2px;height:10px;background-color:#fff;position:absolute;left:30px;-webkit-transition:left .25s ease;transition:left .25s ease}.works__detail .works__detail__footer .backToList_desktop a:before{top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.works__detail .works__detail__footer .backToList_desktop a:after{bottom:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.works__detail .works__detail__footer .backToList_desktop a:hover:after,.works__detail .works__detail__footer .backToList_desktop a:hover:before{left:20px}.works__detail .works__detail__footer .relate__project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media (min-width:1280px){.works__detail .works__detail__footer .footer__info{width:20%}}@media (min-width:1440px){.works__detail .works__detail__footer{margin:0 auto 300px}}.works__detail .works__detail__tags{background-color:#f5f5f5;color:#000;padding:35px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.works__detail .works__detail__tags span{font-size:22px;font-family:Barlow Condensed,sans-serif;display:block;margin-bottom:15px}.works__detail .works__detail__tags a{display:inline-block;color:#000;text-decoration:none;font-family:Source Sans Pro,sans-serif}.works__detail .works__detail__tags a:after{content:",";padding-right:5px}.works__detail .works__detail__tags a:last-child:after{display:none}@media (min-width:1024px){.works__detail .works__detail__tags{width:100%;position:absolute;top:0}}.works__detail .shareMedia{display:-webkit-box;display:-ms-flexbox;display:flex}.works__detail .shareMedia a{display:block;width:50%;line-height:50px;background-color:#e1e1e1;text-align:center;color:#000;text-indent:-99999px;background-position:50%;background-repeat:no-repeat;-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.works__detail .shareMedia a:hover{background-color:silver}.works__detail .shareMedia a.facebook{background-image:url(/asset/image/icon_social_fb.svg);background-size:8px 18px}.works__detail .shareMedia a.twitter{background-image:url(/asset/image/icon_social_twitter.svg);background-size:16px 13px}.works__detail .shareMedia a.pinterest{background-image:url(/asset/image/icon_social_pinterest.svg);background-size:15px 20px}@media (min-width:1024px){.works__detail .shareMedia{width:100%;margin-bottom:50px}}.works__detail .relate__project a{text-decoration:none}.works__detail .relate__project .project__cover{background-size:cover;background-repeat:no-repeat;background-position:50%}.works__detail .relate__project img{opacity:0}.works__detail .relate__project .project__intro{background-color:#fff;color:#000;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.works__detail .relate__project .project__intro span{display:none}.works__detail .relate__project .project__intro .title{font-family:Barlow Condensed,sans-serif;font-weight:400;font-size:24px;margin-bottom:10px}.works__detail .relate__project .project__intro .tag{display:none}.works__detail .relate__project .project__intro .link{font-family:Barlow Condensed,sans-serif;text-decoration:underline}@media (min-width:1024px){.works__detail .relate__project>div{position:relative;width:50%}.works__detail .relate__project .relate__project-pre .project__intro>span{-webkit-transform:translate(-10%);transform:translate(-10%)}.works__detail .relate__project .relate__project-next .project__intro>span{text-align:right;-webkit-transform:translate(10%);transform:translate(10%)}.works__detail .relate__project a{display:block;width:100%;color:#fff}.works__detail .relate__project a:after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.9);opacity:0;-webkit-transition:opacity .35s ease;transition:opacity .35s ease;z-index:1;top:0;left:0}.works__detail .relate__project a:hover:after{opacity:1}.works__detail .relate__project a:hover .project__intro .tag,.works__detail .relate__project a:hover .project__intro .title,.works__detail .relate__project a:hover .project__intro>span{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.works__detail .relate__project .project__cover{position:relative;z-index:1;padding-bottom:90px}.works__detail .relate__project .project__intro{position:absolute;left:0;top:0;z-index:2;background-color:transparent;color:#fff;padding:30px;width:100%}.works__detail .relate__project .project__intro>span{display:block;text-decoration:underline;margin-bottom:20px;font-size:22px}.works__detail .relate__project .project__intro .title,.works__detail .relate__project .project__intro>span{opacity:0;-webkit-transition:opacity .35s ease,-webkit-transform .35s ease .1s;transition:opacity .35s ease,-webkit-transform .35s ease .1s;transition:opacity .35s ease,transform .35s ease .1s;transition:opacity .35s ease,transform .35s ease .1s,-webkit-transform .35s ease .1s;font-family:Barlow Condensed,sans-serif}.works__detail .relate__project .project__intro .title{font-size:28px;font-weight:600;margin-bottom:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.works__detail .relate__project .project__intro .tag{display:block;opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-transition:opacity .35s ease .1s,-webkit-transform .35s ease .2s;transition:opacity .35s ease .1s,-webkit-transform .35s ease .2s;transition:opacity .35s ease .1s,transform .35s ease .2s;transition:opacity .35s ease .1s,transform .35s ease .2s,-webkit-transform .35s ease .2s}.works__detail .relate__project .project__intro .tag b{font-weight:300;font-family:Source Sans Pro,sans-serif}.works__detail .relate__project .project__intro .tag b:after{content:",";padding-right:10px}.works__detail .relate__project .project__intro .link,.works__detail .relate__project .project__intro .tag b:last-child:after{display:none}}@media (min-width:1280px){.works__detail .relate__project .project__cover{padding-bottom:50px}}@media (min-width:1440px){.works__detail .relate__project .project__intro{padding:60px}.works__detail .relate__project .project__intro>span{margin-bottom:25px}.works__detail .relate__project .project__intro .title{font-size:32px}}.works__detail.is-loaded{opacity:1;padding-top:0}.works__detail.is-loaded .works__detail__background,.works__detail.is-loaded .works__detail__cover .subject{opacity:1}.works__detail.spec .works__detail__header+.container{padding:0}.works__detail.spec .detail__content.content__tamplate__8{margin-bottom:0}.pageBlogs{padding-top:105px;min-height:calc(100vh - 130px)}.pageBlogs~.footer{position:relative}@media (min-width:1024px){.pageBlogs{min-height:calc(100vh - 50px);padding:0;max-width:inherit}}.blogs__list{padding:0 20px 300px;opacity:1}@media (min-width:1024px){.blogs__list ul{list-style:none;margin:0;padding:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}}.blogs__list li{position:relative;overflow:hidden;-webkit-transition:opacity .5s cubic-bezier(.38,.06,.1,.99),-webkit-transform 1s cubic-bezier(.38,.06,.1,.99);transition:opacity .5s cubic-bezier(.38,.06,.1,.99),-webkit-transform 1s cubic-bezier(.38,.06,.1,.99);transition:transform 1s cubic-bezier(.38,.06,.1,.99),opacity .5s cubic-bezier(.38,.06,.1,.99);transition:transform 1s cubic-bezier(.38,.06,.1,.99),opacity .5s cubic-bezier(.38,.06,.1,.99),-webkit-transform 1s cubic-bezier(.38,.06,.1,.99);-webkit-transform:translate(0);transform:translate(0);margin-bottom:40px}.blogs__list li a{display:block;color:#000;text-decoration:none}.blogs__list li.wait,.blogs__list li.wait .blogs__cover .blogs__cover__load{opacity:0;-webkit-transform:translateY(20px) rotateY(-10deg);transform:translateY(20px) rotateY(-10deg)}@media (min-width:768px){.blogs__list{padding:0 80px 300px}}@media (min-width:1024px){.blogs__list{padding:0 50px 300px}.blogs__list li:first-child{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.blogs__list li:first-child a{width:65.21739%}.blogs__list li:first-child .blogs__cover__load{width:100%}.blogs__list li:first-child .blogs__caption{width:34.78261%;padding:40px}.blogs__list li:first-child .blogs__caption__summary{display:block}.blogs__list li{width:calc(50% - 20px);margin-right:40px}.blogs__list li:nth-child(odd){margin-right:0}.blogs__list li:hover .blogs__cover__load.imgLoaded{-webkit-transform:scale(1.1);transform:scale(1.1)}}.blogs__cover{position:relative;overflow:hidden;-webkit-perspective:800px;perspective:800px}.blogs__cover:before{content:"";display:block;width:20px;height:20px;background-image:url(/asset/image/loading-spin.svg);background-size:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;z-index:2;opacity:.2}.blogs__cover__default{position:relative;z-index:1;opacity:.5}.blogs__cover__load{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translate(0) rotateY(0deg);transform:translate(0) rotateY(0deg);background-size:cover;background-repeat:no-repeat;background-position:50%}@media (min-width:1280px){.blogs__cover__load{width:100%}}.blogs__cover__load img{opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.blogs__cover__load.imgLoaded{opacity:1;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.01);transform:scale(1.01)}.blogs__cover__load.imgLoaded~.blogs__cover__overlay{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.blogs__caption{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;color:#000}.blogs__caption .postDate{font-size:14px;margin-bottom:5px}.blogs__caption__title{font-family:Barlow Condensed,sans-serif;font-weight:400;font-size:16px;line-height:1.5}@media (min-width:1024px){.blogs__caption__title{font-size:16px;margin-bottom:10px}}@media (min-width:1280px){.blogs__caption__title{font-size:20px}}.blogs__caption__summary{display:none}@media (min-width:1024px){.blogs__caption__summary{letter-spacing:.143em;line-height:1.5;font-size:14px;max-height:6em;overflow:hidden;margin-bottom:20px}}@media (min-width:1280px){.blogs__caption__summary{font-size:18px;max-height:9em}}.blogs__caption__tags{margin-top:5px}.blogs__caption__tags b{font-family:Barlow Condensed,sans-serif;font-weight:600;margin-right:5px;font-size:14px}@media (min-width:1024px){.blogs__caption__tags b{display:block;margin-bottom:5px}}@media (min-width:1280px){.blogs__caption__tags b{font-size:18px}}.blogs__caption__tags span{font-family:Source Sans Pro,sans-serif;font-size:14px}@media (min-width:1280px){.blogs__caption__tags span{font-size:16px}}.blogs__caption__tags span:after{content:", "}.blogs__caption__tags span:last-child:after{content:""}.blog__detail{position:relative;-webkit-transition:opacity 1s cubic-bezier(.97,.02,.3,.93);transition:opacity 1s cubic-bezier(.97,.02,.3,.93);opacity:0;margin:0 20px}@media (min-width:1024px){.blog__detail{margin:0 30px}}@media (min-width:1440px){.blog__detail{max-width:1280px;margin:0 auto}}.blog__detail .blog__detail__background{position:fixed;width:100%;height:100%;z-index:0;left:0;top:0;opacity:0;-webkit-transition:opacity 1s cubic-bezier(.97,.02,.3,.93);transition:opacity 1s cubic-bezier(.97,.02,.3,.93)}.blog__detail .blog__detail__background .img{position:absolute;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.blog__detail>.container{margin-top:calc(50vh - 80px);background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:40px 20px}@media (min-width:768px){.blog__detail>.container{padding:80px;margin-top:calc(50vh - 105px)}}@media (min-width:1024px){.blog__detail>.container{margin-top:calc(100vh - 235px)}}.blog__detail .postTime{max-width:730px;margin:0 auto 5px;color:#323232}@media (min-width:1024px){.blog__detail .postTime{font-size:16px}}.blog__detail .blog__title{max-width:730px;margin:0 auto 10px;color:#323232;font-size:22px}@media (min-width:1024px){.blog__detail .blog__title{font-size:22px}}.blog__detail .blog__author{font-size:12px;max-width:730px;margin:0 auto 20px;color:#5a5a5a;text-align:right;padding-bottom:20px;border-bottom:1px solid #d7d7d7}@media (min-width:1024px){.blog__detail .blog__author{margin-bottom:50px}}.blog__detail .detail__content{background-color:#fff;color:#000;-webkit-transition:opacity .3s linear,-webkit-transform .5s cubic-bezier(.6,.01,.26,1);transition:opacity .3s linear,-webkit-transform .5s cubic-bezier(.6,.01,.26,1);transition:transform .5s cubic-bezier(.6,.01,.26,1),opacity .3s linear;transition:transform .5s cubic-bezier(.6,.01,.26,1),opacity .3s linear,-webkit-transform .5s cubic-bezier(.6,.01,.26,1);opacity:1;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:translate(0);transform:translate(0);margin-bottom:30px;color:#323232}.blog__detail .detail__content .text{font-size:14px;line-height:1.5;letter-spacing:.143em}.blog__detail .detail__content .text blockquote{color:#717171;border-left:2px solid #717171;margin:0 0 20px;padding-left:10px}.blog__detail .detail__content.wait{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.blog__detail .detail__content p{margin-bottom:20px}.blog__detail .detail__content.no__data{max-width:730px;margin:0 auto;padding-bottom:40px}.blog__detail .detail__content.content__tamplate__1{max-width:730px;margin:0 auto;padding-bottom:40px}.blog__detail .detail__content.content__tamplate__7{margin-bottom:0}@media (min-width:768px){.blog__detail .detail__content.content__tamplate__7{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.blog__detail .detail__content.content__tamplate__7 .image{-webkit-box-flex:1;-ms-flex:1;flex:1}.blog__detail .detail__content.content__tamplate__7 img{width:100%}}.blog__detail .detail__content.content__tamplate__9{margin-bottom:0}.blog__detail .detail__content.content__tamplate__9 .iframe{position:relative;padding-bottom:56.25%;overflow:hidden}.blog__detail .detail__content.content__tamplate__9 .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.blog__detail .detail__content.content__tamplate__10 .image{text-align:center}.blog__detail .detail__content.content__tamplate__10 .image img{display:inline-block;width:auto;max-width:100%}.blog__detail .blog__detail__footer{position:relative;margin:0 0 40px}@media (min-width:768px){.blog__detail .blog__detail__footer{margin:0 0 100px}}.blog__detail .blog__detail__footer .footer__info{margin-bottom:20px}@media (min-width:1024px){.blog__detail .blog__detail__footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:300px}.blog__detail .blog__detail__footer .footer__info{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:23.4375%;background-color:#f5f5f5;position:relative;margin-bottom:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.blog__detail .blog__detail__footer .relate__project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media (min-width:1440px){.blog__detail .blog__detail__footer{margin:0 auto 300px}}.blog__detail .blog__detail__tags{background-color:#f5f5f5;color:#000;padding:35px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.blog__detail .blog__detail__tags span{font-size:22px;font-family:Barlow Condensed,sans-serif;display:block;margin-bottom:15px}.blog__detail .blog__detail__tags a{display:inline-block;color:#000;text-decoration:none;font-family:Source Sans Pro,sans-serif}.blog__detail .blog__detail__tags a:after{content:",";padding-right:5px}.blog__detail .blog__detail__tags a:last-child:after{display:none}@media (min-width:1024px){.blog__detail .blog__detail__tags{width:100%;position:absolute;top:0}}.blog__detail .info__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:1024px){.blog__detail .info__bottom{display:block;width:100%}}@media (min-width:1280px){.blog__detail .info__bottom{position:absolute;bottom:0}}.blog__detail .backToList{display:block;width:60%}@media (min-width:1024px){.blog__detail .backToList{width:100%}}.blog__detail .backToList a{display:block;line-height:50px;width:100%;background-color:#323232;color:#fff;padding-left:50px;font-size:22px;font-family:Barlow Condensed,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;position:relative}.blog__detail .backToList a:after,.blog__detail .backToList a:before{content:"";display:block;width:2px;height:10px;background-color:#fff;position:absolute;left:30px;-webkit-transition:left .25s ease;transition:left .25s ease}.blog__detail .backToList a:before{top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.blog__detail .backToList a:after{bottom:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.blog__detail .backToList a:hover:after,.blog__detail .backToList a:hover:before{left:20px}.blog__detail .shareMedia{display:-webkit-box;display:-ms-flexbox;display:flex;width:40%}.blog__detail .shareMedia a{display:block;width:50%;line-height:50px;background-color:#e1e1e1;float:left;text-align:center;color:#000;text-indent:-99999px;background-position:50%;background-repeat:no-repeat;-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.blog__detail .shareMedia a:hover{background-color:silver}.blog__detail .shareMedia a.facebook{background-image:url(/asset/image/icon_social_fb.svg);background-size:8px 18px}.blog__detail .shareMedia a.twitter{background-image:url(/asset/image/icon_social_twitter.svg);background-size:16px 13px}.blog__detail .shareMedia a.pinterest{background-image:url(/asset/image/icon_social_pinterest.svg);background-size:15px 20px}@media (min-width:1024px){.blog__detail .shareMedia{width:100%}}.blog__detail .relate__project{background-color:#fff}.blog__detail .relate__project a{text-decoration:none}.blog__detail .relate__project .project__cover{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden}.blog__detail .relate__project img{opacity:0}.blog__detail .relate__project .project__intro{background-color:#fff;color:#000;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.blog__detail .relate__project .project__intro span{font-family:Barlow Condensed,sans-serif;font-weight:400;font-size:14px;font-weight:900}.blog__detail .relate__project .project__intro .title{font-family:Barlow Condensed,sans-serif;font-weight:400}.blog__detail .relate__project .project__intro .link{font-family:Barlow Condensed,sans-serif;text-decoration:underline}@media (min-width:1024px){.blog__detail .relate__project{display:-webkit-box;display:-ms-flexbox;display:flex}.blog__detail .relate__project>div{position:relative;width:50%}.blog__detail .relate__project a{display:block;width:100%;height:100%;overflow:hidden}.blog__detail .relate__project a:hover .project__cover{-webkit-transform:scale(1.1);transform:scale(1.1)}.blog__detail .relate__project .project__cover{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .45s ease;transition:-webkit-transform .45s ease;transition:transform .45s ease;transition:transform .45s ease,-webkit-transform .45s ease;position:relative;z-index:1}.blog__detail .relate__project .project__intro{padding:15px 20px;position:relative;z-index:2}.blog__detail .relate__project .project__intro>span{display:block;font-family:Barlow Condensed,sans-serif;margin-bottom:5px;font-size:14px}.blog__detail .relate__project .project__intro .title{font-family:Barlow Condensed,sans-serif;font-weight:600}.blog__detail .relate__project .project__intro .tag b{font-weight:300;font-family:Source Sans Pro,sans-serif}.blog__detail .relate__project .project__intro .tag b:after{content:",";padding-right:10px}.blog__detail .relate__project .project__intro .link,.blog__detail .relate__project .project__intro .tag b:last-child:after{display:none}}@media (min-width:1440px){.blog__detail .relate__project .project__intro .title{font-size:24px}}.blog__detail.is-loaded,.blog__detail.is-loaded .blog__detail__background,.blog__detail.is-loaded .blog__detail__cover .subject{opacity:1}.loader{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.8);opacity:0;z-index:-1}.loader.is-loading{-webkit-transition:opacity .45s ease .1s;transition:opacity .45s ease .1s;opacity:1;z-index:999}.loader__icon{position:absolute;top:50%;top:calc(50% - 15px);left:calc(50% - 55px);width:110px;overflow:hidden}.loader__icon .icontext{display:inline-block;width:14px;height:30px;text-align:center;margin-right:3px}.loader__icon .icontext:first-child{-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(.71,.13,.45,.95);animation-timing-function:cubic-bezier(.71,.13,.45,.95);-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader__icon .icontext:nth-child(2){-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(.71,.13,.45,.95);animation-timing-function:cubic-bezier(.71,.13,.45,.95);-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader__icon .icontext:nth-child(3){-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(.71,.13,.45,.95);animation-timing-function:cubic-bezier(.71,.13,.45,.95);-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader__icon .icontext:nth-child(4){-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(.71,.13,.45,.95);animation-timing-function:cubic-bezier(.71,.13,.45,.95);-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader__icon .icontext:nth-child(5){-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(.71,.13,.45,.95);animation-timing-function:cubic-bezier(.71,.13,.45,.95);-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader__icon .icontext:nth-child(6){-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(.71,.13,.45,.95);animation-timing-function:cubic-bezier(.71,.13,.45,.95);-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader__icon .icontext:nth-child(7){-webkit-animation-name:showText;animation-name:showText;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(.71,.13,.45,.95);animation-timing-function:cubic-bezier(.71,.13,.45,.95);-webkit-animation-delay:1.9s;animation-delay:1.9s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.loader__icon .icontext img{width:auto;display:inline-block}.loader__icon .icontext:first-child,.loader__icon .icontext:last-child,.loader__icon .icontext:nth-child(4),.loader__icon .icontext:nth-child(5){margin-right:0}.loader__icon .icontext:last-child{vertical-align:bottom}@-webkit-keyframes showText{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translateY(130%);transform:translateY(130%)}80%{-webkit-transform:translateY(130%);transform:translateY(130%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes showText{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translateY(130%);transform:translateY(130%)}80%{-webkit-transform:translateY(130%);transform:translateY(130%)}to{-webkit-transform:translate(0);transform:translate(0)}}