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}}.dn768{display:none}.mdn768{display:block}.mt30{margin-top:30px}.mt60{margin-top:60px}.mt100{margin-top:100px}.mt120{margin-top:120px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb48{margin-bottom:48px}.mb60{margin-bottom:60px}.mb64{margin-bottom:64px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb120{margin-bottom:120px}.mb220{margin-bottom:220px}.mmt50{margin-top:-30px}.bg-img{width:100%;background-size:cover;background-position:center}.bg-img.kv{height:calc(100vh - 100px);background-image:url(../../img/works/friday-kv.png)}.bg-black2{background-color:#121212}.section.pbg{min-height:320px;background:transparent}.testi img{width:48px}.testi h6{line-height:1.8}.testi .p-2:nth-child(1){padding-left:0 !important}.section.headline{padding:100px 0 72px;margin-top:220px}.section.intro{padding:60px 0}.section.intro img{max-width:350px}.section.setting{padding:120px 0 500px}.section.setting .color-plate .color-block{margin:0 24px 30px;float:left}.section.setting .color-plate .color{width:80px;height:80px}.section.setting .color-plate .color.dark-blue{background-color:#1B2340;margin-left:0}.section.setting .color-plate .color.light-blue{background-color:#1B62B4}.section.setting .color-plate .color.blue{background-color:#00A0FC}.section.setting .color-plate .color.dark{background-color:#141414}.section.setting .color-plate .color.white{background-color:#FFFEE5;border:1px solid #E6E6E6}.section.setting .color-plate .color.purple{background-color:#261F3C}.section.setting .color-plate .color-block:nth-child(1),.section.setting .color-plate .color-block:nth-child(4){margin-left:0}.section.setting .color-plate .clearboth{clear:both}.section.setting .more-btn{font-size:20px;color:#4A4A4A;line-height:47px;margin-right:5px;transition:all 0.3s ease-in-out}.section.setting .more-btn img{display:inline-block;width:36px;vertical-align:middle}.section.setting .more-btn:hover{margin-right:8px;opacity:.6}.section.project-challenge{padding:137px 0 0}.section.project-challenge .main-img{margin-left:0}.section.project-challenge .content{padding-right:0;padding-left:0}.section.project-challenge .step{margin-bottom:150px}.section.project-challenge .step .icon{width:145px;float:left;margin:0 17px;position:relative}.section.project-challenge .step .icon:after{content:"";display:block;position:absolute;background-image:url(../../img/works/friday-next.png);width:18px;height:13px;top:50%;right:-25px;background-size:18px 13px}.section.project-challenge .step .icon img{margin-bottom:10px}.section.project-challenge .step .icon p{color:#1b62b4}.section.project-challenge .step .icon .ico.i1 img{width:41px}.section.project-challenge .step .icon .ico.i2,.section.project-challenge .step .icon .ico.i3{width:48%;display:inline-block}.section.project-challenge .step .icon .ico.i2 img,.section.project-challenge .step .icon .ico.i3 img{width:41px}.section.project-challenge .step .icon:nth-child(5):after{display:none}.section.online img{max-width:420px}.section.online .right{margin-top:-220px}.section.function{padding:100px 0;background-image:url(../../img/works/friday-view.png);background-repeat:no-repeat;background-size:cover}.section.function .app img{width:125px;display:inline-block}.section.function .app img:nth-child(1){margin-right:16px}.section.knowledge img{max-width:500px}.section.knowledge .left{margin-top:80px}.section.knowledge .left img{max-width:415px}.section.knowledge .left .img1{margin-bottom:130px}.section.knowledge .right{margin-top:-158px}.section.knowledge .right img{max-width:405px}.section.knowledge .right .img1{margin:0 0 96px}.section.knowledge .right .img2{margin-bottom:130px}.section.knowledge .right .img3{margin:0}.section.demo .inner{top:40px;position:sticky}.section.demo .demo-img{margin-bottom:140px;margin-top:-500px}.section.demo .long-img{max-width:460px}.section.demo .tag-cloud{margin-bottom:240px}.section.demo .tag-cloud .tag-box{position:relative}.section.demo .tag-cloud .tag-box .tag{position:absolute}.section.demo .tag-cloud .tag-box .tag span{color:#fffee5;font-size:26px;border:1px solid #fffee5;padding:0 5px;display:block}.section.demo .tag-cloud .tag-box .tag.t1{top:177px;left:315px}.section.demo .tag-cloud .tag-box .tag.t2{top:80px;right:50px}.section.demo .tag-cloud .tag-box .tag.t2 span{opacity:.8}.section.demo .tag-cloud .tag-box .tag.t3{top:11px;left:174px}.section.demo .tag-cloud .tag-box .tag.t4{top:-60px;right:200px}.section.demo .tag-cloud .tag-box .tag.t5{top:160px;right:110px}.section.demo .tag-cloud .tag-box .tag.t5 span{opacity:.4}.section.demo .tag-cloud .tag-box .tag.t6{top:-37px;right:128px}.section.demo .tag-cloud .tag-box .tag.t6 span{opacity:.3}.section.demo .tag-cloud .tag-box .tag.t7{top:240px;right:38px}.section.demo .tag-cloud .tag-box .tag.t7 span{font-size:20px;opacity:.2}.section.demo .tag-cloud .tag-box .tag.t8{top:290px;right:70px}.section.demo .head{font-weight:300}.section.demo .head:before{content:"";height:44px;vertical-align:bottom;width:4px;background-color:white;display:inline-block;margin-right:15px}.section.demo .overlay{min-height:550px}.section.demo .overlay .scroll{width:1200px}.section.demo .overlay .scroll .column{width:200px;float:left;height:auto;background-color:#1e1e1e;margin-right:20px;cursor:pointer}.section.demo .overlay .scroll .column .hover{display:none}.section.demo .overlay .scroll .column .info-hide{display:none}.section.demo .overlay .scroll .column .info-hide .star{width:16px;display:inline-block}.section.demo .overlay .scroll .column .box{padding:8px 5px  5px}.section.demo .overlay .scroll .column .btn-box{text-align:center;display:none}.section.demo .overlay .scroll .column .btn-box .btn{color:white;width:140px;margin-bottom:15px;margin-top:5px;border:1px solid white;font-size:18px;height:46px;line-height:46px;padding:0;border-radius:50px}.section.demo .overlay .scroll .column:nth-child(1){margin-left:20px}.section.testimo{padding:660px 0 80px;margin-top:-800px}.section.more .tag-box .tag{color:#4A4A4A;opacity:.3;margin:0 3px}.section.more .tag-box .tag:hover{color:#1A75FF;opacity:1}.section.more .more-href img{transition:all 0.3s ease-in-out;transform:scale(1)}.section.more .more-href h4{opacity:1;color:#4A4A4A}.section.more .more-href:hover img{transform:scale(0.94)}.section.more .more-btn{font-size:20px;color:#4A4A4A;opacity:.5;line-height:47px;margin-right:5px;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;opacity:.6}@media screen and (max-width: 900px){.section.setting .color-plate .p-2{margin:0 10px}}@media screen and (max-width: 1024px){.dn768{display:block}.mdn768{display:none}.m-plr114{padding:0 50px}.container{padding-right:64px;padding-left:64px}.mw380{max-width:380px}.section.intro h3{text-align:center;margin-top:30px}.section.intro .mw450{max-width:450px;margin:0 auto}.section.project-background .right .inner{max-width:280px;margin:0 auto}.section.project-background .mt100{margin-top:0}.section.project-challenge{padding:80px 0}.section.project-challenge .step{width:580px;margin:0 auto}.section.project-challenge .step .icon{margin-bottom:70px}.section.project-challenge .step .icon.icon3:after{bottom:-50px;top:inherit;right:50%;transform:rotate(90deg);margin-right:-9px}.section.project-challenge .step .icon.icon5{clear:both;margin-left:108px}.section.project-challenge .step .icon.icon5:after{transform:rotate(180deg)}.section.online{padding:120px 0 138px}.section.online .right{margin-top:0px}.section.online .left{margin-top:205px}.section.online .mb80{margin-bottom:48px}.section.knowledge .right{margin-top:40px}.section.knowledge .right .img3{margin-top:200px}.section.knowledge .mb220{margin-bottom:120px}.section.knowledge .message-box{position:relative;height:515px;width:78%;margin:67px auto 0;min-width:672px}.section.knowledge .message-box img{position:absolute;width:330px}.section.knowledge .message-box .i2{left:78px;top:312px}.section.knowledge .message-box .i3{right:0;top:141px}.section.setting{padding:80px 0 400px}.section.setting .mb120{margin-bottom:80px}.section.setting .color-plate{width:300px;margin:0 auto}.section.setting .color-plate .color-block{margin:0 10px 80px}.section.setting .color-plate .color-block:nth-child(4){margin-left:0}.section.setting .color-plate .color-block:nth-child(1){margin-bottom:15px}.section.demo .mb220{margin-bottom:130px}.section.demo .overlay{overflow-x:scroll;padding-bottom:15px;min-height:460px}.section.demo .demo-img{margin-top:-400px}.section.demo .tag-cloud .mb40{margin-bottom:80px}.section.function{background-image:url(../../img/works/friday-768.png);padding:300px 0 65px}.section.testimo{padding:460px 0 80px;margin-top:-600px}}@media screen and (max-width: 768px){.section.knowledge .message-box{width:100%;min-width:inherit}.section.knowledge .message-box img{width:43.2%;min-width:280px}}@media screen and (max-width: 680px){.section.project-challenge .pd50{padding-right:45px;padding-left:45px}.section.project-challenge .step{width:411px;padding:0}.section.project-challenge .step .icon{width:111px;margin:0 13px 70px}.section.project-challenge .step .icon p{font-size:12px}.section.project-challenge .step .icon.icon5{margin-left:93px}.section.project-challenge .step .icon.icon4,.section.project-challenge .step .icon.icon5{margin-bottom:0}}@media screen and (max-width: 480px){.container{padding-right:25px;padding-left:25px}.bg-img{height:320px}.dn{display:block}.mdn{display:none}.m-ptd64{padding:64px 0}.m-plr48{padding:0 48px}.m-mlr38{margin:0 38px}.m-plr34{padding:0 34px}.m-plr20{padding:0 20px}.section.headline{padding:60px 0 24px;margin-top:260px}.section.headline br{display:block}.section.intro{padding:60px 0}.section.intro img{max-width:240px}.section.intro h3{text-align:center}.section.demo .head:before{height:28px}.section.demo .mb220{margin-bottom:68px}.section.demo .tag-cloud{margin-bottom:70px}.section.demo .tag-cloud .mb40{margin-bottom:40px}.section.demo .tag-cloud .tag-box .tag span{font-size:16px}.section.demo .tag-cloud .tag-box .tag.t1{top:110px;left:200px}.section.demo .tag-cloud .tag-box .tag.t2{top:55px;right:45px}.section.demo .tag-cloud .tag-box .tag.t3{top:11px;left:120px}.section.demo .tag-cloud .tag-box .tag.t4{top:-40px;right:50px}.section.demo .tag-cloud .tag-box .tag.t5{top:100px;right:80px}.section.demo .tag-cloud .tag-box .tag.t6{top:-26px;right:98px}.section.demo .tag-cloud .tag-box .tag.t7{top:160px;right:24px}.section.demo .tag-cloud .tag-box .tag.t7 span{font-size:16px}.section.demo .tag-cloud .tag-box .tag.t8{top:200px;right:40px}.section.demo .inner .img{height:210px}.section.demo .long-img{max-width:325px}.section.demo .demo-img{margin-top:-250px;margin-bottom:64px}.section.demo .overlay{min-height:225px}.section.demo .overlay .scroll .column{min-height:225px;width:115px;margin-right:7px}.section.demo .overlay .scroll .column p{line-height:1.3}.section.demo .overlay .scroll .column .date{display:none}.section.online img{max-width:325px}.section.knowledge .message-box{height:320px}.section.knowledge .message-box img{width:43.2%;min-width:162px}.section.knowledge .message-box .i1{left:25px}.section.knowledge .message-box .i2{top:185px}.section.knowledge .message-box .i3{right:25px;top:80px}.section.knowledge .left img{max-width:325px}.section.knowledge .right{margin-top:0}.section.knowledge .right img{max-width:325px}.section.knowledge .right .img3{margin:48px auto 0}.section.online,.section.knowledge{padding:64px 0}.section.online .col,.section.knowledge .col{flex-basis:inherit;flex-grow:inherit}.section.online .left,.section.knowledge .left{margin-top:0}.section.knowledge{padding:80px 0 0}.section.knowledge .left{margin-top:40px}.section.project-background{padding:40px 0}.section.more .mb40{margin-bottom:25px}.section.more .more-btn{font-size:14px}.section.more .col.column{flex-grow:inherit;flex-basis:inherit}.bg-img.kv{height:320px;background-image:url(../../img/works/friday-m-kv.jpg);background-size:cover;background-position:top}.section.project-challenge .mb120{margin-bottom:64px}.section.project-challenge .pd50{padding-right:25px;padding-left:25px}.section.project-challenge .content{padding-right:15px;padding-left:15px}.section.project-challenge .step br{display:block}.section.project-challenge .step .icon{margin:0 18px 70px}.section.project-challenge .step .icon p{font-size:14px}.section.project-challenge .step .icon.icon1{margin-left:84px}.section.project-challenge .step .icon.icon2:after{background-image:url(../../img/works/direction-right480.png);background-size:239px 122px;width:239px;height:122px;position:absolute;right:57px;top:155px}.section.project-challenge .step .icon.icon3{text-align:center;clear:both;width:100%;position:relative;margin:0 auto 125px}.section.project-challenge .step .icon.icon3:after{background-image:url(../../img/works/direction-left480.png);background-size:244px 167px;width:244px;height:167px;position:absolute;right:45px;top:35px;transform:rotate(0)}.section.project-challenge .step .icon.icon3 .ico{margin:0 11px}.section.project-challenge .step .icon.icon3 .ico.i1{display:inline-block}.section.project-challenge .step .icon.icon3 .ico.i2,.section.project-challenge .step .icon.icon3 .ico.i3{width:auto}.section.project-challenge .step .icon.icon3 .ico.i1,.section.project-challenge .step .icon.icon3 .ico.i2{position:relative}.section.project-challenge .step .icon.icon3 .ico.i1:after,.section.project-challenge .step .icon.icon3 .ico.i2:after{content:"x";font-size:13px;color:#1b62b4;top:13px;right:-15px;width:9px;height:9px;position:absolute}.section.project-challenge .step .icon.icon4{clear:both;margin-left:84px}.section.project-challenge .step .icon.icon5{clear:inherit;margin-left:0}.section.project-challenge .step .icon.icon5:after{display:none}.section.project-challenge .step .icon.icon1:after,.section.project-challenge .step .icon.icon4:after{margin-top:-13px}.section.project-challenge .step .icon:after{background-image:url(../../img/works/arrow-480.png);background-size:25px 13px;width:25px;height:13px}.section.project-challenge .step .icon:nth-child(5):after{display:block}.section.project-challenge .dn768{display:none}.section.project-challenge .mdn768{display:block}.section.setting{padding:80px 0 200px}.section.setting .mb80{margin-bottom:40px}.section.setting .color-plate{width:276px}.section.setting .color-plate .color-block{margin:0 7px 80px}.section.setting .color-plate .color-block:nth-child(4),.section.setting .color-plate .color-block:nth-child(5),.section.setting .color-plate .color-block:nth-child(6){margin-bottom:0}.section.pbg{min-height:320px;background-image:url(../../img/works/friday-cinemam.jpg) !important;background-position:left !important}.section.testimo{padding:320px 0 40px;margin-top:-350px}.section.cta{padding:80px 0}}@media screen and (max-width: 400px){.section.knowledge .message-box img{min-width:158px}.section.knowledge .message-box .i2{left:36px}.section.project-challenge .step .icon.icon1{margin-left:50px}.section.project-challenge .step .icon.icon4{margin-left:40px}}