*{box-sizing:border-box}h1,h2,h3,h4{font-family:var(--zf-secondary-bold)}h1{font-size:50px}h2{font-size:40px}.zw-product-header,.banner-section,.wfhtool-section:before{background:#eafff2}.non-umain .banner-section .act-btn{display:none}.content-wrap{max-width:1170px}.animElement{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:all 1s ease;transition:all 1s ease}.animElement.zanim{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transition:all 1s ease;transition:all 1s ease}.icon-popup{display:none}.banner-section{padding:80px 0}.banner-section .content-wrap{max-width:1280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body-umain .banner-section .content-wrap{-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.body-umain .banner-section .cont-part{padding:80px 0 0}.banner-section .cont-part{width:47%}.banner-section .cont-part>span{color:#3ba07a;font-family:var(--zf-secondary-bold);text-transform:uppercase}.banner-section .cont-part p{max-width:600px}.signup-box{margin-top:40px;float:none;margin-left:0}.signup-box .socl-signup{text-align:left}.banner-section .image-part{width:53%;position:relative;text-align:right;padding:80px 0 0;left:50px}.banner-img2,.banner-img3,.banner-img4{position:absolute}.banner-img1{float:right;max-width:603px}.banner-img2{left:0;bottom:40px;max-width:158px}.banner-img3{top:0;left:105px;max-width:125px}.banner-img4{top:0;right:-15px;max-width:183px}.banner-img1,.banner-img2,.banner-img3,.banner-img4{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1)}.animated .banner-img1{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition-delay:200ms;transition-delay:200ms}.animated .banner-img2{-webkit-animation:ImgScale 1s forwards;animation:ImgScale 1s forwards;-webkit-animation-delay:600ms;animation-delay:600ms;-webkit-transition-delay:600ms;transition-delay:600ms}.animated .banner-img3{-webkit-animation:ImgScale 1s forwards;animation:ImgScale 1s forwards;-webkit-animation-delay:800ms;animation-delay:800ms;-webkit-transition-delay:800ms;transition-delay:800ms}.animated .banner-img4{-webkit-animation:ImgScale 1s forwards;animation:ImgScale 1s forwards;-webkit-animation-delay:1000ms;animation-delay:1000ms;-webkit-transition-delay:1000ms;transition-delay:1000ms}.animated .banner-img1{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes ImgScale{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:scale(1);transform:scale(1)}}@keyframes ImgScale{0%{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:scale(1);transform:scale(1)}}.wfhtool-section{padding:80px 0;position:relative}.wfhtool-section:before{content:'';width:100%;height:400px;position:absolute;top:0;left:0;z-index:0}.wfhtool-wrap{background:#17ac74;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:60px 0 0 60px;box-shadow:1px 1px 12px 0 #0000002b}.wfhtool-wrap .cont-part{width:48%;padding:30px 100px 40px 0;color:#fff}.wfhtool-wrap .cont-part span{color:#ffd984;font-family:var(--zf-secondary-bold);text-transform:uppercase}.wfhtool-wrap p a{color:#fff;position:relative;font-family:var(--zf-secondary-semibold);display:inline-block}.wfhtool-wrap p a:after{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:2px}.wfhtool-section img{display:block;float:right}.wfhtool-wrap .image-part{width:52%;position:relative;overflow:hidden}.wfhtool-wrap .image-part>div{-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}.wfhtool-wrap .image-part>div.zanim{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hasslefree-section{padding:60px 0 100px;overflow:hidden}.hasslefree-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.hasslefree-wrap>div{width:50%}.hasslefree-wrap>div img{max-width:109%}.hasslefree-wrap .image-part>div{-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}.hasslefree-wrap .image-part>div.zanim{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.quick-guide-section{padding:80px 0}.quick-guide-label{color:#3ba07a;font-family:var(--zf-secondary-bold);text-transform:uppercase}.quick-guide-section h2{max-width:600px}.quick-guide-section ul{margin:40px 0 0}.quick-guide-section ul li{display:inline-block;width:50%;margin:40px -4px 0 0;vertical-align:top}.quick-guide-section li:nth-child(odd){padding-right:40px}.quick-guide-section li:nth-child(even){padding-left:40px}.quickguide-box{position:relative}.quickguide-box img{display:block;-webkit-transition:all 1s;transition:all 1s}.quickguide-box>span{display:block;width:60px;height:60px;border-radius:100%;position:absolute;z-index:1;-webkit-transition:all 1s;transition:all 1s}[class|=zarw]:before{content:'';display:block;background-image:url("//www.zoho.com.cn/sites/zweb/images/assist/remote-work/rw-assist-sprite-icons.png");background-repeat:no-repeat;background-size:auto 42px;width:40px;height:40px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.zarw-icon1:before{background-position:3px -1px}.zarw-icon2:before{background-position:-38px 0}.zarw-icon3:before{background-position:-74px 0}.zarw-icon4:before{background-position:-109px 0}.zarw-icon5:before{background-position:-141px 0}.zarw-icon6:before{background-position:-175px 0}.zarw-icon1{background-color:#3e3d56;top:-20px}.zarw-icon2{background:#fff;box-shadow:0 8px 13px 2px #00000012;top:-15px;left:25px}.zarw-icon3{background-color:#ffe09a;bottom:0}.zarw-icon4{background:#fff;box-shadow:0 1px 2px #0006;bottom:0}.zarw-icon5{background:#fff;box-shadow:0 12px 15px 0 #00001126;bottom:0}.zarw-icon6{background-color:#3e3d56;bottom:-20px}.quickguide-box img.animElement{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.quickguide-box img.animElement.zanim{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.quickguide-box>span.animElement{-webkit-transform:scale(0);transform:scale(0)}.quickguide-box>span.animElement.zanim{-webkit-transform:scale(1);transform:scale(1)}.quick-guide-section ul li:first-child img{margin:50px 0 40px 30px;max-width:250px}.quick-guide-section ul li:nth-child(2) img{margin:15px 0 0 -40px;max-width:345px}.quick-guide-section ul li:nth-child(3) img{margin:0 0 20px 0;max-width:212px}.quick-guide-section ul li:nth-child(4) img{margin:20px 0 25px 30px;max-width:291px}.quick-guide-section ul li:nth-child(5) img{margin:0 0 30px 10px;max-width:230px}.quick-guide-section ul li:last-child img{margin:30px 0 35px 28px;max-width:202px}.perks-section{padding:40px 0}.perks-section h2{text-align:center}.perks-section ul{margin:40px 0 0}.perks-section ul li{display:inline-block;width:30%;margin-right:-4px;vertical-align:top;padding:35px 33px;border-radius:10px;min-height:445px}.perks-section li:first-child{padding-right:40px;background-color:#eaefff;-webkit-transition-delay:200ms;transition-delay:200ms}.perks-section li:nth-child(2){margin:0 4%;background-color:#fff4d1;-webkit-transition-delay:400ms;transition-delay:400ms}.perks-section li:last-child{padding-left:40px;background-color:#ffeae1;-webkit-transition-delay:600ms;transition-delay:600ms}.perks-section li.animElement{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.perks-section li.animElement.zanim{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.perks-section ul li span{display:block;width:80px;height:80px;border-radius:10px;background:#fff;position:relative;margin:0 0 20px}.perks-section ul li [class|=zarw]:before{width:50px;height:50px}.zarw-productivity:before{background-position:-220px 5px}.zarw-connected:before{background-position:-270px 5px}.zarw-savemore:before{background-position:-320px 5px}.bottom-section{padding:80px 0 40px;text-align:center}.bottom-section h2{margin:0 0 30px}.faq-section{padding:80px 0}.faq-wrap{background:#17ac74;padding:80px;color:#fff;border-radius:10px}.faq-wrap h2{text-align:center}.faq-wrap ul{margin:0}.faq-wrap ul li{display:inline-block;width:50%;margin:60px -4px 0 0;vertical-align:top}.faq-wrap ul li>div{display:-webkit-box;display:-ms-flexbox;display:flex}.faq-wrap ul li>div span{font-size:40px;font-family:var(--zf-secondary-semibold);line-height:1;margin:0 25px 0 0}.faq-wrap ul li h4{font-size:20px}.faq-wrap ul li p{margin-bottom:0}.faq-wrap ul li a{color:#fff;position:relative;font-family:var(--zf-secondary-semibold);display:inline-block;font-size:16px}.faq-wrap ul li a:after{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:2px}.faq-wrap li:nth-child(odd){padding-right:70px}.faq-wrap li:nth-child(even){padding-left:40px}.faq-wrap ul li>div,.faq-wrap ul li p,.faq-wrap ul li a{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1);transition:opacity .75s ease-in,transform .75s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .75s cubic-bezier(0.39,0.575,0.565,1)}.faq-wrap ul li>div{-webkit-transition-delay:200ms;transition-delay:200ms}.faq-wrap ul li p{-webkit-transition-delay:400ms;transition-delay:400ms}.faq-wrap ul li a{-webkit-transition-delay:600ms;transition-delay:600ms}.faq-wrap ul li.animElement.zanim>div,.faq-wrap ul li.animElement.zanim p,.faq-wrap ul li.animElement.zanim a{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media only screen and (min-width :1200px) and (max-width:1399px){h1{font-size:40px}h2{font-size:36px}.banner-section .cont-part{width:45%}.banner-section .image-part{width:55%;left:0}.banner-section .image-part img{max-width:90%}.banner-img-wrap{position:relative;max-width:480px;margin:0 auto;display:table}.banner-img1{float:none;max-width:603px;left:50px;position:relative}.banner-img2{left:0;bottom:20px}.banner-img3{top:-80px;left:105px}.banner-img4{top:-80px;right:-95px}.hasslefree-wrap>div img{max-width:100%}.perks-section ul li{min-height:470px}}@media only screen and (min-width :992px) and (max-width:1199px){h1{font-size:36px}h2{font-size:30px}.banner-section{padding:40px 0 0}.banner-section .cont-part{width:40%}.body-umain .banner-section .cont-part{padding:50px 0 0}.banner-section .image-part{width:60%;left:0}.banner-section .image-part img{max-width:90%}.banner-img-wrap{position:relative;max-width:480px;margin:0 auto 0 0;display:table}.banner-img1{float:none;max-width:603px;left:50px;position:relative}.banner-img2{left:0;bottom:20px}.banner-img3{top:-80px;left:105px}.banner-img4{top:-80px;right:-95px}.wfhtool-wrap .cont-part{padding:0 80px 0 0}.wfhtool-section:before{height:300px}.hasslefree-section{padding:40px 0}.hasslefree-wrap>div img{max-width:100%}.perks-section ul li{min-height:470px;width:32%}.perks-section li:nth-child(2){margin:0 1.5%}.quick-guide-section{padding:60px 0 40px}.quick-guide-section h2{max-width:500px}.bottom-section{padding:50px 0 20px;text-align:center}.faq-wrap{padding:60px 40px}.faq-wrap li:nth-child(odd){padding-right:20px}.faq-wrap li:nth-child(even){padding-left:20px}}@media only screen and (min-width :768px) and (max-width:991px){h1{font-size:36px}h2{font-size:30px}.banner-section{padding:40px 0 0}.banner-section .content-wrap{display:block}.banner-section .cont-part{width:100%;text-align:center;max-width:660px;margin:0 auto}.banner-section .cont-part p{max-width:520px;margin:0 auto 20px}.non-umain .banner-section .act-btn{display:inline-block}.body-umain .banner-section .cont-part{padding:0}.banner-section .image-part{width:100%;left:0;max-width:640px;margin:40px auto 0}.banner-section .image-part img{max-width:90%}.banner-img-wrap{position:relative;max-width:480px;margin:0 auto 0 0;display:table}.banner-img1{float:none;max-width:603px;left:50px;position:relative}.banner-img2{left:0;bottom:20px}.banner-img3{top:-80px;left:105px}.banner-img4{top:-80px;right:-95px}.wfhtool-wrap{display:block;max-width:650px;margin:0 auto}.wfhtool-wrap .cont-part{width:100%;padding:0 50px 0 0}.wfhtool-section:before{height:300px}.wfhtool-wrap .image-part{width:100%}.hasslefree-section{padding:40px 0}.hasslefree-wrap{display:block;max-width:630px;margin:0 auto}.hasslefree-wrap>div{width:100%}.hasslefree-wrap>div.image-part{max-width:600px;margin:40px 0 0}.hasslefree-wrap>div img{max-width:100%}.quick-guide-section{padding:60px 0 40px}.quick-guide-section h2{max-width:500px}.quick-guide-section li:nth-child(odd){padding-right:20px}.quick-guide-section li:nth-child(even){padding-left:20px}.perks-section ul li{min-height:435px;width:48%}.perks-section li:nth-child(2){margin:0 0 2% 2%}.bottom-section{padding:50px 0 20px;text-align:center}.faq-wrap{padding:60px 40px}.faq-wrap ul{margin:0 auto;max-width:440px}.faq-wrap ul li{width:100%}.faq-wrap li:nth-child(odd){padding-right:0}.faq-wrap li:nth-child(even){padding-left:0}}@media only screen and (max-width :767px){h1{font-size:36px}h2{font-size:30px}.non-umain .banner-section .act-btn{display:inline-block}.body-umain .banner-section .cont-part{padding:0}.banner-section{padding:40px 0 0}.banner-img1,.banner-img2,.banner-img3,.banner-img4{opacity:1;-ms-filter:"alpha(opacity=100)"}.banner-section .content-wrap{display:block}.banner-section .cont-part{width:100%;text-align:center;max-width:450px;margin:0 auto}.banner-section .cont-part p{max-width:520px;margin:0 auto 20px}.banner-section .image-part{width:100%;left:0;max-width:640px;margin:40px auto 0}.banner-section .image-part img{max-width:90%}.banner-img-wrap{position:relative;max-width:480px;margin:0 auto 0 0;display:table}.banner-img1{float:none;max-width:430px;left:50px;position:relative}.banner-img2{left:0;bottom:20px}.banner-img3{top:-80px;left:105px}.banner-img4{top:-80px;right:-45px;max-width:150px}.wfhtool-wrap{display:block;max-width:650px;margin:0 auto}.wfhtool-wrap .cont-part{width:100%;padding:0 100px 0 0}.wfhtool-section:before{height:300px}.wfhtool-wrap .image-part{width:100%}.hasslefree-section{padding:40px 0}.hasslefree-wrap{display:block;max-width:630px;margin:0 auto}.hasslefree-wrap>div{width:100%}.hasslefree-wrap>div.image-part{max-width:600px;margin:40px 0 0}.hasslefree-wrap>div img{max-width:100%}.quick-guide-section{padding:60px 0 40px}.quick-guide-section h2{max-width:500px}.quick-guide-section ul{margin:0}.quick-guide-section ul li{width:100%;margin:40px 0 0;vertical-align:top}.quick-guide-section li:nth-child(odd){padding-right:0}.quick-guide-section li:nth-child(even){padding-left:0}.perks-section ul{margin:40px auto 0;max-width:320px}.perks-section ul li{min-height:auto;width:100%}.perks-section li:nth-child(2){margin:15px 0}.bottom-section{padding:50px 0 20px;text-align:center}.faq-wrap{padding:60px 40px}.faq-wrap ul{margin:0 auto;max-width:440px}.faq-wrap ul li{width:100%}.faq-wrap li:nth-child(odd){padding-right:0}.faq-wrap li:nth-child(even){padding-left:0}}@media only screen and (max-width :480px){h1{font-size:30px}h2{font-size:23px}.banner-section .image-part img{max-width:100%}.banner-img-wrap{max-width:300px;margin:0 auto}.banner-img1{float:none;max-width:250px;left:20px;position:relative}.banner-img2{left:-40px;bottom:0;max-width:90px}.banner-img3{top:-60px;left:20px;max-width:80px}.banner-img4{top:-50px;right:-35px;max-width:90px}.wfhtool-wrap{padding:40px 0 0 30px}.wfhtool-wrap .cont-part{width:100%;padding:0 30px 0 0}.hasslefree-section{padding:0}.bottom-section{padding:30px 0 0;text-align:center}.faq-wrap{padding:60px 30px}.faq-wrap ul li{margin:40px 0 0}.faq-wrap ul li>div{display:block}}