html,body{height:auto}body{margin:0;padding:0;width:100%;font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif !important}a{font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif !important}h1{font-size:42px;line-height:58px;color:#4A4A4A;font-weight:bold;margin:0}h2{font-size:30px;color:#4A4A4A;line-height:42px;font-weight:medium;opacity:.5}h3{font-size:32px;line-height:1.5;font-weight:bold;color:#4A4A4A}h4{font-size:20px;line-height:2;font-weight:normal;letter-spacing:normal;opacity:.5}h5{font-size:20px;line-height:28px;color:#4A4A4A;font-weight:300}h6{font-size:14px;color:#4A4A4A;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-stretch:condensed;text-align:center;line-height:2.29;letter-spacing:normal}p{font-size:16px;line-height:1.9;color:#4A4A4A;opacity:.8}ul li{font-size:14px;line-height:2.29}a{transition:all 0.3s ease-in-out;text-decoration:none}a:hover{text-decoration:none}a:focus{text-decoration:none}a.blue{color:#1A75FF}a.blue:hover{color:#0065FF;text-decoration:none}a.blue:focus{color:#002F77;text-decoration:none}a.pink{color:#ff455c}a.pink:hover{color:#AF2839;text-decoration:none}a.pink:focus{color:#711823;text-decoration:none}.bg-black{background-color:#1b1b1b}.bg-gray{background-color:rgba(74,74,74,0.03)}.text-white{color:white}.opacity1{opacity:1}.b-bottom{width:100%;height:100%;opacity:.2}.b-bottom.black{background-color:#4A4A4A}.b-bottom.white{background-color:white}img{width:100%;display:block;margin:0 auto;height:auto}.container{position:relative}.div-center{top:50%;transform:translateY(-50%);position:relative}.fwbold{font-weight:bold}.dn{display:none}.mdn{display:block}.mybtn{width:145px;height:45px;color:white;text-align:center;line-height:45px;margin:20px auto 0;display:block;box-shadow:0 10px 15px 0 rgba(0,0,0,0.3);transition:all 0.3s ease-in-out}.mybtn.pinkbtn{background-color:#ff455c}.mybtn.pinkbtn:hover{background-color:#AF2839;color:white}.mybtn.pinkbtn:focus{background-color:#711823;color:white}.section{position:relative;padding:80px 0}.section.headline .container{max-width:1300px;padding:0}.section.cta{padding:120px 0 60px}.section.cta.bg-gray,.section.cta.bg-black{padding:86px 0}.section.more{padding:60px 0 80px}@media screen and (max-width: 1300px){.section.headline .container{max-width:inherit;padding:0 70px}}@media screen and (max-width: 1280px){.section.headline .container{padding:0 50px}}@media screen and (max-width: 768px){h2{font-size:20px}.section.headline .container{padding:0 25px}.section.cta{padding:80px 0 40px}.section.cta .mb120{margin-bottom:80px}.section.more{padding:40px 0 64px}.section.cta.bg-black{padding:72px 0}}@media screen and (max-width: 480px){h1{font-size:32px;line-height:normal}h2{font-size:16px;line-height:2}h3{font-size:20px}h4{font-size:20px;line-height:1.88}.section.headline{margin-top:120px}.section.cta{padding:80px 0 20px}.section.more{padding:20px 0 40px}.section.cta.bg-gray{padding:52px 0;margin-bottom:20px}}.bg-gray2{background-color:rgba(107,90,149,0.04)}.bg-gray3{background-color:#333333}.bg-gray4{background-color:rgba(105,98,90,0.08)}.dn768{display:none}.mdn768{display:block}.mt30{margin-top:30px}.mt60{margin-top:60px}.mt120{margin-top:120px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb16{margin-bottom:16px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb60{margin-bottom:60px}.mb64{margin-bottom:64px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb120{margin-bottom:120px}.mb130{margin-bottom:130px}body{overflow-x:hidden}body p{letter-spacing:0.4px}body .space-between{justify-content:space-between}body h1,body h2,body h3,body h4,body h5,body h6{color:#181818;opacity:1;font-weight:700}.section.headline .container,.container{max-width:1040px !important}@media screen and (max-width: 1439px){.section .container,.container{max-width:1140px;padding-right:64px;padding-left:64px}}@media screen and (max-width: 1279px){.row{margin-right:0;margin-left:0}}@media screen and (max-width: 767px){.section .container,.container{padding-right:24px;padding-left:24px}}.section.headline{padding:100px 0 72px;margin-top:220px}.section.headline .award{display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px;transition:.3s}.section.headline .award:hover{opacity:.7}.section.headline .award p{padding:12px 32px;background:linear-gradient(90deg, rgba(40,204,251,0.13) 66.34%, rgba(40,204,251,0) 100%);color:#03519F;font-size:14px;font-weight:500;line-height:normal}.section.headline .award img{flex:0 0 0;width:100%;max-height:56px;margin:0 -27px 0 0}@media screen and (max-width: 767px){.section.headline .award{margin-bottom:8px}.section.headline .award p{padding:10px 32px;font-size:12px}.section.headline .award img{max-height:56px;margin:0 -23px 0 0}}.section.headline h1{grid-gap:20px;margin-bottom:8px}.section.headline h1 .title{position:relative;display:inline-flex;align-items:center}.section.headline h1 .title::after{content:'';position:relative;display:inline-block;width:2px;height:44px;margin:0 20px;background-color:#181818}.section.headline h1 br{display:none}.section.headline h2{color:rgba(24,24,24,0.6);font-weight:400}.section.headline ul{display:flex;grid-gap:12px;margin-top:24px}.section.headline li{padding:8px 12px;color:rgba(24,24,24,0.6);font-size:16px;letter-spacing:0.4px;line-height:30px;font-weight:500;background-color:#F7F9FA}@media screen and (max-width: 1439px){.section.headline{padding-top:160px !important}.section.headline h1 .title::after{margin:0 16px}}@media screen and (max-width: 767px){.section.headline{padding-top:144px !important}.section.headline h1{font-size:32px}.section.headline h1 .title::after{height:29px;margin:0 9px}.section.headline h1 br{display:block}.section.headline ul{flex-wrap:wrap;margin-top:16px}.section.headline ul li{padding:6px 10px;font-size:14px}}.section.cover-banner img{width:100%;height:auto}.section.intro{padding:80px 0}.section.intro .subtitle{display:inline-block;font-size:20px;color:rgba(24,24,24,0.6);margin-bottom:4px}.section.intro h3{margin-bottom:16px}.section.intro h3 br{display:none}.section.intro p{margin-bottom:30px}.section.intro h4{font-size:20px;margin-top:44px}.section.intro ul{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:12px;margin-top:16px}.section.intro li{font-size:16px;color:#1A75FF;line-height:30px;padding:8px 12px;background:rgba(26,117,255,0.1)}@media screen and (max-width: 1279px){.section.intro{padding:48px 0}.section.intro h3 br{display:block}.section.intro h4{margin-top:40px}}@media screen and (max-width: 767px){.section.intro .subtitle{font-size:16px}.section.intro h3{font-size:24px}.section.intro h4{margin-top:32px}.section.intro ul{margin-top:12px}.section.intro li{font-size:14px;line-height:20px;padding:6px 12px}}.section.project-background{padding:60px 0}.section.project-background .left{width:100%;max-width:600px;padding:32px;box-sizing:content-box}.section.project-background .subtitle{display:inline-block;font-size:20px;color:rgba(24,24,24,0.6);margin-bottom:4px}.section.project-background h3{margin-bottom:20px}.section.project-background .btn-wrap{display:flex;grid-gap:16px;margin-top:40px}.section.project-background .app img{width:auto;height:40px}.section.project-background .right{width:100%;max-width:360px}@media screen and (max-width: 1279px){.section.project-background{padding:64px 0}.section.project-background .left{max-width:100%;padding:0}.section.project-background .right{max-width:100%;margin-top:60px}}@media screen and (max-width: 767px){.section.project-background{padding:48px 0}.section.project-background .subtitle{font-size:14px}.section.project-background h3{font-size:24px}.section.project-background .scroll-wrap{margin-left:-24px;margin-right:-24px}.section.project-background .btn-wrap{overflow-x:scroll;margin-top:24px;padding-left:24px;padding-right:24px;padding-bottom:8px}}.section.challenge .row{grid-gap:160px}.section.challenge .challenge-wrap{width:100%;display:flex;justify-content:space-between;align-items:center;grid-gap:80px}.section.challenge .challenge-wrap.reverse{flex-direction:row-reverse}.section.challenge .challenge-wrap picture{width:100%;max-width:493px}.section.challenge .challenge-wrap .content{max-width:467px}.section.challenge .challenge-wrap .content span{font-size:20px;font-weight:500;color:rgba(24,24,24,0.6)}.section.challenge .challenge-wrap .content h3{font-size:32px;margin-bottom:32px}.section.challenge .challenge-wrap .content p{color:rgba(24,24,24,0.8)}@media screen and (max-width: 1279px){.section.challenge{padding:64px 0}.section.challenge .row{grid-gap:128px}.section.challenge .challenge-wrap{flex-direction:column-reverse;grid-gap:40px}.section.challenge .challenge-wrap.reverse{flex-direction:column-reverse}.section.challenge .challenge-wrap picture{max-width:initial}.section.challenge .challenge-wrap .content{max-width:initial}.section.challenge .challenge-wrap .content h3{margin-bottom:24px}}@media screen and (max-width: 767px){.section.challenge{padding:48px 0}.section.challenge .row{grid-gap:96px}.section.challenge .challenge-wrap .content span{font-size:14px}.section.challenge .challenge-wrap .content h3{font-size:24px;margin-bottom:20px}}.section.parallax-window{background-image:url("../../../img/works/chicTrip/parallax-scrolling-lg.png");height:400px;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 1399px){.section.parallax-window{background-image:url("../../../img/works/chicTrip/parallax-scrolling-md.png");background-attachment:initial}}@media screen and (max-width: 767px){.section.parallax-window{background-image:url("../../../img/works/chicTrip/parallax-scrolling-sm.png")}}.section.ui-design .row{flex-wrap:nowrap;grid-gap:100px}.section.ui-design .intro{position:sticky;top:80px;height:100%}.section.ui-design .intro h3{margin-bottom:12px}.section.ui-design .description-wrap{display:flex;flex-direction:column;grid-gap:120px}.section.ui-design .description-wrap h4{font-size:24px;margin-bottom:12px}.section.ui-design .description-wrap h4 br{display:none}.section.ui-design .description-wrap img,.section.ui-design .description-wrap .img{margin-top:24px}.section.ui-design .description video{width:100%;margin-top:24px}@media screen and (max-width: 1399px){.section.ui-design{padding:64px 0}.section.ui-design .row{flex-wrap:wrap;grid-gap:80px}.section.ui-design .intro{position:static}.section.ui-design .intro h3{margin-bottom:32px}.section.ui-design .description-wrap{grid-gap:80px}}@media screen and (max-width: 767px){.section.ui-design{padding:48px 0}.section.ui-design .row{grid-gap:40px}.section.ui-design .intro h3{font-size:26px;margin-bottom:20px}.section.ui-design .description-wrap{grid-gap:48px}.section.ui-design .description-wrap h4 br{display:block}}hr{width:100%;border-top:1px solid #eee;margin:0}.section.waterfall{padding:0}.section.waterfall .row{justify-content:center}.section.waterfall .waterfall-wrap{display:flex;grid-gap:100px;padding-top:100px;padding-bottom:80px}.section.waterfall .waterfall-wrap img,.section.waterfall .waterfall-wrap .img{width:397px;height:auto}.section.waterfall .waterfall-wrap img:not(:last-child),.section.waterfall .waterfall-wrap .img:not(:last-child){margin-bottom:48px}.section.waterfall .waterfall-wrap img.display-sm,.section.waterfall .waterfall-wrap .img.display-sm{display:none}.section.waterfall .left span{display:block;color:rgba(24,24,24,0.6);font-size:20px;margin-bottom:4px}.section.waterfall .left h3{font-size:40px;margin-bottom:48px}@media screen and (max-width: 1399px){.section.waterfall .waterfall-wrap{grid-gap:50px;padding-top:88px;padding-bottom:64px}.section.waterfall .waterfall-wrap img,.section.waterfall .waterfall-wrap .img{width:295px;height:auto}.section.waterfall .left span{font-size:20px}.section.waterfall .left h3{font-size:32px;margin-bottom:40px}.section.waterfall .left h3 br.show-lg{display:none}}@media screen and (max-width: 767px){.section.waterfall .container{padding:0}.section.waterfall .waterfall-wrap{padding:48px 0}.section.waterfall .waterfall-wrap img,.section.waterfall .waterfall-wrap .img{flex-shrink:0;width:100%;max-width:295px}.section.waterfall .waterfall-wrap img:first-child,.section.waterfall .waterfall-wrap .img:first-child{margin-left:24px}.section.waterfall .waterfall-wrap img:last-child,.section.waterfall .waterfall-wrap .img:last-child{margin-right:24px}.section.waterfall .waterfall-wrap img:not(:last-child),.section.waterfall .waterfall-wrap .img:not(:last-child){margin-bottom:0}.section.waterfall .waterfall-wrap img.display-sm,.section.waterfall .waterfall-wrap .img.display-sm{display:block}.section.waterfall .left .title{text-align:center}.section.waterfall .left .device{display:flex;grid-gap:20px;padding-bottom:8px;overflow-x:scroll}.section.waterfall .left h3{font-size:24px;margin:0 24px 40px}.section.waterfall .right{display:none}}.section.across-devices .title span{display:block;color:rgba(24,24,24,0.6);font-size:20px;margin-bottom:4px}.section.across-devices .title h3{font-size:40px}.section.across-devices img,.section.across-devices .img{border-radius:16px;margin-top:40px}@media screen and (max-width: 1399px){.section.across-devices{padding:64px 0}.section.across-devices .title h2{font-size:32px}}@media screen and (max-width: 767px){.section.across-devices{padding:48px 0}.section.across-devices .title span{font-size:14px}.section.across-devices .title h3{font-size:24px}.section.across-devices img,.section.across-devices .img{margin-top:16px}}.section.ending{padding-top:0}.section.ending .ending-wrap{box-sizing:content-box;max-width:540px;margin:0 auto;padding:40px 48px;letter-spacing:0.4px}.section.ending .ending-wrap:not(:first-child){margin-top:40px}.section.ending .author{display:flex;align-items:center;gap:16px;margin-top:20px}.section.ending .author img{width:48px;height:48px;margin:0}.section.ending .author .right{display:flex;flex-direction:column;justify-content:center}.section.ending .author .name{color:#181818;font-size:16px;line-height:30px}.section.ending .author .title{color:rgba(24,24,24,0.6);font-size:14px;opacity:0.8}@media screen and (max-width: 1399px){.section.ending{padding-bottom:40px}.section.ending .ending-wrap{max-width:568px}.section.ending .ending-wrap:not(:first-child){margin-top:initial}}@media screen and (max-width: 767px){.section.ending{padding-bottom:24px}.section.ending .ending-wrap{padding:40px 0}}.section.cta{padding:80px 0}@media screen and (max-width: 767px){.section.cta{padding:80px 0 60px}}.section.more .tag-box .tag{color:#4A4A4A;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3;margin:0 3px}.section.more .tag-box .tag:hover{color:#1A75FF;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.section.more .more-href img{-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.section.more .more-href h4{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;color:#4A4A4A;line-height:1.5;margin-bottom:8px}.section.more .more-href:hover img{-moz-transform:scale(0.94);-ms-transform:scale(0.94);-webkit-transform:scale(0.94);transform:scale(0.94)}.section.more .more-btn{font-size:20px;color:#4A4A4A;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;line-height:47px;margin-right:5px;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.section.more .more-btn img{display:inline-block;width:36px;vertical-align:middle}.section.more .more-btn:hover{margin-right:8px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}@media screen and (max-width: 767px){.section.more .mb40{margin-bottom:25px}.section.more .more-btn{font-size:14px}.section.more .col.column{flex-grow:inherit;flex-basis:inherit}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0, 100%, 0);opacity:0;transform:translate3d(0, 100%, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0, 100%, 0);opacity:0;transform:translate3d(0, 100%, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.c-fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media screen and (max-width: 1279px){.c-fadeInUp{-webkit-animation-name:none;animation-name:none}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%, 0, 0);opacity:0;transform:translate3d(100%, 0, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%, 0, 0);opacity:0;transform:translate3d(100%, 0, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.c-fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@media screen and (max-width: 1279px){.c-fadeInRight{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);opacity:0;transform:translate3d(-100%, 0, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);opacity:0;transform:translate3d(-100%, 0, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.c-fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@media screen and (max-width: 1279px){.c-fadeInLeft{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}}.section.intro li{background:rgba(138,114,75,0.1);color:#8A724B}.section.project-background .space-between{align-items:center}.section.parallax-window{background-image:url("../../../img/works/parklane/parallax-scrolling-lg.jpg")}@media screen and (max-width: 1399px){.section.parallax-window{background-image:url("../../../img/works/parklane/parallax-scrolling-md.jpg");background-attachment:initial}}@media screen and (max-width: 767px){.section.parallax-window{background-image:url("../../../img/works/parklane/parallax-scrolling-sm.jpg")}}.section.ui-design .intro{max-width:344px}@media screen and (max-width: 1399px){.section.ui-design .intro{max-width:initial}}.section.ui-design img{margin-bottom:24px}.section.across-devices .wrap:not(:last-child){margin-bottom:100px}.section.across-devices .img-wrap{display:flex;align-items:stretch;margin-top:48px}.section.across-devices .img-wrap img{margin-top:0;width:50%;max-width:543px}.section.across-devices .img-wrap .img{margin-top:0;width:50%}@media screen and (max-width: 767px){.section.across-devices .wrap:not(:last-child){margin-bottom:80px}.section.across-devices .img-wrap{flex-direction:column-reverse;margin-top:16px}.section.across-devices .img-wrap img{width:100%;max-width:initial;margin-top:-4px}.section.across-devices .img-wrap .img{width:100%}}