body{font-family:var(--zf-primary-regular)}*{padding:0;margin:0;outline:0}.nots-cont{width:365px !important;float:right;text-align:left !important}.product-header-inner{max-width:1280px;margin:0 auto;overflow:hidden}.main{background-color:#fff;overflow:hidden}.video-wrap-one{overflow:hidden}.s-line{margin-top:15px}.banner-sec{position:relative;background:#141438;padding:20px 0;width:100%}.zheader,div#header{background:#141438}#mini-panel-product_menu .menu-icon-help-header .product-title a,#mini-panel-product_menu .product-nav-links .menu>li>a{color:#fff}.banner-inner{margin:0 auto;width:94%;text-align:center;color:#fff;max-width:760px;padding:60px 0 40px}.banner-inner h1{font-size:30px;font-family:var(--zf-primary-semibold);line-height:1.6;padding-top:20px;padding-bottom:20px !important}.banner-inner p{font-size:18px;font-family:var(--zf-primary-regular);line-height:1.5;padding:0 0 20px}.banner-inner a{display:inline-block;padding:12px 25px;text-decoration:none;background-color:#ed4a44;color:#fff;margin:20px 0 10px}.inner-sec{margin:0 auto;max-width:1280px;padding-bottom:50px;width:100%}.tapinner-sec{margin:0 auto;max-width:1120px;padding-bottom:60px;width:94%;text-align:center}.tapinner-sec ul{list-style:none;margin:0 auto;padding:50px 0 0;border-bottom:1px solid #ebebeb;position:relative;width:510px}.tapinner-sec li{position:relative;transition:ease-in-out .3s;font-size:16px;display:inline-block;padding:10px 0;color:#333;cursor:pointer;width:220px}.tapinner-sec li:first-child{margin-right:20px}.tapinner-sec p{padding:25px 0;line-height:1.6}.tapinner-sec a{display:inline-block;padding:12px 25px;text-decoration:none;background-color:#ed4a44;color:#fff;margin:0 0 10px}.video-sec{width:100%;background:#fbfbfb;box-sizing:border-box;transition:.7s ease all !important}.video-wrap-one,.video-wrap-two,.video-wrap-three,.video-wrap-four,.video-wrap-five{margin:0 auto;text-align:center;width:94%}.left-video{background:#fff;position:relative;transition:ease-in-out .5s;border:1px solid #e9e9e9;margin:0 20px 40px 20px;vertical-align:middle;text-align:left}.left-video:hover{transform:translateY(-6px);-webkit-box-shadow:0 3px 3px -1px rgba(0,0,0,0.3) -moz-box-shadow:0 3px 3px -1px rgba(0,0,0,0.3);box-shadow:0 3px 3px -1px rgba(0,0,0,0.3)}.left-video img{width:100%;cursor:pointer;position:relative}.left-video:hover .play-video{background:rgba(0,0,0,0.7)}.video-bot h3,.info-tip h3{font-size:22px;font-family:var(--zf-primary-semibold);line-height:1.3;padding-bottom:10px}.video-bot p,.info-tip p{color:#000;font-size:16px;font-family:var(--zf-primary-light);line-height:1.5}.info-tip:before{position:absolute;width:0;height:0;top:50%;left:-9px;box-sizing:border-box;border:10px solid #fff;border-color:transparent transparent #fff #fff;transform:rotate(45deg);box-shadow:-3px 3px 3px 0 rgba(0,0,0,0.22)}.info-tip .watch-video{text-decoration:none;display:inline-block;color:#00b0ff;padding-right:12px;text-align:left;font-size:14px;line-height:18px;cursor:pointer}.info-tip .watch-video:after{content:"";position:absolute;width:0;height:0;right:0;top:4px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #00b0ff}.info-tip .note{font-size:14px;font-family:var(--zf-primary-regular);padding-top:10px;line-height:1.5}.tapinner-sec li.activeright:after{content:'';position:absolute;height:2px;background-color:#03a9f5;right:0;bottom:-1px;width:100%;-webkit-animation:underLine_right .5s ease;animation:underLine_right .5s ease;overflow:hidden}.tapinner-sec li.active{font-family:var(--zf-primary-semibold)}span.active-move{position:absolute;top:87px;left:0;width:43%;height:2px;background:#03a9f5;transition:ease-in-out .3s}.detail-pop{background:#fbfbfb;transition:ease-in-out .5s;width:33.3%;float:left}.video-bot div{font-size:14px;padding-bottom:10px}.video-bot span{background-image:url(//www.zoho.com.cn/sites/zweb/images/crm/help/timer.svgtimer.svg);width:14px;height:14px;background-position:0 0;display:inline-block;vertical-align:middle;background-repeat:no-repeat;margin-bottom:1px}.info-tip{background-color:#fff;padding:22px 30px 30px 30px;position:relative}.info-tip ul{padding:10px 0 15px 20px;font-family:var(--zf-primary-light);line-height:1.5;list-style:disc}.info-tip li{padding-left:5px}.overlay{position:relative;width:100%}.overlay:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#fafafa}.udemy-link{position:absolute;height:0;overflow:hidden;margin:0 auto}.udemy-link iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}.video-icon{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-60px 0 0 -50px;border:2px solid #fff;border-radius:100%;background:rgba(0,0,0,0.4)}.video-icon:before{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -5px;border-bottom:10px solid transparent;border-left:15px solid #fff;border-top:10px solid transparent}.footer-section{background:#f5f5f5;text-align:center}.footer-section span{font-size:11px;font-family:var(--zf-primary-light),Arial,Gotham,Helvetica Neue,Helvetica,sans-serif;padding:20px 0;display:inline-block;border-top:1px solid #f5f5f5}.alter-con{display:none}.video-popup{width:100%;height:100%;background:rgba(0,0,0,0.5);box-sizing:border-box}.page-freeze{position:fixed;z-index:100;width:100%;background:rgba(255,255,255,0.9);left:0;top:0;display:none;overflow:hidden !important}.popup-close{cursor:pointer;height:24px;position:absolute;right:24px;top:48px;display:inline-block;width:24px;background-position:20px;background-position:0 0;background-image:url(//www.zoho.com.cn/sites/zweb/images/crm/help/video-close.svg)}#ifrmv{display:block;height:100%;margin:0 auto;position:relative;width:100%}.video-sml-pop{cursor:pointer;width:200px;height:120px;background:blue}.pop-only-alter{display:block;margin:10px}.left-video div{position:relative}.left-video .play-video{position:absolute;cursor:pointer;left:50%;top:50%;width:50px;height:50px;margin:-31px 0 0 -27px;border:2px solid #fff;border-radius:100%;background:rgba(0,0,0,0.4);transform:scale(1);transition:all ease-in-out .5s}.left-video .play-video:before{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -4px;border-bottom:10px solid transparent;border-left:13px solid #fff;border-top:10px solid transparent}.inst-note{width:100%;font-size:12px;padding:10px 0 15px;color:#999;background-color:#fbfbfb;line-height:20px}.inst-note a{text-decoration:none;color:#00b0ff;border-bottom:1px solid rgba(0,176,255,0.45)}.inst-note div{margin:0 auto;width:90%;text-align:right;margin-right:20px}.inst-note p{margin:0 auto;width:90%;color:#999;text-align:right}.lst_container{position:fixed;bottom:0;right:0;opacity:0;background:rgba(0,0,0,0.8);transition:all ease-in-out .4s;z-index:102;width:260px;overflow:hidden}.lst_container.active{opacity:1}.lst_container.p_slide{bottom:0 !important}.lst_hidden{display:none}.p_close{position:absolute;padding:2px 3px 1px;border:1px solid #777;font-family:var(--zf-primary-light);color:#777;line-height:11px;top:11px;right:10px}.p_header{position:relative;padding:7px 20px;background-color:#fff;cursor:pointer}.p_header h5{font-size:18px;line-height:24px;color:#333}.play_lst ul{list-style-type:none;border:1px solid #666;overflow:auto;display:table;transition:all ease .7s}.play_lst:after{content:"";display:block;clear:both}.play_lst li{list-style-type:none;width:260px;display:block;float:left;border-bottom:1px solid rgba(255,255,255,0.2);transition:all ease .7s;cursor:pointer}.play_lst .r_sec{padding:9px 20px;font-size:15px;line-height:18px;color:#fff}.play_lst .r_sec:hover{color:#00b0ff}@media only screen and (max-width:1270px){.detail-pop{width:50%}.video-wrap-one,.video-wrap-two,.video-wrap-three,.video-wrap-four,.video-wrap-five{width:84%}.info-tip ul{padding:10px 0 10px 20px}.left-video{min-height:590px}.lst_container{display:none}}@media only screen and (max-width:1100px){.info-tip ul{font-size:14px}.info-tip h3{font-size:18px;line-height:1.4}.info-tip p{font-size:14px}.info-tip .note{line-height:1.4}.left-video{min-height:520px}.info-tip{padding:22px 30px 25px 30px}}@media only screen and (max-width:960px){.video-wrap-one,.video-wrap-two,.video-wrap-three,.video-wrap-four,.video-wrap-five{width:90%}}@media only screen and (max-width:900px){.product-header-inner .product-menu{display:none}.udemy-link{width:100%;height:100%}.left-video .play-video{display:block}.info-tip .watch-video{margin-top:10px}.info-tip ul{display:none}.info-tip p{font-size:15px}.info-tip a{padding:12px 40px}.video-bot h3,.info-tip h3{font-size:18px;line-height:1.4}.tapinner-sec ul{text-align:center;border:0;display:inline-block;width:auto}.tapinner-sec li{border:1px solid #03a9f5;padding:10px 15px;margin-right:0;float:left}.tapinner-sec li:first-child{margin-right:0}span.active-move{display:none}.tapinner-sec li.active{background-color:#03a9f5;color:#fff}.tapinner-sec li.activeright:after{position:inherit;height:auto;background-color:#03a9f5;right:0;bottom:0;width:100%;-webkit-animation:underLine_right .5s ease;animation:underLine_right .5s ease;overflow:hidden}.tapinner-sec{text-align:center}.left-video{min-height:450px}.left-video .play-video{transform:scale(1)}.alter-con{display:block}.info-tip p:not(.alter-con){display:none}}@media only screen and (max-width:768px){.left-video{width:75%;margin:0 auto 20px;min-height:auto}.left-video:hover{transform:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.left-video .play-video:before{margin:-10px 0 0 -6px;border-bottom:10px solid transparent;border-left:14px solid #fff;border-top:10px solid transparent}.info-tip p,.info-tip ul,.info-tip .watch-video{display:none}.info-tip{padding:10px 25px}.detail-pop{width:100%;margin:0 auto;float:none}.inst-note div,.inst-note p{margin:0 auto;width:90%;text-align:right}.inst-note{font-size:13px}.tapinner-sec ul{width:400px !important}.tapinner-sec li{float:left;min-height:50px}}@media only screen and (max-width:540px){.tapinner-sec li{float:none}.info-tip h3{padding-bottom:0;font-size:16px}}@media only screen and (max-width:420px){.left-video{min-height:auto}}