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}@media screen and (max-width: 1439px){.section .container{max-width:1140px}}@media screen and (max-width: 1279px){.row{margin-right:0;margin-left:0}}@media screen and (max-width: 1024px){.container{padding-right:64px;padding-left:64px}}@media screen and (max-width: 767px){.container{padding-right:24px;padding-left:24px}}.d-desktop{display:block}.d-desktop-n{display:none}@media screen and (max-width: 1279px){.d-tablet{display:block}.d-tablet-n{display:none}}@media screen and (max-width: 767px){.d-mobile{display:block}.d-mobile-n{display:none}}.section.headline{padding:100px 0 72px;margin-top:220px}.section.headline h1{margin-bottom:8px}@media screen and (max-width: 767px){.section.headline{padding:60px 0 24px;margin-top:260px}}.bg-img{display:flex;justify-content:center;align-items:center;width:100%;height:700px;overflow:hidden}.bg-img .kv{height:100%;width:auto}@media screen and (max-width: 1439px){.bg-img{height:620px}}@media screen and (max-width: 1279px){.bg-img{height:924px}}@media screen and (max-width: 767px){.bg-img{height:320px}}.section.intro{padding:60px 0}.section.intro .col-logo{width:50%;padding-right:60px}.section.intro .col-logo .logo{max-height:120px;max-width:450px;margin-top:73px}.section.intro .col-intro{width:50%;padding-left:30px}.section.intro .col-intro h3{margin-bottom:10px;letter-spacing:-1.6px}.section.intro .col-intro p{max-width:480px}@media screen and (max-width: 1279px){.section.intro{padding:48px 0 80px 0}.section.intro .col-logo{width:100%;padding-right:0}.section.intro .col-logo .logo{margin-top:0;max-width:450px}.section.intro .col-intro{width:100%;padding-left:0}.section.intro .col-intro h3{text-align:center;margin-top:30px}.section.intro .col-intro p{margin:0 auto;text-align:center}}@media screen and (max-width: 767px){.section.intro{padding:32px 0 48px 0}.section.intro .col-logo .logo{max-width:280px}}.section.project-background{overflow:hidden}.section.project-background .left{width:100%;max-width:480px}.section.project-background .right{width:100%;max-width:540px}.section.project-background .inner{position:relative;margin-top:133px}.section.project-background .inner img{position:relative;z-index:5;-moz-box-shadow:0 20px 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.2)}.section.project-background .inner .shadow{width:100%;height:100%;background-image:radial-gradient(circle at 0% 50%, #717171, #282828 96%);position:absolute;top:-32px;left:60px;box-shadow:none !important}.section.project-background .app img{float:left;width:135px;margin:20px 16px 0 0}@media screen and (max-width: 1279px){.section.project-background .left{max-width:100%}.section.project-background .right{max-width:100%;display:flex;justify-content:center}.section.project-background .inner{max-width:540px;margin-right:60px;margin-top:104px}}@media screen and (max-width: 767px){.section.project-background{padding:40px 0 80px 0}.section.project-background .inner{margin-top:60px;margin:60px 6px 0 6px}.section.project-background .inner .shadow{top:-19px;left:35px}.section.project-background .app img{margin:20px 16px 20px 0}}.section.design{padding:80px 0}.section.design .top{width:100%;padding-bottom:32px}.section.design .top h3{text-align:center}.section.design .down{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.section.design .box{display:flex;flex-direction:column;align-items:center;width:100%;max-width:324px;margin-right:20px}.section.design .box:last-of-type{margin-right:0}.section.design .box img{width:100%;max-width:240px;margin-bottom:24px}.section.design .box-content{text-align:center}.section.design .box-content h5{font-size:24px;font-weight:bold}@media screen and (max-width: 1279px){.section.design .top{padding-bottom:16px}.section.design .top h3{text-align:left}.section.design .down{flex-direction:column}.section.design .box{flex-direction:row;max-width:100%;margin-bottom:24px;margin-right:0}.section.design .box:last-of-type{margin-bottom:0}.section.design .box img{margin-bottom:0;width:160px}.section.design .box-content{margin-left:24px;text-align:left}}@media screen and (max-width: 767px){.section.design{padding:64px 0 55px 0}.section.design .top h3{text-align:center}.section.design .box{flex-direction:column}.section.design .box img{margin-bottom:8px}.section.design .box-content{margin-left:0;margin-bottom:8px}.section.design .box-content h5{font-size:20px;text-align:center}}.section.updown{padding:80px 0;background-color:#292929}.section.updown .top{width:100%;padding-bottom:64px}.section.updown .down{width:100%;display:flex;justify-content:center;align-items:start}.section.updown .down img{width:100%}@media screen and (max-width: 1279px){.section.updown .top{padding-bottom:24px}.section.updown .down{flex-wrap:wrap}.section.updown .down img{width:100%}}@media screen and (max-width: 767px){.section.updown{padding:64px 0}}.section.framework{padding:0;background-color:#292929}.section.framework .top{width:100%;padding-bottom:32px;max-width:1140px;margin:0 auto}.section.framework .down{width:100%;text-align:left;margin-bottom:-343px;z-index:1}.section.framework .down .box{width:100%;padding:0 0 48px 0}.section.framework .down img{width:100%;box-shadow:0 16px 32px 0 rgba(0,0,0,0.04);border-radius:20px;overflow:hidden}@media screen and (max-width: 1279px){.section.framework .top{padding-bottom:24px}.section.framework .down{width:calc(100% + 128px);margin:0 -64px -248px -64px;overflow-y:auto;overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.section.framework .down::-webkit-scrollbar{display:none}.section.framework .down .box{padding:0 64px 48px 64px;width:1268px}.section.framework .down .img{width:auto}}@media screen and (max-width: 767px){.section.framework .down{width:calc(100% + 48px);margin:0 -24px -248px -24px}.section.framework .down::-webkit-scrollbar{display:none}.section.framework .down .box{padding:0 24px 48px 24px;width:1188px}}.section.framework2{padding:343px 0 0 0}.section.framework2 .down{width:100%;text-align:left;z-index:1}.section.framework2 .down .box{padding:0 0 80px 0;width:100%}.section.framework2 .down img{width:100%;box-shadow:0 16px 32px 0 rgba(0,0,0,0.04);border-radius:20px;overflow:hidden}@media screen and (max-width: 1279px){.section.framework2{padding:248px 0 0 0}.section.framework2 .down{width:calc(100% + 128px);margin:0 -64px 0 -64px;overflow-y:auto;overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.section.framework2 .down::-webkit-scrollbar{display:none}.section.framework2 .down .box{padding:0 64px 80px 64px;width:1268px}.section.framework2 .down .img{width:auto}}@media screen and (max-width: 767px){.section.framework2 .down{width:calc(100% + 48px);margin:0 -24px 0 -24px}.section.framework2 .down::-webkit-scrollbar{display:none}.section.framework2 .down .box{padding:0 24px 80px 24px;width:1188px}}.section.paycode{padding:0}.section.paycode .left{width:100%;max-width:480px;padding-top:74px}.section.paycode .right{width:100%;max-width:520px}@media screen and (max-width: 1279px){.section.paycode .left{max-width:100%;padding-top:0}.section.paycode .right{max-width:100%;display:flex;justify-content:center}.section.paycode .right .inner{max-width:520px}}.section.money{padding:80px 0 0 0}.section.money .top{width:100%;padding-bottom:32px;max-width:1140px;margin:0 auto;text-align:center}.section.money .down{width:100%;text-align:left}@media screen and (max-width: 1279px){.section.money{padding:48px 0 0 0}.section.money .down{width:calc(100% + 128px);margin:0 -64px;overflow-y:auto;overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.section.money .down::-webkit-scrollbar{display:none}.section.money .down img{height:460px;width:auto;padding:0 64px;margin:0}}@media screen and (max-width: 767px){.section.money{padding:48px 0 0 0}.section.money .down{width:calc(100% + 48px);margin:0 -24px}.section.money .down img{padding:0 24px}}.section.bebe{padding:120px 0 0 0}.section.bebe .left{width:100%;max-width:480px;padding-top:75px;max-width:480px}.section.bebe .right .bebe-box{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;max-width:540px;width:100%;height:460px}.section.bebe .right .bebe-box .bebe-1{max-width:240px;margin:20px 16px 0 0}.section.bebe .right .bebe-box .bebe-2{max-width:280px;margin:0;right:-20px}.section.bebe .right .bebe-box .bebe-3{position:absolute;max-width:200px;right:282px;bottom:5px}@media screen and (max-width: 1279px){.section.bebe{padding:64px 0 0 0}.section.bebe .left{max-width:none}.section.bebe .left p{padding-bottom:60px}.section.bebe .right{display:flex;justify-content:center;width:100%}.section.bebe .right .bebe-box{justify-content:center}}@media screen and (max-width: 767px){.section.bebe .right .bebe-box{max-width:327px;height:279px}.section.bebe .right .bebe-box .bebe-1{max-width:146px}.section.bebe .right .bebe-box .bebe-2{max-width:170px}.section.bebe .right .bebe-box .bebe-3{max-width:122px;right:auto;left:36px;bottom:0}}.section.card-management{padding:74px 0 120px 0}.section.card-management .left{width:100%;max-width:660px;display:flex;justify-content:center}.section.card-management .left .video-box{position:relative;width:100%;display:flex;justify-content:center;align-items:flex-start}.section.card-management .left .phone{position:absolute;top:-102px;left:-9px;width:594px;z-index:1}.section.card-management .left .video{max-width:297px}.section.card-management .right{width:100%;max-width:480px;padding-top:117px}@media screen and (max-width: 1279px){.section.card-management{padding:64px 0 100px 0}.section.card-management .left{max-width:none;padding-top:54px}.section.card-management .left .video-box{position:relative;width:100%}.section.card-management .left .phone{top:-104px;left:calc(50% - 42px);width:594px;transform:translateX(-50%)}.section.card-management .right{max-width:none;padding-top:0;order:-1}}@media screen and (max-width: 767px){.section.card-management{padding:64px 0}.section.card-management .right{padding:0 15px 40px 15px}.section.card-management .left .phone{top:-65px;left:50%;width:372px}.section.card-management .left .video{max-width:186px;margin-left:54px}}.section.pbg{min-height:400px}.section.auto{padding:80px 0 0 0}.section.auto .left{width:100%;max-width:480px;padding-top:170px}.section.auto .right{width:100%;max-width:520px}@media screen and (max-width: 1279px){.section.auto .left{max-width:100%;padding-top:0px}.section.auto .right{display:flex;justify-content:center;max-width:100%;margin-top:24px}.section.auto .right img{max-width:520px}}@media screen and (max-width: 767px){.section.auto{padding:40px 0 0 0}}.section.ride{padding:0;background-color:#f7f9fa}.section.ride .left{width:100%;padding:80px 0 0 0;max-width:480px;z-index:1}.section.ride .right{width:100%;max-width:660px}.section.ride .right .video-box video{max-width:768px}@media screen and (max-width: 1279px){.section.ride{padding:64px 0 0 0}.section.ride .left{padding:0 15px;max-width:none;margin:0}.section.ride .right{width:100%;padding:0;margin-right:0;max-width:none}.section.ride .right .video-box{width:100%}.section.ride .right .video-box video{position:relative;left:0;transform:translateX(0);margin:0 -64px;width:calc(100% + 128px);max-width:768px}}@media screen and (max-width: 767px){.section.ride{padding:64px 0}.section.ride .right .video-box{width:100%}.section.ride .right .video-box video{position:relative;margin:0 -24px;width:calc(100% + 48px);max-width:none}}.section.life{padding:80px 0}.section.life .left{width:100%;max-width:680px;order:-1}.section.life .left .box{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.section.life .left .box img{width:100%;max-width:320px;margin:0}.section.life .left .box .present{position:absolute;bottom:104px;right:208px;width:200px;height:200px}.section.life .left .box .second{margin-top:60px}.section.life .right{width:100%;max-width:380px;padding-top:120px}@media screen and (max-width: 1279px){.section.life{padding:80px 0}.section.life .row{flex-wrap:wrap}.section.life .left{display:flex;justify-content:center;align-items:self-start;max-width:none;order:0}.section.life .left .box img{max-width:300px}.section.life .right{max-width:100%;padding-top:0;margin-bottom:40px}}@media screen and (max-width: 767px){.section.life{padding:64px 0}.section.life .left{width:calc(100% + 48px);margin:0 -24px;overflow-y:auto;overflow:-moz-hidden-unscrollable;-ms-overflow-style:none;justify-content:flex-start}.section.life .left::-webkit-scrollbar{display:none}.section.life .left .box{height:525px}.section.life .left .box img{width:auto;height:525px}.section.life .left .box .first{max-width:calc(280px + 24px);padding-left:24px}.section.life .left .box .second{max-width:calc(280px + 24px);padding-right:24px;margin-top:0}.section.life .left .box .present{bottom:104px;right:0;width:160px;height:160px}.section.life .right{margin-bottom:40px}}.section.game{padding:0;background-color:#050505}.section.game .left{width:100%;max-width:480px;padding-top:134px}.section.game .right{width:100%;max-width:720px;margin-right:-150px}.section.game .right img{margin:0}@media screen and (max-width: 1439px){.section.game .right{max-width:720px;margin-right:-70px}}@media screen and (max-width: 1279px){.section.game{padding:80px 0 0 0}.section.game .row{flex-wrap:wrap}.section.game .left{max-width:none;padding-top:0}.section.game .right{display:flex;justify-content:center;align-items:flex-start;max-width:none;padding-top:24px;margin:0 -64px;width:calc(100% + 128px)}.section.game .right img{height:auto;width:100%;max-width:600px}}@media screen and (max-width: 767px){.section.game{padding:64px 0 0 0}.section.game .right{padding-top:16px;margin:0 -24px;width:calc(100% + 48px)}}.section.ending{padding:120px 0}.section.ending .row{display:flex;justify-content:center}.section.ending .col-small{padding:0;width:100%;max-width:640px}.section.ending .col-small h4{font-size:20px;font-weight:normal;color:#212529;opacity:0.5}.section.ending .col-small .author-pic{display:inline-block;padding-right:16px}.section.ending .col-small .author-pic img{border-radius:50%;overflow:hidden;width:48px}.section.ending .col-small .author-des{display:inline-block}.section.ending .col-small .author-des h6{text-align:left;font-weight:bold;line-height:1.8}.section.ending .col-small .author-des h6.title{opacity:0.5}.section.ending .author{justify-content:flex-start}@media screen and (max-width: 1279px){.section.ending .col-small{max-width:540px}}@media screen and (max-width: 767px){.section.ending{padding:80px 0}.section.ending .col-small{width:100%;max-width:none;margin:0 24px}.section.ending .col-small h4{font-size:16px}}.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}.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}}