#block-system-main .content-wrap h1.field-resources-list-heading, #block-system-main h1.page-heading {
	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
}
#block-system-main {
	margin: 60px 0;
}
#block-system-main .content-wrap {
	overflow: hidden;
}
#block-system-main .content-wrap h1.field-resources-list-heading {
	text-align: center;
	font-size: 30px;
}
#block-system-main h1.page-heading {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#block-system-main p.page-caption {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#resources {
	position: relative;
	margin: 0;
}
#resources .tab-search .content-wrap {
	margin: 20px auto
}
.tab-search {
	width: 100%
}
.tab-search .srchbtn {
	display: none
}
.tab-search .src-input {
	width: 100%;
	box-sizing: border-box;
	background: url("https://www.zoho.com/creator/images/search-icon.png") no-repeat scroll 15px 10px / 24px 24px rgba(0,0,0,0);
	border: 1px solid #ccc;
	box-sizing: border-box;
	line-height: 24px;
	padding: 10px 20px 10px 50px;
	width: 100%;
}
#resources .content-wrap {
	max-width: 980px;
	width: 90%;
}
#resources > .content-wrap {
	margin: 0 auto;
}
#resources ul {
	overflow: hidden;
}
#resources li {
	display: inline-block;
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
}
#resources li:nth-child(n+3) {
	border-top: 1px dashed #E2E2E2;
}
#resources li:nth-child(2n+2) {
	margin: 0 0 0 5%;
}
#resources li > div {
	position: relative;
	padding: 40px 0 20px 60px;
}
#resources li > div span {
	position: absolute;
	left: 0;
	top: 40px;
	display: block;
	height: 50px;
	margin: 0 0 10px;
	width: 50px;
	opacity: 0.75;
}
#resources li > div h4, #resources li > div h4 a {
	color: #00add5;
	letter-spacing: -0.3px;
	font-size: 20px;
}
#resources li > div p {
	display: inline;
}
#resources li > div > a, #resources li > div p a {
	color: #00add5;
	font-size: 14px;
	white-space: nowrap;
	display: inline-block;
}
#resources li > div .learnmore-links a {
	position: relative;
	padding: 0 7px;
	display: inline-block;
	font-size: 14px;
}
#resources li > div .learnmore-links a:last-child {
	padding-right: 0;
}
#resources li > div .learnmore-links a:hover {
	text-decoration: underline;
}
#resources li > div .learnmore-links a:visited {
	color: #00add5;
}
#resources li > div .learnmore-links a:first-child {
	padding: 0 10px 0 0;
}
#resources li > div .learnmore-links a:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 70%;
	background: #ddd;
	right: 0;
	top: 15%;
}
#resources li > div .learnmore-links a:last-child:after {
	display: none;
}

@media only screen and (min-width:768px) and (max-width:991px) {
.content-wrap h1 {
	font-size: 26px;
}
#resources li > div {
	min-height: 140px;
	padding: 20px 0 10px 60px;
}
}

@media only screen and (max-width:767px) {
.content-wrap h1 {
	font-size: 22px;
}
#block-system-main .content-wrap {
	max-width: 400px;
}
#resources li:nth-child(2n+2), #resources li {
	width: 100%;
	margin: 0;
}
#resources li:nth-child(n+2) {
	border-top: 1px dashed #E2E2E2;
}
#resources li > div {
	min-height: inherit;
	padding: 40px 0 50px 60px;
}
}/**/