/*! Copyright (c) 2021 Eric Chow (https://cmchow.com) */*{padding:0;margin:0;outline:0}*,:after,:before{box-sizing:border-box}a{text-decoration:none}button::-moz-focus-inner,img{border:none}button{border:none;margin:0;padding:0;background:0 0}button:focus{outline:0;border:none}.burger,.select-items>div,.selected,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{border-radius:0}input[type=search]{-webkit-appearance:none}span{display:inline-block}div,section{position:relative}img{image-rendering:auto}form label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.template{display:none!important}body{overflow-x:hidden!important;overflow-y:scroll;color:#fff;background:#000;cursor:default;isolation:isolate}body #viewport{position:relative;display:block;z-index:10;pointer-events:none;isolation:isolate}#main-content{display:block;opacity:1;background-color:transparent;overflow-x:hidden;isolation:isolate}#main-container{display:block;background-color:#fff;pointer-events:all;min-height:100vh;min-height:calc(var(--vh,1vh) * 100)}#main-container.black{background-color:#000}#main-container.trans{background-color:transparent}#banner{position:fixed;top:0;left:0;width:100%;height:75vh;height:calc(var(--vh,1vh) * 75);background:#000;z-index:2}.banner-container,.banner-placeholder{position:relative;width:100%;height:75vh;height:calc(var(--vh,1vh) * 75);padding-top:100px}.banner-placeholder,body.moving #main-container *{pointer-events:none}.scr-fakeholder{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);background:#3b3b3b;z-index:2}.scr-fixed-container{z-index:3;display:block;position:relative;pointer-events:none}body#bgdark{background:#3b3b3b}body.scr{cursor:none}body.moving.scr{cursor:default}body.scr #viewport{position:fixed;overflow:hidden;height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none}body.scr #main-content{position:absolute;overflow:hidden;width:100%;z-index:10;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}body.scr .banner-container{position:relative}.def-container{position:relative;display:block;width:100%;background-color:#fff}.hide{display:none}*{font-family:Lato,"Noto Sans HK",sans-serif;-webkit-font-smoothing:subpixel-antialiased;text-rendering:serviceimizeLegibility}body,input,textarea{font-size:1.2rem;font-weight:400}.chin,body.chin{font-family:"Noto Sans HK",Lato,sans-serif;font-size:1.2rem;font-weight:300}input,textarea{font-size:1rem;font-weight:300;letter-spacing:.05rem}.contact-block,.copyright,.footer .getintouch a span,.lang-item a,.menu-item,.office,.social-link a{font-family:Lato,"Noto Sans HK",sans-serif}.lang-item.chin a,body.chin .menu-item{font-family:"Noto Sans HK",Lato,sans-serif}body.chin .btn>span>a{word-break:keep-all}::selection{color:#fff;background:#bfa999}::-moz-selection{color:#fff;background:#bfa999}::-webkit-input-placeholder{font-family:Lato,"Noto Sans HK",sans-serif}:-moz-placeholder{font-family:Lato,"Noto Sans HK",sans-serif}::-moz-placeholder{font-family:Lato,"Noto Sans HK",sans-serif}:-ms-input-placeholder{font-family:Lato,"Noto Sans HK",sans-serif}.fw7,b{font-weight:700}.chin b,.fw5{font-weight:500}.textshadow{text-shadow:2px 2px 10px #111}.txtB{color:#000}.txtW{color:#fff}h1{font-size:4rem;font-weight:100;letter-spacing:.09rem}h2{font-size:2rem;font-weight:300;letter-spacing:.06rem}h3{font-size:1.7rem;font-weight:400;letter-spacing:.05rem}h4{font-size:1.5rem;font-weight:400;letter-spacing:.05rem}h5{font-size:1.2rem;font-weight:400;letter-spacing:.02rem}p{font-size:1.2rem;font-weight:300;letter-spacing:.02rem}p a{font-weight:400;letter-spacing:.02rem;text-decoration:underline}.overrideText *{font-weight:300!important}.overrideText img{width:100%;height:100%;object-fit:contain}.headClear{margin-bottom:2em}.pClear{margin-bottom:1.5em}#loading{display:block;transition:all .3s ease;opacity:1}#loading.hide{display:none;opacity:0}.h2-title{font-size:2.8125rem;font-weight:400}.btn{cursor:pointer;width:fit-content;width:-moz-fit-content}.lines{position:absolute;top:0;left:0;right:0;height:100%;margin:auto;width:90vw}.lines .line{position:absolute;width:1px;height:100%;top:0;left:50%;background:rgba(255,255,255,.1);overflow:hidden}.lines .line::after{content:"";display:block;position:absolute;height:15vh;height:calc(var(--vh,1vh) * 15);width:100%;top:-50%;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(75%,#fff),to(#fff));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%,#fff 100%);-webkit-animation:run 5s 0s infinite;animation:run 5s 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.4,.26,0,.97);animation-timing-function:cubic-bezier(.4,.26,0,.97)}.lines .line:nth-child(1){margin-left:-25%}.lines .line:nth-child(1)::after{-webkit-animation-delay:1.5s;animation-delay:1.5s}.lines .line:nth-child(3){margin-left:25%}.lines .line:nth-child(3)::after{-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes run{0%{top:-50%}100%{top:110%}}@-moz-keyframes run{0%{top:-50%}100%{top:110%}}@-o-keyframes run{0%{top:-50%}100%{top:110%}}@keyframes run{0%{top:-50%}100%{top:110%}}.space{height:5em}a{text-decoration:none;color:#000}.article-type-list a{color:#fff}.anim{-webkit-animation-fill-mode:both;animation-fill-mode:both}.anim-box{display:block;overflow-y:hidden}.anim-box .once{opacity:0;display:inline-block}.reveal:not(.ovl){opacity:0}.ad1{animation-delay:.1s}.ad2{animation-delay:.2s}.ad3{animation-delay:.3s}.ad4{animation-delay:.4s}.ad5{animation-delay:.5s}.slideOpac{-webkit-animation-duration:.8s;-webkit-animation-name:kTest;-webkit-animation-timing-function:ease;animation-duration:.8s;animation-name:kTest;animation-timing-function:ease}@-webkit-keyframes kTest{0%{opacity:0}100%{opacity:1}}@-moz-keyframes kTest{0%{opacity:0}100%{opacity:1}}@-o-keyframes kTest{0%{opacity:0}100%{opacity:1}}@keyframes kTest{0%{opacity:0}100%{opacity:1}}.slideUp{-webkit-animation-duration:.8s;-webkit-animation-name:kSlideUp;-webkit-animation-timing-function:ease;animation-duration:.8s;animation-name:kSlideUp;animation-timing-function:ease}@-webkit-keyframes kSlideUp{0%{opacity:0;-webkit-transform:translate3d(0,50%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes kSlideUp{0%{opacity:0;-moz-transform:translate3d(0,50%,0)}100%{opacity:1;-moz-transform:translate3d(0,0,0)}}@-o-keyframes kSlideUp{0%{opacity:0;-o-transform:translate3d(0,50%,0)}100%{opacity:1;-o-transform:translate3d(0,0,0)}}@keyframes kSlideUp{0%{opacity:0;transform:translate3d(0,50%,0);-webkit-transform:translate3d(0,50%,0);-ms-transform:translate3d(0,50%,0)}100%{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}}.slideLeft{-webkit-animation-duration:.8s;-webkit-animation-name:kSlideLeft;-webkit-animation-timing-function:ease;animation-duration:.8s;animation-name:kSlideLeft;animation-timing-function:ease}@-webkit-keyframes kSlideLeft{0%{opacity:0;-webkit-transform:translate3d(50%,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes kSlideLeft{0%{opacity:0;-moz-transform:translate3d(50%,0,0)}100%{opacity:1;-moz-transform:translate3d(0,0,0)}}@-o-keyframes kSlideLeft{0%{opacity:0;-o-transform:translate3d(50%,0,0)}100%{opacity:1;-o-transform:translate3d(0,0,0)}}@keyframes kSlideLeft{0%{opacity:0;transform:translate3d(50%,0,0);-webkit-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0)}100%{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}}.slideRight{-webkit-animation-duration:.8s;-webkit-animation-name:kSlideRight;-webkit-animation-timing-function:ease;animation-duration:.8s;animation-name:kSlideRight;animation-timing-function:ease}@-webkit-keyframes kSlideRight{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes kSlideRight{0%{opacity:0;-moz-transform:translate3d(-50%,0,0)}100%{opacity:1;-moz-transform:translate3d(0,0,0)}}@-o-keyframes kSlideRight{0%{opacity:0;-o-transform:translate3d(-50%,0,0)}100%{opacity:1;-o-transform:translate3d(0,0,0)}}@keyframes kSlideRight{0%{opacity:0;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0)}100%{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}}.slideMove{-webkit-animation-duration:.8s;-webkit-animation-name:kSlideMove;-webkit-animation-timing-function:ease-in;animation-duration:.8s;animation-name:kSlideMove;animation-timing-function:ease-in}@-webkit-keyframes kSlideMove{0%{opacity:1;-webkit-transform:translate3d(-50%,0,0)}100%{opacity:1;-webkit-transform:translate3d(50%,0,0)}}@-moz-keyframes kSlideMove{0%{opacity:1;-moz-transform:translate3d(-50%,0,0)}100%{opacity:1;-moz-transform:translate3d(50%,0,0)}}@-o-keyframes kSlideMove{0%{opacity:1;-o-transform:translate3d(-50%,0,0)}100%{opacity:1;-o-transform:translate3d(50%,0,0)}}@keyframes kSlideMove{0%{opacity:1;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0)}100%{opacity:1;transform:translate3d(50%,0,0);-webkit-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0)}}section:not(#banner){z-index:100;position:relative}header{padding:12px 0;width:100%;background-color:transparent;position:fixed;top:0;left:0;z-index:999;display:flex;justify-content:space-between;background-color:#000}.header-container{display:flex;justify-content:space-between;max-width:1320px;width:100%;margin:auto}.right-container{position:absolute;right:5%;top:40px;display:flex;justify-content:space-between;align-items:center}.menu-circle{height:100vw;width:100vw;position:absolute;right:-50vw;top:-50vw;background-color:#fff;border-radius:50%;transform:scale(0);display:none}.canvas-container{height:60vh;width:60vh;height:calc(var(--vh,1vh) * 60);width:calc(var(--vh,1vh) * 60);max-height:720px;max-width:720px;position:absolute;right:12%;top:50%;display:block;pointer-events:all;z-index:10;transform:translateY(-50%)}.particle-canvas{height:100%;width:100%;position:relative;display:block;pointer-events:all}.burger{font:inherit;display:none;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.burger.is-active:hover,.burger:hover{opacity:.7}.burger.is-active .burger-inner,.burger.is-active .burger-inner:after,.burger.is-active .burger-inner:before{background-color:#fff}.burger-box{position:relative;display:inline-block;width:25px;height:20px}.burger-inner{top:50%;display:block;margin-top:-2px}.burger-inner,.burger-inner:after,.burger-inner:before{position:absolute;width:25px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#fff}.burger-inner:after,.burger-inner:before{display:block;content:""}.burger-inner:before{top:-10px}.burger-inner:after{bottom:-10px}.burger--spin .burger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.burger--spin .burger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.burger--spin .burger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.burger--spin.is-active .burger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg);background-color:#000}.burger--spin.is-active .burger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.burger--spin.is-active .burger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg);background-color:#000}.burger--spin-r .burger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.burger--spin-r .burger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.burger--spin-r .burger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.burger--spin-r.is-active .burger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.burger--spin-r.is-active .burger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.burger--spin-r.is-active .burger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}#youtube-block img{width:100%}#map{height:400px;width:100%}#file-upload-box{color:#000;font-size:1.2rem;font-weight:300;letter-spacing:.05rem;min-height:200px;border:2px dashed #999;display:flex;justify-content:space-between;align-items:center}.upload-text{margin-left:10%}#upload-btn{font-family:Lato,"Noto Sans HK",sans-serif;background-color:#000;padding:.5rem;cursor:pointer;margin-right:10%;color:#fff;font-size:1.2rem;font-weight:300;letter-spacing:.05rem}.z2{z-index:200!important}.z3{z-index:300!important}.z4{z-index:400!important}.highlight-bg{display:block;position:absolute;width:100%;height:300px;background-color:#fff;bottom:0;z-index:1}.highlight-overlay{width:200%;height:100%;position:absolute;top:0;background:-moz-linear-gradient(left,rgba(247,247,247,0) 0,rgba(247,247,247,1) 50%);background:-webkit-linear-gradient(left,rgba(247,247,247,0) 0,rgba(247,247,247,1) 50%);background:linear-gradient(to right,rgba(247,247,247,0) 0,rgba(247,247,247,1) 50%);transform:translate3d(-50%,0,0);z-index:5}.highlight-container{width:100%;max-width:1100px;margin:1em auto;overflow:visible;z-index:2;display:block;position:relative}.highlight-col{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;overflow-x:visible;width:100%;transition:transform .2s ease-out}.highlight-col.drag{transform:scale(.975)}.highlight-container.touch .highlight-col{overflow-x:scroll;width:100vw}.highlight-block{width:25vw;padding-right:8%;flex:10 0 auto;max-width:420px}.highlight-plane{margin-bottom:2em;display:flex;align-items:flex-start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight-block .info{margin:.5em 0}.highlight-block .info .title{font-size:1.9rem;font-weight:300;color:#000}.highlight-block .info .no{margin-bottom:.8em;font-size:1rem;color:#555}.highlight-block .info .no:after{content:"";flex:1;margin-left:1rem;height:1px;background-color:#555;display:inline-block;width:3rem;vertical-align:middle}.highlight-block .info .des{margin-top:.4em;font-size:1.1rem;color:#555;letter-spacing:.05rem;font-weight:300}.highlight-cover{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:133% 0 0 0;background-color:#666;background-position:50%;background-size:cover}.highlight-cover>img{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:cover}.mincontain{min-height:50vh;width:100%}.banner-text{position:relative;display:block;height:100%;padding:0 5%}.banner-text.short{background:rgba(0,0,0,.2)}.banner-textblock{height:80%;display:inline-block;position:absolute;display:-webkit-box;display:flex;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transform:translate3d(0,1,0)}.banner-text .title{font-size:2.75rem;font-size:calc(32px + 1.2vw);font-size:clamp(1rem,calc(32px + 1.2vw),2.9rem);font-weight:700;line-height:1.6}.banner-text .title.chin{font-weight:300}body.chin .banner-text .title{font-weight:500}.banner-text .des{font-size:1.1rem;font-size:calc(16px + .3vw);font-size:clamp(1rem,calc(16px + .3vw),1.25rem);font-weight:300;line-height:1.5;letter-spacing:.05rem;max-width:70%}.banner-text .des.full{max-width:100%}.banner-text .narrow{max-width:50%}.banner-text .des.small{font-size:.9rem;font-size:calc(12px + .2vw);font-size:clamp(.7rem,calc(12px + .2vw),1.1rem);font-weight:300;line-height:1.5;letter-spacing:.05rem}.banner-text .des.pad{padding-top:1em}.down-arrow{cursor:pointer;width:fit-content;width:-moz-fit-content;position:absolute;display:block;bottom:5%;left:5%;padding:1em 1em 1em 0}.down-arrow:hover img{transform:translateY(15px)}.down-arrow img{width:12px;height:27px;transition:all .3s ease;animation:arrowloop 1s ease-out infinite}@keyframes arrowloop{from{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}.page-cursor{position:fixed;z-index:2000;left:0;top:0;width:0;height:0;pointer-events:none;mix-blend-mode:difference;isolation:isolate;transition:opacity .2s ease-out;opacity:1}body.moving .page-cursor{opacity:0;mix-blend-mode:unset}.page-cursor.disable{display:none}.page-cursor.inner{width:8px;height:8px;z-index:1999;pointer-events:none;top:0;left:0}.page-cursor.inner span{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff}.page-cursor.ring{width:24px;height:24px;z-index:1998;pointer-events:none;top:0;left:0}.page-cursor.ring span{display:block;width:100%;height:100%;border-radius:50%;border:0 solid #fff;background-color:#fff;transition:all .2s ease-in-out}.page-cursor.ring.borderzoom span{width:600%;height:600%;background-color:transparent;border-width:1px;transform:translate3d(-60px,-60px,0)}.page-cursor.ring.panzoom span{width:300%;height:300%;background-color:transparent;border-width:2px;transform:translate3d(-30px,-30px,0)}.page-cursor.ring.panzoom span:after,.page-cursor.ring.panzoom span:before{display:inline;position:absolute;color:#fff;font-size:64px;font-weight:300;top:-4px}.page-cursor.ring.panzoom span:before{content:"<";left:-38px}.page-cursor.ring.panzoom span:after{content:">";right:-38px}.page-cursor.ring.zoom span{transform:scale(5)}.page-cursor.inner.ms>span{background-color:#000;border:1px solid #fff}.page-cursor.ring.ms>span{background-color:rgba(255,255,255,.5);border:1px solid #000}.page-cursor.ring.borderzoom.ms>span{background-color:rgba(255,255,255,0)}.page-notification{position:fixed;z-index:1000;bottom:0;width:100%;height:100%;min-height:150px;pointer-events:none}.page-message{position:absolute;bottom:1vw;right:1vw;max-width:90%;background-color:#f7f7f7;pointer-events:all;color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:1px 1px 20px #999;border-left:6px solid #295cff;padding:1em 1em;text-align:left;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1);transform:translate3d(150%,0,0)}.page-message.show{transform:translate3d(0,0,0)}.page-message h4,.page-message p{width:100%;line-height:1.6rem}.page-message h4{margin-bottom:.8em;color:#555;font-size:1.4rem;display:flex;align-items:center;justify-content:space-between}.page-message h5{font-size:1rem;color:#999;margin-top:1em}.page-message p{font-size:1.1rem}.page-message.connection-fail h4::before,.page-message.submit-fail h4::before,.page-message.submit-invalid h4::before,.page-message.submit-sucess h4::before{content:"";background:url(../img/icon-error.svg) center/contain no-repeat;display:inline-block;position:relative;width:8vw;height:8vw;min-width:24px;min-height:24px;max-width:42px;max-height:42px;margin-right:12px}.page-message.connection-fail h4::before,.page-message.submit-fail h4::before{background:url(../img/icon-warning.svg) center/contain no-repeat}.page-message.submit-sucess h4::before{background:url(../img/icon-check.svg) center/contain no-repeat}.message-dismiss{position:absolute;top:-6px;left:-21px;width:36px;height:36px;z-index:1;display:block;color:#fff;background-color:#000;border-radius:50%}.message-dismiss:after{content:"\2715";font-family:Lato,sans-serif;font-size:18px;font-weight:300}#footer{background-color:#000;position:fixed;z-index:1;width:100%;bottom:0;left:0}#footer .container,.footer-placeholder .container{max-width:1100px;margin:auto;width:90%;height:100vh;height:calc(var(--vh,1vh) * 100);padding-top:100px;padding-bottom:40px;position:relative;font-weight:300;display:flex;justify-content:center;align-items:center;flex-direction:column}.footer-placeholder{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);position:relative;background:-moz-linear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);background:linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);z-index:10;pointer-events:none}.footer-placeholder .container{display:none}.footer a{color:#fff}.fb{width:8px;height:16px;right:-50px;cursor:pointer}.footer .row{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.footer .row.pad{padding:1em 0}.footer .row.padtop{padding-top:2em}.footer .col{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.footer .getintouch a{margin-top:.5em;margin-left:2px}.footer .getintouch a img{vertical-align:middle}.footer .getintouch a span{font-size:1rem;font-weight:300;letter-spacing:.08rem}.footer .office-container{width:50%;display:flex;justify-content:space-between;align-items:flex-start}.footer .office .location p{font-size:.95rem;margin:1em 0;color:#aaa;line-height:1.4rem;letter-spacing:.02rem}.footer .office .email{font-size:1rem;color:#eee;letter-spacing:.04rem}.footer .foot-menu-container{width:40%;display:flex;justify-content:flex-start;align-items:flex-start}.footer .foot-menu:first-of-type{margin-right:2.5em}.footer .foot-menu .menu-item{margin-bottom:.75em;width:fit-content;width:-moz-fit-content}.footer .social-link a{font-size:.95rem;margin-right:1em;color:#eee}.footer .logo{width:192px}.footer .logo img{width:100%;object-fit:contain}.footer .copyright{font-size:.9rem;margin:1em 0;color:#999;line-height:1.4rem;letter-spacing:.02rem}.foot-flex{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:550px}.foot-flex>a{display:block;width:100%;max-width:250px}.foot-flex>a>img{width:100%;height:auto;object-fit:contain}.contact-parent{height:50%;width:90%;position:absolute}.contact-block{position:absolute;transform:translateX(50%) rotate(90deg);font-weight:300;float:right;bottom:0;right:0;line-height:1}.contact-block a{margin-left:20px;font-size:1rem;color:#fff;text-decoration:none;display:inline-block;position:relative;letter-spacing:.05rem}.contact-block a img{width:15px;height:15px;vertical-align:bottom}#video{width:100%;background-color:#000}#video .container{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:31.25% 0 0 0;background-color:#000}#video .container video{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:cover}#video .container>img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:opacity .3s ease-in}#video .container>img.played{opacity:0}#play-btn{width:67px!important;height:67px!important;opacity:1;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;cursor:pointer}#play-btn.played{display:none}#play-btn>img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;transform-origin:50%}#play-btn:hover>img{transform:scale(1.25)}.grey-bg{background-color:#f7f7f7}.grey-bg.dark{background-color:#3b3b3b}.grey-bg.trans{background-color:transparent}#intro .grey-bg .container,.mkt-container{max-width:1100px;width:90%;padding:4rem 0;margin:0 auto}#intro .grey-bg .container .title,.mkt-container .title{color:#333;font-size:1.5rem;margin-bottom:2em}.mkt-container .title{color:#fff}#intro .grey-bg .container .des,.mkt-container .des{font-size:1.2rem;color:#333;margin-bottom:1.5em;font-weight:300;text-align:left;line-height:2}.mkt-container .des{color:#333}#intro .grey-bg .container .btn img{width:16px;height:8px;margin-right:15px;transition:all .3s ease}#intro .grey-bg .container .btn:hover img{margin-left:15px}#intro .grey-bg .container .btn span{font-size:1rem;color:#333;font-weight:300}#intro .des img{width:100%;height:100%;object-fit:content}#show_case{background-color:#fff}#show_case .grey-bg{max-height:350px}#show_case .title{font-size:2.1825rem;color:#333}.top_row{width:90%;max-width:1100px;display:flex;margin:0 auto;padding-bottom:1em;display:flex;justify-content:space-between}.top_row .btn{color:#333;transition:all .3s ease;font-weight:300;font-size:1rem}.top_row .btn img{margin-right:10px}.top_row .btn:hover{transform:translateX(10px)}.white-bg{width:100%;max-height:392px;background-color:#fff}#show_case_container{max-width:1100px;margin:auto;margin-top:40px;width:90%}.caseblock-title{font-size:2rem;font-weight:400;color:#fff}.case-category-list{display:flex;flex-wrap:wrap}.case-category-list>button{color:#fff;cursor:pointer;font-size:1.25rem;display:block;margin-bottom:20px;position:relative;padding-bottom:5px}.case-category-list>button:not(:last-child){margin-right:30px}.case-category-list>button::after{content:"";position:absolute;top:100%;left:0;transform:scaleX(0);transition:transform .3s ease;width:100%;height:2px;background-color:#fff;transform-origin:center}.case-category-list>button.active::after,.case-category-list>button:hover::after{transform:scaleX(1)}.case_block{overflow:hidden;position:relative;display:flex}.case_block>.case{flex:10 0 auto;max-width:100%}.case_row .case_block{width:100%;background-color:transparent}.case_row{margin-top:42px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2em;pointer-events:unset;padding-bottom:4em}.case_row.moving{pointer-events:none}.case-hover{position:absolute;width:100%;height:100%;background-color:#274dbd;background-size:cover;background-position:50%;transition:transform .4s ease;transition-delay:0;transform:translateX(101%)}.case_block:hover .case-hover{transform:translateX(0)}.case-hover.pic{transition-delay:.2s;background-color:#fff}.case-cover{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:133% 0 0 0;background-color:transparent;background-position:50%;background-size:cover}.case-cover>img{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:cover}.case_block:hover .case-cover{transform:scale(.9)}.case-load{width:100%;height:64px;display:flex;align-items:center;justify-content:center;transition:opacity .3s;opacity:0;display:none}.case-load.show{opacity:1}.spinner{position:relative;display:flex;align-items:center;width:64px;height:64px}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#bfa999;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:db-bounce 2s infinite ease-in-out;-moz-animation:db-bounce 2s infinite ease-in-out;-o-animation:db-bounce 2s infinite ease-in-out;animation:db-bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes db-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@-moz-keyframes db-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@-o-keyframes db-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes db-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.client_info{margin:.5em 0}.client_info.card{background-color:transparent;padding:0}.client_info .title{font-size:1.9rem;font-weight:300;color:#000}.client_info .des{margin-top:.4em;font-size:1.1rem;color:#555;letter-spacing:.05rem;font-weight:300}.client-slideshow{width:90%;padding:3rem 0;margin:0 auto;display:flex;flex-direction:column;pointer-events:unset}.client-slideshow.moving{pointer-events:none}.slideshow-row{display:flex;width:150%;margin:0 auto}.slideshow-container{display:block;width:100%;position:relative;overflow:hidden}.slideshow-item{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:75% 0 0 0}.slideshow-item>img{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:contain;max-width:unset;max-height:unset}.banner-text.overlay{background:rgba(0,0,0,.4)}.shifted_service_container{background-color:#fff;padding-top:300px}#service_list{background-color:#161e50}#home{pointer-events:unset}#home.moving{pointer-events:none}#service_list .container{max-width:1100px;width:90%;margin:auto;display:flex;flex-direction:column}#service_list .container .title{color:#fff;font-size:1.8rem;margin-bottom:2em;font-weight:400;padding-top:4rem}#service_list .container .sub{color:#fff;font-size:1.1rem;font-weight:300;letter-spacing:.02rem}#service_list .container .des{font-size:1.2rem;color:#fff;margin-bottom:4rem;font-weight:300;line-height:2}.service_block{display:flex;background-size:cover;background-position:right;min-height:270px;margin-bottom:40px;background-color:#000;border-radius:5px;text-decoration:none;color:#fff;width:100%;position:relative;overflow:hidden}.service_block .overlay{width:200%;height:100%;background:#161e50;position:absolute;top:0;background:-moz-linear-gradient(left,rgba(22,30,80,0) 0,rgba(22,30,80,1) 50%);background:-webkit-linear-gradient(left,rgba(22,30,80,0) 0,rgba(22,30,80,1) 50%);background:linear-gradient(to right,rgba(22,30,80,0) 0,rgba(22,30,80,1) 50%);transform:translate3d(-50%,0,0);z-index:3}.service_block .overlay.serv{background:-moz-linear-gradient(left,rgba(247,247,247,0) 0,rgba(247,247,247,1) 50%);background:-webkit-linear-gradient(left,rgba(247,247,247,0) 0,rgba(247,247,247,1) 50%);background:linear-gradient(to right,rgba(247,247,247,0) 0,rgba(247,247,247,1) 50%)}.service_block .bg{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:right}.service_block .overlay-bg{height:99.9%;width:50%;right:0;position:absolute}.service_block .overlay-bg>img{height:100%;width:100%;object-fit:cover;object-position:left}.service_block .overlay-grad{height:100%;width:50%;right:0;position:absolute;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%)}.service_block .bg{background-color:#3b3b3b;transition:opacity .3s ease}.service_block:hover .bg{opacity:.7}#service_list .container .service_block .title{color:#fff;font-size:1.8rem;margin-bottom:60px;font-weight:400;padding-top:0}.service_left{width:55%;padding:45px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}#youtube-block,.client-list-container,.design-container,.platform-container{max-width:1100px;width:90%;padding-top:70px;padding-bottom:70px;margin:auto;display:flex;justify-content:space-between;align-items:center}.platform-cap{color:#000;text-align:center;padding-top:1em;font-weight:300;font-size:.8rem}.design-cap{color:#000;text-align:center;padding-top:1em;font-weight:400;font-size:1.2rem}.design-container{padding-top:0;padding-bottom:6em}.design-logo-container,.platform-logo-container{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.client-col,.client-row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:2rem 0}.client-col{flex-direction:column}.client-row-container{width:90%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:2rem 0}.design-logo-container{width:33%}.client-row-container>.client-logo-container{width:45%}.client-logo{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);opacity:.6;transition:opacity .3s}.client-logo:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0);opacity:1}.left_top .title{margin-bottom:10px!important;font-size:1.875rem;text-shadow:2px 2px 4px #353535}.left_top .des{font-size:1.375rem;font-weight:300}.left_bot{margin-right:10px;cursor:pointer;font-weight:300;letter-spacing:.02rem;font-style:italic}.left_bot span{padding-right:12px}.left_bot img{transition:all .3s ease}.left_bot:hover img{margin-left:10px}.service_right{width:50%}.mkt_block{width:40%}.mkt_block .mkt-number{color:#bcbcbc;font-size:1.8rem;font-weight:400;margin-right:1.5rem;vertical-align:middle}.mkt_block .title{padding-top:1.6rem;font-size:1.375rem;font-weight:400}.mkt_block .mkt-subtitle{font-size:1.375rem;font-weight:400;color:#fff;vertical-align:middle}.mkt_block .des{padding-top:1.2rem;font-size:1.1rem;font-weight:300}.mkt-scroll{position:relative;padding:20px}.piece{width:1100px;position:absolute;bottom:7vw}.scr-block{width:100%;position:relative;background-color:transparent}.scr-fixed-frame{opacity:0;width:100%;position:fixed;background-color:transparent;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.scr-fixed-frame.active{opacity:1}.scr-fixed-piece,.scr-piece{width:50%;width:50vw;position:relative;box-shadow:6px 8px 16px #000;border-radius:10px;display:block;margin:auto}.scr-piece{z-index:100}.scr-fixed-piece{z-index:50}.scr-piece.hide{opacity:0}#web{background-image:url(../img/service/cover_service_web.png)}#app{background-image:url(../img/service/cover_service_app.png)}#marketing{background-image:url(../img/service/cover_service_marketing.png)}#media{background-image:url(../img/service/cover_service_production.png)}#design{background-image:url(../img/service/cover_service_design.png)}#about-banner{background-image:url(../img/banner-about.jpg);background-position:right;background-repeat:no-repeat;background-size:cover}#client{padding-top:80px;padding-bottom:80px;background-color:#fff}#client .top_row .title{font-size:1.875rem;color:#333}#client_container{max-width:1100px;width:90%;margin:auto;margin-top:30px}#client_container.full{max-width:90%}.client-plus{font-size:2rem;font-weight:200;color:#999;padding:0 10px}.client-logo-container{display:flex;justify-content:center;align-items:center;min-height:68px}.client-logo{width:100%;height:100%;max-width:187px;max-height:68px;object-fit:contain}#footer .container .top{display:flex;justify-content:space-between;align-items:center}#footer .container .top.bot{margin-top:40px;padding-bottom:15px;border-bottom:1px solid #333}#footer .container .top.final{margin-top:10px;color:#6c6c6c;font-size:.95rem}#footer .container .top a{text-decoration:none;color:#fff;font-size:1rem}#footer .container .top a img{max-width:165px;max-height:52px;vertical-align:bottom}#footer .container .top .fb a img{vertical-align:baseline}.shifted_top_container{max-width:1200px;min-height:100vh;position:relative;top:-200px;margin:auto;width:90%}.mkt_row,.work_row{display:flex;justify-content:space-between;margin-top:42px}.case_grid{display:grid;grid-template-columns:auto auto;margin-top:88px;grid-gap:34px;width:100%}.case_grid .case_block{max-width:529px;width:90%;height:262px}.shifted_section_container{background-color:#fff}#service_list.shifted_top_container{margin-top:0;background-color:#f7f7f7;padding-top:56px}.platform{background-color:#f7f7f7}.inner-banner{height:45vh;height:calc(var(--vh,1vh) * 45);width:100%;padding-top:100px;background-color:#000;background-repeat:no-repeat;background-size:50%;background-size:95vh 45vh;background-size:calc(var(--vh,1vh) * 95) calc(var(--vh,1vh) * 45);background-position:right bottom}.inner-banner .service_left{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0;background-image:linear-gradient(to right,rgba(59,59,59,1),rgba(59,59,59,0))}.service_left .sub{color:#fff;font-size:1.1rem;font-weight:300;letter-spacing:.02rem}.noraml-info{margin-top:1em}.noraml-info .container{max-width:1100px;width:90%;margin:auto;padding-top:40px;padding-bottom:40px;color:#333}.noraml-info .container .title{display:flex;align-items:center;margin-bottom:66px}.noraml-info .container .title span{font-size:2.8125rem}.noraml-info .container .title img{width:97px;height:90px;margin-right:40px}.noraml-info .container .des{font-size:1.25rem;font-weight:300;margin-bottom:20px;line-height:2}.noraml-info .container .sub-title{font-size:1.5625rem;margin-top:80px;margin-bottom:80px}.black-intro{position:relative}.black-bg{background-color:#000;height:90%;width:100%;top:50%;position:absolute;transform:translateY(-50%)}.intro-row-container{width:100%;display:flex}.intro-row-container.end{justify-content:flex-end}.intro-row-container.start{justify-content:flex-start}.intro-row{display:flex;justify-content:space-between;width:80%}.intro-row .image{width:50%;z-index:10}.intro-row .image img{width:100%;z-index:10}.intro-row .text{width:50%;display:flex;justify-content:center;padding:60px;flex-direction:column}.intro-row .content{font-size:1rem;font-weight:300;line-height:2;margin-top:1em}.intro-row-container.end .intro-row .text{padding-top:150px}.intro-row-container.end .intro-row .text.single{padding-top:50px}.intro-row-container.end .intro-row{justify-content:flex-end}.intro-row-container.start .intro-row{justify-content:flex-start}.intro-row .text .title{display:inline-block;font-size:2.75rem}.intro-row .text .icon img{margin-right:45px}.intro-row .text .icon{z-index:10}.about{background-color:#fff}.about:nth-of-type(3){margin-bottom:3rem}.about-block{width:90%;margin:0 auto;color:#333}.about-block.how{margin:0 auto;position:relative}.about-how{width:90%;margin:0 auto;color:#333;padding:3rem 0;max-width:1100px;line-height:2rem;font-size:1.15rem}.about-block.how.white .text-block{background-color:#fff}.about-block.how .work_row{margin:2em auto}.about-row{display:flex;justify-content:space-between;width:100%;padding-top:3rem;max-width:1100px;margin:0 auto;position:relative;overflow:hidden}.about-row:nth-of-type(2){padding-bottom:3rem}.about-row .img-block:first-of-type{margin-right:4%}.about-row .img-block:nth-of-type(3){margin-left:4%}.about-row .img-block.narrow{width:28%}.about-row .img-block.wide{width:68%}.about-row .img-block.mid{width:36%}.about-row .img-block img{object-fit:cover;width:100%;height:100%}.about-overlay{width:200%;height:100%;position:absolute;top:0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);transform:translate3d(-50%,0,0);z-index:5}.about-block .text-block{width:100%;padding:2em 0;background-color:#f7f7f7;position:relative;max-width:1100px;margin:0 auto;margin-bottom:3rem}.text-block.how{margin-bottom:0}.work-block{width:85%;margin:0 auto}.work-col{width:45%;margin:0 auto}.work-col .bigtitle{color:#333;font-size:3rem;letter-spacing:.05rem}body.chin .work-col .bigtitle{font-size:2.5rem}.work-col .bigtitle.right{text-align:right}.work-block>.title{color:#333;font-size:1.5rem;margin-bottom:60px}.bigtitle-container{display:flex;width:90%;height:100%;flex-direction:column;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;margin:auto}.workmethod_block{width:40%}.workmethod_block.full{width:100%}.workmethod_block .workmethod-number{color:#bcbcbc;font-size:1.8rem;font-weight:400;margin-right:1.5rem;vertical-align:middle}.visit-box .title,.workmethod_block .title{padding-top:1.6rem;font-size:1.375rem;font-weight:400;color:#000}.visit-box .subtitle,.workmethod_block .workmethod-subtitle{font-size:1.375rem;font-weight:400;color:#000;vertical-align:middle;display:inline-block}.visit-box .des,.workmethod_block .des{padding-top:1.2rem;font-size:1rem;font-weight:300;line-height:1.5;color:#333}.visit-block{width:100%;height:60vh;height:calc(var(--vh,1vh) * 60);overflow:hidden;max-height:500px}.visit-container{display:flex;width:90%;height:100%;flex-direction:column;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;margin:auto;max-width:1100px}.visit-box-parent{width:50%;overflow:hidden;background-color:#fff;max-width:500px}.visit-box{width:90%;margin:auto;padding:0 1em}.visit-box .send_btn{margin-bottom:2em;cursor:pointer}.visit-box .send_btn a{color:#fff}.form-container .send_btn{position:relative}.form-container .send_btn.processing img,.form-container .send_btn.processing span,.form-grid .send_btn.processing span{opacity:0}.form-container .send_btn.processing::after,.form-container .send_btn.processing::before,.form-grid .send_btn.processing::after,.form-grid .send_btn.processing::before{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-250%,-50%,0);width:.75em;height:.75em;background:#fff;border-radius:50%;overflow:hidden;z-index:1;animation:formloading 1s cubic-bezier(.9,0,.1,1) forwards infinite;animation-direction:alternate}.form-grid .send_btn.processing::after,.form-grid .send_btn.processing::before{background:var(--blue)}.form-container .send_btn.processing::after,.form-grid .send_btn.processing::after{animation-delay:1s}@keyframes formloading{0%{transform:translate3d(-250%,-50%,0);width:.75em}100%{transform:translate3d(150%,-50%,0);width:.75em}35%,5%{width:.75em;height:.75em}50%{width:.75em;height:.5em}65%,95%{width:.75em;height:.75em}}#service-row{display:flex;width:90%;max-width:1100px;flex-direction:column;margin:auto;padding-top:40px;padding-bottom:40px}#service-row .row{display:flex;flex-direction:column;margin-top:20px;margin-bottom:60px;color:#333}#service-row .row .title{display:flex;align-items:center;font-size:1.5625rem;margin-bottom:34px}#service-row .row .title img{width:60px;height:60px;object-fit:contain;margin-right:40px}#service-row .row .content{font-weight:300;font-size:1.25rem;line-height:2}.article-parent{width:100%;background-color:#000}.article-container{width:100%;background-color:#000;padding:5%;display:flex;justify-content:space-between;font-weight:300;font-size:1rem;line-height:1.5}.article-type-col{width:20%;min-width:20%}.article-type-col ul{list-style-type:none}.article-type-col li{margin:1em 0}.article-type-col li button{font-family:Lato,"Noto Sans HK",sans-serif;color:#fff;font-size:1rem;font-weight:300;cursor:pointer}.article-type-col.chin li button{font-family:"Noto Sans HK",sans-serif}.article-type-phantom{position:fixed;width:90%;top:50%;left:5%;transform:translateY(-50%);font-weight:300;font-size:1rem;line-height:1.5;pointer-events:none}.article-pic .pic-container{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:100% 0 0 0}.pic-container>img{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:cover}.scr-fixed-frame-a,.scr-piece-a.hide{visibility:hidden}.scr-fixed-frame-a.active,.scr-piece-a{display:block;visibility:initial;pointer-events:all}.scr-fixed-frame-a.active{opacity:1;transition:opacity .2s ease-in}.scr-fixed-frame-a.active.fade{opacity:0}.article-col{width:75%}.article-block{display:flex;justify-content:space-between;margin:1em 0;padding-bottom:1em}.article-text{width:70%;color:#fff}.article-text .date{padding-top:1em;color:#888}.article-text .date::before{content:"";flex:1;margin-right:1rem;height:1px;background-color:#fff;display:inline-block;width:2rem;vertical-align:middle}.article-pic{width:25%}.article-pic img{width:100%}.contact{width:90%;max-width:1200px;margin:auto;margin-top:40px;display:flex;justify-content:space-between}.contact.up{margin-top:-160px}.shifted-placeholder{position:relative;display:block;width:100%;height:160px;background-color:#fff;z-index:10}.contact .form-div{display:flex;flex-direction:column;width:45%}.contact.page-us{width:100%;max-width:100%;background-color:#fff;margin:0;justify-content:flex-start}.contact.page-us .form-div:nth-of-type(2){width:60%;background-color:#fff;padding-right:5%;padding-left:3%;padding-top:40px}.contact.page-us .form-div:first-of-type{width:35%;background-color:#f7f7f7;padding-left:5%;padding-top:40px}.contact .form-div .title{font-size:2.8rem;color:#333;margin-bottom:1rem}.contact .form-div .sub-title{font-size:1.05rem;color:#333;margin-bottom:2rem;line-height:1.5}.contact .form-div .cap-title{font-size:.9rem;color:#999;margin-top:2rem;line-height:1.5;font-weight:300;max-width:90%}.contact .form-div .cap{font-size:1rem;color:#333;line-height:1.5;font-weight:400;max-width:90%}.contact .form-div .btn-container{display:flex}.contact .form-div .btn-container a{display:flex;align-items:center;justify-content:start;width:200px;font-size:1.375rem;cursor:pointer}.contact .form-div .btn-container a img,.contact .form-div .btn-container a svg{width:22px;height:22px;margin-left:20px;margin-top:12px;margin-bottom:12px;transition:all .3s ease}.contact .form-div .btn-container a span{margin-left:20px}.contact-tab{display:flex;align-items:center;justify-content:space-between;width:60%;margin-top:2rem}.contact-tab button{font-size:1.05rem;color:#888;padding-bottom:10px;margin-bottom:2em;line-height:1.5;font-family:Lato,"Noto Sans HK",sans-serif;font-weight:300;border:none;background:0 0;cursor:pointer;display:block;position:relative;overflow:hidden;text-align:left}.contact-tab button:after{content:"";width:100%;height:2px;position:absolute;display:block;bottom:0;border-bottom:2px solid #1767ff;transform:translate3d(-100%,0,0);transition:transform .2s ease-out}.contact-tab button.active{color:#333;font-weight:400}.contact-tab button.active:after{transform:translate3d(0,0,0)}.gmail-btn{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;color:#f14336;fill:#f14336;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;border:1px solid #f14336}.gmail-btn::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#f14336;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.gmail-btn:active,.gmail-btn:focus,.gmail-btn:hover{color:#fff;fill:#fff}.gmail-btn:active::before,.gmail-btn:focus::before,.gmail-btn:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}.wtsapp-btn{margin-left:5%;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;color:#249309;fill:#249309;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;border:1px solid #249309}.wtsapp-btn.page-us{margin-left:0;margin-top:30px}.wtsapp-btn::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#249309;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.wtsapp-btn:active,.wtsapp-btn:focus,.wtsapp-btn:hover{color:#fff;fill:#fff}.wtsapp-btn:active::before,.wtsapp-btn:focus::before,.wtsapp-btn:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}.contact .form-div .form{display:flex;flex-direction:column}.contact.page-us .form-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;overflow:hidden}.contact.page-us .form-container{-ms-overflow-style:none;scrollbar-width:none}.contact.page-us .form-container::-webkit-scrollbar{display:none}.contact.page-us .form{display:flex;width:100%;flex:10 0 auto;flex-direction:column;padding-right:5%;transition:transform .4s ease-out,opacity .2s ease-in;transform:translate3d(100%,0,0);opacity:0}.contact.page-us .form.active{transform:translate3d(0,0,0);opacity:1}.contact.page-us .form:nth-of-type(2){transform:translate3d(0,0,0)}.contact.page-us .form:nth-of-type(3){transform:translate3d(-100%,0,0)}.contact.page-us .form:nth-of-type(2).active{transform:translate3d(-100%,0,0)}.contact.page-us .form:nth-of-type(3).active{transform:translate3d(-200%,0,0)}.contact .form-div .form input{border:none;border-bottom:1px solid #000;height:60px;font-size:1.05rem}.contact .form-div .form input::placeholder{color:#000;font-size:1rem;font-weight:300}.contact .form-div .form textarea{border:none;border-bottom:1px solid #000;height:160px;font-size:1.05rem;margin-top:15px}.contact .form-div .form textarea::placeholder{color:#000;font-size:1.05rem;font-weight:300}input.nochk{margin-bottom:1.5rem}input:required{box-shadow:none}input:invalid{border:none;box-shadow:none}.input-error,.text-error{color:#f14336;font-size:.9rem;font-weight:300;position:absolute;visibility:hidden}.input-error.show,.text-error.show{visibility:visible}.error-block{width:100%;margin-bottom:1.5rem}.send_btn{display:flex;padding-top:10px;padding-bottom:10px;width:160px;background-color:#333;font-family:Lato,sans-serif;font-size:1rem;color:#fff;align-items:center;justify-content:center;margin-top:40px;font-weight:300;letter-spacing:.05rem;cursor:pointer}.send_btn.disabled{pointer-events:none;cursor:not-allowed}.send_btn img{width:25px;margin-right:20px;transition:all .3s ease}.send_btn:hover img{margin-right:10px}.menu-social-link{display:none}#Ellipse_11{fill:#161e50}.svg-block{position:absolute;top:100%;left:50%;z-index:500;width:50%;max-width:500px;transform:translate3d(0,-50%,0)}#mySVG2{transform:none}.svgo{width:100%;height:100;left:-50%;position:relative}.st0{fill:none;stroke-dashoffset:3px;stroke:#555;stroke-width:5;stroke-miterlimit:10;stroke-dasharray:20}.mask-style{stroke:#fff;stroke-width:7}.client-main{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.main-client-block{display:block;width:16%;height:auto}.main-client-container{display:block;width:100%;height:auto;position:relative;overflow:visible;padding:54% 0 0 0;opacity:.6;transition:opacity .3s}.main-client-container>img{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;object-fit:contain;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}.main-client-container:hover{opacity:1}.main-client-container:hover>img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0)}.error-menu-container{display:flex;justify-content:flex-start}.main-menu.error-menu{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%;max-width:300px;opacity:1;visibility:visible;overflow-y:hidden}.main-menu.error-menu .menu-item{color:#000;font-size:2rem;margin:1rem 0;padding:0;width:fit-content;width:-moz-fit-content}.main-menu.error-menu .menu-item .dropdown-main,.main-menu.error-menu .menu-item a{color:#000;font-size:2rem;font-weight:300;text-transform:uppercase;letter-spacing:.05rem}.main-menu.error-menu .menu-hover::after{background:#000}.privacy{background-color:#fff}.privacy-title{width:90%;margin:0 auto;color:#333;padding-top:3rem;max-width:1100px;line-height:2rem;font-size:1.25rem}.privacy-text{width:90%;margin:0 auto;color:#333;max-width:1100px;line-height:2rem;font-size:1.15rem;padding:1rem 0}.list-num{list-style:none;position:relative;counter-reset:count}.list-num>li{width:100%;position:relative;padding-left:4ch;font-size:1.15rem;line-height:2rem;color:#333}.list-num>li.privacy-text::before{padding:1rem 0}.list-num>li::before{content:counters(count, ".") ". ";counter-increment:count;position:absolute;top:0;left:0;font-size:inherit;line-height:inherit}.menu-item .dropdown-icon{vertical-align:middle;margin-left:5px}.footer .menu-item .dropdown-icon path{fill:#fff}.main-menu.error-menu .menu-item .dropdown-icon{transform:scale(1.8)}.main-menu.error-menu .menu-item .dropdown-icon path{fill:#333}@media (max-width:1250px){.caseblock-title{color:#000}.case_grid{grid-template-columns:auto;margin-top:0;margin-bottom:40px}.case_grid .case_block{margin:auto}.intro-row{width:100%}.contact.up{margin-top:40px}}@media (min-width:1441px){.main-menu{max-width:1024px;display:flex;justify-content:space-between;display:flex;align-items:center;flex:1;margin-right:5%;font-weight:300}.menu-item{position:relative;cursor:pointer}.menu-item .dropdown-icon path{fill:#fff}header .menu-item .menu-dropdown{position:absolute;left:-35%;transition:all .3s linear;background-color:#000;display:flex;flex-direction:column;gap:24px;padding:16px 20px;box-sizing:content-box;border-radius:10px;opacity:0;pointer-events:none;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;white-space:nowrap;transform:translateY(20px)}.footer .menu-item .menu-dropdown,.main-menu.error-menu .menu-item .menu-dropdown{transition-property:opacity,height,padding-top,margin-top;transition-duration:.3s;transition-timing-function:linear;height:0;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:24px;width:0}.footer .menu-item .menu-dropdown{background-color:#000;white-space:nowrap}.menu-item .menu-dropdown.active{opacity:1!important;pointer-events:all!important}.footer .menu-item .menu-dropdown.active,.main-menu.error-menu .menu-item .menu-dropdown.active{height:auto;padding-top:10px;margin-top:10px;width:100%}.menu-item .dropdown-main,.menu-item a{transition:all .3s ease}.menu-hover::after{content:"";position:absolute;right:2px;width:0;bottom:-3px;background:#fff;height:2px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}.menu-hover:active:after,.menu-hover:focus:after,.menu-hover:hover:after{left:0;right:auto;width:100%}.menu-item .dropdown-main,.menu-item a{font-size:.9rem;color:#fff;text-decoration:none;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem}.logo-container{width:270px;max-width:200px;height:fit-content;margin-left:5%}.logo-container img{width:100%;cursor:pointer}.logo-container.mobile{display:none}.get_quote{transition:all .2s ease}.get_quote a{background-color:#fff;padding:11px 15px;color:#000!important}.get_quote:hover{transform:scale(1.2)}}@media (min-width:1600px){.main-menu{max-width:1100px}}@media (min-width:1800px){.main-menu{max-width:1200px}}@media (max-width:1440px){.highlight-block{width:28vw}.main-menu.error-menu .menu-item{width:100%}.shifted_top_container{top:0;padding-top:40px}.shifted_top_container .h2-title{color:#333;padding-left:20px}header{height:70px;padding-bottom:0;padding-top:10px}.header-container{width:90%}.right-container{top:30px}.menu-circle{display:block}.menu-circle.active{transform:scale(3)}.main-menu{display:flex;right:0;width:100%;background-color:transparent;height:100vh;height:calc(var(--vh,1vh) * 100);overflow-y:scroll;margin-top:80px;z-index:600;opacity:1;visibility:hidden;flex-wrap:wrap;flex-direction:row;align-content:flex-start}.canvas-container{pointer-events:none;z-index:0;opacity:.75;transition:opacity .3s ease-in}.canvas-container.hide{opacity:0}.particle-canvas{pointer-events:none}.main-menu_active{overflow:hidden;opacity:1;visibility:visible}.main-menu.hide{transition-delay:0;visibility:hidden}.offset-item-desktop{display:none}.menu-item{width:50%;margin-bottom:20px;padding-top:20px;padding-bottom:0;height:fit-content;height:-moz-fit-content}.footer .menu-item{padding:0}.footer .foot-menu .menu-item .dropdown-main,.footer .menu-item a{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05rem;margin-left:0}.main-menu_active .menu-item{padding-top:20px}.language-menu{margin-left:5%;width:fit-content;width:-moz-fit-content}.lang-item{font-size:1rem;color:#969696;text-align:left}.menu-item .dropdown-main,.menu-item a{font-size:1.3rem;color:#333;text-decoration:none;margin-left:10%;cursor:pointer;font-weight:300;letter-spacing:.05rem}.menu-item .menu-dropdown{opacity:0;height:0;transition:all .3s linear;margin-left:10%}.menu-item .menu-dropdown>a{font-size:1rem;margin-left:0}.menu-item .menu-dropdown.active{height:auto;opacity:1;padding-top:10px}.footer .menu-item .menu-dropdown.active{margin-left:0}.menu-social-link{display:flex;width:40%;justify-content:space-between;max-width:100px;position:absolute;left:5%;bottom:4vh;bottom:calc(var(--vh,1vh) * 4);margin-bottom:20px}.get_quote{white-space:nowrap;right:4vh;bottom:4vh;right:calc(var(--vh,1vh) * 4);bottom:calc(var(--vh,1vh) * 4);position:absolute;width:auto;box-sizing:content-box}.get_quote a{background:#000;color:#fff;margin-top:8px;padding:14px 12px;border-left:6px solid #295cff;font-size:1.1rem}.logo-container{max-width:200px;height:fit-content;left:5%;position:absolute;mix-blend-mode:difference;z-index:700}.logo-container img{width:100%}.logo-container.desktop{display:none}.logo-container.mobile{display:block;margin:auto}.logo-container.mobile{width:100px}.logo-item{display:none}.burger{display:inline-block}.contact.page-us .form-div:nth-of-type(2){width:65%}.contact.page-us .form-div:first-of-type{width:30%}.inner-banner{padding-top:70px}.highlight-block .info .title{font-size:1.75rem}.highlight-block .info .no{font-size:1rem}.highlight-block .info .no:after{width:3rem}.highlight-block .info .des{font-size:1rem}.case-category-list>button{color:#000}.case-category-list>button::after{background-color:#000}}@media screen and (min-width:991px) and (max-height:600px){.footer .getintouch a{margin-top:.2em;margin-left:2px}.footer .row.pad{padding:0 0 1em 0}.footer .row.padtop{padding-top:.5em}.getintouch h1{font-size:3rem}.footer .office .location p{font-size:.9rem;padding:0;line-height:1.3rem}}@media (max-width:520px),screen and (min-width:991px) and (max-height:500px),screen and (max-width:991px) and (max-height:780px),screen and (max-width:580px) and (max-height:800px),(hover:none) and (pointer:coarse){#footer{display:none}.footer-placeholder{background:#000;height:unset}.footer-placeholder .container{display:flex;height:unset;pointer-events:all;padding:2em 0}}@media (max-width:991px),screen and (max-width:1200px) and (max-height:480px){.article-block{flex-direction:column}.article-text{width:100%}.article-pic{margin-top:1.5em;margin-bottom:3em;width:70%}.work-col .bigtitle.right{text-align:left}.banner-text .des{max-width:80%}.visit-box-parent{width:60%}.contact-tab{width:80%}.contact.page-us .form-div:nth-of-type(2){width:95%;padding-left:5%}.contact.page-us .form-div:first-of-type{width:100%}.contact .form-div .title{font-size:2.75rem}.client-row-container{width:100%;padding:2rem 0}.client-row .client-logo{width:80%}.client-row{padding:0}.case_block{width:283px;height:376px;margin:auto}.contact-parent{height:100%}.contact-block{transform:rotate(0);margin-bottom:5%}.banner-textblock{max-width:90%;text-shadow:2px 2px 10px #000}.service_left{width:100%;background-color:rgba(59,59,59,.7)}.mkt_row,.work_row{flex-direction:column}.about-block.how .work_row{flex-direction:row}.about-block.how .work-col{width:60%}.about-block.how .work-col.bt{width:20%;writing-mode:vertical-rl;text-orientation:mixed}.mkt_block,.workmethod_block{width:100%}.workmethod_block{padding-top:1em}.fb{right:10px;margin:20px 0}.loc-link{text-align:center}.client-logo{margin:auto}.intro-row-container.end{justify-content:center}.intro-row-container.start{justify-content:center}.intro-row-container.end .intro-row{flex-direction:column-reverse;justify-content:center;width:90%}.intro-row-container.start .intro-row{flex-direction:column;justify-content:center;width:90%}.intro-row .image{width:100%}.intro-row .text{width:100%}.intro-row-container.end .intro-row .text{padding-top:0}.intro-row .text{padding:0;margin-top:40px;margin-bottom:40px}.black-bg{display:none}.black-intro{background-color:#000;padding-top:40px;padding-bottom:40px}.contact{flex-direction:column}.contact .form-div{width:100%}.contact .form-div:last-child{margin-top:40px}.scr-fixed-piece,.scr-piece{width:70%;width:70vw}.case_row{grid-template-columns:1fr 1fr;margin:0}.case_row .case_block{margin:24px 0;width:100%;height:unset}}@media (max-width:1222px){.canvas-container{opacity:.6}.highlight-container{width:90%}.highlight-block{width:32vw}.highlight-block .info .title{font-size:1.7rem}.highlight-block .info .no{font-size:1rem}.highlight-block .info .no:after{width:3rem}.highlight-block .info .des{font-size:1rem}}@media (max-width:1200px){#video .container{padding:42.85% 0 0 0}.client-slideshow{flex-direction:row;overflow:hidden}.slideshow-row{flex-direction:column}}@media (max-width:1024px){.highlight-block{width:36vw}.service_block .overlay-bg,.service_block .overlay-grad{width:60%}.inner-banner{background-position:center}.banner-text.short{background:rgba(0,0,0,.4)}}@media (max-width:991px){.canvas-container{opacity:.5}.main-client-block{width:25%;margin-right:12%}.main-client-block:nth-child(3n){margin:0}.footer .row.padtop{flex-direction:column}.footer .office-container{width:100%;max-width:480px}.footer .foot-menu-container{margin-top:3em;width:100%}#video .container{padding:56.25% 0 0 0}.highlight-block .info .title{font-size:1.6rem}.highlight-block .info .no{font-size:1rem}.highlight-block .info .no:after{width:2.5rem}.highlight-block .info .des{font-size:1rem}.contact-tab button{font-size:1rem}.work-col .bigtitle{margin-top:10%}.main-menu.error-menu .menu-item .dropdown-main,.main-menu.error-menu .menu-item a{font-size:1.5rem}.main-menu.error-menu .menu-item .dropdown-icon{transform:scale(1.5)}.noraml-info .container .title span{font-size:2.5rem}.article-type-col{width:100%}.article-pic{width:85%}}@media (max-width:680px){.service_block .overlay-bg,.service_block .overlay-grad{width:90%;right:-10%}.canvas-container{left:50%;right:unset;top:50%;display:block;transform:translate3d(-50%,-50%,0)}.case_row{grid-template-columns:1fr}.main-client-block{width:33%;margin:0}.highlight-block{width:44vw}.about-block.how .work-col{width:70%}.about-block.how .work-col.bt{width:10%;writing-mode:vertical-rl;text-orientation:mixed}.svg-block{width:70%;left:35%}.svgo{left:-30%}.banner-text .des{max-width:90%}.visit-box-parent{width:75%}.contact-tab{width:90%}.contact .form-div .title{font-size:2.5rem}#service_list .container .title{font-size:2.1rem}.scr-fixed-piece,.scr-piece{width:80%;width:80vw}.design-container,.platform-container{flex-direction:column}.platform-logo-container{padding-bottom:2em}.design-container{padding:0}.design-logo-container{padding-bottom:70px}#video .container{padding:62.5% 0 0 0}.article-pic{width:100%}.article-container{flex-direction:column}.article-type-col li{display:inline-block;margin-right:10%}.article-type-col ul{margin-bottom:1em}.article-col{width:95%}.page-message h4{font-size:1.25rem}.page-message h5{font-size:.9rem}.page-message p{font-size:1rem}}@media (max-width:520px){.service_block .overlay-bg{right:unset;left:0}.service_block .overlay-bg,.service_block .overlay-grad{width:150%}.main-menu.error-menu .menu-item .dropdown-main,.main-menu.error-menu .menu-item a{font-size:1.2rem}.main-menu.error-menu .menu-item .dropdown-icon{transform:scale(1.2)}.footer .row.padtop{flex-direction:column}.footer .office-container{width:100%;max-width:480px;flex-direction:column}.footer .office-container .office:last-of-type{margin-top:3em}.getintouch h1{font-size:3rem}.footer .office h5{font-size:1rem}.footer .office .location p{font-size:.9rem;padding:0;line-height:1.3rem}.footer .menu-item a{font-size:.85rem}#video .container{padding:75% 0 0 0}.highlight-block{width:50vw}.contact-tab button{font-size:.9rem}.noraml-info .container .title span{font-size:1.8rem}.contact .form-div .title{font-size:2.5rem}.foot-flex{flex-direction:column;justify-content:flex-start}.foot-flex>a{margin-left:0;margin-top:30px}}@media (max-width:480px){.contact-tab{width:95%}.banner-text .des{max-width:95%}.visit-box-parent{width:100%}.case_grid .case_block{width:243px}#service_list .container .title{font-size:1.8rem}#video .container{padding:90% 0 0 0}.noraml-info .container .title img{width:80px;height:80px}.contact .form-div .title{font-size:2.2rem}.page-message h4{font-size:1.1rem}.page-message h5{font-size:.85rem}.page-message p{font-size:.9rem}}@media (max-width:420px){.highlight-block{width:60vw}.main-client-block{width:50%}.contact .form-div .btn-container a{font-size:1.1rem}.contact .form-div .btn-container a span{margin-left:8%}.contact .form-div .btn-container a img,.contact .form-div .btn-container a svg{margin-left:8%}.noraml-info .container .title img{width:72px;height:72px}.contact .form-div .title{font-size:2rem}}@media (max-width:360px){.contact-tab button{width:fit-content;width:-moz-fit-content}.work-col .bigtitle{font-size:2.5rem}.noraml-info .container .title img{width:64px;height:64px}.contact .form-div .title{font-size:1.8rem}}@media (min-height:1024px){.footer .row.padtop{padding-top:3em}}@media (max-height:480px){.main-menu_active{overflow-y:scroll}.main-menu_active .menu-item{padding-top:8px}}@media (min-width:1441px) and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-menu{max-width:none;flex:1 0 auto;margin-left:10%}}@media (min-width:1920px) and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-menu{margin-left:25%}}@media (hover:none) and (pointer:coarse){.page-message{padding:.8em 1em}}