section{width:100%;overflow:hidden}.vital-home .inner{width:min(1280px,100%);margin:0 auto}:root{--primary-900: #1f41b8;--primary-800: #1b61d7;--primary-700: #1773ea;--primary-600: #0e86fe;--primary-500: #0095ff;--primary-400: #31a5ff;--primary-300: #5bb5ff;--primary-200: #8dcaff;--primary-100: #badeff;--gray-900: #272727;--gray-800: #494949;--gray-700: #686868;--gray-600: #7c7c7c;--gray-500: #a6a6a6;--gray-400: #c4c4c4;--gray-300: #e7e7e7;--gray-200: #f1f1f1;--gray-100: #f6f6f6;--black: #1e1e1e;--white: #ffffff;--yellow: #ffe76b;--blue: #a0befa;--success-900: #00621d;--success-800: #008132;--success-700: #00933e;--success-600: #00a54a;--success-500: #00b554;--success-400: #00c16c;--success-300: #2bcd87;--success-200: #7ddbaa;--success-100: #b3e9cb;--warning-900: #eb4e00;--warning-800: #f46b00;--warning-700: #fa7b00;--warning-600: #ff8b00;--warning-500: #ff9700;--warning-400: #ffa724;--warning-300: #ffb74c;--warning-200: #ffcc7f;--warning-100: #ffe0b2}.vitaltnm-parachute:before,.vitalcrm-parachute:before,.vitalpayroll-parachute:before,.vitalgl-parachute:before,.vitalkm-parachute:before,.vitalformdoc-parachute:before,.vitalod-parachute:before{width:80px;height:117px}.vitalod-parachute{width:80px;height:127px;position:absolute;left:15%;bottom:0;animation-delay:1000ms;animation-name:logood;animation-duration:11000ms;animation-fill-mode:forwards;animation-iteration-count:1;text-indent:-99999px;overflow:hidden}@media only screen and (max-width: 425px){.vitalod-parachute{left:60%;opacity:.9}}.vitalod-parachute:before{content:"";display:block;position:absolute;left:0;top:0;animation:cloud1 700ms infinite alternate;background-image:url(../assets/images/landing-old/vitalod-parachute.svg);background-repeat:no-repeat;background-size:90% auto;background-position:center center}.vitalformdoc-parachute{width:80px;height:127px;position:absolute;left:67%;bottom:0;animation-delay:200ms;animation-name:logoformdoc;animation-duration:27000ms;animation-fill-mode:forwards;animation-iteration-count:1;text-indent:-99999px;overflow:hidden}@media only screen and (max-width: 425px){.vitalformdoc-parachute{left:55%;opacity:.55}}.vitalformdoc-parachute:before{content:"";display:block;position:absolute;left:0;top:0;animation:cloud1 1000ms infinite alternate;background-image:url(../assets/images/landing-old/vitalformdoc-parachute.svg);background-repeat:no-repeat;background-size:70% auto;background-position:center center}.vitalkm-parachute{width:80px;height:127px;position:absolute;left:60%;bottom:0;animation-delay:10ms;animation-name:logokm;animation-duration:31000ms;animation-fill-mode:forwards;animation-iteration-count:1;text-indent:-99999px;overflow:hidden}@media only screen and (max-width: 425px){.vitalkm-parachute{left:60%;opacity:.55}}.vitalkm-parachute:before{content:"";display:block;position:absolute;left:0;top:0;animation:cloud1 1000ms infinite alternate;background-image:url(../assets/images/landing-old/vitalkm-parachute.svg);background-repeat:no-repeat;background-size:70% auto;background-position:center center}.vitalgl-parachute{width:80px;height:127px;position:absolute;left:75%;bottom:0;animation-delay:300ms;animation-name:logogl;animation-duration:14000ms;animation-fill-mode:forwards;animation-iteration-count:1;text-indent:-99999px;overflow:hidden}@media only screen and (max-width: 425px){.vitalgl-parachute{left:35%;opacity:.55}}.vitalgl-parachute:before{content:"";display:block;position:absolute;left:0;top:0;animation:cloud1 1300ms infinite alternate;background-image:url(../assets/images/landing-old/vitalgl-parachute.svg);background-repeat:no-repeat;background-size:70% auto;background-position:center center}.vitalpayroll-parachute{width:80px;height:127px;position:absolute;left:75%;bottom:0;animation-delay:0ms;animation-name:logopayroll;animation-duration:29000ms;animation-fill-mode:forwards;animation-iteration-count:1;text-indent:-99999px;overflow:hidden}@media only screen and (max-width: 425px){.vitalpayroll-parachute{left:40%;opacity:.55}}.vitalpayroll-parachute:before{content:"";display:block;position:absolute;left:0;top:0;animation:cloud1 800ms infinite alternate;background-image:url(../assets/images/landing-old/vitalpayroll-parachute.svg);background-repeat:no-repeat;background-size:70% auto;background-position:center center}.vitalcrm-parachute{width:80px;height:127px;position:absolute;left:31%;bottom:0;animation-delay:0ms;animation-name:logocrm;animation-duration:10000ms;animation-fill-mode:forwards;animation-iteration-count:1;text-indent:-99999px;overflow:hidden}@media only screen and (max-width: 425px){.vitalcrm-parachute{left:33.4%;opacity:.9}}.vitalcrm-parachute:before{content:"";display:block;position:absolute;left:0;top:0;animation:cloud1 1300ms infinite alternate;background-image:url(../assets/images/landing-old/vitalcrm-parachute.svg);background-repeat:no-repeat;background-size:90% auto;background-position:center center}.vitaltnm-parachute{width:80px;height:127px;position:absolute;left:27%;bottom:0;animation-delay:400ms;animation-name:logotnm;animation-duration:9000ms;animation-fill-mode:forwards;animation-iteration-count:1;text-indent:-99999px;overflow:hidden}@media only screen and (max-width: 425px){.vitaltnm-parachute{left:35%;opacity:.55}}.vitaltnm-parachute:before{content:"";display:block;position:absolute;left:0;top:0;animation:cloud1 1300ms infinite alternate;background-image:url(../assets/images/landing-old/vitaltnm-parachute.svg);background-repeat:no-repeat;background-size:70% auto;background-position:center center}@keyframes cloud1{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(0, 4px, 0)}}@keyframes logofly{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -580px, 0)}}@keyframes logood{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -300px, 0)}}@keyframes logoformdoc{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -480px, 0)}}@keyframes logokm{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -420px, 0)}}@keyframes logogl{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -170px, 0)}}@keyframes logopayroll{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -500px, 0)}}@keyframes logocrm{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -320px, 0)}}@keyframes logotnm{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -430px, 0)}}.vital-home .hero hgroup.hero-default{background-color:#00b9f9;padding-block:70px 0}.vital-home .hero hgroup.hero-default .inner{display:grid;place-items:center;text-align:center;position:relative;height:618px;overflow:hidden}.vital-home .hero hgroup.hero-default .inner:after{background-image:linear-gradient(to Bottom, #00b9f9 0, rgba(0, 185, 249, 0) 100%);background-repeat:repeat-x;background-position:top left}.vital-home .hero-center-object{display:inline-block;width:670px;vertical-align:middle;margin-top:-10px;position:relative;z-index:2}@media only screen and (max-width: 768px){.vital-home .hero-center-object{width:660px;margin-top:-250px}}@media only screen and (max-width: 678px){.vital-home .hero-center-object{width:90%;margin-top:-200px}}.vital-home .hero-product{position:absolute;bottom:0;left:50%;margin-left:-538.5px;width:1077px;z-index:1;overflow:visible}.vital-home .hero-building{z-index:4}.vital-home .hero-title{margin:0 auto;display:block;width:230px;height:262px;position:relative;text-align:center;padding-top:231px;text-indent:-99999px;overflow:hidden;animation:cloud1 1000ms infinite alternate}.vital-home .hero-title:before{content:"";display:block;position:absolute;width:230px;height:60px;background:url(../assets/images/landing-old/vital-logo.svg) no-repeat center bottom;background-size:contain;text-align:center;bottom:0;left:0}.vital-home .hero-title:after{content:"";display:block;position:absolute;left:50%;top:0;margin-left:-105px;width:210px;height:231px;background:url(../assets/images/landing-old/vital-parachute.svg) no-repeat center center;background-size:contain}.vital-home .hero-summary{display:block;text-align:center;font-size:24px;line-height:1.7;margin-top:30px;text-indent:20px;color:#fff}@media only screen and (max-width: 678px){.vital-home .hero-summary{font-size:21px}}.hero-default .vital-home .hero-summary{color:#fff}.vital-home .hero-building{position:absolute;left:50%;margin-left:-538.5px;width:1077px;bottom:-16px;background:url(../assets/images/landing-old/hero-building-layer1.svg) no-repeat bottom center;background-size:contain;height:190px;overflow:hidden}@media(max-width: 1280px){.vital-home .hero-building{background-position:bottom center;background-size:auto 100%}}.vital-home .hero-building2{position:absolute;left:1px;width:1075px;bottom:0;background:url(../assets/images/landing-old/hero-building-layer2.svg) no-repeat bottom center;background-size:auto 100%;height:186px;z-index:3}@media(max-width: 1280px){.vital-home .hero-building2{background-position:bottom center}}.vital-home .hero-car{position:absolute;width:97px;height:76px;right:-10px;bottom:25px;background:url(../assets/images/landing-old/car.svg) no-repeat center center;background-size:contain;z-index:2;animation:car 15000ms 3000ms infinite ease-in}.vital-home .hero-car2{position:absolute;width:97px;height:76px;right:-10px;bottom:5px;background:url(../assets/images/landing-old/car2.svg) no-repeat center center;background-size:contain;z-index:2;animation:car2 12000ms 9000ms infinite ease-out}.hero-cloud .obj-cloud{display:block;width:182px;padding-top:40%;background:url(../assets/images/landing-old/cloud-l.svg) no-repeat top center/contain;position:absolute}.hero-cloud .obj-cloud1{left:200px;top:100px;background-image:url(../assets/images/landing-old/cloud-r.svg);animation:cloud1 1000ms 200ms infinite alternate}.hero-cloud .obj-cloud2{width:103px;left:100px;top:300px;animation:cloud1 900ms 100ms infinite alternate}.hero-cloud .obj-cloud3{width:168px;right:200px;top:230px;background-image:url(../assets/images/landing-old/cloud-r.svg);animation:cloud1 1300ms infinite alternate}@media only screen and (max-width: 1024px){.hero-cloud .obj-cloud3{right:10px}}.hero-cloud .obj-cloud4{width:168px;right:0;top:120px;animation:cloud1 900ms infinite alternate}.hero-cloud .obj-cloud5{width:88px;right:520px;top:20px;animation:cloud1 1000ms 200ms infinite alternate}.hero-cloud .obj-cloud6{width:70px;right:370px;top:170px;animation:cloud1 1000ms 600ms infinite alternate}.vitalod-parachute{overflow:visible}.npo-heart{width:40px;height:40px;left:0;top:0;position:absolute;z-index:2;background:url(../assets/images/landing-old/npo-heart.svg) no-repeat center center/contain;animation:heart 800ms infinite alternate}.vitalod-parachute .npo-heart:before{content:"公益團體免費中！";color:#fff;font-size:12px;position:absolute;right:100%;top:50%;opacity:0;transform:translate3d(10px, 0, 0);transition:all 300ms;text-indent:0;white-space:nowrap}.vitalod-parachute .npo-heart:hover:before{opacity:1;transform:translate3d(0, 0, 0)}@keyframes cloud1{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(0, 4px, 0)}}@keyframes car{0%{transform:translate3d(0, 0, 0)}30%{transform:translate3d(-430px, 0, 0)}40%{transform:translate3d(-430px, 0, 0)}100%{transform:translate3d(-1170px, 0, 0)}}@keyframes car2{0%{transform:translate3d(-650px, 0, 0)}20%{transform:translate3d(-515px, 0, 0)}30%{transform:translate3d(-515px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}.section-product{overflow:hidden}.section-product.section-gray{background-color:#f7f7f7}.section-product .inner{min-height:416px}@media only screen and (max-width: 1024px){.section-product .inner{padding:0 30px}}.section-product .inner:after{content:"";display:block;clear:both}.section-product-animbox{width:50%;text-align:center;position:relative;padding:77px 40px 60px;transition:transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 300ms}@media only screen and (max-width: 1024px){.section-product-animbox{float:none;width:100%;display:block}}.animate .section-product-animbox{opacity:0;-webkit-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0)}.img-set-left .section-product-animbox{float:left}.img-set-right .section-product-animbox{float:right}.section-product-contain{text-align:left;padding:77px 40px 60px;overflow:hidden}@media only screen and (max-width: 1024px){.section-product-contain{width:100%;display:block;margin-left:0 !important;padding:245px 50px 50px 50px}}@media only screen and (max-width: 768px){.section-product-contain{text-align:center}}@media only screen and (max-width: 678px){.section-product-contain{padding:185px 30px 50px 30px}}@media(max-width: 437px){.section-product-contain{padding:165px 0 50px 0}}.img-set-left .section-product-contain{margin-left:50%}.img-set-right .section-product-contain{margin-right:50%}.section-product-contain_title{font-size:32px;color:#333;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc;transition:opacity 300ms}@media only screen and (max-width: 1024px){.section-product-contain_title{text-align:center}}.animate .section-product-contain_title{opacity:0}.section-product-contain_content{font-size:18px;color:#777;line-height:2;transition:opacity 300ms}.animate .section-product-contain_content{opacity:0}.section-product-contain_more{font-size:18px;float:right;line-height:45px;background-color:#00b9f9;color:#fff;padding:0 40px;border-radius:4px;transition:transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),box-shadow 300ms,opacity 300ms}@media only screen and (max-width: 768px){.section-product-contain_more{float:none;display:inline-block;margin-top:15px}}.animate .section-product-contain_more{opacity:0;-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4)}.section-product-contain_more:hover{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);box-shadow:0 20px 40px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.1)}.section-product-animbox_frame{width:485px;height:265px;position:absolute;left:50%;top:77px;margin-left:-242.5px;background:url(../assets/images/landing-old/home-frame.svg) no-repeat center center;background-size:100% auto;-webkit-animation:fadein 900ms 400ms forwards;animation:fadein 900ms 400ms forwards;opacity:0}.animate .section-product-animbox_frame{-webkit-animation:none;animation:none}@media only screen and (max-width: 678px){.section-product-animbox_frame{display:none}}.section-product-animbox_frame-bg{width:461px;height:221px;position:absolute;top:107px;left:50%;margin-left:-230.5px;background-size:100% auto;background-repeat:no-repeat;background-position:center center;-webkit-animation:fadein 900ms 400ms forwards;animation:fadein 900ms 400ms forwards;opacity:0}@media only screen and (max-width: 678px){.section-product-animbox_frame-bg{display:block;top:47px;box-shadow:0 10px 35px rgba(0,0,0,.3)}}.animate .section-product-animbox_frame-bg{-webkit-animation:none;animation:none;opacity:0}#vital-crm .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-crm.jpg)}#vital-bizform .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-bizform.jpg)}#vital-od .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-od.jpg)}#vital-gl .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-gl.jpg)}#vital-ttc .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-ttc.jpg)}#vital-km .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-km.jpg)}#vital-payroll .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-payroll.jpg)}#vital-npo .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-npo.jpg)}#vital-nhca .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-nhca.jpg)}#vital-apar .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-apar.jpg)}#vital-hcm .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-hcm.jpg)}#vital-lca .section-product-animbox_frame-bg{background-image:url(../assets/images/landing-old/home-frame-bg-lca.jpg)}.section-product-animbox_logo{width:460px;height:105px;position:absolute;left:50%;top:127px;margin-left:-230px;background-size:auto 100%;background-repeat:no-repeat;background-position:center center;-webkit-animation:popup 900ms forwards;animation:popup 900ms forwards}@media only screen and (max-width: 678px){.section-product-animbox_logo{top:67px}}.animate .section-product-animbox_logo{-webkit-animation:none;animation:none}#vital-crm .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-crm-v-txt.png)}#vital-bizform .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-bizform-v-txt.png)}#vital-od .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-od-v-txt.png)}#vital-gl .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-gl-v-txt.png)}#vital-ttc .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-ttc-v-txt.png)}#vital-km .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-km-v-txt.png)}#vital-payroll .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-payroll-v-txt.png)}#vital-npo .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-npo-v-txt.png)}#vital-nhca .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-nhca-v-txt.png)}#vital-apar .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-apar-v-txt.png)}#vital-hcm .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-hcm-v-txt.png)}#vital-lca .section-product-animbox_logo{background-image:url(../assets/images/landing-old/logo-lca-v-txt.png)}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes popup{from{transform:scale(0, 0)}to{transform:scale(1, 1)}}.section-feature_more .section-body{display:grid;grid-template-columns:repeat(3, 1fr);overflow:hidden;padding:60px 40px}@media only screen and (max-width: 768px){.section-feature_more .section-body{padding:60px 20px;grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr))}}@media only screen and (max-width: 678px){.section-feature_more .section-body .morefeatures-item{padding:0 !important}}.morefeatures-item{min-height:296px;text-align:center;line-height:1.7;margin-bottom:40px;opacity:1}.morefeatures-item:nth-child(1){transition:opacity 800ms 200ms}.morefeatures-item:nth-child(2){transition:opacity 800ms 400ms}.morefeatures-item:nth-child(3){transition:opacity 800ms 600ms}.morefeatures-item:nth-child(4){transition:opacity 800ms 800ms}.morefeatures-item:nth-child(5){transition:opacity 800ms 1000ms}.morefeatures-item:nth-child(6){transition:opacity 800ms 1200ms}.morefeatures-item:hover .morefeatures-item_pic{transform:scale(1.1, 1.1);box-shadow:0 0 0 4px #fff,0 0 0 8px #d7f0ff}.morefeatures-item:hover .morefeatures-item_desc{color:#333}.animate .morefeatures-item{opacity:0}.morefeatures-item_pic{display:inline-block;margin-bottom:20px;border-radius:50%;line-height:1;font-size:0;transition:transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),box-shadow 300ms}.morefeatures-item_title{font-size:26px;color:#666;margin-bottom:20px}.morefeatures-item_desc{padding:0 80px;color:#999;font-size:16px;text-align:left;transition:all 300ms}@media only screen and (max-width: 1024px){.morefeatures-item_desc{padding:0 45px}}@media only screen and (max-width: 768px){.morefeatures-item_desc{padding:0 10px}}@media only screen and (max-width: 678px){.morefeatures-item_desc{text-align:center}}