*{box-sizing:border-box;outline:none}body,header,footer,aside,nav,section,article,h1,h2,h3,h4,h5,h6,p,span,a,ul,ol,li,strong,img{padding:0;margin:0}img{max-width:100%;vertical-align:top}a{text-decoration:none;cursor:pointer}textarea{vertical-align:top}label{display:inline-block;cursor:pointer}body{font-family:"Lato","Noto Sans TC","微軟正黑體"}.menu{display:block;width:40px}.menu__wrap{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(0,0,0,.15)}.menu__wrap--open{z-index:9999}.menu__wrap--open .menu__box{transform:translateX(0)}.menu__box{position:absolute;top:0;right:0;bottom:0;width:260px;padding:10px 25px;background-color:#fff;box-shadow:-3px 0 3px rgba(0,0,0,.2);transform:translateX(calc(100% + 40px));transition:transform .5s}.menu__close{position:absolute;top:0;right:100%;width:40px;transition:opacity .4s}.menu__close:hover{opacity:.8}.nav__btn{display:block;color:#777;font-size:15px;line-height:3;border-bottom:1px solid #ddd;transition:color .4s}.nav__btn:hover{color:#333}.share{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:15px}.share::before{content:"分享";color:#777;font-size:12px;font-weight:300;line-height:1}.share__btn{display:block;width:28px;margin-left:10px;transition:opacity .4s}.share__btn:hover{opacity:.8}.fixed{position:fixed;left:100%;top:50%;z-index:100;transform:translateY(-50%)}.fixed--active .fixed__btn{transform:translateX(-8px)}.fixed--active .fixed__btn:hover{transform:translateX(-100%)}.fixed__btn{display:flex;flex-wrap:wrap;align-items:center;width:160px;height:60px;color:#fff;font-size:16px;font-weight:400;padding:0 15px;transition:transform .4s}.fixed__btn img{height:19px;margin-right:5px}.header{position:fixed;top:0;left:0;z-index:100;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px}.logo{display:block;width:242px}.mainwrapper{overflow-x:hidden}.common__section{position:fixed;top:0;z-index:2;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.common__section .section__two-svg{min-width:8000px;min-height:5000px}.svg__path{display:block;width:100vw;min-width:1920px;height:62.5vw;min-height:1200px}.svg__ui{position:absolute;top:0;left:50%;width:100vw;height:100vh;min-width:1920px;min-height:1200px;transform:translateX(-50%)}.svg__mask{position:absolute;top:0;right:0;z-index:2;width:18.75%;height:100%}.svg__mask-text{opacity:0;transition:opacity .5s}.svg__mask-text--fadein{opacity:1}.svg__check{opacity:0;transition:opacity .5s}.svg__check--fadein{opacity:1}.svg__arrow{opacity:0;transition:opacity .5s}.svg__arrow--fadein{opacity:1}.svg__letter{position:absolute;left:calc(50% - 320px);top:100%;transition:transform 1s}.svg__item{position:absolute;top:0;left:50%;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.svg__item img{min-width:1920px;min-height:1200px}.svgbox__global{position:absolute;left:calc((100% - 1200px)/2 + 28px);bottom:205px;width:79px;overflow:hidden}.svgbox__global img{transform:translateX(100%);transition:transform .5s}.svgbox__finger{position:absolute;right:calc((100% - 1200px)/2 + 130px);top:330px;width:54px;overflow:hidden}.svgbox__finger img{transform:translateX(-100%);transition:transform .5s}.svgbox__active img{transform:translateX(0)}#section__one{display:flex;flex-wrap:wrap;justify-content:center}#section__one-box{height:400vh}#section__two-box{height:400vh}#section__three{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#section__three-box{height:400vh}#section__five-box{height:500vh}#section__six{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#section__six-box{height:400vh}.section__banner{position:relative;top:0;left:0;width:100vw;height:100vh;background-size:1920px 950px;background-position:center}.section__one-client{transform:translateY(150px);transition:transform 1s}.section__one-textbox{transform:translateX(-150px);transition:transform 1s}.section__one-textbox2{transform:translateX(150px);transition:transform 1s}.section__one-leaf{transform:translateY(150px);transition:transform 1s}.section__two-block{width:81.25%;height:100%;overflow:hidden}.section__four-section{position:relative;z-index:2}.section__four-svg{position:fixed;top:100%;left:50%;z-index:2;width:100vw;min-width:1920px;height:62.5vw;min-height:1200px}.section__six-title{color:#fff;font-size:50px;font-weight:400;line-height:1;margin-bottom:35px}.section__six-content{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column}.section__six-imgbox{position:relative;width:1200px;height:510px}.section__six-imgbox img{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .4s}.section__six-imgbox img.active{opacity:1}.section__six-btn{display:block;width:160px;color:#fff;font-size:20px;line-height:50px;text-align:center;margin-top:40px;background:linear-gradient(37deg, #f7931e, #f15a24)}.section__seven-content{position:relative;width:100vw;height:100vh}.section__seven-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:calc(100% - 120px)}.section__seven-textbox{position:relative;padding:25px 40px;border-style:solid;border-color:rgba(255,255,255,.7);border-width:0 2px 2px}.section__seven-title{color:#fff;font-size:70px;line-height:1;letter-spacing:.1em;padding-left:.1em}.section__seven-entitle{position:absolute;left:-2px;top:0;width:calc(100% + 4px);color:#fff;font-size:26px;font-weight:300;line-height:1;letter-spacing:.8em;text-align:center;transform:translateY(-50%);padding-left:.8em}.section__seven-entitle::before{content:"";position:absolute;left:0;top:calc(50% - 2px);width:calc((100% - 20em)/2);border-bottom:2px solid rgba(255,255,255,.7)}.section__seven-entitle::after{content:"";position:absolute;right:0;top:calc(50% - 2px);width:calc((100% - 20em)/2);border-bottom:2px solid rgba(255,255,255,.7)}.section__seven-text{display:block;height:21px;margin:42px auto 0}.section__seven-bottom{position:relative;width:100%;height:120px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.section__seven-bottom::after{content:"";position:absolute;left:calc(50% - 20px);bottom:100%;width:0;height:0;border-style:solid;border-width:0 20px 16px 20px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)}.section__seven-close{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;color:#333;font-size:20px;font-weight:300;line-height:1}.section__seven-close img{width:40px;margin-bottom:10px}.bg__fixed{position:relative;display:block;width:100vw;height:100vh;background-attachment:fixed;background-size:1920px 950px;background-position:center;background-repeat:no-repeat;overflow:hidden}.bg__fixed img{position:absolute;top:0;left:50%;width:100vw;min-width:1920px;height:62.5vw;min-height:1200px;transform:translateX(-50%)}.rotate__box{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden}.rotate__svg{position:absolute;min-width:2400px;min-height:2400px;opacity:.22}.rotate__mask{position:fixed;top:0;left:0;z-index:999999;display:none;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100%;background-color:#3db8a6}.rotate__mask--open{display:flex}.rotate__mask-box{position:relative;text-align:center}.rotate__mask-box img{height:80px}.rotate__mask-text{color:rgba(255,255,255,.8);font-size:16px;font-weight:300;line-height:1.7;margin-top:10px}.IE__mask{position:fixed;top:0;left:0;z-index:999999;display:none;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.IE__mask--open{display:flex}.IE__mask-box{position:relative;text-align:center}.IE__mask-text{color:#fff;font-size:20px;line-height:1.5}.contact__btn{position:absolute;bottom:125px;left:calc(50% - 80px);display:block;width:160px;color:#fff;font-size:20px;line-height:50px;text-align:center;background:linear-gradient(37deg, #f7931e, #f15a24)}.fadeout{animation:fade-out 1s;animation-fill-mode:forwards}.fadein{animation:fade-in 1s;animation-fill-mode:forwards;transform:translate(0, 0)}.slip--in{transform:translateY(-80%)}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}clipPath>*{transition:transform 1s}.scrollicon{position:absolute;bottom:30px;right:calc(50% - 27px);z-index:50;width:54px;opacity:.4;animation:scrolldown 1.5s infinite}.scrollicon__right{right:30px;opacity:1}@keyframes scrolldown{100%{opacity:0;transform:translateY(100%)}}.resolution{position:fixed;bottom:30px;right:30px;z-index:1000;padding:7px 17px;filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.25));background-color:#f5f5f5;border:4px solid #fff;border-radius:3px}.resolution__icon{position:absolute;top:-32px;left:-28px;z-index:2}.resolution__close{position:absolute;top:8px;right:8px;z-index:2}.resolution__text{color:#777;font-size:16px;font-weight:300;line-height:1.625}@media(max-width: 1399px){.section__banner{background-size:1536px 760px}.section__six-title{font-size:40px;margin-bottom:25px}.section__six-imgbox{width:960px;height:408px}.section__six-btn{margin-top:20px}.section__seven-textbox{paddding:15px 20px}.section__seven-title{font-size:56px}.section__seven-entitle{font-size:20px}.section__seven-text{heigth:16px;margin-top:30px}.svg__path{min-width:1536px;min-height:960px}.svg__ui{min-width:1536px;min-height:960px}.svg__letter{width:512px;left:calc(50% - 256px)}.svg__item img{min-width:1536px;min-height:960px}.svgbox__finger{width:43px;top:265px;right:calc((100% - 960px)/2 + 104px)}.svgbox__global{width:63px;left:calc((100% - 960px)/2 + 24px);bottom:100px}.common__section .section__two-svg{min-width:6400px;min-height:4000px}.bg__fixed img{min-width:1536px;min-height:960px}}.banner{position:relative;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}.banner__img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:1920px 950px;background-position:center;background-repeat:no-repeat}.banner__img-toys{z-index:2}.banner__textbox{position:absolute;left:50%;bottom:12%;z-index:2;padding:25px 40px;border-style:solid;border-color:rgba(255,255,255,.7);border-width:0 2px 2px;transform:translateX(-50%)}.banner__title{display:flex;align-items:center;justify-content:center;color:#fff;font-size:70px;line-height:1;letter-spacing:.1em;padding-left:.1em}.banner__title span{display:block}.banner__entitle{position:absolute;left:-2px;top:0;width:calc(100% + 4px);color:#fff;font-size:26px;font-weight:300;line-height:1;letter-spacing:.8em;text-align:center;transform:translateY(-50%);padding-left:.8em}.banner__entitle::before{content:"";position:absolute;left:0;top:calc(50% - 2px);width:calc((100% - 20em)/2);border-bottom:2px solid rgba(255,255,255,.7)}.banner__entitle::after{content:"";position:absolute;right:0;top:calc(50% - 2px);width:calc((100% - 20em)/2);border-bottom:2px solid rgba(255,255,255,.7)}.banner__animated .banner__img{opacity:0;transition:opacity .8s;transition-delay:.5s}.banner__animated .cloud__left{transform:translate(-100%, 100%);opacity:0;transition:transform .8s,opacity .8s}.banner__animated .cloud__right{transform:translate(100%, 100%);opacity:0;transition:transform .8s,opacity .8s}.banner__animated .banner__textbox{border-color:rgba(0,0,0,0);transition:border-color .4s;transition-delay:1s}.banner__animated .banner__title span{transition:transform 1s,opacity 1s;transition-delay:1.5s}.banner__animated .banner__title span:nth-child(odd){opacity:0;transform:translateY(100%)}.banner__animated .banner__title span:nth-child(even){opacity:0;transform:translateY(-100%)}.banner__animated .banner__entitle{opacity:0;transform:translateY(100%);transition:transform .4s,opacity .4s;transition-delay:1s}.banner__animated .banner__entitle::before,.banner__animated .banner__entitle::after{border-color:rgba(0,0,0,0);transition:border-color .4s;transition-delay:1s}.cloud{position:absolute;top:0;left:0;width:100%;height:100%;background-size:1920px 950px;background-repeat:no-repeat}.cloud__left{background-position:left bottom}.cloud__right{background-position:right bottom}.path__line{will-change:transform}@media(max-width: 1399px){.banner__img{background-size:1536px 760px}.banner__textbox{padding:15px 20px}.banner__title{font-size:56px}.banner__entitle{font-size:20px}.cloud{background-size:1536px 760px}}