html, body {
	font-family: "Arial", Helvetica;
    height: 100%;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

body {
    overflow-x: hidden;
    position: relative;
}

div {
	margin: 0px;
	padding: 0px;
}

section {
    float: left;
    min-height: 100%;
}

#viewport {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
}

header {
    position: fixed;
    z-index: 99;
}​

.ui-mobile-viewport,  {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 34px;
	color: #a9d03f;
	letter-spacing: 0.02em;
}

p {
	font-size: 16px;
	line-height: 24px;
	padding: 0px;
	padding-bottom: 0px;
}

.highlight {
	color: #06b0ed;
	font-weight: bold;
}

.text {
	width: 612px;
}

#begin {
	background: url("../images/p01_begin.png") no-repeat;
}


#intro {
	background: url("../images/page_background.png") no-repeat;
}

#intro h1, #about h1, #committe h1, #score h1, #practice h1 {
	position: absolute;
	top: 373px;
	left: 52px;
	
	width: 348px;
}

#intro .text {
	position: absolute;
	top: 590px;
	left: 90px;
}

#about {
	background: url("../images/page_background.png") no-repeat;
}

#about .text {
	position: absolute;
	top: 540px;
	left: 90px;
}

#about ul {
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 10px;
}

#about ul li {
	border-bottom: 1px solid #a9d03f;
	color: #06b0ed;
	font-weight: bold;
	padding: 10px;
}

#about ul li:last-child {
	border: none;
}

#committee {
	background: url("../images/page_background.png") no-repeat;
}

#committee h1 {
	position: absolute;
	top: 186px;
	left: 52px;
}

#committee .text {
	position: absolute;
	top: 280px;
	left: 90px;
}

#committee .text .col {
	float: left;
	width: 306px;
}

#committee #members .member .name {
	color: #06b0ed;
	font-size: 16px;
	font-weight: 500;
	
	margin: 0px;
	padding: 0px;
	line-height: none;
}

#committee #members .member {
	height: 70px;
}

#committee #members .member p.address {
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}

#tool {
	background: url("../images/p05_tool.png") no-repeat;
}

#tool h1 {
	color: white;
	text-align: right;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	
	position: absolute;
	top: 15px;
	left: 397px;
}

#tool table {
	margin-right: 20px;
}

#tool table tr:nth-child(even) { 
	background: #eff9fe; 
}

#tool table tr td {
	padding: 6px 8px;
	vertical-align: top;
}

#tool .text .description {
	color: #a9d03f;
	font-weight: bold;
	position: absolute;
	top: 165px;
}

#tool .text .description p {
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	
	width: 706px !important;
}

#tool .text .test {
	position: absolute;
	top: 238px;
}

#tool .text .test .desc {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	width: 740px !important;
}

#tool .text .test .number {
	color: #06b0ed;
	font-size: 14px;
	font-weight: bold;
}

#tool .text .test .question {
	color: #06b0ed;
	font-size: 14px;
	line-height: 20px;
	width: 300px;
}

#tool .text .test .option {
	font-size: 13px;
	text-align: center;
	width: 82px;
}

#tool .text .test .option input {
	margin: 0px 4px 4px 15px;
	-webkit-transform: scale(1.3, 1.3);
}

#score {
	background: url("../images/page_background.png") no-repeat;
}

#score .text {
	position: absolute;
	top: 540px;
	left: 90px;
}

#score .text span {
	display: inline-block;
}

#score .text .score_box {
	border: 4px solid #000;
	border-radius: 12px;
	font-size: 64px;
	margin-left: 20px;
	padding: 24px;
	text-align: center;
	
	vertical-align: middle;
	height: 40px;
	width: 40px;
}

#practice {
	background: url("../images/page_background.png") no-repeat;
}

#practice .text {
	position: absolute;
	top: 515px;
	left: 90px;
}

#practice .text .references {
	border-top: 1px solid #a9d03f;
}

#practice .text .copyright p {
	color: #fff;
	font-size: 11px;
	text-align: right;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
	
	position: absolute;
	bottom: 00px;
	right: 0px;
}