*{
	font-family: "微软雅黑";
}


.wechat{
	background-color: #0458b8;
	z-index: 50;
	display: block;
	width: 170px;
	height: 60px;
	position: fixed;
	bottom: 200px;
	right: -110px;
	cursor: pointer;
	opacity: .8
}
.wechat img{
	margin-left: -4px;
	margin-right: 4px;
	float: left;
	height: 60px;
}
.wechat span{
	display: inline-block;
	height: 100%;
	line-height: 30px;
	color:#fff;
	float: left;
	font-size: 14px;
}

.tel{
	background-color: #0458b8;
	z-index: 50;
	display: block;
	width: 170px;
	height: 60px;
	position: fixed;
	bottom: 280px;
	right: -110px;
	cursor: pointer;
	opacity: .8
}
.tel img{
	margin-left: -4px;
	margin-right: 4px;
	float: left;
	height: 60px;
}
.tel span{
	display: inline-block;
	height: 100%;
	line-height: 30px;
	color:#fff;
	float: left;
	font-size: 14px;
}

.signupNow{
	width: 100%;
	position: fixed;
	bottom: 0px;
	/*left:-50px;*/
	height: 60px;
	text-align:center;
	z-index: 99999;
	background: #c60000;
}
.signupNow span{
	font-size: 22px;
	height: 60px;
	
	display: inline-block;
	color: #fff;
	padding: 15px 120px;
}
.signupNow span:first-letter{
}
.signupNow a{
	text-decoration: none;
	font-size: 20px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 226px;
	background-color: #ffe600;
	color: #000;
	border-radius: 25px;
}
.signupNow a:hover{
	background-color: #fff;
	color: red;
}

.container-fluid{
	margin:0;
	padding: 0;
}
.row{
	margin-left: 0;
	margin-right: 0;
	overflow-x: hidden;
	overflow-y:hidden;
}
.section-01{
	position: relative;
	color: #fff;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background-color: #4661b9;
    min-height: 800px;
    background: url(../images/salesforce-banner-bg.png) left top no-repeat;
}
.section-01 .banner-img{
	width: auto;
	height: auto;
	max-width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	/*position: absolute;
	bottom: 0;*/
	/*width: 70%;
	left: 11%;*/
}
.section-01 .left{
	position: relative;
	z-index: 9999;
	padding-top: 40px;
	padding-left: 12%;

}
.section-01 .left .globalUsers{
	width: 200px;
	height: 60px;
	line-height: 56px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	font-size: 22px;
}
.section-01 .left .logo img{
	height: 40px;
	vertical-align: top;
}
.section-01 .left .logo span{
	display: inline-block;
	height: 40px;
	font-size: 30px;
	margin-left: 10px;
	line-height: 48px;
	color:#fff;
	margin-bottom: 110px;
}
.section-01 .left p{
	font-size: 30px;
	color: #fff;
	padding-bottom: 10px;
}
.section-01 .left p.first{
	padding-top: 40px;
}

