@font-face {
    font-family: kd;
    src: url(k010.woff);
}
html,body
{
	margin:0;
	
	background-color: #add5ff;
    
}
.header
{
	width: 100%; 
	height: 10%;
	background-color: #C3D6F7;
}
.footer
{
	width: 100%; 
	height: 8%;
	background-color: #C3D6F7;
}
.totype{
	color: #0215fd;
	background-color:#E3E7E8;
	padding-top:6px;
}
.right{
	color: #2bbd26;
}
.wrong{
	color: #ff0000
}
.result
{
float: left;
/*border: 1px solid black;*/
}
.skip{
	color: #000000;
}

.main-div{
		width: 90%;height: 75%; margin-top: 30px;margin-left: 3%; 
	}
	.first-div{
		width: 100%;height: 10%;; 
	}
	.second-div{
		width: 96.4%;height: 74%; background-color: #fafafa;overflow-y: scroll;text-align: left; padding: 10px;margin-top: 5px;float: left;font-size: 22px; font-family: kd; 
	}
	.third-div
	{
		width: 97.21%;height: 16.5%; background-color: #ffffff;margin-top: 10px;float: left; font-size: 22px;
	}
	.calculation{
		 
		width:50%; height: 100%; float: left; font-size: 2.6vw;
		margin-top: 2%;
		font-family: verdana;
		color: #2E2920;
		
	}
	.calculation2{
		 
		width:50%; height: 100%; float: left;font-size: 2.6vw;
		margin-top: 2%;
		color: #FFF;
		
	}
	
	.subdiv1{
		width: 23%; float: left;height: 100%;background-color: #8CB2F5;border-collapse: collapse;margin-right: 5px;
	}
	.subdiv2{
		width: 23%; float: left;height: 100%;background-color: #8CB2F5;border-collapse: collapse;margin-right: 5px;
	}
	.subdiv3{
		width: 23%; float: left;height: 100%;background-color: #8CB2F5;border-collapse: collapse;margin-right: 5px;
	}
	.subdiv4{
		width: 23%; float: left;height: 100%;background-color: #8CB2F5;border-collapse: collapse;
	}
	
	.input1{
		
		border:none;
		outline: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		font-size: 22px;
		padding-bottom: 8px;
		padding-left: 5px;
		padding-right: 30%;
		font-family: kd;
		
	}