body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}img{display:block;vertical-align:middle}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}q:before,q:after{content:""}abbr,acronym{border:0}a,button,input,textarea,select{outline:none;behavior:expression(this.onFocus=this.blur())}body .page-wrapper{font-family:Noto Sans TC,sans-serif;color:#3c3c3c;overflow:hidden}*::selection{background-color:#000;color:#fff}.page-wrapper{width:100%}.page-wrapper .basic-motion{transition:1s;opacity:1}.page-wrapper .basic-motion.hide{transform:translateY(50px);opacity:0}.page-wrapper .content{width:1200px;margin:0 auto}header{position:fixed;top:0;z-index:10;display:flex;justify-content:space-between;width:100%;padding:0 30px;transition:.3s}header .logo{padding:26px 0 0;transition:.3s}header .logo svg{fill:#fff;width:140px;transition:.3s}header .NAV{display:flex}header .NAV a{color:#fff;text-decoration:none;padding:30px 14px;transition:.3s}header .NAV a:hover{color:#00c795}header.scrolled{background-color:#fff;box-shadow:0 0 30px #0000001a}header.scrolled .logo{padding:20px 0 0}header.scrolled .logo svg{fill:#121314}header.scrolled .NAV a{padding:22px 14px;color:#3c3c3c}header.scrolled .NAV a:hover{color:#00c795}section.top-block{width:100%;height:70vh;position:relative}.top-video-box{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:-2;height:70vh}.top-video-box video{width:100%;height:auto;min-width:100%;min-height:100%;left:50%;margin:auto;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:visible;z-index:-3}.top-mask-box{width:100%;height:70vh;position:fixed;top:0;z-index:-1;background-color:#1e1f214d;background-position:center center;background-repeat:no-repeat;background-size:cover}.top-title-box{width:100%;height:70vh;text-align:center;display:flex;position:absolute;top:0;z-index:5;align-items:center;justify-content:center}.top-title-box .text-box{color:#fff;width:100%;padding:20px 0 0}.top-title-box .text-box h1{animation:title .7s ease-out 0s forwards;opacity:0}.top-title-box .text-box a.square-button{display:flex;width:100px;height:100px;margin:50px auto 0;padding:20px;position:relative;animation:title .7s ease-out .4s forwards;opacity:0}.top-title-box .text-box span.square{width:100%;height:100%;border:1px solid #fff;border-radius:100px;transition:.3s}.top-title-box .text-box span.icon{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;transition:.3s;animation:arrow-motion .6s linear 0s infinite alternate-reverse}.top-title-box .text-box a.square-button span.icon svg{fill:#fff}.top-title-box .text-box a.square-button:hover span.square{background-color:#fff}.top-title-box .text-box a.square-button:hover span.icon svg{fill:#3c3c3c}.top-title-box .text-box h1{font-size:60px;font-weight:700}.top-title-box .text-box h1.mobile{display:none}.top-title-box .text-box p{font-size:16px;font-weight:400}section.text-block{background-color:#121314;padding:130px 0;display:flex;align-items:center;justify-content:center}section.text-block .text-box{color:#fff;text-align:center;letter-spacing:1px}section.text-block .text-box p.slogan{font-family:Roboto,sans-serif;font-size:24px;padding:0 0 10px;font-style:italic}section.feature-block{background-image:url(/cdn/shop/files/bg-feature.jpg?v=1603869018);background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}section.feature-block .mask-box{padding:130px 0;background-color:#1e1f2166}section.feature-block .content{display:flex;align-items:stretch;justify-content:space-between}section.feature-block .content .item-card{flex:0 31%;background-color:#121314;padding:50px 40px;text-align:center;box-shadow:0 0 100px #0003;color:#fff;transition:1.5s;opacity:0}section.feature-block .content .item-card:nth-child(1).motion{animation:feature-motion 1.5s 0s forwards}section.feature-block .content .item-card:nth-child(2).motion{animation:feature-motion 1.5s .2s forwards}section.feature-block .content .item-card:nth-child(3).motion{animation:feature-motion 1.5s .4s forwards}section.feature-block .content .item-card .card-content{display:flex;flex-direction:column;height:100%}section.feature-block .content .item-card h2{font-size:22px;padding:15px 0 30px;width:100%;font-weight:300;letter-spacing:1px}section.feature-block .content .item-card h4{font-size:15px;font-weight:400;padding:0;width:100%;font-weight:300;letter-spacing:1px}section.feature-block .content .item-card .icon{display:flex;align-content:center;justify-content:center;width:100%}section.feature-block .content .item-card .icon img{width:54px}section.feature-block .content .item-card p{padding:30px 0;font-size:15px;width:100%;font-weight:300;letter-spacing:1px;line-height:24px}section.feature-block .content .item-card a{color:#fff;text-decoration:underline;display:block;padding:14px 20px;font-size:15px;width:100%;margin-top:auto;transition:.3s;font-weight:300;letter-spacing:1px}section.feature-block .content .item-card a:hover{color:#00c795;text-decoration:none}section.content-block{padding:120px 0;background-color:#fff}section.content-block .content{display:flex;align-items:center;justify-content:space-between}section.content-block .img-box{width:42%}section.content-block .img-box .img{width:100%;padding-bottom:67.3%;background-position:center;background-size:cover}section.content-block .cs-box .img-box{justify-content:flex-start}section.content-block .cs-box .text-box{padding:0 0 0 50px}section.content-block .cs-box .text-box.hide{transform:translate(50px);opacity:0}section.content-block .img-box.cs-box div{width:520px;height:350px;background-color:#ccc}section.content-block .product-box .img-box{justify-content:flex-end}section.content-block .product-box .text-box{padding:0 50px 0 0}section.content-block .product-box .text-box.hide{transform:translate(-50px);opacity:0}section.content-block .img-box.product-box div{width:520px;height:350px;background-color:#ccc}section.content-block .text-box{width:50%;transition:1s}section.content-block .text-box h2{font-size:24px;padding:0 0 20px;font-weight:700}section.content-block .text-box p{line-height:30px;padding:0 0 15px}section.content-block .text-box p:last-child{padding:0}section.CTA-block{background-image:url(/cdn/shop/files/bg-cta.jpg?v=1603869015);background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}section.CTA-block .mask-box{padding:150px 0;background-color:#1e1f2180;display:flex;align-items:center;justify-content:center}section.CTA-block .text-box{text-align:center}section.CTA-block .text-box span{display:inline-block}section.CTA-block .text-box h4{color:#fff;font-size:24px;padding:0 0 40px;width:100%}section.CTA-block .mask-box a{background-color:#fff;padding:16px 40px;display:inline-block;color:#3c3c3c;transition:.3s;border-radius:3px;font-size:15px;letter-spacing:1px}section.CTA-block .mask-box a:hover{text-decoration:none;background-color:#00c795;color:#fff}footer{background-color:#fff;padding:70px 0}footer .footer-content{text-align:center}footer .footer-content .social-media{padding:0 0 20px}footer .footer-content .social-media a.icon{display:inline-block;padding:10px}footer .footer-content .social-media a.icon svg{opacity:.5;fill:#000;width:26px;transition:.3s}footer .footer-content .social-media a.icon:hover svg{opacity:1;fill:#121314}footer p.copyright{font-size:14px;opacity:.6}@keyframes arrow-motion{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@keyframes title{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes feature-motion{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 1250px){.top-video-box video{width:auto;height:100%}}@media screen and (max-width: 1200px){.page-wrapper .content{width:1000px}.top-video-box video{width:auto;height:100%}section.content-block .img-box img{width:100%;height:auto}section.feature-block .content .item-card{flex:0 32%}}@media screen and (max-width: 1000px){.page-wrapper .content{width:auto}header{padding:0 10px}header .logo{padding:18px 0 0 6px}header .logo svg{width:100px}header .NAV a{font-size:14px;padding:18px 8px}header.scrolled .logo{padding:18px 0 0 6px}header.scrolled .NAV a{padding:18px 8px}section.top-block{height:100vh}.top-video-box,.top-mask-box,.top-title-box{height:100vh}.top-title-box .text-box{padding:0}.top-title-box .text-box h1{display:block;font-size:11vmin;line-height:17vmin}.top-title-box .text-box h1 .break-here-for-mobile:after{content:"\a";white-space:pre}.top-title-box .text-box h1 .hide-for-mobile{display:none}.top-video-box video{width:auto}.top-title-box .text-box a.square-button{margin:20vmin auto}section.text-block .text-box{padding:0 8%}section.text-block .text-box p.slogan{padding:0 0 20px;font-size:22px;line-height:26px}section.feature-block,section.CTA-block{background-attachment:inherit}section.content-block{padding:100px 0}section.content-block .content{flex-direction:column}section.content-block .img-box{width:84%}section.content-block .img-box img{width:100%;height:auto}section.content-block .text-box{padding:40px 8% 0!important;width:100%}section.content-block .product-box .text-box{order:2}section.content-block .product-box .img-box{order:1}section.feature-block .mask-box{padding:80px 0}section.feature-block .content{display:block}section.feature-block .content .item-card{width:86%;margin:50px auto}footer p.copyright{padding:0 8%}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/brand-refresh.scss.css.map */