.section-01 .left .rewards{
	width: 112%;
	position: absolute;
	top:124%;
	/*left: 28%;*/
	background-color: #fff;
	color: #000;
	box-shadow: 10px 10px 10px #f2f2f2;
	border-radius: 10px;
}
.section-01 .left .rewards ul{
	position: relative;
	overflow: hidden;
	margin:0;
	padding: 0;
	margin-left: 4%;
}
.section-01 .left .rewards ul li{
	position: relative;
	list-style: none;
	float: left;
	text-align: center;
	padding: 1% 2%;
}
.section-01 .left .rewards li:first-child{
	margin-left: 2%;
}
.section-01 .left .rewards li img{
	width: 50%;
	display: inline-block;
	margin-bottom: 12px;
}
.section-01 .left .rewards li span{
	display: block;
	font-size: 14px;

}
.section-01 .right{
	position: relative;
	z-index: 998;
	padding-top: 100px;
}
.section-01 .right .signup-box{	
	width: 60%;
}
.section-01 .silkBelt{
	position: relative;
	z-index: 2;
	text-align: center;	
}
.section-01 .silkBelt img{

}
.section-01 .rotateBlock{
	z-index: 1;
	position: absolute;
	top:34%;
	left: -2%;
	width: 150%;
	height: 300%;
	/*transform: rotate(-4deg);*/
	background-color: #fff;	
}
.why-choose-zoho{
	position: relative;
	z-index: 3;
	width: 76%;
	height: 1154px;
	margin:0 auto;
	color:#000;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 60px;
}
.why-choose-zoho p{
	text-align: center;
	font-size: 30px;
	color: #000;
}
.why-choose-zoho .comparisonDetails{
	position: relative;
	height: 1300px;
}
.why-choose-zoho .comparisonDetails span:nth-child(odd){
	text-align: left;
}
.why-choose-zoho .comparisonDetails span:nth-child(even){
	text-align: left;
}
.why-choose-zoho .comparisonDetails{
	position: relative;
	text-align: center;
}
.why-choose-zoho .comparisonDetails img{
	width: 60%;
	position: absolute;
	left: 20%;
	top: 50px;
}
.why-choose-zoho .comparisonDetails span{
	position: absolute;
	display: inline-block;
	width: 30%;
	/*padding-top: 4%*/
}
.why-choose-zoho .comparisonDetails .details01{
	top: 12.4%;
	left: 14%;
}
.why-choose-zoho .comparisonDetails .details02{
	top: 12.4%;
	left: 58%;
}
.why-choose-zoho .comparisonDetails .details03{
	top: 24%;
	left: 14%;
}
.why-choose-zoho .comparisonDetails .details04{
	top: 24%;
	left: 58%;
}
.why-choose-zoho .comparisonDetails .details05{
	top: 32.5%;
	left: 14%;
}
.why-choose-zoho .comparisonDetails .details06{
	top: 32.5%;
	left: 58%;
}
.why-choose-zoho .comparisonDetails .details07{
	top: 43.4%;
	left: 14%;
}
.why-choose-zoho .comparisonDetails .details08{
	top: 43.4%;
	left: 58%;
}
.why-choose-zoho .comparisonDetails .details09{
	top: 54.4%;
	left: 14%;
}
.why-choose-zoho .comparisonDetails .details10{
	top: 54.4%;
	left: 58%;
}


