.header-section,.zw-product-header{background:#1f2224}#mini-panel-product_menu .menu-icon-help-header .product-title a,#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a{color:#fff}#mini-panel-product_menu .product-nav-links .menu>li>a,#mini-panel-product_menu .product-nav-links li .nolink{color:#fff}h1{margin:0 auto;margin-bottom:15px;text-align:left;max-width:845px;font-size:60px;font-family:var(--primaryfont-bold)}h1 b{color:#00d9ff;font-family:var(--primaryfont-bold);display:inline-block}h1 span{font-family:var(--secondaryfont-regular)}h1+p{max-width:840px;text-align:center;margin:0 auto;margin-bottom:20px;text-align:left}h2{font-family:var(--primaryfont-bold)}.header-screen{padding-top:60px}.header-section{padding:50px 0 90px 0;overflow:hidden;overflow-y:scroll;color:#fff}.header-screen .content-wrap{max-width:1680px}.each-ss{width:300px;float:left;margin:0 25px;text-align:right}.header-screens{text-align:center;overflow:hidden;padding-top:90px}.dashboard-section{position:relative;display:inline-block;width:100%;padding-top:60px;background:#1f2224}.dashboard-section .content-wrap{max-width:1680px;width:100%}.dashboard-block{display:flex;width:100%;justify-content:center}.dashboard-section .dashboard-head{text-align:center;max-width:680px;margin:0 auto;margin-bottom:60px;font-size:38px;color:#fff}.sidebar-area{max-width:300px;min-width:300px;background:#2a2c35;color:#fff;position:relative}.view-block{position:relative;background:#f4f4f4;width:100%;padding:30px 25px 80px 25px}.sub-accordion ul li:last-child{margin-bottom:0}.tags{background:#dadada;padding:5px 20px;border-radius:25px;opacity:0;visibility:hidden;font-family:var(--zf-primary-semibold);letter-spacing:1px;margin-bottom:15px;font-size:11px;text-transform:uppercase;color:#fff;display:inline-block}.tags.tactive{opacity:1;visibility:visible}.detail{box-sizing:border-box}.tags.darkorange{background:#1d5ac8}.tags.green{background:#2cb328}.tags.blue{background:#ee5c84}.split-ss4 .tags.blue{background:#ff4074}.tags.pink{background:#d728fb}.tags.orange{background:#d0af38}.tags.lightpink{background:#f79920}.tags.skyblue{background:#c9f2ff}.hc-wraps{width:2480px;display:inline-block;margin:0 auto;animation:slide 45s linear infinite;transform:translateX(-240px)}.full-ss .detail{overflow:hidden;height:650px}.each-spl .full-ss .detail{height:700px}.two-ss .detail{height:230px;margin-bottom:60px;overflow:hidden}.each-ss:nth-child(even){padding-top:50px}.sa-block>ul>li{font-size:13px;text-transform:uppercase;font-family:var(--secondaryfont-semibold);padding:20px 50px 20px 30px;position:relative;letter-spacing:1px;position:relative;z-index:2;background:#141729;border-left:2px solid transparent;cursor:pointer;margin:2px}.sa-block>ul>li:hover,.sa-block>ul>li.active{background:#1e253d;border-left:2px solid #ffce25;color:#ffce25}.sa-block>ul>li:hover>span,.sa-block>ul>li:active>span{background:#554d33}.sa-block>ul{position:relative;z-index:2}.sa-block>ul>li>span{position:absolute;right:25px;top:0;bottom:0;margin:auto;background:#464d60;width:30px;height:30px;border-radius:100%;z-index:1;text-align:center;line-height:30px;font-size:13px}.sub-accordion{right:0;opacity:0;position:absolute;top:0;width:270px;background:#dcdee3;z-index:1;box-sizing:border-box;padding:20px 15px;transition:ease all .5s;height:100%;overflow:hidden;overflow-y:scroll}.sub-accordion.active{right:-270px;opacity:1}.sa-inner li{height:160px;overflow:hidden;margin-bottom:35px;border-radius:10px;box-shadow:0 0 12px 0 #0000000f;position:relative;z-index:2;transition:ease all 1s;cursor:pointer}.sa-inner li .use-this{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.4);transition:.5s ease}.sa-inner li:hover .use-this{opacity:1}.sa-inner li .use-this span{position:absolute;transition:.25s .5s ease;left:50%;top:50%;width:90px;cursor:pointer;height:32px;font-size:14px;line-height:32px;color:#fff;background:#f35343;text-align:center;margin:-16px 0 0 -45px;z-index:1}.sidebar-area:before{content:'';position:absolute;background:#141729;top:0;left:0;width:100%;height:100%;z-index:2}.view-area{height:100%;max-width:540px;margin:0 auto;padding-top:30px}.temp-link{text-align:right;display:none}.temp-link a{background:#2296f3;padding:10px 30px;box-sizing:border-box;color:#fff;border-radius:25px;font-size:14px;text-transform:uppercase;font-family:var(--zf-secondary-semibold)}.show-each-img{margin-top:30px}.show-each-img img{box-shadow:0 6px 30px #0000000f}.preview-img{transform:translateY(0);transition:ease all 1s}.preview-img.view{transform:translateY(30px)}.move-anim{transform:translateX(-170px)}.improve-section{padding:120px 0}.improve-section h2{text-align:center;max-width:600px;margin:0 auto;margin-bottom:25px}.box-wrap{display:flex;padding-top:40px}.box-wrap .box{width:33.33%;padding:50px 40px;margin:0 15px;border-radius:10px}.improve-section .content-wrap{max-width:1170px}.box-wrap .box.box1{background:#fbdfc2}.box-wrap .box.box2{background:#d1fcd6}.box-wrap .box.box3{background:#bbdefc}.box-wrap h3{font-size:22px}.box-wrap p{line-height:30px;font-size:16px}.box-wrap a{border-bottom:1px solid;color:#000;text-transform:uppercase;font-size:14px;font-family:var(--zf-secondary-semibold)}.bottom-cta-section{text-align:center;padding-bottom:100px}.bottom-cta-section h2{max-width:640px;margin:0 auto;margin-bottom:20px;line-height:1.4}#tab1 .sa-inner li:first-child .use-this{opacity:1}.middle-animated #tab1 .sa-inner li:first-child .use-this{opacity:0;transition:ease all 3s}.middle-animated #tab1 .sa-inner li:first-child:hover .use-this{opacity:1;transition:.5s ease}.modal,.hmwrap{display:none}@keyframes slideDown{0%{visibility:hidden;opacity:0;transform:translateY(20px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}@-webkit-keyframes slideDown{0%{visibility:hidden;opacity:0;-webkit-transform:translateY(20px)}100%{visibility:visible;opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{visibility:hidden;opacity:0;-moz-transform:translateY(20px)}100%{visibility:visible;opacity:1;-moz-transform:translateY(0)}}.split-ss{opacity:0}.bottom-animated .split-ss.split-ss1{animation:slideDown 1s ease-out .1s forwards}.bottom-animated .split-ss.split-ss2{animation:slideDown 1s ease-out .3s forwards}.bottom-animated .split-ss.split-ss3{animation:slideDown 1s ease-out .5s forwards}.bottom-animated .split-ss.split-ss4{animation:slideDown 1s ease-out .7s forwards}.bottom-animated .split-ss.split-ss5{animation:slideDown 1s ease-out .9s forwards}.bottom-animated .split-ss.split-ss6{animation:slideDown 1s ease-out 1.1s forwards}.bottom-animated .split-ss.split-ss7{animation:slideDown 1s ease-out 1.3s forwards}.bottom-animated .split-ss.split-ss8{animation:slideDown 1s ease-out 1.5s forwards}.bottom-animated .split-ss.split-ss9{animation:slideDown 1s ease-out 1.7s forwards}.bottom-animated .split-ss.split-ss10{animation:slideDown 1s ease-out 1.9s forwards}.bottom-animated .split-ss.split-ss11{animation:slideDown 1s ease-out 2.1s forwards}.bottom-animated .split-ss.split-ss12{animation:slideDown 1s ease-out 2.1s forwards}@media only screen and (max-width:1440px){.sidebar-area{max-width:260px;min-width:260px}.sub-accordion{width:230px}.sub-accordion.active{right:-230px}.sa-inner li{height:150px}.view-area{max-width:480px;padding-left:15%}}@media only screen and (max-width:1366px){.view-area{padding-left:15%}}@media only screen and (max-width:1279px){h1{font-size:52px}.each-ss{width:240px;margin:0 15px}.two-ss .detail{height:200px}.each-spl .full-ss .detail{height:600px}.header-section{padding:60px 0 30px 0}.dashboard-section{padding-top:0}.sidebar-area{max-width:230px;min-width:230px}.sub-accordion{width:200px}.sub-accordion.active{right:-200px}.sa-inner li{height:120px}.view-area{max-width:420px;padding-left:23%}}@media only screen and (max-width:991px){h1{font-size:40px;max-width:550px}h1+p{max-width:550px}.full-ss .detail{height:550px}.each-spl .full-ss .detail{height:600px}.view-block{opacity:0;display:none}.dashboard-block{display:inline-block}.sub-accordion.active{position:inherit;width:100%;display:block}.sub-tabs{float:left;width:69%;margin-left:10px;overflow:hidden;overflow-x:scroll;height:740px}.sa-block{width:220px;float:left;background:#2b2c35}.sidebar-area{max-width:100%;min-width:100%;background:0;display:flex}.sidebar-area:before{display:none}.sa-block>ul{padding-top:0}.sa-inner li{width:46%;float:left;margin:0 2%;margin-bottom:25px;height:150px}.sa-inner{display:inline-block;max-width:500px;margin:0 auto}.sa-block>ul>li{font-size:12px}.sub-accordion{position:inherit;display:none}.improve-section{padding:80px 0}.box-wrap .box{padding:25px 20px;margin:0 5px}.box-wrap p{font-size:14px;line-height:28px}.box-wrap h3{font-size:17px}.box-wrap a{font-size:14px}.bottom-cta-section h2{max-width:550px}.improve-section h2{max-width:490px}.dashboard-section .dashboard-head{max-width:540px;font-size:30px}.header-section{padding:60px 0 80px 0}.temp-link{margin-bottom:40px}.show-each-img{height:780px;overflow:hidden;overflow-y:scroll}.wrapper{width:90%;max-width:800px;margin:4em auto;text-align:center}.modal{display:block}.modal{position:fixed;z-index:10000;top:0;left:0;visibility:hidden;width:100%;height:100%;z-index:-1}.modal.is-visible{visibility:visible;z-index:999}.modal-overlay{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s}.modal.is-visible .modal-overlay{opacity:1;visibility:visible;transition-delay:0s}.modal-wrapper{position:absolute;z-index:9999;top:5%;left:50%;width:30em;margin-left:-15em;background-color:#fff;box-shadow:0 0 20px 0 hsl(0 0 0 / 10%);transform:translate(-50%,-50%);padding:30px;box-sizing:border-box}.modal-transition{//transition:all .3s .12s;-webkit-transform:translateY(0);transform:translateY(0);opacity:0}.modal.is-visible .modal-transition{opacity:1}.modal-header,.modal-content{padding:1em}.modal-header{position:relative;background-color:#fff;box-shadow:0 1px 2px hsla(0,0%,0%,0.06);border-bottom:1px solid #e8e8e8}.modal-close{position:absolute;width:30px;height:30px;background:url(//cdn.zoho.com.cn/sites/zweb/images/e-p-sprite.png) no-repeat 5px -10px;top:15px;right:20px;z-index:99}.modal-close:hover{color:#777}.modal-heading{font-size:1.125em;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modal-content>*:first-child{margin-top:0}.modal-content>*:last-child{margin-bottom:0}}@media only screen and (max-width:767px){h1{font-size:34px}h1 br{display:none}.dashboard-block{position:relative;top:7px}.main .ptmenu #mini-panel-product_menu .menu-icon-help-header .product-title a,.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a,.main-container-wrapper .ptmenu #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a{color:#fff}.header-screen{display:none}h1+p{max-width:550px;text-align:center}h1{max-width:480px;text-align:center;font-size:30px}.header-section{padding:50px 0 40px 0}.dashboard-section{margin-top:0}.dashboard-section .dashboard-head{margin-bottom:50px;font-size:26px;max-width:450px}.box-wrap{display:block;max-width:95%;margin:0 auto}.box-wrap .box{width:100%;box-sizing:border-box;margin:0;margin-bottom:30px;padding:40px}.bottom-cta-section{padding-bottom:70px}.improve-section{padding:60px 0}.box-wrap h3{font-size:20px}}@media only screen and (max-width:640px){.sidebar-area{display:block}.sa-block{position:fixed;top:40px;z-index:100;left:-220px;transition:ease all .5s}.sa-block.hm-active{left:0}.hmwrap{position:absolute;right:-32px;top:0;width:32px;height:32px;background:#03a9f5;z-index:100;box-shadow:0 0 12px 0 #0000000f;display:block}.sa-block>ul>li{padding:13px 50px 13px 20px}.sa-block>ul{padding-bottom:15px;padding-top:15px}.sa-block>ul>li>span{width:25px;height:25px;font-size:10px;line-height:25px}.hmwrap:after,.hmwrap:before{content:'';position:absolute;left:10px;width:12px;height:3px;background:#fff}.hmwrap:after{top:18px;transform:rotate(135deg);left:11px}.hmwrap:before{top:11px;transform:rotate(45deg)}.hm-close .hmwrap:after,.hm-close .hmwrap:before{content:'';position:absolute;left:10px;width:12px;height:3px;background:#fff}.hm-close .hmwrap:before{top:11px;transform:rotate(-45deg)}.hm-close .hmwrap:after{top:18px;transform:rotate(-135deg)}.sub-tabs{width:100%;margin:0;overflow:visible;height:auto}.dashboard-section .dashboard-head{padding:0 15px;font-size:24px}.sub-accordion{padding:35px 10px}.box-wrap{max-width:100%}.box-wrap .box{padding:30px}.dashboard-section .dashboard-head{margin-bottom:30px}.box-wrap{padding-top:10px}.temp-link a{font-size:12px}.sa-inner{display:block}}@media only screen and (max-width:480px){.modal-wrapper{width:90%;left:auto;right:0;margin:0 20px;top:10%}.show-each-img{height:450px}}@media only screen and (max-width:320px){.show-each-img{height:300px}}.i18n-ar .header-screen,.i18n-ar .header-screen *{direction:ltr;text-align:left}.i18n-ar .sa-block>ul>li>span{right:unset;left:25px}.i18n-ar .sa-block>ul>li:hover,.sa-block>ul>li.active{border-left:unset;border-right:2px solid #ffce25}.i18n-ar .sub-accordion.active{right:auto;opacity:1;left:-270px}@media only screen and (max-width:1440px){.i18n-ar .view-area{padding-left:0;padding-right:15%}}@media only screen and (max-width:1279px){.i18n-ar .sub-accordion.active{left:-200px}.i18n-ar .view-area{padding-left:0;padding-right:23%}}@media only screen and (max-width:767px){.i18n-ar .header-section *{text-align:center}}