@-webkit-keyframes move{0%{top:110vh}100%{top:-20vh}}@keyframes move{0%{top:110vh}100%{top:-20vh}}article section.banner{width:100%;height:100vh;background-color:#fbaa19;overflow:hidden;position:relative}article section.banner figure.product{width:200px;position:absolute;display:none}article section.banner figure.product1{left:2.8%;-webkit-animation:move 14s -6s linear infinite;animation:move 14s -6s linear infinite}article section.banner figure.product2{left:7.7%;-webkit-animation:move 15s -4s linear infinite;animation:move 15s -4s linear infinite}article section.banner figure.product3{left:14.8%;-webkit-animation:move 15s 0s linear infinite;animation:move 15s 0s linear infinite}article section.banner figure.product4{left:20.6%;-webkit-animation:move 16s -7s linear infinite;animation:move 16s -7s linear infinite}article section.banner figure.product5{left:33.2%;-webkit-animation:move 15s -2s linear infinite;animation:move 15s -2s linear infinite}article section.banner figure.product6{left:57.9%;-webkit-animation:move 16s -5s linear infinite;animation:move 16s -5s linear infinite}article section.banner figure.product7{left:62.9%;-webkit-animation:move 15s 0s linear infinite;animation:move 15s 0s linear infinite}article section.banner figure.product8{left:72.3%;-webkit-animation:move 14s -4s linear infinite;animation:move 14s -4s linear infinite}article section.banner figure.product9{left:75.3%;-webkit-animation:move 15s -1s linear infinite;animation:move 15s -1s linear infinite}article section.banner figure.product10{left:84.2%;-webkit-animation:move 15s -7s linear infinite;animation:move 15s -7s linear infinite}article section.banner .logo-animation{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}article section.banner .logo-animation .logo{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}article section.banner .banner-logo{width:50%;max-width:300px;display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}article section.banner .scroll{display:none;position:absolute;left:50%;bottom:2%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}article section.banner .scroll .scroll-icon{width:50px;margin:auto}article section.banner .scroll p{font-size:1.25rem;color:#fff}@media only screen and (max-width:768px){article section.banner figure.product{width:100px}article section.banner figure.product2{left:7.7%}article section.banner figure.product3{left:14.8%}article section.banner figure.product4{left:20.6%}article section.banner figure.product5{left:33.2%}article section.banner figure.product6{left:57.9%}article section.banner figure.product7{left:62.9%}article section.banner figure.product8{left:72.3%}article section.banner figure.product9{left:75.3%}article section.banner figure.product10{left:84.2%}}article section.works{padding-top:2.5rem;background-color:#000;color:#fff}article section.works:after{content:'';display:block;clear:both}article section.works .title-box{width:100%;padding:0 3.333333rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10}article section.works .title-box .title{min-width:205px;font-size:6rem}article section.works .title-box .menu{margin-left:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-x:auto}article section.works .title-box .menu .item{margin:0 1rem;position:relative;cursor:pointer}article section.works .title-box .menu .item p{font-size:2rem;font-weight:300;white-space:nowrap}article section.works .title-box .menu .item+.item:before{content:"";display:block;width:1px;height:100%;position:absolute;left:-1rem;background-color:#fff}article section.works .title-box .menu .item.active{color:#e0572c}article section.works .title-box .menu .item.active p{font-family:acumin,'Noto Sans TC',sans-serif}article section.works .title-box .menu .item.active:after{content:"";display:block;width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#e0572c}article section.works .title-box .mobile-menu{display:none}article section.works .main{padding:2rem 0;position:relative;overflow:hidden}article section.works .main .arrow{width:100px;height:45px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;cursor:pointer}article section.works .main .arrow.arrow-l{left:0}article section.works .main .arrow.arrow-r{right:0}article section.works .main .carousel-box{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}article section.works .main .carousel-box .box{font-size:0}article section.works .main .carousel-box .box .item{display:inline-block;height:50vh;background-position:center center;background-size:cover;cursor:pointer;position:relative}article section.works .main .carousel-box .box .item .mask{width:100%;height:100%;position:absolute;background-size:cover;-webkit-transition:1s;transition:1s;-webkit-transition-timing-function:cubic-bezier(.9,.2,.3,1);transition-timing-function:cubic-bezier(.9,.2,.3,1)}article section.works .main .carousel-box .box .item .vip{width:0;height:0;border-top:30px solid rgba(0,0,0,.8);border-right:30px solid rgba(0,0,0,.8);border-left:30px solid transparent;border-bottom:30px solid transparent;position:absolute;top:0;right:0}article section.works .main .carousel-box .box .item .vip .text{font-size:1.333333rem;color:#fff;position:absolute;top:-15px;left:15px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}article section.works .main .carousel-box .box .item .info-box{position:absolute;left:2rem;bottom:2rem}article section.works .main .carousel-box .box .item .info-box .sub-title,article section.works .main .carousel-box .box .item .info-box .works-title{font-size:4rem;color:#fff;line-height:1}article section.works .main .carousel-box .box .item .info-box .sub-title{padding-top:14px}article section.works .main .carousel-box .box .item:nth-child(1){width:calc(70% - 1rem);margin-bottom:2rem;margin-right:1rem}article section.works .main .carousel-box .box .item:nth-child(1) .mask{clip:rect(0,70vw,50vh,0)}article section.works .main .carousel-box .box .item:nth-child(1):hover .mask{clip:rect(0,70vw,0,0)}article section.works .main .carousel-box .box .item:nth-child(2){width:calc(30% - 1rem);margin-bottom:2rem;margin-left:1rem}article section.works .main .carousel-box .box .item:nth-child(2) .mask{clip:rect(0,30vw,50vh,0)}article section.works .main .carousel-box .box .item:nth-child(2):hover .mask{clip:rect(0,30vw,0,0)}article section.works .main .carousel-box .box .item:nth-child(3){width:calc(40% - 1rem);margin-right:1rem}article section.works .main .carousel-box .box .item:nth-child(3) .mask{clip:rect(0,40vw,50vh,0)}article section.works .main .carousel-box .box .item:nth-child(3):hover .mask{clip:rect(0,40vw,0,0)}article section.works .main .carousel-box .box .item:nth-child(4){width:calc(60% - 1rem);margin-left:1rem}article section.works .main .carousel-box .box .item:nth-child(4) .mask{clip:rect(0,60vw,50vh,0)}article section.works .main .carousel-box .box .item:nth-child(4):hover .mask{clip:rect(0,60vw,0,0)}article section.works .btn{margin-bottom:2rem;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:0 2rem;font-size:1.5rem;color:#848483;text-decoration:underline;cursor:pointer;display:inline-block;float:right}@media only screen and (max-width:768px){article section.works .title-box{padding:0 2rem}article section.works .title-box .title{min-width:110px;font-size:3.2rem}article section.works .title-box .menu{display:none}article section.works .title-box .mobile-menu{display:block;width:150px;border-radius:16px;background-color:#ec5728;color:#000;cursor:pointer;position:relative}article section.works .title-box .mobile-menu .selected{width:100%;height:32px;padding-bottom:2px;padding-right:10%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.2rem;font-weight:300;background-image:url(../images/select-icon.png);background-repeat:no-repeat;background-size:13px;background-position:90% center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:4}article section.works .title-box .mobile-menu .option-box{display:none;width:100%;padding-top:32px;background-color:#ec5728;border-radius:16px;position:absolute;top:0;left:0;z-index:3}article section.works .title-box .mobile-menu .option-box .opt{padding:0 1rem;font-size:1.2rem;line-height:32px;font-weight:600}article section.works .title-box .mobile-menu .option-box .opt:first-child{padding-top:8px;border-top:2px solid #000}article section.works .title-box .mobile-menu .option-box .opt.active{color:#fff;text-decoration:underline}article section.works .main .arrow.arrow-l{left:-50px}article section.works .main .arrow.arrow-r{right:-50px}article section.works .main .carousel-box .box{font-size:0}article section.works .main .carousel-box .box .item{display:block;height:24vh}article section.works .main .carousel-box .box .item .mask{width:100%;height:100%}article section.works .main .carousel-box .box .item .vip{border-top:20px solid rgba(0,0,0,.8);border-right:20px solid rgba(0,0,0,.8);border-left:20px solid transparent;border-bottom:20px solid transparent}article section.works .main .carousel-box .box .item .vip .text{font-size:1rem;top:-10px;left:10px}article section.works .main .carousel-box .box .item .info-box .sub-title,article section.works .main .carousel-box .box .item .info-box .works-title{font-size:2rem}article section.works .main .carousel-box .box .item .info-box .sub-title{padding-top:7px}article section.works .main .carousel-box .box .item:nth-child(1),article section.works .main .carousel-box .box .item:nth-child(2),article section.works .main .carousel-box .box .item:nth-child(3),article section.works .main .carousel-box .box .item:nth-child(4){width:100%;margin:0;margin-bottom:1vh}article section.works .main .carousel-box .box .item:nth-child(1) .mask,article section.works .main .carousel-box .box .item:nth-child(2) .mask,article section.works .main .carousel-box .box .item:nth-child(3) .mask,article section.works .main .carousel-box .box .item:nth-child(4) .mask{clip:rect(0,100vw,24vh,0)}article section.works .main .carousel-box .box .item:nth-child(1):hover .mask,article section.works .main .carousel-box .box .item:nth-child(2):hover .mask,article section.works .main .carousel-box .box .item:nth-child(3):hover .mask,article section.works .main .carousel-box .box .item:nth-child(4):hover .mask{clip:rect(0,100vw,0,0)}article section.works .main .btn{padding:0 2rem;font-size:1.333333rem}}article section.about{width:100%}article section.about .wrapper{height:calc(110vh + 160px);padding:0 5rem;position:relative}article section.about .wrapper .bg,article section.about .wrapper .bg-m{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;position:absolute;left:0;top:0;z-index:0}article section.about .wrapper .bg{display:block}@media only screen and (max-width:768px){article section.about .wrapper .bg{display:none}}article section.about .wrapper .bg-m{display:none}@media only screen and (max-width:768px){article section.about .wrapper .bg-m{background-attachment:scroll;display:block}}article section.about .wrapper .box{max-width:1200px;height:100%;margin:auto;position:relative}article section.about .wrapper .box .content{width:100%;height:0;padding-bottom:60%;background-image:url(../images/about-border.png);background-repeat:no-repeat;background-size:contain;background-position:center center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}article section.about .wrapper .box .content .about-title{font-size:6rem;color:#fff;position:absolute;right:5rem;bottom:2.5rem}article section.about .wrapper .box .content p{font-size:5rem;position:absolute;left:3.5rem;top:3.5rem}article section.about .member{background-color:#fff;position:relative;overflow:hidden}article section.about .member canvas#arrowCanvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;pointer-events:none}article section.about .member .arrow{display:none;width:100px;height:45px;position:absolute;top:2rem;z-index:2;cursor:pointer}article section.about .member .arrow.arrow-l{left:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}article section.about .member .arrow.arrow-r{right:0;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}article section.about .member .carousel-box{display:-webkit-box;display:-ms-flexbox;display:flex}article section.about .member .carousel-box .box{position:relative;overflow:hidden}article section.about .member .carousel-box .box .content{width:100%;padding-bottom:160%}article section.about .member .carousel-box .box .content .title-info{position:absolute;top:0;left:0}article section.about .member .carousel-box .box .content .title-info .member-title{padding:1.818vw;font-size:5.46vw;line-height:.8}article section.about .member .carousel-box .box .content .title-info figure.arrow-icon{width:12vw;padding-left:1.818vw}article section.about .member .carousel-box .box .content figure.mascot{width:10vw;position:absolute;left:0;bottom:0}article section.about .member .carousel-box .box .content figure.member-pic{width:100%;position:absolute;z-index:1;-webkit-transition:1s;transition:1s}article section.about .member .carousel-box .box .content .mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}article section.about .member .carousel-box .box .content .name{font-size:3.6vw;font-weight:500;line-height:1;position:absolute;top:.9vw;left:.9vw;z-index:2}article section.about .member .carousel-box .box .content .info{position:absolute;bottom:1.5vw;left:.9vw;z-index:2}article section.about .member .carousel-box .box .content .info .position{font-size:2vw;font-weight:300}article section.about .member .carousel-box .box .content .info .motto{font-size:1.2vw;font-weight:300}article section.about .member .carousel-box .box:hover .content figure.member-pic{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:1320px){article section.about .wrapper .box .content .about-title{font-size:5.455vw;right:4.5vw;bottom:1.5vw}article section.about .wrapper .box .content p{font-size:4.55vw;left:3vw;top:3vw}article section.about .member .carousel-box .box .content .title-info .member-title{padding:1.818vw;font-size:5.46vw}article section.about .member .carousel-box .box .content .title-info figure.arrow-icon{width:12vw;padding-left:1.818vw}article section.about .member .carousel-box .box .content figure.mascot{width:10vw}article section.about .member .carousel-box .box .content .name{font-size:3.6vw;top:.9vw;left:.9vw}article section.about .member .carousel-box .box .content .info{bottom:1.5vw;left:.9vw}article section.about .member .carousel-box .box .content .info .position{font-size:2vw}article section.about .member .carousel-box .box .content .info .motto{font-size:1.2vw}}@media only screen and (max-width:768px){article section.about .member .arrow{display:block;width:77px;height:35px;top:50%}article section.about .member .arrow.arrow-l{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}article section.about .member .arrow.arrow-r{-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}article section.about .member .carousel-box .box .content .title-info .member-title{padding:6vw 2vw 0;font-size:7.45vw}article section.about .member .carousel-box .box .content .title-info figure.arrow-icon{padding-left:2vw}article section.about .member .carousel-box .box .content figure.mascot{width:20vw}article section.about .member .carousel-box .box .content .name{font-size:8.38vw;top:2vw;left:1vw}article section.about .member .carousel-box .box .content .info{bottom:3.65vw;left:1vw}article section.about .member .carousel-box .box .content .info .position{font-size:4vw}article section.about .member .carousel-box .box .content .info .motto{font-size:3vw}}@media only screen and (max-width:540px){article section.about .wrapper{height:100vh;padding:0 2rem}article section.about .wrapper .box .content{width:100%;padding-bottom:133.7%;background-image:url(../images/about-border-m.png)}article section.about .wrapper .box .content .about-title{font-size:7.46vw;right:5vw;bottom:1.3rem}article section.about .wrapper .box .content p{font-size:5.6vw;left:3vw;top:15vw}}article section.instagram{width:100%;padding:3.333333rem;padding-bottom:0;background-color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden}article section.instagram .instagram-title{font-size:6rem;color:#fff}article section.instagram .instagram-title p{display:inline-block}article section.instagram .instagram-title span{font-weight:300}article section.instagram .arrow{display:none}article section.instagram .box{width:100%;max-width:1200px;padding-top:5rem;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}article section.instagram .box .item{position:relative}article section.instagram .box .item figure.phone{margin-bottom:-50%}article section.instagram .box .item .btn{width:100%;height:80px;background-color:#ec5728;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:40rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:33%;z-index:1}article section.instagram .box .item .btn p{padding-left:.5rem;padding-bottom:6px;color:#000;font-size:2.5rem}@media only screen and (max-width:768px){article section.instagram{padding:2rem;padding-bottom:0}article section.instagram .instagram-title{font-size:2.666667rem;text-align:center}article section.instagram .arrow{display:block;width:77px;height:35px;position:absolute;top:50%;z-index:2;cursor:pointer}article section.instagram .arrow.arrow-l{left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}article section.instagram .arrow.arrow-r{right:0;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}article section.instagram .box{width:74.4%;padding-top:5vw}article section.instagram .box .item figure.phone{margin-bottom:-30%}article section.instagram .box .item .btn{height:60px;padding-top:6px;border-radius:30px;bottom:20%}article section.instagram .box .item .btn p{font-size:5.6vw}}
/*# sourceMappingURL=home.css.map */