.btn-mid-area{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.signup-mid-btn{
	display:inline-block;
	font-size:18px;
   width:230px;
   line-height:55px;
   background:#ff4a4a;
   color:#fff;
   text-align:center;
  border-radius: 10px;
  margin-right:20px;
}
.contact-mid-btn{
	display:inline-block;
   font-size:18px;
   width:230px;
   line-height:55px;
   background:#fff;
   border: 1px solid #4ab4ff;
    border-radius: 10px;
   text-align:center;
}
.signup-mid-bottom-btn{
	display:inline-block;
	font-size:18px;
   width:230px;
   line-height:55px;
   background:#ff4a4a;
   color:#fff;
   text-align:center;
  border-radius: 10px;
  margin-right:20px;
}
.section-02{
	margin:0 auto;
	margin-top: 6%;
	min-height: 680px;
	background: url(../images/section2-bgi.png) top center no-repeat;
}
.section-02 p{
	padding-top: 4%;
	color: #fff;
	text-align: center;
	font-size: 30px;
}
.section-02 ul{
	padding: 8% 0;
	width: 91%;
	/*padding-top: 2%!important;*/
	margin:0 auto;
}
.section-02 ul li{
	position: relative;
	width: 27%;
	height: 236px;
	padding: 2%;
	margin:0 3%;
	text-align: center;
	border:1px solid #ccc;
	border-radius: 10px;
	display: inline-block;
}
.section-02 ul li img{
	position: absolute;
	left: 6%;
	top: -23%;
}
.section-02 ul li p{
	color:#ffec49;
}
.section-02 ul li:nth-child(4){
	margin-top: 6%;
}
.section-02 ul li:nth-child(5){
	margin-top: 6%;
}
.section-02 ul li:nth-child(6){
	margin-top: 6%;
}
.section-02 ul li>img{
	width: 22%;
}
.section-02 ul li>p{
	text-align: left;
	padding-top: 8%;
	padding-bottom: 6%;
	font-size: 20px;
	font-weight: 600;
}
.section-02 ul li>span{
	font-size: 16px;
	color: #fff;
	text-align: left;
	float: left;
}

.section-03{
	position: relative;
	width: 100%;
	min-height: 598px;
	margin-left: 0!important;
	margin-right: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
}
.section-03 > div{
	padding-left: 0!important;
	padding-right: 0!important;
}
.section-03 p{
	text-align: center;
	font-size: 30px;
	padding: 6% 0;
}
.section-03 > div > ul{
	width: 80%;
	margin: 0 auto;
}
.section-03 > div > ul > li{
	float: left;
	display: inline-block;
	width: 30%;
	height: 260px;
	padding: 4%;
	margin-left: 2%;
	box-shadow: 0px 0px 10px #efecec;
	background-color: #fff;
}
.section-03 > div > ul > li > div{
	width: 120px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #fff;
	margin-top: -112px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 0px 18px #a89c9c;
}
.section-03 > div > ul > li > div > img{
	margin-top: 42%;
	width: 76%;
	vertical-align: middle;
}
.section-03 > div > ul > li >p{
	font-size: 16px;
	font-weight: 600;
	color: #4661b9;
}

.section-03 > div > ul > li >span:nth-child(2){
	font-size: 14px;
	line-height: 24px;
}

.section-04 {
	text-align: center;
	padding-bottom: 40px;
}
.section-04 p{
	font-size: 30px;
	text-align: center;
	padding: 40px 0;
}
.section-04 img{
	width: 80%;
}

.section-05 {
	background-color: #20394a;
	text-align: center;
	padding-bottom: 40px;
}
.section-05 .section-05-bgi{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
}
.section-05 p{
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 40px 0;
}
.section-05 img{
	position: relative;
	width: 80%;
	z-index: 2;
}


.section-07{
	padding: 6px 0 58px 0;
	text-align: center;
}
.section-07 span{
	font-size: 14px;
	text-align: left;
}




@media screen and (max-width: 768px){
	.signupNow, .tel{
		display: none;
	}
	.free{
		margin-left: 10%;
	}
	.btn-mid-area{
       display:none;
    }
	/* SalesIQ hint message hide */
	.zsiq_theme1 div.zsiq_cnt{
		display: none;
	}
	.section-01{
		height: 1300px;
		background:none;
		background-color: #123d50;
		margin: 0 auto;
	}
	.section-01 .left{
		padding: 40px 12% 0 12%;
	}
	.section-01 .logo{
		height: 60px;
	}
	.section-01 .left .rewards{
		position: relative;
		width: 100%;
		left: 0%;
		margin:0 auto;
		box-shadow: none;
		margin-top: 10%;
	}
	.section-01 .left .rewards li{
		width: 27%;
	}
	.section-01 .left .rewards li:last-child{
		
	}
	.section-01 .left p{
		font-size: 20px;
	}
	.section-01 .right .signup-box{
		width: 80%;
		margin: 0 auto;
	}
	.section-01 .rotateBlock{
		display: none;
	}
	.why-choose-zoho{
		width: 100%;
		margin-top: -187%;
	}
	.why-choose-zoho .comparisonDetails img{
		width: 95%;
		left: 3%;
		top: 2%;
	}
	.why-choose-zoho .comparisonDetails span{
		width: 35%;
		font-size: 10px;
	}
	.why-choose-zoho .comparisonDetails span:nth-child(odd){
		left: 65%;
	}
	.why-choose-zoho .comparisonDetails span:nth-child(even){
		left: 4%;
	}
	.why-choose-zoho .comparisonDetails .details01{
		top: 5%;
	}
	.why-choose-zoho .comparisonDetails .details02{
		top: 5%
	}
	.why-choose-zoho .comparisonDetails .details03{
		top: 13%;
	}
	.why-choose-zoho .comparisonDetails .details04{
		top: 13%;
	}
	.why-choose-zoho .comparisonDetails .details05{
		top: 21.5%;
	}
	.why-choose-zoho .comparisonDetails .details06{
		top: 21.5%;
	}
	.why-choose-zoho .comparisonDetails .details07{
		top: 28.4%;
	}
	.why-choose-zoho .comparisonDetails .details08{
		top: 28.4%;
	}
	.why-choose-zoho .comparisonDetails .details09{
		top: 36.4%;
	}
	.why-choose-zoho .comparisonDetails .details10{
		top: 36.4%;
	}
	.why-choose-zoho .comparisonDetails .details11{
		top: 43.4%;
	}
	.why-choose-zoho .comparisonDetails .details12{
		top: 43.4%;
	}

	.section-02{
		margin-top: 0;
		padding-bottom: 6%;
		background-repeat: repeat;
	}
	.section-02 ul{
		margin-top: 40px;
		width: 100%;
	}
	.section-02 ul li{
		width: 90%;
		height: 228px;
		margin-bottom: 80px;
	}

	.section-03{
		height: 1350px!important;
	}
	.section-03 p{
		margin-bottom: 60px;
	}
	.section-03 > div > ul > li{
		width: 100%;
		margin-left: -14%;
	}
	.section-03 > div > ul > li > div{
		width: 43%;
	}


	.section-04 img, .section-05 img{
		width: 100%;
	}

	.section-03{
		height: 1000px;
	}
	.section-03 .colorBlock-top{
		height: 500px;
	}
	.section-03 .colorBlock-top p{
		padding-left: 40px;
		padding-right: 40px;
	}
	.section-03 .colorBlock-bottom{
		height: 500px;
	}
	.section-03 > div > ul > li > div{
		height: 42%;
		margin-left: 13%;
		margin-top: -65px;
	}
	.section-03 > div > ul > li:nth-child(2){
		margin-top: 35%;
	}
	.section-03 > div > ul > li:nth-child(3){
		margin-top: 35%;
	}
	
}
#block-system-main{margin-top: 0;}
#header{margin-top: -1px;}
.product-title p{font-size: 26px;}
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header{padding: 50px 0 0 40px;}
.zp-home-left p.ttl,.zp-home-left p:nth-child(2){color: #fff;font-size: 30px;padding-bottom: 30px;}
.zp-home-banner-wrap>.content-wrap>div.zp-home-left{padding: 90px 0 0 42px;}
.zp-home-left h1{font-size: 16px;padding-bottom: 40px;}
.globalUsers{width: 200px;height: 60px;line-height: 56px; border-top: 2px solid #fff;border-bottom: 2px solid #fff;font-size: 22px;color: #fff;}
.zp-home-left .banner-awards .banner-awards-list p{font-size: 15px;}
.zp-home-left .banner-awards{margin: 40px 0 20px 0;}
.signup-box{height: auto;}
.signup-box h5{padding-bottom: 20px;font-size: 19px;}
.why-choose-zoho{height: 1000px; overflow: hidden;}
.why-choose-zoho .comparisonDetails{height: 1260px;}
.why-choose-zoho .comparisonDetails span{font-size: 16px;}
.btn-mid-area01{width: 410px;height: 55px; margin: 0 auto 60px;}
.btn-mid-area{margin-bottom: 40px;}
.signup-mid-btn01 {font-size: 18px; width: 420px; line-height: 55px; background: #ff4a4a; color: #fff; text-align: center; float: left; border-radius: 10px; margin-right: 20px;}
.footer-wrapper{padding-top: 22px;}
.btn-mid-area02{width: 500px;}
.section-03 p{margin-bottom: 50px;}
.signup-box input[type='text'],.signup-box input[type='password']{background: none;border: 1px solid #ffffff;color: #fff;}
.signup-box #countryCodeDiv{background: none; color: #fff;}
.signup-box #countryCodeDiv:before{border-top: 8px solid #fff;}
input::-webkit-input-placeholder { color: #fff;}
input:-moz-placeholder { color: #fff; }
input::-moz-placeholder { color: #fff; }
input:-ms-input-placeholder {  color: #fff;}
input::-ms-input-placeholder {  color: #fff;}
.cn-tips-new-email,.cn-tips-new-password{
    display: none!important;
}