body,html{font-family:"Noto Sans TC",PingFang TC,"微軟正黑體",Semibold,Microsoft JhengHei,Arial,sans-serif}@-webkit-keyframes ani-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes ani-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@keyframes ani-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-webkit-keyframes ani-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes ani-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@keyframes ani-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-webkit-keyframes ani-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes ani-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@keyframes ani-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-webkit-keyframes hint{0%{top:0;opacity:1}100%{top:150%;opacity:0}}@-moz-keyframes hint{0%{top:0;opacity:1}100%{top:150%;opacity:0}}@keyframes hint{0%{top:0;opacity:1}100%{top:150%;opacity:0}}@-webkit-keyframes rotateCenter{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@-moz-keyframes rotateCenter{0%{-moz-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-moz-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateCenter{0%{-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);-moz-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@-webkit-keyframes scene-1-color{0%{left:0;width:0%}50%{left:0;width:100%}100%{left:100%;width:0%}}@-moz-keyframes scene-1-color{0%{left:0;width:0%}50%{left:0;width:100%}100%{left:100%;width:0%}}@keyframes scene-1-color{0%{left:0;width:0%}50%{left:0;width:100%}100%{left:100%;width:0%}}.display-off{display:none!important}body,html{position:relative;width:100%;height:100%;-ms-overflow-style:none;-ms-overflow-style:none;scrollbar-width:none}body{background-color:#fff;overflow:hidden}@media only screen and (max-width:1200px){body{-ms-overflow-style:none;scrollbar-width:none}}body::-webkit-scrollbar{display:none}@-webkit-keyframes shake-R{0%{-webkit-transform:translate(25%,-50%);transform:translate(25%,-50%)}50%{-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}100%{-webkit-transform:translate(25%,-50%);transform:translate(25%,-50%)}}@-moz-keyframes shake-R{0%{-moz-transform:translate(25%,-50%);transform:translate(25%,-50%)}50%{-moz-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}100%{-moz-transform:translate(25%,-50%);transform:translate(25%,-50%)}}@keyframes shake-R{0%{-webkit-transform:translate(25%,-50%);-moz-transform:translate(25%,-50%);transform:translate(25%,-50%)}50%{-webkit-transform:translate(-25%,-50%);-moz-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}100%{-webkit-transform:translate(25%,-50%);-moz-transform:translate(25%,-50%);transform:translate(25%,-50%)}}@-webkit-keyframes shake-L{0%{-webkit-transform:translate(-25%,-50%) rotate(180deg);transform:translate(-25%,-50%) rotate(180deg)}50%{-webkit-transform:translate(25%,-50%) rotate(180deg);transform:translate(25%,-50%) rotate(180deg)}100%{-webkit-transform:translate(-25%,-50%) rotate(180deg);transform:translate(-25%,-50%) rotate(180deg)}}@-moz-keyframes shake-L{0%{-moz-transform:translate(-25%,-50%) rotate(180deg);transform:translate(-25%,-50%) rotate(180deg)}50%{-moz-transform:translate(25%,-50%) rotate(180deg);transform:translate(25%,-50%) rotate(180deg)}100%{-moz-transform:translate(-25%,-50%) rotate(180deg);transform:translate(-25%,-50%) rotate(180deg)}}@keyframes shake-L{0%{-webkit-transform:translate(-25%,-50%) rotate(180deg);-moz-transform:translate(-25%,-50%) rotate(180deg);transform:translate(-25%,-50%) rotate(180deg)}50%{-webkit-transform:translate(25%,-50%) rotate(180deg);-moz-transform:translate(25%,-50%) rotate(180deg);transform:translate(25%,-50%) rotate(180deg)}100%{-webkit-transform:translate(-25%,-50%) rotate(180deg);-moz-transform:translate(-25%,-50%) rotate(180deg);transform:translate(-25%,-50%) rotate(180deg)}}.online-count{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#66ecd2;opacity:1;visibility:visible;z-index:99999}.scroll-hint{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;align-items:center;position:fixed;bottom:9.25926vh;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;visibility:visible;z-index:9;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.scroll-hint.active{opacity:0;visibility:hidden}.scroll-hint p{font-weight:400;line-height:1;font-size:1.85185vh;letter-spacing:.03em;color:#000}.scroll-hint .block{position:relative;width:2.77778vh;height:2.77778vh;margin:auto;margin-top:0}.scroll-hint .block:after,.scroll-hint .block:before{content:'';position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,0) rotate(45deg);-moz-transform:translate(-50%,0) rotate(45deg);transform:translate(-50%,0) rotate(45deg);width:100%;height:100%;border-bottom:2px solid #000;border-right:2px solid #000}.scroll-hint .block:before{-webkit-animation:hint 2s infinite linear;-moz-animation:hint 2s infinite linear;animation:hint 2s infinite linear}.scroll-hint .block:after{-webkit-animation:hint 2s 1s infinite linear;-moz-animation:hint 2s 1s infinite linear;animation:hint 2s 1s infinite linear}@media only screen and (max-width:1200px){.scroll-hint{bottom:27.55102vw}.scroll-hint p{font-size:3.31122vw}.scroll-hint .block{width:3.06122vw;height:3.06122vw;margin-top:2.55102vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scroll-hint{bottom:19.28571vw}.scroll-hint p{font-size:2.31786vw}.scroll-hint .block{width:2.14286vw;height:2.14286vw;margin-top:1.78571vw}}.scroll-block{width:100%;height:200%}@media only screen and (max-width:1200px){.scroll-block{height:100%}}.layer{width:100%;height:100%}.layer.l-2{position:fixed;top:0;left:0}.layer.l-3{position:fixed;top:0;left:0;pointer-events:none}.layer.l-4{position:fixed;top:0;left:0;pointer-events:none}.nav-scene{position:fixed;top:50%;right:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);z-index:2;opacity:0;-webkit-transition:all 1s 1s;-moz-transition:all 1s 1s;transition:all 1s 1s}.nav-scene.start{opacity:1;right:3.33333vh}@media only screen and (max-width:1200px){.nav-scene{top:auto;right:10.20408vw;bottom:0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}.nav-scene.start{right:10.20408vw;bottom:15.30612vw}}@media only screen and (max-width:1200px) and (min-width:700px){.nav-scene.start{bottom:9.18367vw}}.nav-scene .nav-scene-block{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}@media only screen and (max-width:1200px){.nav-scene .nav-scene-block{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}}.nav-scene ul.dot-block{pointer-events:initial}@media only screen and (max-width:1200px){.nav-scene ul.dot-block{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-moz-box-align:center;align-items:center}}.nav-scene ul.dot-block.active{pointer-events:none}.nav-scene ul.dot-block li.dot{width:1.11111vh;height:1.11111vh;border-radius:50%;background-color:transparent;cursor:pointer;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.nav-scene ul.dot-block li.dot:not(:last-child){margin-bottom:.92593vh}@media only screen and (max-width:1200px){.nav-scene ul.dot-block li.dot{width:2.04082vw;height:2.04082vw}.nav-scene ul.dot-block li.dot:not(:last-child){margin-bottom:0;margin-right:1.73469vw}}.nav-scene .dot-line{width:1px;height:9.25926vh;margin:1.85185vh 0;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}@media only screen and (max-width:1200px){.nav-scene .dot-line{width:18.36735vw;height:1px;margin:0 2.04082vw}}.nav-scene .dot-num{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-moz-box-align:center;align-items:center;margin-bottom:8.33333vh}@media only screen and (max-width:1200px){.nav-scene .dot-num{margin-bottom:0}}.nav-scene .dot-num p{height:1px;font-size:1.85185vh;white-space:nowrap;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}@media only screen and (max-width:1200px){.nav-scene .dot-num p{height:auto;-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;font-size:3.67347vw}}@media only screen and (max-width:1200px){.nav-scene ul.community-block{display:-webkit-box;display:-moz-box;display:flex}}.nav-scene ul.community-block li:not(:last-child){margin-bottom:1.11111vh}.nav-scene ul.community-block a.icon{display:block;width:2.77778vh;height:2.77778vh;background-position:center;background-repeat:no-repeat;background-size:contain}.nav-scene.white li.dot{border:1px solid #fff}.nav-scene.white li.dot.active{background-color:#fff}.nav-scene.white .dot-line{background-color:#fff}.nav-scene.white .dot-num p{color:#fff}.nav-scene.white .fb{background-image:url(../../images/index/icon-fb.png)}.nav-scene.white .yt{background-image:url(../../images/index/icon-yt.png)}.nav-scene.white .line{background-image:url(../../images/index/icon-line.png)}.nav-scene.black li.dot{border:1px solid #000}.nav-scene.black li.dot.active{background-color:#000}.nav-scene.black .dot-line{background-color:#000}.nav-scene.black .dot-num p{color:#000}.nav-scene.black .fb{background-image:url(../../images/index/icon-fb.png)}.nav-scene.black .yt{background-image:url(../../images/index/icon-yt.png)}.nav-scene.black .line{background-image:url(../../images/index/icon-line.png)}.download-block{position:fixed;right:0;bottom:0;z-index:1}.download-block.start{-webkit-animation:ani-fadeInUp 1s 1.5s both;-moz-animation:ani-fadeInUp 1s 1.5s both;animation:ani-fadeInUp 1s 1.5s both}@media only screen and (max-width:1200px){.download-block{width:100%}}.download-block p{display:inline-block;font-weight:700;line-height:1;font-size:1.85185vh;letter-spacing:.01em;padding-bottom:.55556vh}.download-block ul.app-block{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;background-color:#000}@media only screen and (max-width:1200px){.download-block ul.app-block{-webkit-box-pack:center;-moz-box-pack:center;justify-content:center}}.download-block ul.app-block li{position:relative;font-weight:700;line-height:1;font-size:2.22222vh;letter-spacing:.1em;color:#fff;text-align:center;padding:1.85185vh 1.85185vh}.download-block ul.app-block li:last-child{padding-right:4.16667vh}.download-block ul.app-block li:last-child:after{content:"";position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);width:1px;height:70%;background-color:#fff}.download-block ul.app-block li span{font-size:1.2963vh}@media only screen and (max-width:1200px){.download-block ul.app-block li{font-size:3.67347vw;padding:2.55102vw 2.04082vw}.download-block ul.app-block li:last-child{padding-right:2.04082vw}.download-block ul.app-block li:last-child:after{opacity:.5}.download-block ul.app-block li span{font-size:2.14286vw}}@media only screen and (max-width:1200px) and (min-width:700px){.download-block ul.app-block li{font-size:2.57143vw;padding:1.78571vw 1.42857vw}.download-block ul.app-block li:last-child{padding-right:1.42857vw}.download-block ul.app-block li:last-child:after{opacity:.5}.download-block ul.app-block li span{font-size:1.5vw}}.download-block ul.app-block .app{display:block;width:15.55556vh;height:4.62963vh;background-position:center;background-repeat:no-repeat;background-size:contain}.download-block ul.app-block .app.ios{background-image:url(../../images/index/icon-ios.png)}.download-block ul.app-block .app.android{background-image:url(../../images/index/icon-android.png)}@media only screen and (max-width:1200px){.download-block ul.app-block .app{width:27.42857vw;height:8.16327vw}}@media only screen and (max-width:1200px) and (min-width:700px){.download-block ul.app-block .app{width:17.14286vw;height:5.10204vw}}.skewY{-webkit-transform:skewY(-7deg);-moz-transform:skewY(-7deg);transform:skewY(-7deg)}.scene-top{padding-top:29.72222vh}@media only screen and (max-width:1200px){.scene-top{padding-top:43.46939vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene-top{padding-top:30.42857vw}}.scene-block{width:100%;height:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.scene{position:relative;width:100%;height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;background:#fff;overflow:hidden}.scene.space{background:0 0!important}.scene .scene-title{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,-25%);-moz-transform:translate(-50%,-25%);transform:translate(-50%,-25%);width:100%;padding-top:12.03704vh;padding-bottom:5.09259vh;text-align:center;z-index:1;opacity:0;-webkit-transition:1s;-moz-transition:1s;transition:1s}.scene .scene-title .title{font-weight:700;line-height:1;font-size:6.48148vh;letter-spacing:.15em;margin-bottom:1.85185vh}.scene .scene-title .sub-title{font-weight:500;line-height:1;font-size:2.77778vh;letter-spacing:.17em}@media only screen and (max-width:1200px){.scene .scene-title{padding-top:20.91837vw;padding-bottom:5.61224vw}.scene .scene-title .title{font-size:7.14286vw;margin-bottom:2.04082vw}.scene .scene-title .sub-title{font-size:3.26531vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene .scene-title{padding-top:16.73469vw}.scene .scene-title .title{font-size:5.71429vw;margin-bottom:2.04082vw}}.scene.active .scene-title{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;-webkit-transition:.5s 1s linear;-moz-transition:.5s 1s linear;transition:.5s 1s linear}.scene.s-1{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;align-items:center;background-color:#efefef}.scene.s-1.KV{background-color:rgba(239,239,239,0);padding-right:0}@media only screen and (max-width:1200px){.scene.s-1.KV{padding-right:0;padding-bottom:22.95918vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-1.KV{padding-bottom:10.20408vw}}.scene.s-1 .bg-element{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0;-webkit-transition:all 3.25s ease-out;-moz-transition:all 3.25s ease-out;transition:all 3.25s ease-out}.scene.s-1 .bg-element.orange{top:0;right:-100%;width:103.7037vh;height:100vh;background-image:url(../../images/index/scene-1-bg-orange.png)}.scene.s-1 .bg-element.blue{top:-100%;left:-2.03704vh;width:56.2037vh;height:37.87037vh;background-image:url(../../images/index/scene-1-bg-blue.png)}.scene.s-1 .bg-element.green{bottom:-100%;left:0;width:67.68519vh;height:41.01852vh;background-image:url(../../images/index/scene-1-bg-green.png)}.scene.s-1 .bg-element.red{bottom:28.42593vh;left:35.18519vh;width:16.48148vh;height:15.46296vh;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);background-image:url(../../images/index/scene-1-bg-red.png)}.scene.s-1 .bg-element.line-1{top:0;left:-100%;width:58.7963vh;height:38.98148vh;background-image:url(../../images/index/scene-1-bg-line.png);-webkit-transition:all 3.5s ease-out;-moz-transition:all 3.5s ease-out;transition:all 3.5s ease-out}.scene.s-1 .bg-element.line-2{width:26.94444vh;height:29.35185vh;background-image:url(../../images/index/scene-1-bg-line-2.png);-webkit-transition:all 3.5s ease-out;-moz-transition:all 3.5s ease-out;transition:all 3.5s ease-out}.scene.s-1 .bg-element.line-2._1{bottom:-90.27778vh;left:-17.59259vh}.scene.s-1 .bg-element.line-2._2{bottom:112.96296vh;left:175vh}.scene.s-1 .bg-element.dot{bottom:-100%;left:129.62963vh;width:35.92593vh;height:21.94444vh;background-image:url(../../images/index/scene-1-bg-dot.png);-webkit-transition:all 3.5s ease-out;-moz-transition:all 3.5s ease-out;transition:all 3.5s ease-out}@media only screen and (max-width:1200px){.scene.s-1 .bg-element.orange{top:-102.04082vw;right:-102.04082vw;width:57.44898vw;height:121.93878vw;background-image:url(../../images/index/scene-1-bg-orange-mb.png)}.scene.s-1 .bg-element.blue{top:-90.81633vw;left:-102.04082vw;width:44.69388vw;height:53.46939vw;background-image:url(../../images/index/scene-1-bg-blue-mb.png)}.scene.s-1 .bg-element.green{bottom:-102.04082vw;left:-102.04082vw;width:56.53061vw;height:66.42857vw;background-image:url(../../images/index/scene-1-bg-green-mb.png)}.scene.s-1 .bg-element.red{bottom:63.26531vw;left:18.87755vw;width:18.06122vw;height:16.93878vw;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);background-image:url(../../images/index/scene-1-bg-red-mb.png)}.scene.s-1 .bg-element.line-1{top:-102.04082vw;left:-102.04082vw;width:45.20408vw;height:65.81633vw;background-image:url(../../images/index/scene-1-bg-line-mb.png);-webkit-transition:all 3.5s ease-out;-moz-transition:all 3.5s ease-out;transition:all 3.5s ease-out}.scene.s-1 .bg-element.dot{bottom:-100%;left:0;width:32.04082vw;height:30.10204vw;background-image:url(../../images/index/scene-1-bg-dot-mb.png)}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-1 .bg-element.orange{width:45.95918vw;height:97.55102vw}.scene.s-1 .bg-element.blue{width:35.7551vw;height:42.77551vw}.scene.s-1 .bg-element.green{width:45.22449vw;height:53.14286vw}.scene.s-1 .bg-element.red{bottom:35.71429vw;left:18.87755vw;width:14.44898vw;height:13.55102vw}.scene.s-1 .bg-element.line-1{width:36.16327vw;height:52.65306vw}.scene.s-1 .bg-element.dot{width:25.63265vw;height:24.08163vw}}.scene.s-1 .title-photo{width:77.59259vh;height:30.18519vh;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../../images/index/scene-1-title.png);opacity:0;-webkit-transform:skewY(-7deg);-moz-transform:skewY(-7deg);transform:skewY(-7deg);-webkit-transition:all 1s 2s;-moz-transition:all 1s 2s;transition:all 1s 2s}@media only screen and (max-width:1200px){.scene.s-1 .title-photo{width:85.5102vw;height:33.26531vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-1 .title-photo{width:68.40816vw;height:26.61224vw}}.scene.s-1.active .title-photo{opacity:1;-webkit-transform:skewY(0);-moz-transform:skewY(0);transform:skewY(0)}.scene.s-1.active .bg-element{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:1}.scene.s-1.active .bg-element.orange{top:0;right:0}.scene.s-1.active .bg-element.blue{top:0;left:2.03704vh}.scene.s-1.active .bg-element.green{bottom:0;left:0}.scene.s-1.active .bg-element.red{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.scene.s-1.active .bg-element.line-1{top:0;left:0}.scene.s-1.active .bg-element.line-2{bottom:13.51852vh;left:81.94444vh}.scene.s-1.active .bg-element.line-2._1{bottom:2.31481vh;left:75vh}.scene.s-1.active .bg-element.line-2._2{bottom:66.66667vh;left:128.7037vh}.scene.s-1.active .bg-element.dot{bottom:0;left:129.62963vh}@media only screen and (max-width:1200px){.scene.s-1.active .bg-element{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:1}.scene.s-1.active .bg-element.orange{top:0;right:0}.scene.s-1.active .bg-element.blue{top:11.22449vw;left:0}.scene.s-1.active .bg-element.green{bottom:0;left:0}.scene.s-1.active .bg-element.red{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.scene.s-1.active .bg-element.line-1{top:0;left:0}.scene.s-1.active .bg-element.dot{bottom:0;left:0}}.scene.s-2{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;align-items:center}@media only screen and (max-width:1200px){.scene.s-2{padding-bottom:22.95918vw}}.scene.s-2 .title-block{display:-webkit-box;display:-moz-box;display:flex;flex-wrap:wrap;width:94.44444vh;padding-left:26.85185vh;padding-top:26.85185vh;-webkit-transform:skewY(7deg);-moz-transform:skewY(7deg);transform:skewY(7deg);opacity:0;-webkit-transition:all 2.5s;-moz-transition:all 2.5s;transition:all 2.5s}@media only screen and (max-width:1200px){.scene.s-2 .title-block{width:auto;padding-left:0;padding-top:61.22449vw}}.scene.s-2 .title-block .title{font-weight:700;line-height:1}.scene.s-2 .title-block .title.title-1{width:100%;font-size:26.01852vh;letter-spacing:.03em;color:#000;margin-bottom:.92593vh}.scene.s-2 .title-block .title.title-2{font-size:4.81481vh;letter-spacing:.07em;color:#000;margin-right:3.7037vh;margin-left:2.22222vh;margin-bottom:2.77778vh}.scene.s-2 .title-block .title.title-3{font-weight:500;line-height:1;font-size:2.22222vh;letter-spacing:.03em;color:#fff;margin-left:2.22222vh}.scene.s-2 .title-block .title.title-3 p{display:table;line-height:4.16667vh;background-color:#007bc6;padding:0 1.38889vh}.scene.s-2 .title-block .title.title-3 p:not(:last-child){margin-bottom:.92593vh}@media only screen and (max-width:1200px){.scene.s-2 .title-block .title.title-1{font-size:25.5102vw;margin-bottom:2.04082vw;text-align:center}.scene.s-2 .title-block .title.title-2{font-size:7.14286vw;line-height:7.95918vw;margin-left:12.2449vw;margin-bottom:3.06122vw}.scene.s-2 .title-block .title.title-3{font-size:3.26531vw;margin-left:12.2449vw}.scene.s-2 .title-block .title.title-3 p{line-height:7.14286vw;padding:0 1.53061vw}.scene.s-2 .title-block .title.title-3 p:first-child{margin-bottom:1.02041vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-2 .title-block .title.title-1{font-size:17.85714vw;margin-bottom:1.42857vw}.scene.s-2 .title-block .title.title-2{font-size:5vw;line-height:5.57143vw;margin-left:23.26531vw;margin-bottom:2.14286vw}.scene.s-2 .title-block .title.title-3{font-size:2.28571vw;margin-left:23.26531vw}.scene.s-2 .title-block .title.title-3 p{line-height:5vw;padding:0 1.07143vw}.scene.s-2 .title-block .title.title-3 p:first-child{margin-bottom:.71429vw}}.scene.s-2 .bg-block .bg-element{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0;-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-2 .bg-block .bg-element.kol-mask{left:-67.59259vh;bottom:-78.7037vh;width:60.09259vh;height:79.62963vh}.scene.s-2 .bg-block .bg-element .bg-element{position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.scene.s-2 .bg-block .bg-element .bg-element.blue-1{background-image:url(../../images/index/scene-2-bg-blue-1.png)}.scene.s-2 .bg-block .bg-element .bg-element.man-1{opacity:0;background-image:url(../../images/index/scene-2-bg-man-1.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-2 .bg-block .bg-element .bg-element.line-1{opacity:0;background-image:url(../../images/index/scene-2-bg-line-1.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-2 .bg-block .bg-element.blue-2{left:187.96296vh;bottom:140.74074vh;width:26.85185vh;height:35.55556vh;background-image:url(../../images/index/scene-2-bg-blue-1.png)}.scene.s-2 .bg-block .bg-element.circle-block{position:absolute;width:10.18519vh;height:10.18519vh;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-2 .bg-block .bg-element.circle-block._1{left:162.03704vh;bottom:159.07407vh}.scene.s-2 .bg-block .bg-element.circle-block._2{left:-1.85185vh;top:165.74074vh}.scene.s-2 .bg-block .bg-element.circle-block .circle{position:absolute;border-radius:100%;background-color:#e4007f}.scene.s-2 .bg-block .bg-element.circle-block .circle._1{left:0;bottom:0;width:2.77778vh;height:2.77778vh}.scene.s-2 .bg-block .bg-element.circle-block .circle._2{right:0;top:0;width:6.01852vh;height:6.01852vh}.scene.s-2 .bg-block .bg-element.line-block{position:absolute;width:21.38889vh;height:16.11111vh;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../../images/index/scene-2-bg-line-3.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-2 .bg-block .bg-element.line-block._1{left:-53.7037vh;top:158.7963vh}.scene.s-2 .bg-block .bg-element.line-block._2{left:259.25926vh;bottom:155.09259vh}@media only screen and (max-width:1200px){.scene.s-2 .bg-block .bg-element.kol-mask{left:-89.4898vw;bottom:unset;top:117.34694vw;width:66.22449vw;height:87.7551vw}.scene.s-2 .bg-block .bg-element .bg-element{position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.scene.s-2 .bg-block .bg-element .bg-element.blue-1{background-image:url(../../images/index/scene-2-bg-blue-1.png)}.scene.s-2 .bg-block .bg-element .bg-element.man-1{opacity:0;background-image:url(../../images/index/scene-2-bg-man-1.png);-webkit-transition:all .5s 1s;-moz-transition:all .5s 1s;transition:all .5s 1s}.scene.s-2 .bg-block .bg-element .bg-element.line-1{opacity:0;background-image:url(../../images/index/scene-2-bg-line-1.png);-webkit-transition:all .5s 1s;-moz-transition:all .5s 1s;transition:all .5s 1s}.scene.s-2 .bg-block .bg-element.blue-2{left:183.67347vw;bottom:unset;top:-54.08163vw;width:29.59184vw;height:39.18367vw;background-image:url(../../images/index/scene-2-bg-blue-1.png)}.scene.s-2 .bg-block .bg-element.circle-block{position:absolute;width:11.22449vw;height:11.22449vw;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-2 .bg-block .bg-element.circle-block._1{left:161.22449vw;bottom:unset;top:-66.32653vw}.scene.s-2 .bg-block .bg-element.circle-block._2{left:-76.53061vw;top:204.08163vw}.scene.s-2 .bg-block .bg-element.circle-block .circle{position:absolute;border-radius:100%;background-color:#e4007f}.scene.s-2 .bg-block .bg-element.circle-block .circle._1{left:0;bottom:0;width:3.06122vw;height:3.06122vw}.scene.s-2 .bg-block .bg-element.circle-block .circle._2{right:0;top:0;width:6.63265vw;height:6.63265vw}.scene.s-2 .bg-block .bg-element.line-block{position:absolute;width:23.57143vw;height:17.7551vw;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../../images/index/scene-2-bg-line-3.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-2 .bg-block .bg-element.line-block._1{left:-161.22449vw;top:222.44898vw}.scene.s-2 .bg-block .bg-element.line-block._2{left:226.02041vw;bottom:unset;top:-76.53061vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-2 .bg-block .bg-element.kol-mask{left:-76.53061vw;width:46.35714vw;height:61.42857vw}}.scene.s-2.active .title-block{opacity:1;-webkit-transform:skewY(-7deg);-moz-transform:skewY(-7deg);transform:skewY(-7deg)}.scene.s-2.active .bg-block .bg-element{opacity:1}.scene.s-2.active .bg-block .bg-element.kol-mask{left:25vh;bottom:13.88889vh}.scene.s-2.active .bg-block .bg-element .bg-element.man-1{opacity:1}.scene.s-2.active .bg-block .bg-element .bg-element.line-1{opacity:1}.scene.s-2.active .bg-block .bg-element.blue-2{left:95.37037vh;bottom:48.14815vh}.scene.s-2.active .bg-block .bg-element.circle-block{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.scene.s-2.active .bg-block .bg-element.circle-block._1{left:23.14815vh;bottom:20.18519vh}.scene.s-2.active .bg-block .bg-element.circle-block._2{left:137.03704vh;top:26.85185vh}.scene.s-2.active .bg-block .bg-element.line-block._1{left:85.18519vh;top:19.90741vh}.scene.s-2.active .bg-block .bg-element.line-block._2{left:120.37037vh;bottom:16.2037vh}@media only screen and (max-width:1200px){.scene.s-2.active .bg-block .bg-element.kol-mask{left:12.55102vw;top:15.30612vw}.scene.s-2.active .bg-block .bg-element .bg-element.man-1{opacity:1}.scene.s-2.active .bg-block .bg-element .bg-element.line-1{opacity:1}.scene.s-2.active .bg-block .bg-element.blue-2{left:81.63265vw;top:47.95918vw}.scene.s-2.active .bg-block .bg-element.circle-block{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.scene.s-2.active .bg-block .bg-element.circle-block._1{left:8.16327vw;top:35.71429vw}.scene.s-2.active .bg-block .bg-element.circle-block._2{left:75.5102vw;top:51.02041vw}.scene.s-2.active .bg-block .bg-element.line-block._1{left:-8.16327vw;top:69.38776vw}.scene.s-2.active .bg-block .bg-element.line-block._2{left:72.95918vw;top:25.5102vw;bottom:unset}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-2.active .bg-block .bg-element.kol-mask{left:25.5102vw}}.scene.s-3 .color-block{position:absolute;-webkit-transition:all 3s;-moz-transition:all 3s;transition:all 3s}.scene.s-3 .color-block.right{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;align-items:center;right:-25%;width:65%;height:100%;padding-bottom:55px;opacity:0;visibility:hidden}@media only screen and (max-width:1200px){.scene.s-3 .color-block.right{right:0;bottom:0;width:100%;height:0;padding-bottom:3.06122vw;padding-top:0;z-index:1}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-3 .color-block.right{padding-bottom:0}}.scene.s-3 .info-circle-block ul.circle-row{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center}.scene.s-3 .info-circle-block ul.circle-row:first-child{margin-bottom:4.16667vh}@media only screen and (max-width:1200px){.scene.s-3 .info-circle-block ul.circle-row:first-child{margin-bottom:2.04082vw}}.scene.s-3 .info-circle-block ul.circle-row li{position:relative;width:15.74074vh;height:15.74074vh;border-radius:50%;text-align:center;cursor:pointer;overflow:hidden;-webkit-box-shadow:0 .92593vh 1.85185vh 0 transparent;box-shadow:0 .92593vh 1.85185vh 0 transparent;pointer-events:none;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.scene.s-3 .info-circle-block ul.circle-row li:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:#e4007f}.scene.s-3 .info-circle-block ul.circle-row li:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:94%;height:94%;border-radius:50%;background-color:#fff;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.scene.s-3 .info-circle-block ul.circle-row li:not(:last-child){margin-right:2.77778vh}.scene.s-3 .info-circle-block ul.circle-row li.active{-webkit-box-shadow:0 .92593vh 1.85185vh 0 rgba(0,0,0,.15);box-shadow:0 .92593vh 1.85185vh 0 rgba(0,0,0,.15)}.scene.s-3 .info-circle-block ul.circle-row li.active:before{background-color:rgba(255,255,255,0)}.scene.s-3 .info-circle-block ul.circle-row li.active p{color:#fff}@media only screen and (max-width:1200px){.scene.s-3 .info-circle-block ul.circle-row li{width:17.34694vw;height:17.34694vw}.scene.s-3 .info-circle-block ul.circle-row li:not(:last-child){margin-right:3.06122vw}.scene.s-3 .info-circle-block ul.circle-row li.active{-webkit-box-shadow:0 1.02041vw 2.04082vw 0 rgba(0,0,0,.15);box-shadow:0 1.02041vw 2.04082vw 0 rgba(0,0,0,.15)}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-3 .info-circle-block ul.circle-row li{width:13.87755vw;height:13.87755vw}.scene.s-3 .info-circle-block ul.circle-row li:not(:last-child){margin-right:3.06122vw}}.scene.s-3 .info-circle-block ul.circle-row li p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;font-weight:500;line-height:1;font-size:2.46852vh;letter-spacing:.03em;line-height:3.36667vh;color:#e4007f;z-index:2}@media only screen and (max-width:1200px){.scene.s-3 .info-circle-block ul.circle-row li p{font-size:3.26531vw;line-height:4.74184vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-3 .info-circle-block ul.circle-row li p{font-size:2.61224vw;line-height:3.79347vw}}.scene.s-3 .bg-element{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transition:all 3s;-moz-transition:all 3s;transition:all 3s}.scene.s-3 .bg-element.red{bottom:17.87037vh;left:-65.74074vh;width:45.27778vh;height:47.12963vh;background-image:url(../../images/index/scene-3-bg-red.png)}.scene.s-3 .bg-element.line{bottom:17.87037vh;left:-68.7963vh;width:45.83333vh;height:47.68519vh;background-image:url(../../images/index/scene-3-bg-line-1.png)}@media only screen and (max-width:1200px){.scene.s-3 .bg-element.red{left:132.65306vw;bottom:unset;top:25.65564vh;width:34.92857vw;height:36.35714vw}.scene.s-3 .bg-element.line{bottom:unset;top:25.65564vh;left:129.59184vw;width:35.35714vw;height:36.78571vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-3 .bg-element.red{left:138.77551vw;top:25.65564vh;width:24.94898vw;height:25.96939vw}.scene.s-3 .bg-element.line{top:25.65564vh;left:135.71429vw;width:25.2551vw;height:26.27551vw}}.scene.s-3.active .color-block.right{right:0;opacity:1;visibility:visible}@media only screen and (max-width:1200px){.scene.s-3.active .color-block.right{width:100%;height:79.59184vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-3.active .color-block.right{width:100%;height:63.67347vw}}.scene.s-3.active .bg-element{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain}.scene.s-3.active .bg-element.red{bottom:17.87037vh;left:26.85185vh;-webkit-animation:scene3_rotate_1 7s infinite linear;-moz-animation:scene3_rotate_1 7s infinite linear;animation:scene3_rotate_1 7s infinite linear}.scene.s-3.active .bg-element.line{bottom:17.87037vh;left:23.7963vh;-webkit-animation:scene3_rotate_1 6s infinite linear;-moz-animation:scene3_rotate_1 6s infinite linear;animation:scene3_rotate_1 6s infinite linear}@media only screen and (max-width:1200px){.scene.s-3.active .bg-element.red{top:25.65564vh;left:30.61224vw}.scene.s-3.active .bg-element.line{top:25.65564vh;left:27.55102vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-3.active .bg-element.red{top:34.20753vh;left:36.73469vw}.scene.s-3.active .bg-element.line{top:34.20753vh;left:33.67347vw}}@-webkit-keyframes scene3_rotate_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes scene3_rotate_1{0%{-moz-transform:rotate(0);transform:rotate(0)}50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes scene3_rotate_1{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.scene.s-4 .info-bg-block{position:relative;display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-moz-box-align:center;align-items:center;width:100%;height:100%;padding-bottom:5.09259vh}.scene.s-4 .info-bg-block .info-item-wrapper{position:relative;display:-webkit-box;display:-moz-box;display:flex;width:100%}@media only screen and (max-width:1200px){.scene.s-4 .info-bg-block{padding-bottom:40.81633vw}.scene.s-4 .info-bg-block .info-item-control{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);width:6.12245vw;height:23.36735vw;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../../images/index/step-control-xl.png);opacity:0;visibility:hidden}.scene.s-4 .info-bg-block .info-item-control.right{right:5.10204vw;-webkit-animation:shake-R 1s infinite linear;-moz-animation:shake-R 1s infinite linear;animation:shake-R 1s infinite linear}.scene.s-4 .info-bg-block .info-item-control.left{left:5.10204vw;-webkit-transform:translate(0,-50%) rotate(180deg);-moz-transform:translate(0,-50%) rotate(180deg);transform:translate(0,-50%) rotate(180deg);-webkit-animation:shake-L 1s infinite linear;-moz-animation:shake-L 1s infinite linear;animation:shake-L 1s infinite linear}.scene.s-4 .info-bg-block .info-item-control.active{opacity:1;visibility:visible}.scene.s-4 .info-bg-block .info-item-progress{position:absolute;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);bottom:-4.08163vw;width:87.5%;height:.5102vw;background-color:#e6e6e6;opacity:0;-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-4 .info-bg-block .info-item-progress:after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background-color:#f6ac19;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.scene.s-4 .info-bg-block .info-item-progress.active:after{left:50%}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-4 .info-bg-block{padding-bottom:28.57143vw}.scene.s-4 .info-bg-block .info-item-control{width:4.28571vw;height:16.35714vw}.scene.s-4 .info-bg-block .info-item-control.right{right:3.57143vw}.scene.s-4 .info-bg-block .info-item-control.left{left:3.57143vw}.scene.s-4 .info-bg-block .info-item-progress{bottom:0;height:.35714vw}}.scene.s-4 .info-bg-block .info-item{position:relative;display:-webkit-box;display:-moz-box;display:flex;flex-wrap:wrap;align-content:space-between;position:relative;width:50%;height:64.81481vh;background-repeat:no-repeat;background-size:cover;padding-left:5.5%;padding-bottom:3%;-webkit-transform:translate(0,200%);-moz-transform:translate(0,200%);transform:translate(0,200%);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s;overflow:hidden}.scene.s-4 .info-bg-block .info-item.item-1{background-position:center}.scene.s-4 .info-bg-block .info-item.item-2{background-position:center}@media only screen and (max-width:1200px){.scene.s-4 .info-bg-block .info-item{width:100%;height:85.71429vw;margin-top:5.10204vw;padding-top:5.10204vw;opacity:0}.scene.s-4 .info-bg-block .info-item:not(:first-child){position:absolute;top:0;left:0}.scene.s-4 .info-bg-block .info-item.active{opacity:1}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-4 .info-bg-block .info-item{height:68.57143vw;margin-top:3.57143vw;padding-top:3.57143vw}}.scene.s-4 .info-bg-block .info-title-block{z-index:1}.scene.s-4 .info-bg-block .info-title-block .line{width:100%;height:.92593vh;background-color:#f6ac19;margin-bottom:.92593vh;opacity:0;-webkit-transition:1s 1.5s;-moz-transition:1s 1.5s;transition:1s 1.5s}.scene.s-4 .info-bg-block .info-title-block p{font-weight:700;line-height:1;font-size:4.25926vh;letter-spacing:.17em;line-height:6.01852vh;color:#595153;-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);transform:translate(100%,0);opacity:0;-webkit-transition:all 1s 1s;-moz-transition:all 1s 1s;transition:all 1s 1s}@media only screen and (max-width:1200px){.scene.s-4 .info-bg-block .info-title-block .line{height:1.02041vw;margin-bottom:1.53061vw}.scene.s-4 .info-bg-block .info-title-block p{font-size:5.10204vw;line-height:6.12245vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-4 .info-bg-block .info-title-block .line{height:.71429vw;margin-bottom:1.07143vw}.scene.s-4 .info-bg-block .info-title-block p{font-size:3.57143vw;line-height:4.89796vw}}.scene.s-4 .info-bg-block .info-para-block{width:100%;-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);transform:translate(-100%,0);opacity:0;-webkit-transition:all 1s 1.5s;-moz-transition:all 1s 1.5s;transition:all 1s 1.5s;z-index:1}.scene.s-4 .info-bg-block .info-para-block p{display:table;font-weight:500;line-height:1;font-size:2.22222vh;letter-spacing:.17em;line-height:3.88889vh;color:#fff;background-color:#e40080;padding:0 .92593vh}.scene.s-4 .info-bg-block .info-para-block p:not(:last-child){margin-bottom:1.38889vh}.scene.s-4 .info-bg-block .info-para-block p.sm{font-size:1.66667vh;line-height:2.96296vh}@media only screen and (max-width:1200px){.scene.s-4 .info-bg-block .info-para-block p{font-size:3.67347vw;line-height:6.32653vw;padding:0 1.02041vw}.scene.s-4 .info-bg-block .info-para-block p:first-child{margin-bottom:1.02041vw}.scene.s-4 .info-bg-block .info-para-block p.sm{font-size:1.83673vw;line-height:4.89796vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-4 .info-bg-block .info-para-block p{font-size:2.57143vw;line-height:4.42857vw;padding:0 .71429vw}.scene.s-4 .info-bg-block .info-para-block p:first-child{margin-bottom:.71429vw}}.scene.s-4.active .info-item-control,.scene.s-4.active .info-item-progress{opacity:1}.scene.s-4.active .info-item{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}.scene.s-4.active .info-title-block .line{width:4.16667vh;opacity:1}.scene.s-4.active .info-title-block p{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);opacity:1}.scene.s-4.active .info-para-block{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);opacity:1}.scene.s-5{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center}.scene.s-5 .info-step-block{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;justify-content:center;position:relative;width:106.48148vh;padding-bottom:7.40741vh}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse;width:100%;padding-bottom:17.10376vh}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-5 .info-step-block{padding-bottom:11.97263vh}}.scene.s-5 .info-step-block ul.step-column{position:relative}.scene.s-5 .info-step-block ul.step-column.right{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-moz-box-align:center;align-items:center}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block ul.step-column.left{margin-top:-3.42075vh;z-index:1}.scene.s-5 .info-step-block ul.step-column.right{display:block}}.scene.s-5 .info-step-block ul.step-column li.step-detail{width:100%;padding-top:11.11111vh;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:0;visibility:hidden}.scene.s-5 .info-step-block ul.step-column li.step-detail:not(:first-child){position:absolute;top:0;left:0}.scene.s-5 .info-step-block ul.step-column li.step-detail.active{opacity:1;visibility:visible}.scene.s-5 .info-step-block ul.step-column li.step-detail .number{font-weight:700;line-height:1;font-size:6.66667vh;letter-spacing:.05em;margin-bottom:3.7037vh}.scene.s-5 .info-step-block ul.step-column li.step-detail .number.n-1{color:#40a731}.scene.s-5 .info-step-block ul.step-column li.step-detail .title{font-weight:700;line-height:1;font-size:4.25926vh;letter-spacing:.17em;color:#595153;margin-bottom:2.31481vh}.scene.s-5 .info-step-block ul.step-column li.step-detail .para{width:60%;font-weight:500;line-height:1;font-size:2.22222vh;letter-spacing:.17em;line-height:3.7037vh;color:#595153}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block ul.step-column li.step-detail{width:100%;padding:0 5.10204vw}.scene.s-5 .info-step-block ul.step-column li.step-detail .number{font-size:7.34694vw;margin-bottom:3.06122vw}.scene.s-5 .info-step-block ul.step-column li.step-detail .title{font-size:5.10204vw;margin-bottom:2.55102vw}.scene.s-5 .info-step-block ul.step-column li.step-detail .para{width:70%;font-size:3.46939vw;line-height:5.19184vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-5 .info-step-block ul.step-column li.step-detail{padding:0 10.20408vw}.scene.s-5 .info-step-block ul.step-column li.step-detail .number{font-size:5.87755vw;margin-bottom:2.44898vw}.scene.s-5 .info-step-block ul.step-column li.step-detail .title{font-size:4.08163vw;margin-bottom:2.04082vw}.scene.s-5 .info-step-block ul.step-column li.step-detail .para{font-size:2.77551vw;line-height:4.15347vw}}.scene.s-5 .info-step-block ul.step-column .step-photo{position:relative;width:50.92593vh;height:50.92593vh;border-radius:50%;overflow:hidden}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block ul.step-column .step-photo{width:61.22449vw;height:61.22449vw;margin:auto}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-5 .info-step-block ul.step-column .step-photo{width:42.85714vw;height:42.85714vw}}.scene.s-5 .info-step-block ul.step-column .step-photo:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0%;height:0%;border-radius:50%;-webkit-transition:all .75s linear;-moz-transition:all .75s linear;transition:all .75s linear;background-color:#fff;opacity:0}.scene.s-5 .info-step-block ul.step-column .step-photo.active:after{width:120%;height:120%;opacity:1}.scene.s-5 .info-step-block ul.step-column .step-photo ul{position:relative}.scene.s-5 .info-step-block ul.step-column .step-photo ul li{opacity:0;-webkit-transition:all 1s .5s;-moz-transition:all 1s .5s;transition:all 1s .5s}.scene.s-5 .info-step-block ul.step-column .step-photo ul li.active{opacity:1}.scene.s-5 .info-step-block ul.step-column .step-photo ul li:not(:first-child){position:absolute;width:100%;left:0;top:0}.scene.s-5 .info-step-block ul.step-column .step-photo ul li img{width:100%}.scene.s-5 .info-step-block .step-control-block{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.scene.s-5 .info-step-block .step-control-block .step-control{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);width:3.24074vh;height:12.59259vh;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../../images/index/step-control.png);opacity:1;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;cursor:pointer;pointer-events:initial}.scene.s-5 .info-step-block .step-control-block .step-control.left{left:-32.40741vh;-webkit-transform:translate(0,-50%) rotate(180deg);-moz-transform:translate(0,-50%) rotate(180deg);transform:translate(0,-50%) rotate(180deg);-webkit-animation:shake-L 1s infinite linear;-moz-animation:shake-L 1s infinite linear;animation:shake-L 1s infinite linear}.scene.s-5 .info-step-block .step-control-block .step-control.right{right:-32.40741vh;-webkit-animation:shake-R 1s infinite linear;-moz-animation:shake-R 1s infinite linear;animation:shake-R 1s infinite linear}.scene.s-5 .info-step-block .step-control-block .step-control.forbidden{opacity:0;pointer-events:none}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block .step-control-block .step-control{width:3.57143vw;height:13.87755vw}.scene.s-5 .info-step-block .step-control-block .step-control.left{left:-38.77551vw}.scene.s-5 .info-step-block .step-control-block .step-control.right{right:-38.77551vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-5 .info-step-block .step-control-block .step-control.left{left:-31.02041vw}.scene.s-5 .info-step-block .step-control-block .step-control.right{right:-31.02041vw}}.scene.s-5 .info-step-block .nav-step{position:absolute;bottom:11.11111vh;left:0}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block .nav-step{left:unset;bottom:unset;right:2.55102vw;top:-50vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-5 .info-step-block .nav-step{right:3.82653vw;top:-35vw}}.scene.s-5 .info-step-block .nav-step ul{display:-webkit-box;display:-moz-box;display:flex}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block .nav-step ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}}.scene.s-5 .info-step-block .nav-step li.nav-item{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-moz-box-align:center;align-items:center;margin-right:1.38889vh;opacity:0;visibility:hidden;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.scene.s-5 .info-step-block .nav-step li.nav-item .title,.scene.s-5 .info-step-block .nav-step li.nav-item p{font-weight:400;line-height:1;font-size:1.85185vh;letter-spacing:.07em;white-space:nowrap;overflow:hidden;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;cursor:pointer}.scene.s-5 .info-step-block .nav-step li.nav-item .item-out{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-moz-box-align:center;align-items:center;-webkit-box-flex:0;-moz-box-flex:0;flex:0 1 auto;-ms-flex:0 1 auto}.scene.s-5 .info-step-block .nav-step li.nav-item .title{padding-left:0;-webkit-box-flex:0;-moz-box-flex:0;flex:0 0 0%;-ms-flex:0 0 0%;width:0}.scene.s-5 .info-step-block .nav-step li.nav-item .line{width:0;height:1px;background-color:#f6ac19;margin-right:0;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.scene.s-5 .info-step-block .nav-step li.nav-item.default{opacity:1;visibility:visible}.scene.s-5 .info-step-block .nav-step li.nav-item.active{opacity:1;visibility:visible}.scene.s-5 .info-step-block .nav-step li.nav-item.active .line{width:9.07407vh;margin-right:1.38889vh}.scene.s-5 .info-step-block .nav-step li.nav-item.active .title{padding-left:1.38889vh;-webkit-box-flex:0;-moz-box-flex:0;flex:0 0 auto;-ms-flex:0 0 auto;width:auto}@media only screen and (max-width:1200px){.scene.s-5 .info-step-block .nav-step li.nav-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-right:unset;margin-bottom:1.53061vw}.scene.s-5 .info-step-block .nav-step li.nav-item .title,.scene.s-5 .info-step-block .nav-step li.nav-item p{font-size:2.44898vw}.scene.s-5 .info-step-block .nav-step li.nav-item .item-out{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-bottom:0}.scene.s-5 .info-step-block .nav-step li.nav-item .title{display:none;opacity:0;visibility:hidden;padding-left:unset;padding-bottom:0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.scene.s-5 .info-step-block .nav-step li.nav-item .line{width:1px;height:0;background-color:#f6ac19;margin-right:unset;margin-bottom:0}.scene.s-5 .info-step-block .nav-step li.nav-item.active .item-out{margin-bottom:1.53061vw}.scene.s-5 .info-step-block .nav-step li.nav-item.active .title{display:block;opacity:1;visibility:visible;padding-left:unset;padding-bottom:1.53061vw}.scene.s-5 .info-step-block .nav-step li.nav-item.active .line{width:1px;height:10vw;margin-right:unset;margin-bottom:1.53061vw}}.scene.s-5.active ul.step-column.left .nav-step,.scene.s-5.active ul.step-column.left .step-detail>*{-webkit-animation:ani-fadeInLeft 1s 1s both;-moz-animation:ani-fadeInLeft 1s 1s both;animation:ani-fadeInLeft 1s 1s both}.scene.s-5.active ul.step-column.right{-webkit-animation:ani-fadeInRight 1s 1s both;-moz-animation:ani-fadeInRight 1s 1s both;animation:ani-fadeInRight 1s 1s both}.scene.s-6{background-color:#efefef}.scene.s-6 .title-block{position:absolute;right:27.77778vh;bottom:27.77778vh;opacity:0;-webkit-transform:skewY(7deg);-moz-transform:skewY(7deg);transform:skewY(7deg);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .title-block p{font-weight:700;line-height:1;font-size:11.11111vh;letter-spacing:.05em;color:#fff;line-height:15.74074vh}@media only screen and (max-width:1200px){.scene.s-6 .title-block{right:25.5102vw;bottom:40.81633vw}.scene.s-6 .title-block p{font-size:9.18367vw;line-height:11.22449vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-6 .title-block{right:28.06122vw;bottom:28.57143vw}.scene.s-6 .title-block p{font-size:7.34694vw;line-height:8.97959vw}}.scene.s-6 .copyright{position:absolute;left:4.62963vh;bottom:3.7037vh;font-weight:400;line-height:1;font-size:1.85185vh;letter-spacing:.1em;color:#fff}@media only screen and (max-width:1200px){.scene.s-6 .copyright{position:absolute;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;bottom:21.42857vw;font-size:1.83673vw;line-height:4.59184vw;text-align:center}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-6 .copyright{bottom:14.28571vw;font-size:1.83673vw;line-height:3.21429vw}}.scene.s-6 .bg-element{position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0;-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .bg-element.search{right:27.77778vh;bottom:22.22222vh;width:27.87037vh;height:8.24074vh;background-image:url(../../images/index/scene-6-search.png);-webkit-transition:all 2s 1s;-moz-transition:all 2s 1s;transition:all 2s 1s}.scene.s-6 .bg-element.wave{bottom:-100%;left:0;width:100vw;height:41.66667vw;background-image:url(../../images/index/scene-6-bg-wave.png)}.scene.s-6 .bg-element.line-1{width:21.38889vh;height:16.11111vh;background-image:url(../../images/index/scene-2-bg-line-3.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .bg-element.line-1._1{bottom:196.2963vh;left:184.25926vh}.scene.s-6 .bg-element.line-1._2{bottom:-122.68519vh;left:-110vh}.scene.s-6 .bg-element.line-2{width:13.24074vh;height:12.59259vh;background-image:url(../../images/index/scene-6-bg-line-2.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .bg-element.line-2._1{bottom:-83.33333vh;left:-73.14815vh}.scene.s-6 .bg-element.line-2._2{bottom:142.59259vh;left:172.5vh}.scene.s-6 .bg-element.line-3{left:-92.59259vh;bottom:-63.88889vh;width:19.81481vh;height:19.90741vh;background-image:url(../../images/index/scene-6-bg-line-3.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .bg-element.line-4{left:-68.51852vh;bottom:16.66667vh;width:53.7037vh;height:53.7037vh;background-image:url(../../images/index/scene-6-bg-line-1.png);-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}@media only screen and (max-width:1200px){.scene.s-6 .bg-element.search{right:25.5102vw;bottom:32.65306vw;width:30.71429vw;height:9.08163vw}.scene.s-6 .bg-element.wave{bottom:-100%;left:0;width:100%;height:105.10204vw;background-image:url(../../images/index/scene-6-bg-wave-mb.png)}.scene.s-6 .bg-element.line-1{width:23.57143vw;height:17.7551vw;-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .bg-element.line-1._1{bottom:unset;top:-142.85714vw;left:204.08163vw}.scene.s-6 .bg-element.line-1._2{bottom:unset;top:229.59184vw;left:-125.5102vw}.scene.s-6 .bg-element.line-2{width:14.59184vw;height:13.87755vw;-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .bg-element.line-2._1{bottom:unset;top:173.46939vw;left:-85.71429vw}.scene.s-6 .bg-element.line-2._2{bottom:unset;top:-56.12245vw;left:177.85714vw}.scene.s-6 .bg-element.line-3{left:-102.04082vw;bottom:unset;top:119.38776vw;width:39.69388vw;height:39.79592vw;background-image:url(../../images/index/scene-6-bg-line-3-mb-1.png);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}.scene.s-6 .bg-element.line-3._2{left:161.73469vw;bottom:unset;top:-107.14286vw;width:41.02041vw;height:31.42857vw;background-image:url(../../images/index/scene-6-bg-line-3-mb-2.png)}.scene.s-6 .bg-element.line-4{left:122.44898vw;bottom:unset;top:23.46939vw;width:59.18367vw;height:59.18367vw}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-6 .bg-element.search{right:25.5102vw;bottom:20.56122vw}.scene.s-6 .bg-element.line-4{top:20.40816vw;left:127.55102vw;width:47.34694vw;height:47.34694vw}}.scene.s-6.active .title-block{margin-left:0;opacity:1;-webkit-transform:skewY(-7deg);-moz-transform:skewY(-7deg);transform:skewY(-7deg)}.scene.s-6.active .bg-element{opacity:1}.scene.s-6.active .bg-element.wave{bottom:0}.scene.s-6.active .bg-element.line-1{width:12.03125vw;height:9.0625vw}.scene.s-6.active .bg-element.line-1._1{bottom:11.11111vh;left:-.92593vh}.scene.s-6.active .bg-element.line-1._2{bottom:62.5vh;left:75.18519vh}.scene.s-6.active .bg-element.line-2{width:13.24074vh;height:12.59259vh}.scene.s-6.active .bg-element.line-2._1{bottom:9.25926vh;left:19.44444vh}.scene.s-6.active .bg-element.line-2._2{bottom:50vh;left:79.90741vh}.scene.s-6.active .bg-element.line-3{left:0;bottom:28.7037vh}.scene.s-6.active .bg-element.line-4{left:24.07407vh;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}@media only screen and (max-width:1200px){.scene.s-6.active .bg-element.line-1{width:23.57143vw;height:17.7551vw}.scene.s-6.active .bg-element.line-1._1{top:61.22449vw;left:0}.scene.s-6.active .bg-element.line-1._2{top:25.5102vw;left:78.57143vw}.scene.s-6.active .bg-element.line-2{width:14.59184vw;height:13.87755vw}.scene.s-6.active .bg-element.line-2._1{top:71.42857vw;left:16.32653vw}.scene.s-6.active .bg-element.line-2._2{top:45.91837vw;left:75.5102vw}.scene.s-6.active .bg-element.line-3{left:0;top:17.34694vw}.scene.s-6.active .bg-element.line-3._2{left:59.69388vw;top:-5.10204vw}.scene.s-6.active .bg-element.line-4{left:20.40816vw;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}}@media only screen and (max-width:1200px) and (min-width:700px){.scene.s-6.active .bg-element.line-4{left:25.5102vw}}