* {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; box-sizing: border-box;
}
body {
	font-family: Arial; font-size: 12px;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none;
}
li {
	list-style-type: none;
}
.header {
	text-align: center; color: rgb(255, 255, 255); background-color: rgb(1, 159, 232);
}
.header ul {
	margin: 0px auto; padding: 10px 0px; width: 90%; overflow: hidden;
}
.header li {
	width: 25%; float: left; display: block; opacity: 0.7;
}
.header li img {
	width: 70%;
}
.header li:hover {
	opacity: 1;
}
.header li p {
	height: 30px; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px;
}
.footer {
	padding: 20px; text-align: center; color: rgb(255, 255, 255); display: block; background-color: rgb(1, 159, 232);
}
.footer a {
	width: 49%; color: rgb(255, 255, 255); display: inline-block;
}
.footer a:first-child {
	text-align: left;
}
.footer a:last-child {
	text-align: right;
}
.content {
	padding: 30px 10px; line-height: 0; display: none; position: relative; min-height: 300px; background-color: rgb(255, 255, 255);
}
.input {
	margin-right: 5px;
}
.todo {
	background: url("todo.jpg") no-repeat center rgb(255, 255, 255); min-height: 400px;
}
.warn {
	color: red;
}
.warnb {
	outline: rgb(255, 102, 0) solid 1px;
}
.hide {
	display: none;
}
.show-page0 {
	display: none;
}
.submit {
	margin: 20px auto; padding: 0px 40px; border: currentColor; border-image: none; width: 80%; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: 300; text-decoration: none; display: block; cursor: pointer; background-color: rgb(1, 159, 232);
}
h4 {
	line-height: 30px;
}
.logo img {
	width: 100px; margin-left: 10px; float: left;
}
.page0 .show-page0 {
	display: block;
}
.page1 .show-page1 {
	display: block;
}
.page2 .show-page2 {
	display: block;
}
.page21 .show-page21 {
	display: block;
}
.page22 .show-page22 {
	display: block;
}
.page23 .show-page23 {
	display: block;
}
.page24 .show-page24 {
	display: block;
}
.page3 .show-page3 {
	display: block;
}
.page4 .show-page4 {
	display: block;
}
.page5 .show-page5 {
	display: block;
}
.container {
	margin: 0px auto; max-width: 700px; background-color: rgb(2, 160, 233);
}
.page0 .logo {
	margin: 20px;
}
.page0 .logo img {
	width: 200px; float: none;
}
.page0 .header {
	background: none;
}
.page0 .header ul {
	background: url("footer.gif") no-repeat bottom / 100% rgb(2, 160, 233); padding: 0px 60px 60px; width: 100%; margin-bottom: 40px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; max-width: 500px;
}
.page0 .header li {
	width: 50%; margin-top: 20px; opacity: 1;
}
.page0 .header li p {
	font-size: 14px;
}
.page0 h1 {
	text-align: center;
}
.page0 h2 {
	text-align: center;
}
.page0 h3 {
	text-align: center;
}
.page0 h1 p {
	color: rgb(71, 133, 192); font-size: 30px;
}
.page0 h2 {
	height: 60px; color: rgb(255, 255, 255); line-height: 60px; font-size: 20px;
}
.page0 h3 {
	height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px;
}
.page0 .footer {
	background: none;
}
.page2 .content {
	background: url("arrow.png") no-repeat center 30px rgb(124, 206, 244); height: 600px;
}
.page2 .content a {
	background: url("page2-icon-1.png") no-repeat center / 100% rgb(2, 160, 233); border-radius: 50%; left: 50%; width: 120px; height: 120px; position: absolute;
}
.page2 .content a:nth-child(1) {
	top: 70px; margin-left: -150px;
}
.page2 .content a:nth-child(2) {
	top: 160px; margin-left: 30px; background-image: url("page2-icon-2.png");
}
.page2 .content a:nth-child(3) {
	top: 340px; margin-left: 24px; background-image: url("page2-icon-3.png");
}
.page2 .content a:nth-child(4) {
	top: 440px; margin-left: -150px; background-image: url("page2-icon-4.png");
}
.page4 .content {
	padding-bottom: 20px;
}
.page4 .content h3 {
	padding: 15px 0px 0px 10px; line-height: 22px; text-indent: -10px; font-size: 14px; font-weight: normal; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.page4 .content li {
	margin: 5px 0px; line-height: 20px; padding-left: 30px; position: relative;
}
.page4 .content input {
	left: 10px; top: 4px; position: absolute;
}
.page4 .content .desp {
	background: url("pen.jpg") no-repeat right 0px; padding: 0px 160px 10px 0px; text-indent: 0px; font-size: 12px; border-top-color: currentColor; border-bottom-color: rgb(204, 204, 204); border-top-width: medium; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; min-height: 100px;
}
.page5 .content {
	line-height: 30px;
}
.page5 .content p {
	margin: 10px; line-height: 20px;
}
.page5 .content ul {
	margin: 10px; line-height: 20px;
}
.page5 .content li {
	height: 30px; line-height: 30px;
}
.page5 .content li input {
	padding: 0px 6px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 230px; height: 26px; line-height: 26px;
}
.page1 .header li:nth-child(1) {
	opacity: 1;
}
.page2 .header li:nth-child(2) {
	opacity: 1;
}
.page3 .header li:nth-child(3) {
	opacity: 1;
}
.page4 .header li:nth-child(4) {
	opacity: 1;
}