body {
	font-size: 16px; font-size: 1.6rem;
	line-height: 24px; line-height: 2.4rem;
    font-family: "Microsoft YaHei", Arial,  sans-serif;
    font-weight: normal;
}


h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-weight: normal;
	font-family: "Microsoft YaHei", Arial, sans-serif;
	font-weight: 300;
}

	h1, .h1 {
		color: #8c9c01;
		font-size: 36px; font-size: 3.6rem;
		line-height: 42px; line-height: 4.2rem;
		margin-bottom: 15px;
		margin-top: 0;
		font-weight: 200;
	}		
	
	h1.hidden {
		display: none;
	}

		@media only screen and (min-width: 768px) {
			h1, .h1, h1.small {
				font-size: 30px; font-size: 3rem;
				line-height: 34px; line-height: 3.4rem;
			}
		}
		@media only screen and (min-width: 900px) {
			h1, .h1, h1.small {
				font-size: 34px; font-size: 3.4rem;
				line-height: 38px; line-height: 3.8rem;
			}
		}
		@media only screen and (min-width: 1090px) {
			h1, .h1 {
				font-size: 40px; font-size: 4rem;
				line-height: 46px; line-height: 4.6rem;
			}
			h1.small {
				font-size: 30px; font-size: 3rem;
				line-height: 38px; line-height: 3.8rem;
			}
		}
	

	h2, .h2 {
		font-size: 30px; font-size: 3rem;
		line-height: 34px; line-height: 3.4rem;
		let ter-spacing: -1px;
		font-weight: 200;
		marg in-bottom: 10px;
	}

	h3, .h3 {
		font-size: 26px; font-size: 2.6rem;
		line-height: 32px; line-height: 3.2rem;
		font-weight: 200;
	}

	h4, .h4 {
		font-size: 18px; font-size: 1.8rem;
		line-height: 28px; line-height: 2.8rem;
		margin-bottom: 15px; color:#333;
	}

	h5, .h5 {
		font-size: 22px; font-size: 2.2rem;
		line-height: 24px; line-height: 2.4rem;
		margin-bottom: 10px;
	}

	h6, .h6 {
		font-size: 18px; font-size: 1.8rem;
		line-height: 22px; line-height: 2.2rem;
		margin-bottom: 10px;
	}

	.content-row h2:first-child, .content-row h3:first-child, .content-row h4:first-child, .content-row h5:first-child, .content-row h6:first-child {
		margin-top: 10px;
	}

	@media only screen and (min-width: 768px) {	
		.content-row h2:first-child, .content-row h3:first-child, .content-row h4:first-child, .content-row h5:first-child, .content-row h6:first-child {
			margin-top: 0;
		}
	}

.first {
	margin-top: 0;
	margin-bottom: 10px;
}


.subheading {
	font-family:  "Microsoft YaHei", Arial, sans-serif;
	color: 333;
	margin-top: 10px;
	margin-bottom: 10px;
}

	
.withsubheading {
	margin-bottom: 1px;
}

.upper {
	text-transform: uppercase;
}

/* Paragraphs */
	
.hero {
	font-size: 22px; font-size: 2.2rem;
	line-height: 28px; line-height: 2.8rem;
	color: rgb(129,131,134);
	margin-top: 0;
	margin-bottom: 10px;
}

small {
	color: #999;
}

.small {
	font-size: 12px; font-size: 1.2rem;
	line-height: 16px; line-height: 1.6rem;
}

p {
	/*margin: 0 0 20px;*/
}

/* Links */

a { 
	color:#666;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}
	
a.grey, .grey {
	color: #666;
	text-decoration: none;
}

	a.grey:hover {
		text-decoration: underline;
	}
	
a.darkgrey, .darkgrey {
	color: rgb(129,131,134);
}

/* Buttons */

.button {
	padding: 12px 16px;
	color: #fff;
	background: #1d2088;
	text-decoration: none;
	font-family: "Microsoft YaHei", Arial, sans-serif;
	font-size: 16px; font-size: 1.6rem;
	line-height: 22px; line-height: 2.2rem;
	display: inline-block;
	margin-bottom: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
	@media only screen and (min-width: 768px) {
		.button {
			padding: 8px 22px;
		}
	}
	
	.button:hover {
		cursor: pointer;
		color: #fff;
		background: rgb(154,156,159);
		text-decoration: none;
	}

	.button.block {
		display: block;
		text-align: center;
	}
	
	.button.secondary {
		background: rgb(174,176,179);
		color: #fff;
	}
		.button.secondary:hover {				
			cursor: pointer;
			text-decoration: none;
			background: rgba(174,176,179,0.8);
		}
	
	.button.light {
		background: rgb(218,223,221);
		color: #333;
	}
		.button.light:hover {				
			cursor: pointer;
			text-decoration: none;
			background: rgba(218,223,221,0.8);
		}
		
/* Lists */

ul {
	margin-top: 10px;
}

/* Colours */

.green {
	color: #1d2088 !important;
}

.grey {
	color: rgb(174,176,179) !important;
}

.dark {
	color: rgb(129,131,134) !important;
}