@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,time,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}:disabled{background:#fff;color:#dee0e5}input,select,textarea{font-size:18px;padding:0 24px}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#898989}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#898989}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#898989}input::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#898989}input::placeholder,select::placeholder,textarea::placeholder{color:#898989}@media screen and (max-width:820px){input,select,textarea{font-size:15px;padding:0 9px}}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../svg/arrw_1.svg?20180611) no-repeat scroll 96.9% center transparent}:root{--bg:#fafafa;--black-bg:#1b1e25;--white-bg:#eaecef;--red:#e41827;--white:#FFF;--black:#000000;--purple:#353A45;--main:#4d4d4d}html{height:100%;margin:0;padding:0;border:none}body,html{width:100%;height:100%;font-family:"Noto Sans HK",sans-serif;font-size:16px;line-height:1.4}@media screen and (max-width:640px){body,html{font-size:15px}}body{background:#000;color:#fff;overflow-x:hidden}article,section{margin-left:169px}@media screen and (max-width:1024px){article,section{margin-left:0}}main{-webkit-transition:0.6s;transition:0.6s;width:100%;margin:auto;overflow:hidden}img{width:100%;display:block}.index-page.inherit{height:inherit;overflow:hidden}.desk_use{display:block}.mobile_use{display:none}@media screen and (max-width:1024px){.desk_use{display:none}.mobile_use{display:block}}.btn-top{opacity:0;position:fixed;right:0;bottom:0;z-index:9;width:46px;height:46px;background:var(--red);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.btn-top.active{opacity:1}.btn-top img{width:70%;display:block}footer{font-weight:bold;line-height:1.75;letter-spacing:1.6px;text-align:center;color:#414141;padding-bottom:32px}@media screen and (max-width:640px){footer{font-size:13px;padding-bottom:25px}}header{-webkit-transition:0.6s;transition:0.6s;position:fixed;width:169px;height:100%;padding:40px 35px 40px 30px;top:0;left:-169px;z-index:10}header.active{left:0}@media screen and (max-width:1024px){header{width:100%;height:70px;padding:10px 20px;left:0}header.show{background:rgba(30,30,30,0.9607843137)}}header a{-webkit-transition:0.6s;transition:0.6s;color:#FFF;text-decoration:none}@media screen and (max-width:1024px){header .header-box{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}header .logo{position:relative;z-index:10}header .logo .slogan{max-width:87px}header .logo a{display:block;margin-bottom:28%}@media screen and (max-width:1024px){header .logo a{width:74px;margin-bottom:0}header .logo .slogan{max-width:87px;display:none}}header .menu-nav{margin:21.6vh 0}header .menu-nav.is-item2 li:nth-child(2) a,header .menu-nav.is-item2 li:nth-child(3) a,header .menu-nav.is-item2 li:nth-child(4) a,header .menu-nav.is-item2 li:nth-child(5) a{-webkit-filter:brightness(0.3);filter:brightness(0.3)}header .menu-nav.is-item4 li:first-child a,header .menu-nav.is-item4 li:nth-child(3) a,header .menu-nav.is-item4 li:nth-child(4) a,header .menu-nav.is-item4 li:nth-child(5) a{-webkit-filter:brightness(0.3);filter:brightness(0.3)}header .menu-nav.is-item5 li:first-child a,header .menu-nav.is-item5 li:nth-child(2) a,header .menu-nav.is-item5 li:nth-child(4) a,header .menu-nav.is-item5 li:nth-child(5) a{-webkit-filter:brightness(0.3);filter:brightness(0.3)}header .menu-nav.is-item6 li:first-child a,header .menu-nav.is-item6 li:nth-child(2) a,header .menu-nav.is-item6 li:nth-child(3) a,header .menu-nav.is-item6 li:nth-child(5) a{-webkit-filter:brightness(0.3);filter:brightness(0.3)}header .menu-nav.is-item3 li:first-child a,header .menu-nav.is-item3 li:nth-child(2) a,header .menu-nav.is-item3 li:nth-child(3) a,header .menu-nav.is-item3 li:nth-child(4) a{-webkit-filter:brightness(0.3);filter:brightness(0.3)}@media screen and (max-width:1024px){header .menu-nav{-webkit-transform:scale(1.1);transform:scale(1.1);margin-left:10%}}header .menu-nav img{width:auto}header .menu-nav li{-webkit-transition:0.4s;transition:0.4s}header .menu-nav li a:hover{-webkit-filter:brightness(1)!important;filter:brightness(1)!important}@media screen and (max-width:1024px){header .menu-nav li{opacity:0;pointer-events:none;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}header .menu-nav li:first-child{-webkit-animation-delay:0.36s;animation-delay:0.36s}header .menu-nav li:nth-child(2){-webkit-animation-delay:0.48s;animation-delay:0.48s}header .menu-nav li:nth-child(3){-webkit-animation-delay:0.6s;animation-delay:0.6s}header .menu-nav li:nth-child(4){-webkit-animation-delay:0.72s;animation-delay:0.72s}header .menu-nav li:nth-child(5){-webkit-animation-delay:0.84s;animation-delay:0.84s}}header .menu-nav li:not(:last-child){margin-bottom:19px}@media screen and (max-width:1024px){header .menu-nav li:not(:last-child){margin-bottom:5%}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fadeInHide{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeInHide{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@media screen and (max-width:1024px){header .nav-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;pointer-events:none;opacity:0}header .nav-box:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:-webkit-transform 0.5s linear 0s;transition:-webkit-transform 0.5s linear 0s;transition:transform 0.5s linear 0s;transition:transform 0.5s linear 0s,-webkit-transform 0.5s linear 0s;background:#000;z-index:-1}}header .community{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .community a{-webkit-transition:0.4s;transition:0.4s;opacity:1}header .community a:hover{opacity:0.7}header .community a:last-child{position:relative;top:-1px}@media screen and (max-width:1024px){header .community{bottom:0;width:88%;padding-top:10px;padding-bottom:50px;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;margin:auto}}@media screen and (max-width:640px){header .community{position:fixed;left:50%;padding-bottom:12%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:48px}header .community li{width:48px}}header .community li:not(:last-child){margin-right:5px}header .menu-wrapper{display:none;width:35px;height:35px;cursor:pointer;z-index:10}header .menu-wrapper.no{opacity:0}@media screen and (max-width:1024px){header .menu-wrapper{display:block;top:6px;position:relative}}header .hamburger-menu:after,header .hamburger-menu:before,header .menu-wrapper .hamburger-menu{width:30px;height:2px;border-radius:1px}header .hamburger-menu{position:relative;left:4px;-webkit-transform:translateY(14px);transform:translateY(14px);-webkit-transition:all 0ms 300ms;transition:all 0ms 300ms;background:#FFF}header .hamburger-menu:before{content:"";position:absolute;left:0;bottom:8px;background:#FFF;-webkit-transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1)}header .hamburger-menu:after{content:"";position:absolute;left:0;top:8px;background:#FFF;-webkit-transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1)}.js-menu-active{overflow:hidden}.js-menu-active .logo a{display:none}.js-menu-active .logo .slogan{display:block;position:relative;top:3px;max-width:none;width:104px}.js-menu-active .menu-wrapper .hamburger-menu{background:rgba(255,255,255,0)}.js-menu-active .menu-wrapper .hamburger-menu:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms 300ms cubic-bezier(0.23,1,0.32,1)}.js-menu-active .menu-wrapper .hamburger-menu:before{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms 300ms cubic-bezier(0.23,1,0.32,1)}.js-menu-active header .nav-box{pointer-events:auto;opacity:1}.js-menu-active header .nav-box:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.js-menu-active header .menu-nav li{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;pointer-events:auto}.js-menu-active.out-active{pointer-events:none}.js-menu-active.out-active header .logo a{display:block}.js-menu-active.out-active header .logo .slogan{display:none}.js-menu-active.out-active header .community{display:none}.js-menu-active.out-active header .menu-nav li{-webkit-animation-name:fadeInHide;animation-name:fadeInHide;pointer-events:none;-webkit-animation-duration:0.5s;animation-duration:0.5s}.js-menu-active.out-active header .menu-nav li:first-child{-webkit-animation-delay:0s;animation-delay:0s}.js-menu-active.out-active header .menu-nav li:nth-child(2){-webkit-animation-delay:0.12s;animation-delay:0.12s}.js-menu-active.out-active header .menu-nav li:nth-child(3){-webkit-animation-delay:0.24s;animation-delay:0.24s}.js-menu-active.out-active header .menu-nav li:nth-child(4){-webkit-animation-delay:0.36s;animation-delay:0.36s}.js-menu-active.out-active header .menu-nav li:nth-child(5){-webkit-animation-delay:0.48s;animation-delay:0.48s}.js-menu-active.out-active header .nav-box:before{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:scaleY(0);transform:scaleY(0)}.js-menu-active.out-active .menu-wrapper .hamburger-menu{background:#FFF;-webkit-transition:all 0ms 300ms;transition:all 0ms 300ms}.js-menu-active.out-active .menu-wrapper .hamburger-menu:after{top:8px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1)}.js-menu-active.out-active .menu-wrapper .hamburger-menu:before{bottom:8px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1),-webkit-transform 300ms cubic-bezier(0.23,1,0.32,1)}.item-kv{pointer-events:none;margin:0;position:relative;width:100%;height:100vh;background:url(../images/kv/bg.png) center bottom no-repeat;background-size:cover}.item-kv:before{content:"";display:block;width:100%;height:50%;position:absolute;bottom:0;left:0;background:url(../images/kv/shardow.png) left bottom no-repeat;background-size:cover}.item-kv:after{pointer-events:none;opacity:0;-webkit-transition:0.4s;transition:0.4s;-webkit-transition-delay:1s;transition-delay:1s;position:absolute;top:0;display:block;width:100%;height:100%;content:"";background:url(../images/kv/tree.png) center bottom no-repeat;background-size:contain;z-index:0}@media screen and (max-width:820px){.item-kv:after{display:none}}.item-kv .container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:100%;z-index:1}.item-kv .content{position:relative;width:1100px;height:100%;margin:auto}@media screen and (min-width:1921px){.item-kv .content{height:834px}}.item-kv .content:after{opacity:0;-webkit-transition:0.6s;transition:0.6s;position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background-image:url(../images/kv/stars.png);background-position:51% 168%;background-repeat:no-repeat;background-size:130%;z-index:0;pointer-events:none;z-index:-1}@media screen and (min-width:1921px){.item-kv .content:after{background-position:53% 176%}}@media screen and (max-width:1512px){.item-kv .content:after{background-position:52% 14%}}@media screen and (max-width:1368px){.item-kv .content:after{background-size:110%;background-position:57% 15%}}@media screen and (max-width:1100px){.item-kv .content{width:1000px}}@media screen and (max-width:1024px){.item-kv .content{width:95%;left:45%;top:4%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (max-width:820px){.item-kv .content{width:100%;top:0;left:0;-webkit-transform:none;transform:none}.item-kv .content:after{background-image:url(../images/kv/stars_mb.png);background-size:100%;background-position:center -20%}}.item-kv .an-content{position:relative}.item-kv .an-content.active{z-index:1}.item-kv .an-content.active .an-deful{opacity:0}.item-kv .an-content.active .an-enter{opacity:1}.item-kv .an-deful,.item-kv .an-enter{position:absolute}.item-kv .an-enter{opacity:0}.item-kv .js-loading{-webkit-transition:0.8s;transition:0.8s;position:absolute;width:min(30%,207px);left:47%;top:37%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}@media screen and (max-width:820px){.item-kv .js-loading{top:37%;left:50%}}.item-kv .js-service{opacity:0;cursor:pointer;position:absolute;left:-3%;top:-2%;width:min(50%,564px)}@media screen and (max-width:1550px){.item-kv .js-service{top:3%}}@media screen and (max-width:1368px){.item-kv .js-service{top:-2%;left:9%;width:39%}}@media screen and (max-width:820px){.item-kv .js-service{top:29vw;left:-12vw;width:72vw}}@media screen and (max-width:640px){.item-kv .js-service{top:25vw;left:-36vw;width:84vw}}.item-kv .js-contact{opacity:0;cursor:pointer;position:absolute;left:46%;top:3%;width:min(50%,364px)}@media screen and (max-width:1550px){.item-kv .js-contact{top:1%}}@media screen and (max-width:1368px){.item-kv .js-contact{top:-3%;width:30%}}@media screen and (max-width:820px){.item-kv .js-contact{top:24vw;left:41vw;width:51vw}}@media screen and (max-width:640px){.item-kv .js-contact{top:31vw;left:58vw;width:65vw}}.item-kv .js-project{opacity:0;cursor:pointer;position:absolute;left:71%;top:8%;width:min(25vw,439px)}@media screen and (max-width:1550px){.item-kv .js-project{top:12%}}@media screen and (max-width:1366px){.item-kv .js-project{top:2%;left:67%;width:33%}}@media screen and (max-width:820px){.item-kv .js-project{top:38vw;width:55vw;left:50vw}}@media screen and (max-width:640px){.item-kv .js-project{top:59vw;width:58vw;left:69vw}}.item-kv .js-thinking{opacity:0;cursor:pointer;position:absolute;left:16%;top:55%;width:min(22vw,330px)}@media screen and (max-width:1550px){.item-kv .js-thinking{left:20%;top:57%}}@media screen and (max-width:1366px){.item-kv .js-thinking{left:23%;top:62%;width:19vw}}@media screen and (max-width:820px){.item-kv .js-thinking{left:5vw;top:84vw;width:40vw}}@media screen and (max-width:640px){.item-kv .js-thinking{left:-19vw;top:124vw;width:47vw}}.item-kv .js-about{opacity:0;cursor:pointer;position:absolute;left:61%;top:58%;width:min(28vw,479px)}@media screen and (max-width:1366px){.item-kv .js-about{left:59%;top:64%;width:32%}}@media screen and (max-width:820px){.item-kv .js-about{left:38vw;top:90vw;width:49vw}}@media screen and (max-width:640px){.item-kv .js-about{left:58vw;top:131vw;width:70vw}}.item-kv .btn-spin{-webkit-transition:0.6s;transition:0.6s;opacity:0;width:116px;position:absolute;bottom:1%;left:54%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;cursor:pointer}.item-kv .tr-d8{-webkit-transition:0.6s;transition:0.6s;-webkit-transition-delay:0.8s;transition-delay:0.8s}@media screen and (max-width:820px){.item-kv .tr-d8{-webkit-transition-delay:0.6s;transition-delay:0.6s}}.item-kv.active{pointer-events:auto}.item-kv.active:after{z-index:0;opacity:1}.item-kv.active .js-loading{pointer-events:none;left:55%}.item-kv.active .js-loading .an-deful{opacity:0}.item-kv.active .js-loading .an-enter{opacity:1}@media screen and (max-width:820px){.item-kv.active .js-loading{top:7%;left:50%}}.item-kv.active .content:after{-webkit-transition-delay:1s;transition-delay:1s;opacity:1}.item-kv.active .btn-spin{bottom:5%;left:54%;opacity:1!important}@media screen and (max-width:640px){.item-kv.active .btn-spin{bottom:2%;left:52%;width:25%}}.item-kv.active .js-service{opacity:1;left:3%;top:7%}.item-kv.active .js-service:hover{-webkit-transition-delay:0s;transition-delay:0s}@media screen and (min-width:1921px){.item-kv.active .js-service{top:3%}}@media screen and (max-width:1550px){.item-kv.active .js-service{top:3%}}@media screen and (max-width:1368px){.item-kv.active .js-service{top:5%;left:12%}}@media screen and (max-width:820px){.item-kv.active .js-service{top:29vw;left:-12vw}}@media screen and (max-width:640px){.item-kv.active .js-service{top:40vw;left:-16vw}}.item-kv.active .js-contact{opacity:1;left:46%;top:11%}.item-kv.active .js-contact:hover{-webkit-transition-delay:0s;transition-delay:0s}@media screen and (min-width:1921px){.item-kv.active .js-contact{top:7%}}@media screen and (max-width:1550px){.item-kv.active .js-contact{top:8%}}@media screen and (max-width:1368px){.item-kv.active .js-contact{top:6%}}@media screen and (max-width:820px){.item-kv.active .js-contact{top:24vw;left:41vw}}@media screen and (max-width:640px){.item-kv.active .js-contact{top:27vw;left:38vw}}.item-kv.active .js-project{opacity:1;left:62%;top:8%}.item-kv.active .js-project:hover{-webkit-transition-delay:0s;transition-delay:0s}@media screen and (min-width:1921px){.item-kv.active .js-project{top:3%}}@media screen and (max-width:1550px){.item-kv.active .js-project{top:12%}}@media screen and (max-width:1366px){.item-kv.active .js-project{top:9%}}@media screen and (max-width:820px){.item-kv.active .js-project{top:38vw;left:50vw}}@media screen and (max-width:640px){.item-kv.active .js-project{top:59vw;width:58vw;left:49vw}}.item-kv.active .js-thinking{opacity:1;left:23%;top:50%}.item-kv.active .js-thinking:hover{-webkit-transition-delay:0s;transition-delay:0s}@media screen and (min-width:1921px){.item-kv.active .js-thinking{top:51%}}@media screen and (max-width:1550px){.item-kv.active .js-thinking{left:23%;top:52%}}@media screen and (max-width:1366px){.item-kv.active .js-thinking{left:28%;top:56%}}@media screen and (max-width:820px){.item-kv.active .js-thinking{left:5vw;top:84vw}}@media screen and (max-width:640px){.item-kv.active .js-thinking{left:1vw;top:104vw}}.item-kv.active .js-about{opacity:1;left:55%;top:51%}.item-kv.active .js-about:hover{-webkit-transition-delay:0s;transition-delay:0s}@media screen and (min-width:1921px){.item-kv.active .js-about{top:52%}}@media screen and (max-width:1550px){.item-kv.active .js-about{left:55%;top:55%}}@media screen and (max-width:1366px){.item-kv.active .js-about{left:55%;top:59%}}@media screen and (max-width:820px){.item-kv.active .js-about{left:38vw;top:90vw}}@media screen and (max-width:640px){.item-kv.active .js-about{left:38vw;top:111vw}}.op-3{-webkit-filter:brightness(0.3);filter:brightness(0.3);-webkit-transition:0.6s;transition:0.6s;z-index:0}@media screen and (max-width:820px){.op-3{-webkit-filter:brightness(1);filter:brightness(1)}}.item-brand{font-size:16px;font-weight:bold;line-height:2.13;letter-spacing:1.6px;text-align:right}@media screen and (max-width:820px){.item-brand{text-align:left}}.item-brand b{color:#fac800}.item-brand .container{padding:70px 0}.item-brand .content{width:min(90%,910px);margin:auto}.item-brand .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:820px){.item-brand .content{display:block}}.item-brand .title{position:relative}@media screen and (max-width:640px){.item-brand .title{width:110%}}.item-brand .right-text{padding-top:11.0987791343%}@media screen and (max-width:820px){.item-brand .right-text{padding-top:8%}}@media screen and (max-width:640px){.item-brand .right-text{padding-top:8%;font-size:12px;letter-spacing:0.48px;line-height:1.67}}.item-brand .right-text,.item-brand .title{position:relative;opacity:0;-webkit-transition:0.8s;transition:0.8s;top:5vw}.item-brand .right-text{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-brand.active .right-text,.item-brand.active .title{top:0;opacity:1}.item-service{font-weight:bold;margin-bottom:8.5494505495%}@media screen and (max-width:820px){.item-service{margin-bottom:20%}}.item-service .content{width:min(90%,910px);margin:auto}.item-service .item-top{max-width:893px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-bottom:50px}@media screen and (max-width:820px){.item-service .item-top{display:block;margin-bottom:4%}}.item-service .title{position:relative;bottom:50px}@media screen and (max-width:820px){.item-service .title{bottom:0;margin-top:7%;width:110%;right:10%}}.item-service .page-img{width:min(55%,460px);position:relative;left:-10%}@media screen and (max-width:820px){.item-service .page-img{left:0}}.item-service .page-img img{width:100%;display:block}.item-service .service-box{margin-bottom:50px}@media screen and (max-width:820px){.item-service .service-box{width:105%;overflow:auto}}.item-service .service-box ul{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:820px){.item-service .service-box ul{width:-webkit-max-content;width:-moz-max-content;width:max-content}}.item-service .service-box li{width:min(25%,204px);padding:30px 8px;border:solid 1px #282828;background-color:#000}@media screen and (max-width:820px){.item-service .service-box li{width:204px}}.item-service .service-box li:not(:last-child){margin-right:25.7px;margin-right:2.8241758242%}.item-service .service-box .sub-title h2{padding:0 10px;background-color:#0096dc;font-size:22px;line-height:1.6;letter-spacing:2.2px;text-align:left;margin-bottom:20px}@media screen and (max-width:820px){.item-service .service-box .sub-title h2{font-size:20px}}.item-service .service-box .sub-title h3{color:#0096dc;font-size:12px;line-height:1.67;letter-spacing:0.48px;margin-bottom:20px}.item-service .service-box .sub-text{line-height:1.75;letter-spacing:1.6px;text-align:left;color:#fff}.item-service .service-box .sub-text span{display:block}.item-service .service-box .sub-text span:before{content:"•";color:#0096dc;margin-right:2px}.item-service .sub-bid{margin-bottom:3.2967032967%}.item-service .sub-bid h2{font-family:Arial;font-size:18px;line-height:1.33;letter-spacing:0.9px}.item-service .sub-bid span{margin-left:10px;font-size:16px;line-height:1.75;letter-spacing:1.6px}.item-service .value-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10.989010989%}@media screen and (max-width:820px){.item-service .value-box{-ms-flex-wrap:wrap;flex-wrap:wrap}}.item-service .left-img{width:min(50%,463px);margin-right:5%}@media screen and (max-width:820px){.item-service .left-img{width:100%;margin-right:0;margin-bottom:5%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.item-service .right-text{width:min(45%,344px);padding-top:11%}@media screen and (max-width:820px){.item-service .right-text{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:5% 0 20% 0}}.item-service .right-text .en{font-family:Arial;font-size:18px;line-height:1.33;letter-spacing:0.9px;margin-bottom:9%}.item-service .right-text .tw{font-size:16px;line-height:1.75;letter-spacing:1.6px}.item-service .item-top .page-img,.item-service .item-top .title{-webkit-transition:0.8s;transition:0.8s;opacity:0;top:5vw}.item-service .item-top .title{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-service .item-top.active .page-img,.item-service .item-top.active .title{top:0;opacity:1}.item-service .an-ser-2 .left-img,.item-service .an-ser-2 .right-text,.item-service .an-ser-2 .sub-bid{position:relative;-webkit-transition:0.8s;transition:0.8s;opacity:0;top:5vw}.item-service .an-ser-2 .left-img{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-service .an-ser-2 .right-text{-webkit-transition-delay:0.2s;transition-delay:0.2s}.item-service .an-ser-2.active .left-img,.item-service .an-ser-2.active .right-text,.item-service .an-ser-2.active .sub-bid{top:0;opacity:1}@media screen and (max-width:820px){.item-service .an-ser-2.active .left-img{top:10vw;opacity:0}.item-service .an-ser-2.active .left-img.active{top:0;opacity:1}}.item-service .an-ser-3 .desk_use,.item-service .an-ser-3 .mobile_use,.item-service .an-ser-3 .sub-bid{position:relative;-webkit-transition:0.8s;transition:0.8s;opacity:0;top:5vw}.item-service .an-ser-3 .desk_use,.item-service .an-ser-3 .mobile_use{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-service .an-ser-3.active .desk_use,.item-service .an-ser-3.active .mobile_use,.item-service .an-ser-3.active .sub-bid{top:0;opacity:1}.item-service .service-box li{-webkit-transition:1s;transition:1s;position:relative;opacity:0;left:-25%}.item-service .service-box li:nth-child(2){-webkit-transition-delay:0.3s;transition-delay:0.3s}.item-service .service-box li:nth-child(3){-webkit-transition-delay:0.6s;transition-delay:0.6s}.item-service .service-box li:nth-child(4){-webkit-transition-delay:0.9s;transition-delay:0.9s}.item-service .service-box.active li{opacity:1;left:0}.item-projects{font-size:18px;margin-bottom:7.6612903226%}.item-projects .container{padding:0}@media screen and (max-width:820px){.item-projects{margin-bottom:26.615385%}}.item-projects .content{width:min(90%,910px);margin:auto}.item-projects .title{position:relative;bottom:4vw;width:40%}@media screen and (max-width:820px){.item-projects .title{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media screen and (max-width:640px){.item-projects .title img{width:110%}}.item-projects .item-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-bottom:5.4945054945%}@media screen and (max-width:820px){.item-projects .item-top{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}}.item-projects .page-img{width:min(55%,460px);position:relative;right:-8%}@media screen and (max-width:820px){.item-projects .page-img{width:65%;right:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-bottom:8%}}.item-projects .sub-bid{line-height:1.33;letter-spacing:0.9px;margin-bottom:5.5%;font-weight:bold}.item-projects .projects-list img{width:100%;display:block}.item-projects .projects-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.item-projects .projects-list li{width:min(33%,305px);padding:0 10px;margin-bottom:40px}@media screen and (max-width:820px){.item-projects .projects-list li{padding:0;width:82%;margin:0 auto 14% auto}}.item-projects .projects-list li a{color:#FFF;text-decoration:none}.item-projects .projects-list .projects-img{margin-bottom:20px}.item-projects .projects-list .sub_title{font-family:Arial;font-weight:bold;line-height:1.33;letter-spacing:0.9px;width:100%;margin-bottom:5px}.item-projects .projects-list .tag{font-size:12px;line-height:1.67;letter-spacing:0.48px;color:#7d7d7d}.item-projects .btn-more{width:100%;text-align:right;margin:10px 0 50px 0}.item-projects .btn-more a{text-decoration:none;font-family:Arial;font-weight:bold;line-height:1.33;letter-spacing:0.9px;color:#0096dc}.item-projects .client .sub-bid{margin-bottom:30px}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:768px){@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-166.65%);transform:translateX(-166.65%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-166.65%);transform:translateX(-166.65%)}}}@media (max-width:640px){@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-135%);transform:translateX(-135%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-135%);transform:translateX(-135%)}}}.item-projects .projects-an-1 .page-img,.item-projects .projects-an-1 .title{position:relative;-webkit-transition:0.8s;transition:0.8s;opacity:0;top:5vw}.item-projects .projects-an-1 .title{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-projects .projects-an-1.active .page-img,.item-projects .projects-an-1.active .title{top:0;opacity:1}.item-projects .projects-an-2 .projects-list li,.item-projects .projects-an-2 .sub-bid{position:relative;-webkit-transition:0.8s;transition:0.8s;opacity:0;top:5vw}@media screen and (min-width:821px){.item-projects .projects-an-2 .projects-list li:first-child{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-projects .projects-an-2 .projects-list li:nth-child(2){-webkit-transition-delay:0.2s;transition-delay:0.2s}.item-projects .projects-an-2 .projects-list li:nth-child(3){-webkit-transition-delay:0.3s;transition-delay:0.3s}.item-projects .projects-an-2 .projects-list li:nth-child(4){-webkit-transition-delay:0.4s;transition-delay:0.4s}.item-projects .projects-an-2 .projects-list li:nth-child(5){-webkit-transition-delay:0.5s;transition-delay:0.5s}.item-projects .projects-an-2 .projects-list li:nth-child(6){-webkit-transition-delay:0.6s;transition-delay:0.6s}.item-projects .projects-an-2 .projects-list li:nth-child(7){-webkit-transition-delay:0.7s;transition-delay:0.7s}.item-projects .projects-an-2 .projects-list li:nth-child(8){-webkit-transition-delay:0.8s;transition-delay:0.8s}.item-projects .projects-an-2 .projects-list li:nth-child(9){-webkit-transition-delay:0.9s;transition-delay:0.9s}.item-projects .projects-an-2 .projects-list li:nth-child(10){-webkit-transition-delay:1s;transition-delay:1s}.item-projects .projects-an-2 .projects-list li:nth-child(11){-webkit-transition-delay:1.1s;transition-delay:1.1s}.item-projects .projects-an-2 .projects-list li:nth-child(12){-webkit-transition-delay:1.2s;transition-delay:1.2s}.item-projects .projects-an-2 .projects-list li:nth-child(13){-webkit-transition-delay:1.3s;transition-delay:1.3s}.item-projects .projects-an-2 .projects-list li:nth-child(14){-webkit-transition-delay:1.4s;transition-delay:1.4s}.item-projects .projects-an-2 .projects-list li:nth-child(15){-webkit-transition-delay:1.5s;transition-delay:1.5s}.item-projects .projects-an-2 .projects-list li:nth-child(16){-webkit-transition-delay:1.6s;transition-delay:1.6s}.item-projects .projects-an-2 .projects-list li:nth-child(17){-webkit-transition-delay:1.7s;transition-delay:1.7s}.item-projects .projects-an-2 .projects-list li:nth-child(18){-webkit-transition-delay:1.8s;transition-delay:1.8s}.item-projects .projects-an-2 .projects-list li:nth-child(19){-webkit-transition-delay:1.9s;transition-delay:1.9s}.item-projects .projects-an-2 .projects-list li:nth-child(20){-webkit-transition-delay:2s;transition-delay:2s}}.item-projects .projects-an-2.active .projects-list li,.item-projects .projects-an-2.active .sub-bid{top:0;opacity:1}@media screen and (max-width:820px){.item-projects .projects-an-2.active .projects-list li{top:10vw;opacity:0}.item-projects .projects-an-2.active .projects-list li.active{top:0;opacity:1}}#marquee{position:relative;width:100%}#marquee:after,#marquee:before{position:absolute;top:0;width:30%;height:100%;display:block;content:"";z-index:2;background-image:-webkit-gradient(linear,left top,right top,color-stop(8%,#000),color-stop(91%,rgba(20,20,20,0)));background-image:linear-gradient(to right,#000 8%,rgba(20,20,20,0) 91%)}#marquee:before{left:0}#marquee:after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}#marquee .swiper{width:100%;height:100%}#marquee .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important;position:relative}#marquee .swiper-slide{text-align:center;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;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 18px}#marquee .swiper-slide img{width:100px}.item-thinking{margin-bottom:7.6923076923%}.item-thinking .content{width:min(90%,910px);margin:auto}@media screen and (max-width:820px){.item-thinking{margin-bottom:17%}}.item-thinking .item-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end}@media screen and (max-width:820px){.item-thinking .item-top{-ms-flex-wrap:wrap;flex-wrap:wrap}}.item-thinking .title{position:relative;bottom:50px}@media screen and (max-width:820px){.item-thinking .title{bottom:0;margin:1% 0 9% 0;width:100%}}@media screen and (max-width:640px){.item-thinking .title{width:110%;right:10%}.item-thinking .title img{width:110%}}.item-thinking .page-img{width:min(55%,460px);position:relative;left:-10%}@media screen and (max-width:820px){.item-thinking .page-img{left:0;width:68%}}.item-thinking .thinking-box{padding:25px 14px;border:solid 1px #282828;max-width:280px}.item-thinking .thinking-box a{color:#FFF;text-decoration:none}.item-thinking .thinking-box img{width:100%}.item-thinking .thinking-box .thinking-img{margin-bottom:25px}.item-thinking .thinking-box .thinking-text{font-size:18px;font-weight:bold;line-height:1.33;letter-spacing:0.9px;margin-bottom:25px;max-height:72px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media screen and (max-width:820px){.item-thinking .thinking-box .thinking-text{font-size:16px}}.item-thinking .thinking-box .category a,.item-thinking .thinking-box .category span{font-size:12px;text-decoration:none;line-height:1.67;letter-spacing:0.48px;text-align:left;color:#7d7d7d}.item-thinking .thinking-box .category a:not(:last-child):after,.item-thinking .thinking-box .category span:not(:last-child):after{content:"·";display:inline-block;vertical-align:middle;margin-left:5px;margin-right:2px}.item-thinking .pagination-box{margin-top:49px;width:100%;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}@media screen and (max-width:820px){.item-thinking .pagination-box{margin-top:5%}}.item-thinking .pagination-next,.item-thinking .pagination-prev{cursor:pointer;width:40px;display:none}@media screen and (min-width:992px){.item-thinking .pagination-next,.item-thinking .pagination-prev{display:block}}.item-thinking .pagination-next img,.item-thinking .pagination-prev img{width:100%;display:block}.item-thinking .pagination-prev{margin-right:49px}.item-thinking .pagination-next{margin-left:49px}.item-thinking .swiper-pagination{position:static;width:auto}.item-thinking .swiper-pagination .swiper-pagination-bullet{-webkit-transition:0.5s;transition:0.5s;width:15px;height:4px;background:#ACACAC;border-radius:0;opacity:1;margin:0px 3px}.item-thinking .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;background:#FFF}@media screen and (max-width:820px){.item-thinking .thinkingSwiper{width:105%}.item-thinking .swiper-wrapper{max-width:280px}}.item-thinking .thinking-an-1 .page-img,.item-thinking .thinking-an-1 .title{position:relative;-webkit-transition:0.8s;transition:0.8s;opacity:0}.item-thinking .thinking-an-1 .page-img{top:5vw}.item-thinking .thinking-an-1 .title{-webkit-transition-delay:0.1s;transition-delay:0.1s;bottom:-3vw}.item-thinking .thinking-an-1.active .page-img{top:0}.item-thinking .thinking-an-1.active .title{bottom:50px}@media screen and (max-width:820px){.item-thinking .thinking-an-1.active .title{bottom:0}}.item-thinking .thinking-an-1.active .page-img,.item-thinking .thinking-an-1.active .title{opacity:1}.item-thinking .swiper-slide .thinking-box{position:relative;-webkit-transition:0.8s;transition:0.8s;top:5vw;opacity:0}.item-thinking .swiper-slide:first-child .thinking-box{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-thinking .swiper-slide:nth-child(2) .thinking-box{-webkit-transition-delay:0.2s;transition-delay:0.2s}.item-thinking .swiper-slide:nth-child(3) .thinking-box{-webkit-transition-delay:0.3s;transition-delay:0.3s}.item-thinking .swiper-slide:nth-child(4) .thinking-box{-webkit-transition-delay:0.4s;transition-delay:0.4s}.item-thinking .swiper-slide:nth-child(5) .thinking-box{-webkit-transition-delay:0.5s;transition-delay:0.5s}.item-thinking .swiper-slide:nth-child(6) .thinking-box{-webkit-transition-delay:0.6s;transition-delay:0.6s}.item-thinking .swiper-slide:nth-child(7) .thinking-box{-webkit-transition-delay:0.7s;transition-delay:0.7s}.item-thinking .swiper-slide:nth-child(8) .thinking-box{-webkit-transition-delay:0.8s;transition-delay:0.8s}.item-thinking .swiper-slide:nth-child(9) .thinking-box{-webkit-transition-delay:0.9s;transition-delay:0.9s}.item-thinking .swiper-slide:nth-child(10) .thinking-box{-webkit-transition-delay:1s;transition-delay:1s}.item-thinking .swiper-slide:nth-child(11) .thinking-box{-webkit-transition-delay:1.1s;transition-delay:1.1s}.item-thinking .swiper-slide:nth-child(12) .thinking-box{-webkit-transition-delay:1.2s;transition-delay:1.2s}.item-thinking .swiper-slide:nth-child(13) .thinking-box{-webkit-transition-delay:1.3s;transition-delay:1.3s}.item-thinking .swiper-slide:nth-child(14) .thinking-box{-webkit-transition-delay:1.4s;transition-delay:1.4s}.item-thinking .swiper-slide:nth-child(15) .thinking-box{-webkit-transition-delay:1.5s;transition-delay:1.5s}.item-thinking .swiper-slide:nth-child(16) .thinking-box{-webkit-transition-delay:1.6s;transition-delay:1.6s}.item-thinking .swiper-slide:nth-child(17) .thinking-box{-webkit-transition-delay:1.7s;transition-delay:1.7s}.item-thinking .swiper-slide:nth-child(18) .thinking-box{-webkit-transition-delay:1.8s;transition-delay:1.8s}.item-thinking .swiper-slide:nth-child(19) .thinking-box{-webkit-transition-delay:1.9s;transition-delay:1.9s}.item-thinking .swiper-slide:nth-child(20) .thinking-box{-webkit-transition-delay:2s;transition-delay:2s}.item-thinking .thinkingSwiper.active .swiper-slide .thinking-box{opacity:1;top:0}.item-about{font-weight:bold;line-height:1.75;letter-spacing:1.6px;padding-bottom:100px}.item-about img{width:100%;display:block}.item-about .content{width:min(90%,910px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 5.5% auto}@media screen and (max-width:820px){.item-about .content{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}}@media screen and (max-width:640px){.item-about .content{margin-bottom:13%}}.item-about .content b{color:#fac800}@media screen and (max-width:820px){.item-about .content b span{display:block}}.item-about .about-img{width:min(90%,910px);margin:auto}.item-about .left-text{padding-top:21.978021978%;width:min(44%,450px)}@media screen and (max-width:820px){.item-about .left-text{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:0}}.item-about .page-img{width:min(56%,460px);position:relative;right:-10%}@media screen and (max-width:1170px){.item-about .page-img{right:-6%}}@media screen and (max-width:820px){.item-about .page-img{right:0%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.item-about .about-img,.item-about .left-text p,.item-about .page-img,.item-about .title{position:relative;-webkit-transition:0.8s;transition:0.8s;opacity:0;top:5vw}@media screen and (max-width:820px){.item-about .about-img,.item-about .left-text p,.item-about .page-img,.item-about .title{top:10vw}}.item-about .left-text p{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-about .page-img{-webkit-transition-delay:0.2s;transition-delay:0.2s}.item-about .about-img{-webkit-transition-delay:0.3s;transition-delay:0.3s}.item-about.active .about-img,.item-about.active .left-text p,.item-about.active .page-img,.item-about.active .title{top:0;opacity:1}.item-contact{padding:7.2463768116% 0 6.038647343% 0}@media screen and (max-width:640px){.item-contact{padding-bottom:17%}}.item-contact a{color:#FFF;text-decoration:none}.item-contact img{width:100%;display:block}.item-contact .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item-contact .content{width:min(90%,828px);margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-ms-flex-wrap:wrap;flex-wrap:wrap}.item-contact .page-img{width:min(460px,56%);width:56%;max-width:460px}@media screen and (max-width:820px){.item-contact .page-img{width:66%}}.item-contact .right-text{font-size:18px;font-weight:bold;line-height:1.33;letter-spacing:0.9px;width:min(50%,318px);text-align:right;padding-bottom:8%}@media screen and (max-width:820px){.item-contact .right-text{width:100%}}@media screen and (max-width:640px){.item-contact .right-text{font-size:16px;padding-bottom:23%}}.item-contact .right-text .title{width:58%;display:inline-block;margin-bottom:9.6618357488%}@media screen and (max-width:820px){.item-contact .right-text .title{width:28%;margin-bottom:4%}}.item-contact .via{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:right;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.75;letter-spacing:1.6px;margin-top:1%}.item-contact .via .community{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item-contact .via .community li{width:59px}@media screen and (max-width:640px){.item-contact .via .community li:first-child{margin-right:4%}.item-contact .via .community li:last-child a{width:56px;display:block}}@media screen and (max-width:820px){.item-contact .via .add,.item-contact .via h3{width:100%}.item-contact .via .community{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;margin-top:8%}}@media screen and (max-width:640px){.item-contact .via .community{margin-top:17%}}.item-contact .page-img,.item-contact .right-text,.item-contact .via{position:relative;-webkit-transition:0.8s;transition:0.8s;opacity:0;top:5vw}@media screen and (max-width:820px){.item-contact .page-img,.item-contact .right-text,.item-contact .via{top:10vw}}.item-contact .page-img{-webkit-transition-delay:0.1s;transition-delay:0.1s}.item-contact .right-text{-webkit-transition-delay:0.2s;transition-delay:0.2s}.item-contact .via{-webkit-transition-delay:0.3s;transition-delay:0.3s}.item-contact.active .page-img,.item-contact.active .right-text,.item-contact.active .via{top:0;opacity:1}.blog-page .menu-nav a{opacity:0.3}.blog-page .menu-nav a:hover{opacity:0.5}.blog-page main{padding-top:80px}@media screen and (max-width:820px){.blog-page main{padding-top:130px}}.blog-page .content{width:min(90%,900px);margin:0 auto 110px auto}@media screen and (max-width:820px){.blog-page .content{margin-bottom:55px}}.blog-page .title-header{font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:2.88px;margin-bottom:80px}@media screen and (max-width:820px){.blog-page .title-header{margin-bottom:40px}}.blog-page .title-header h1{font-size:36px;margin-bottom:20px}@media screen and (max-width:820px){.blog-page .title-header h1{font-size:22px}}.blog-page .title-header .time{font-size:12px;line-height:1.67;letter-spacing:0.72px;margin-bottom:20px}.blog-page .title-header .category a,.blog-page .title-header .category span{font-size:12px;text-decoration:none;line-height:1.67;letter-spacing:0.72px;color:#fac800}.blog-page .title-header .category a:not(:last-child):after,.blog-page .title-header .category span:not(:last-child):after{content:"·";display:inline-block;vertical-align:middle;margin-left:5px;margin-right:2px}.blog-page .first-img{margin-bottom:80px}@media screen and (max-width:820px){.blog-page .first-img{margin-bottom:40px}}.blog-page .bottom-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:1px solid #fac800;padding-top:30px}.blog-page .bottom-menu img{max-width:110px}@media screen and (max-width:640px){.blog-page .bottom-menu img{width:85%}}.blog-page .bottom-menu a{-webkit-transition:0.6s;transition:0.6s;position:relative;width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.blog-page .bottom-menu a .num{position:absolute;color:#fac800;font-size:20px;bottom:0%;right:54%;font-weight:bold}@media screen and (max-width:640px){.blog-page .bottom-menu a .num{font-size:3.5vw}}.blog-page .bottom-menu a:hover{opacity:0.7}.editor_content-box{width:100%;max-width:700px;margin:auto;padding-bottom:80px;color:#cdcdcd}@media screen and (max-width:820px){.editor_content-box{margin-bottom:40px}}.editor_content{position:relative;font-size:16px;font-weight:bold;line-height:1.75;letter-spacing:1.6px}.editor_content hr{background-color:#fac800;height:1px;border:none;display:block;margin:80px 0}@media screen and (max-width:640px){.editor_content hr{margin:40px 0}}.editor_content a{text-decoration:underline}.editor_content ol,.editor_content ul{padding-left:40px}.editor_content ol{list-style-type:decimal;padding-left:10px}.editor_content ul{list-style-type:initial;padding-left:20px}.editor_content b,.editor_content strong{font-weight:bold;font-size:inherit}.editor_content em{font-style:italic}.editor_content img{max-width:100%;height:auto!important}.editor_content iframe{max-width:100%}@media screen and (max-width:767px){.editor_content iframe{height:100%!important}}.editor_content h1,.editor_content h2,.editor_content h3,.editor_content h4,.editor_content h5,.editor_content h6,.editor_content table{margin:inherit;font-weight:bold;font-stretch:normal;font-style:normal}.editor_content h2{font-size:24px;line-height:1.17;letter-spacing:1.92px}.editor_content h3{font-size:21px;line-height:1.17;letter-spacing:1.92px}.editor_content h4{font-size:18px;line-height:1.17;letter-spacing:1.92px}.editor_content td,.editor_content th,.editor_content tr{margin:initial}.thinking-detail-page .menu-nav li:nth-child(3) a{opacity:1}.project-detail-page .menu-nav li:nth-child(2) a{opacity:1}
/*# sourceMappingURL=main.css.map */