@charset "utf-8";
/* CSS Document */


		.z-row {
			padding: 100px 0;
		}
		/* .z-small-content-wrap,
		.z-content-wrap,
		.z-large-content-wrap {
			width: 85%;
		} */

		.product-header {
			background: #fff none repeat scroll 0 0 !important;
		}

		.page-content, .main p {
			font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
			font-size: 18px;
			line-height: 1.6;
			color: #000;
		}

		.main p {
			max-width: 600px;
			margin: 0 auto;
			font-size: 20px;
		}

		h1,
		h2 {
			font-size: 40px;
			line-height: 1;
			margin-bottom: 20px;
			color: #000;
			font-weight: 400;
			font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
		}

		h2 {
			font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
			font-size: 40px;
			line-height: 1.2;
		}

		.z-section {
			color: #000;
		}

		.z-section h1,
		.z-section h2,
		.z-section p {
			color: inherit;
		}

		.z-image-wrap {
			position: relative;
		}

		#banner-section {
			text-align: center;
			position: relative;
		}

		#banner-section h1 {
			font-size: 40px;
			font-weight: 400;
			margin: 0 auto 20px;
			max-width: 720px;
			line-height: 1.2;
		}

		#banner-section p {
			max-width: 640px;
			margin: 0 auto 0px;
		}


		.download-apps {
			margin-bottom: 15px;
		}

		

		.mshow {
			display: none;
		}

		.mhide {
			display: block;
		}

		.z-three-col .z-column-block:nth-child(3n) {
			margin-right: 5%;
		}

		.z-three-col .z-column-block:last-child {
			margin-right: 0;
		}

		.seefor-yourself {
			position: absolute;
			bottom: 0;
			left: 40%;
			color: #00add5;
			cursor: pointer;
			opacity: 0;
			display: none;
		}

		.seefor-yourself:hover {
			border-bottom: 1px solid #00add5;
		}

		.z-two-col .z-content-wrap .inner-wrap {
			width: 65%;
			margin: 0 auto;
		}

		#bottom-section .z-row {
			padding: 0 0 50px;
		}

		/* .watch-icon {
			padding-left: 28px;
			text-decoration: none;
			vertical-align: middle;
			display: inline-block;
			margin: 0 auto;
			position: relative;
			color: #333;
			margin-right: 25px;
			font-size: 20px;
		} */

		.watch-icon:after {
			border: 3px solid #fff;
			border-radius: 100%;
			content: "";
			display: inline-block;
			height: 80px;
			bottom: 0;
			left: -34px;
			position: absolute;
			top: 0;
			width: 80px;
			right: 0;
			margin: auto;
		}

		.watch-icon:before {
			border-color: transparent transparent transparent #fff;
			border-style: solid none solid solid;
			border-width: 15px 0 12px 21px;
			content: "";
			display: inline-block;
			height: 0;
			left: 0;
			position: absolute;
			top: -7px;
			width: 0;
		}

		.zbanner-video {
			position: relative;
			display: block;
			margin: 60px auto 0px auto;
			max-width: 650px;
			width: 100%;
			-webkit-box-shadow: 5px 6px 37px #d6d6d6;
			-moz-box-shadow: 5px 6px 37px #d6d6d6;
			box-shadow: 5px 6px 37px #d6d6d6;
		}

		.zbanner-video a {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 15px;
			display: inline-block;
			height: 15px;
		}

		.popup-controller.watch-icon>span {
			display: inline-block;
			padding-top: 3px;
		}

		.zcustom-icon {
			background: url('../images/ext.png')no-repeat 0px 0px;
			width: 31px;
			height: 30px;
			position: absolute;
			top: 7px;
			left: 12px;
			z-index: 99;
		}


		.zcustom-icon.safari {
			background-position: 0 0;
			width: 25px;
			height: 25px;
		}

		.zcustom-icon.chrome {
			background-position: -25px 0;
			width: 25px;
			height: 25px;
		}

		.zwebicon {
			position: relative;
			display: inline-block;
		}
		/****** Popup Video ******/

		.z-pouup-wrap,
		.z-popup-overlay {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			position: fixed;
			outline: 0!important;
			-webkit-backface-visibility: hidden;
			z-index: 101;
		}

		.z-pouup-wrap {
			display: none;
		}

		.z-pouup-wrap-inner {
			display: none;
			text-align: center;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			padding: 0;
			overflow: auto;
			z-index: 102;
		}

		.z-pouup-wrap-inner:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			margin-left: -5px;
		}

		.z-popup-content-inner .popup-data {
			display: block;
		}

		.z-popup-overlay {
			background: #fff no-repeat center center;
			background: rgba(255, 255, 255, 0.95) url(/crm/images/popup-preloader.gif)no-repeat center center;
			cursor: pointer;
			display: none;
		}

		.z-popup-content-wrap {
			position: relative;
			display: inline-block;
			vertical-align: middle;
			margin: 0 auto;
			text-align: left;
			width: 100%;
		}

		.z-popup-content {
			margin: 20px auto;
			max-width: 800px;
			background: #fff;
			z-index: 6;
			position: relative;
			text-align: initial;
			width: 90%;
			transition: height 0.5s ease;
		}

		.z-video-wrap .z-popup-content {
			padding: 0px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			max-width: 70%;
		}

		.popup-data {
			display: none;
		}

		.popup-data-inner {
			padding: 30px;
		}

		.z-popup-close {
			display: block;
			position: fixed;
			top: 20px;
			right: 20px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			font-style: normal;
			font-size: 28px;
			font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
			text-align: center;
			color: #000;
			text-decoration: none;
			z-index: 2;
			background: url('https://www.zoho.com/creator/images/e-p-sprite.png') no-repeat 10px -6px;
			text-indent: -1000;
			overflow: hidden;
			z-index: 1001;
		}

		.popup-data {
			display: none;
		}

		.video-plugin-links {
			margin-top: 25px;
		}

		.add-to-chrome {

			background: #000 none repeat scroll 0 0;
			color: #fff;
			display: inline-block;
			font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding: 10px 16px 10px 42px;
			
			position: relative;
		}

		.add-to-chrome span {
			font-size: 18px;
			left: 26px;
			position: absolute;
			top: 4px;
		}

		.add-to-chrome:hover {
			background: #333;
		}

		.zdesc {
			width: 100%;
			text-align: center;
		}

		.zimage {
			width: 100%;
			text-align: center;
		}

		.zimage img {
			max-width: 900px;
			-webkit-box-shadow: 5px 6px 37px #eaeaea;
			-moz-box-shadow: 5px 6px 37px #eaeaea;
			box-shadow: 5px 6px 37px #eaeaea;
			margin-top: 25px;
			width: 100%;
		}

		@-webkit-keyframes slideInUp {
			from {
				-webkit-transform: translate3d(0, 75px, 0);
				transform: translate3d(0, 75px, 0);
				visibility: visible;
				opacity: 0
			}
			100% {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				opacity: 1;
			}
		}

		@keyframes slideInUp {
			from {
				-webkit-transform: translate3d(0, 75px, 0);
				transform: translate3d(0, 75px, 0);
				visibility: visible;
				opacity: 0;
			}
			100% {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				opacity: 1;
			}
		}



		.product-menu-sub li {
			width: 130px;
			right: 20px;
		}

		.product-menu-sub li a {
			background: #f3f3f3;
			border: 1px solid transparent;
		}

		.product-menu-sub li a:hover {
			background: #fff;
			border: 1px solid #f3f3f3;
			border-bottom: transparent;
		}

		.product-menu-sub li:nth-child(2) a:hover {
			border: 1px solid #f3f3f3;
			border-top: 0;
		}

		.product-header-top .product-menu-sub-container::after,
		.product-header-top .product-menu-sub-container::before {
			top: 26px;
		}

		@media only screen and (max-width: 992px) {
			.z-three-col .z-column-block {
				margin-right: 0 !important;
				width: 100%;
			}
			#banner-section .z-row,


			h1 {
				font-size: 30px;
				line-height: 1.1;
				margin-bottom: 10px;
			}
			h2 {
				font-size: 28px;
			}
			.z-column-block p:last-child {
				margin-bottom: 0px;
			}
			.download-apps a {
				margin: 3px;
			}
			.mshow {
				display: block;
				text-align: left;
			}
			.mhide {
				display: none;
			}
			#banner-section h1 {
				font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
				font-size: 30px;
				font-weight: 600;
			}
			.z-two-col .z-content-wrap .inner-wrap {
				width: 100%;
			}
			.z-two-col .z-column-block {
				width: 44%;
				margin-right: 6%;
			}
			.add-to-chrome span {
				top: 8px;
			}
			.zcustom-icon {
				top: 10px;
			}
		}

		@media only screen and (max-width: 767px) {
			.z-image-wrap.z-align-center>img {
				max-width: 160px;
			}
			/*p {
				font-size: 16px;
			}*/
			.z-row,
			#home .z-row {
				padding: 50px 0;
			}
			.zcustom-icon {
				top: 7px;
			}
		}

		@media only screen and (max-width: 600px) {
			.z-two-col .z-column-block {
				width: 100%;
				margin-right: 0;
			}
			.z-two-col img {
				max-width: 250px;
			}
		}

		@media only screen and (max-width: 480px) {

			.watch-icon:after {
				border: 2px solid #fff;
				height: 50px;
				width: 50px;
				left: -22px;
			}

			.watch-icon:before {
				border-width: 9px 0 8px 14px;
				top: -1px;
			}

			.zbanner-video {
				margin: 40px auto 0px auto;
			}
			#banner-section h1 {
				max-width: 300px;
			}
		}

		@media only screen and (max-width: 420px) {
			#banner-section h1 {
				max-width: 260px;
			}
		}

		@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min--moz-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 240dpi) {
			.zcustom-icon {
				background: url(../images/ext@2x.png) no-repeat 0px 0px;
				background-size: 78px auto;
			}
		}