@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0px;
}
#examname{
	width:100%;
	background-color:rgb(153,102,255);
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}
#examinfo{
	width:100%;
	background-color:rgb(153,255,204);
	overflow:auto;
}
#candidate {
	width:30%;
	text-align:center;
	padding:1%;
	float:left;
	border-right:1px solid #000;
}
#subject{
	width:30%;
	text-align:center;
	padding:1%;
	float:left;
	border-right:1px solid #000;
}
#time{
	width:30%;
	text-align:center;
	padding:1%;
	float:left;
}

#questionblock, #answerblock{
	width:100%;
}
#col-left{
	width:78%;
	float:left;
}
#col-right{
	width:18%;
	float:right;
}

#question{
	width:100%;
	padding:1%;
	text-align:center;
	background-color:rgb(0,0,0,.15)
}
.quspic{
	width:100%;
}
#questionnumber{
	width:100%;
	padding:1%;
}
.qusnobt{
	width:30px;
	height:30px;
	border:1px solid #000;
	background-color:rgb(220,220,220);
	margin:3px;
	font-size:18px;
	padding:0px;
}

#ansoption{
	width:100%;
	padding:1%;
	text-align:center;
	background-color:rgb(255,102,0);
}
#ansoption td{
	font-size:20px;
}
#anstools{
	width: 96%;
	padding:1%;
	border:2px solid #30F;
}
.mbox1,.mbox2,.mbox3,.mbox4{
	width:20px;
	height:20px;
	border:1px solid #000;
}
.mbox1{
	background-color:rgb(220,220,220);
}
.mbox2{
	background-color:#F00;
}
.mbox3{
	background-color:#0F0;
}
.mbox4{
	background-color:#00F;
}
td{
	font-size:12px;
}
#submitbt{
	border:2px #060 solid;
	background-color:#99FF99;
	width:110px;
	height:40px;
	font-weight:bolder;
	font-size:24px;
}
#footer{
	clear:both;
	width:100%;
	background-color: #0099FF;
	color:#FFF;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
#adds{
	clear:both;
	width:100%;
	background-color: #CCCCCC;
	color: #000000;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
@media only screen and (max-width: 768px){

#candidate, #subject, #time  {
	width:100%;
	text-align:center;
	padding:0%;
	float:none;
	border-right:none;
}


#col-left{
	width:100%;
	float:none;
}
#col-right{
	width:100%;
	float:none;
}
#footer{
	width:99%;
}
#adds{
	width:99%;
}
	
}