* {
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	background: #FCFCFC;
	color: #4A4A4A;
}

body {
	max-width: 283px;
	margin: 17px auto;
	padding: 0;
}

@media (min-width: 500px) {
	body {
		max-width: 480.551px;
	}
}

@media (min-width: 700px) {
	body {
		max-width: 677.74954px;
	}
}

@media (min-width: 1000px) {
	body {
		max-width: 972.772579px;
	}
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, code, pre code, img, video, input, textarea, button {
	margin-top: 0;
	margin-bottom: 17px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}

h1 {
	font-size: 43.60779px;
}

h2 {
	font-size: 37.27162px;
}

h3 {
	font-size: 31.85608257px;
}

h4 {
	font-size: 23.2713px;
}

h5 {
	font-size: 23.2713px;
}

h6 {
	font-size: 19.89px;
}

p {
	font-size: 17px;
	line-height: 1.5;
}

a {
	color: #006394;
	border-bottom: 1px solid #006394;
	text-decoration: none;
}

code {
	white-space: nowrap;
}

pre code {
	display: block;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.action {
	border: 1px solid #B0B0B0;
}

.action-main, code, pre code, button, input, textarea {
	background: #E3E3E3;
	border: 1px solid #B0B0B0;
	border-radius: 3px;
}

.action-red {
	background: #FFC7C7;
	border: 1px solid #FF6161;
	border-radius: 3px;
	color: #940000;
}

.action-yellow {
	background: #FFF6C7;
	border: 1px solid #FFE561;
	border-radius: 3px;
	color: #947B00;
}

.action-green {
	background: #C7FFE3;
	border: 1px solid #61FFB0;
	border-radius: 3px;
	color: #00944A;
}

.action-blue {
	background: #C7ECFF;
	border: 1px solid #61CAFF;
	border-radius: 3px;
	color: #006394;
}