/****************************
* body
*****************************/

h1 {
	text-align				: center;
	margin					: 0px 0px 10px 0px;
	width					: 100%;
	border					: 0;
	padding					: 10px 0px 0px 0px;
	font-size				: 18px;
	color					: #fff;
}

h2 {
	display					: block;
	margin					: 0;
	padding					: 15px 0 0 0;
	width					: 100%;
	height					: 35px;
	border					: 0;
	text-align				: center;
	vertical-align			: middle;
	font-size				: 18px;
	color					: #fff;
}

h3 {
	display					: block;
	margin					: 0;
	padding					: 3px 0 0 0;
	width					: 100%;
	height					: 47px;
	border					: 0;
	text-align				: center;
	vertical-align			: middle;
	font-size				: 16px;
	color					: #fff;
}

p {
	margin				: 10px 0px;
	width				: 100%;
	border				: 0;
	padding				: 0;
	font-size			: 14px;
	color				: #fff;
	text-align			: center;
	clear				: both;
}

div.logo1 {
	background-color	: #fff;
	color				: #000;
	font-size			: 14px;
	width				: 180px;
	height				: 158px;
	margin				: 5px auto 20px auto;
}

div.logo2 {
	background-color		: #fff;
	text-align				: center;
	float					: none;
	width					: 100%;
	padding-top				: 8px;
}

div.menu {
	display					: table;
	background				: #FFFFFF;
	border-collapse			: separate;
    border-spacing			: 0 0;
	width					: 100%;
}

div.menu-row {
	display					: table-row;
}

div.ques {
	display					: table;
	background				: #FFFFFF;
	border-collapse			: separate;
    border-spacing			: 0 0;
	width					: 100%;
}

div.ques-row {
	display					: table-row;
}

div.ques-no-h {
	display					: table-cell;
	background				: #eee;
	width					: 25px;
	border-top				: 1px solid #000;
	border-right			: 1px solid #000;
	border-bottom			: 2px solid #000;
	border-left				: 1px solid #000;
	font-size				: 14px;
	padding					: 2px;
}

div.ques-des-h {
	display					: table-cell;
	background				: #eee;
	border-top				: 1px solid #000;
	border-right			: 1px solid #000;
	border-bottom			: 2px solid #000;
	font-size				: 14px;
}

div.ques-no {
	display					: table-cell;
	border-right			: 1px solid #000;
	border-bottom			: 2px solid #000;
	border-left				: 1px solid #000;
	font-size				: 14px;
	padding					: 2px;
}

div.ques-des {
	display					: table-cell;
	border-right			: 1px solid #000;
	border-bottom			: 2px solid #000;
	font-size				: 14px;
}

div.ques-block {
	display					: block;
	margin					: 0;
	width					: 100%;
	padding					: 0;
	border					: 0;
	clear					: both;
}

div.ques-blockimg {
	display					: block;
	margin					: 0;
	padding					: 0;
	width					: 100%;
	border-top				: 1px solid #000;
	clear					: both;
}

div.ques-sentence {
	display					: block;
	padding-bottom			: 2px;
	text-align				: left;
	font-size				: 14px;
	padding					: 2px;
	float					: none;
}

div.ques-sentenceimg {
	display					: block;
	padding-bottom			: 5px;
	text-align				: left;
	font-size				: 14px;
	padding					: 2px;
}

div.ques-ans1 {
	display					: block;
	border-top				: 1px solid #ccc;
	border-left				: 0px none;
	float					: left;
	width					: 50%;
	padding					: 5px 0 0 0;
}

div.ques-ans2 {
	display					: block;
	border-top				: 1px solid #ccc;
	border-left				: 0px none;
	float					: right;
	width					: 50%;
	padding					: 5px 0 0 0;
}

div.btn-block {
	display					: block;
	margin					: 0 auto;
	padding					: 0;
	width					: 90%;
}

div.btn {
	display					: block;
	margin					: 0;
	padding					: 0;
}

div.ans-ok {
	background				: #cfc;
}

div.ans-ng {
	background				: #fcc;
}

div.comment {
	display					: none;
	border-top				: 2px solid #ccf;
	border-right			: 1px solid #000;
	background				: #eef;
	width					: 100%;
	clear					: both;
	text-align				: left;
	padding					: 2px 0px;
}

div.result {
	display                 : block;
	background              : #ff8;
	margin					: 10px auto;
	width					: 200px;
	border					: 0;
	padding-top				: 5px;
	padding-bottom			: 5px;
	font-size				: 16px;
	color					: #000;
	text-align				: center;
	clear					: both;
}

input[type="text"] {
	border					: 0;
	width					: 90px;
	height					: 25px;
	margin					: 20px auto 30px auto;
	font-size				: 16px;
}

a.login {
	display					: block;
	background				: #EEE;
	background				: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background				: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background				: linear-gradient(to right bottom,#FFF 0%,#EEE);
	color					: #111;
	border-radius			: 4px;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	border					: 2px solid #888;
	-moz-box-shadow			: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow		: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow				: 0px 0px 3px rgba(0,0,0,0.5);
	margin					: 20px auto;
	padding					: 10px 30px;
	text-decoration			: none;
	font-size				: 16px;
	width					: 120px;
}

a.menu {
	display					: table-cell;
	background				: #cef;
	background				: -moz-linear-gradient(top,#aaF 0%,#cef);
	background				: -webkit-gradient(linear, left top, left bottom, from(#aaF), to(#cef));
	background				: linear-gradient(to right bottom,#aaF 0%,#cef);
	border					: 1px solid #66f;
	-moz-box-shadow			: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow		: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow				: 0px 0px 3px rgba(0,0,0,0.5);
	color					: #112;
	padding					: 15px 0;
	text-decoration			: none;
	font-size				: 18px;
}

a.menuback {
	display					: table-cell;
	background				: #efb;
	background				: -moz-linear-gradient(top,#fc4 0%,#efb);
	background				: -webkit-gradient(linear, left top, left bottom, from(#fc4), to(#efb));
	background				: linear-gradient(to right bottom,#fc4 0%,#efb);
	border					: 1px solid #080;
	-moz-box-shadow			: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow		: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow				: 0px 0px 3px rgba(0,0,0,0.5);
	color					: #141;
	padding					: 15px 0;
	text-decoration			: none;
	font-size				: 18px;
}

a.btn {
	display					: block;
	background				: #EEE;
	background				: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background				: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background				: linear-gradient(to right bottom,#FFF 0%,#EEE);
	color					: #111;
	border-radius			: 4px;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	border					: 2px solid #888;
	-moz-box-shadow			: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow		: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow				: 0px 0px 3px rgba(0,0,0,0.5);
	margin					: 10px auto;
	padding					: 10px 30px;
	text-decoration			: none;
	font-size				: 16px;
	width					: 200px;
}

a.btncal {
	display					: block;
	background				: #fca;
	background				: -moz-linear-gradient(top,#f64 0%,#fca);
	background				: -webkit-gradient(linear, left top, left bottom, from(#f64), to(#fca));
	background				: linear-gradient(to right bottom,#f64 0%,#fca);
	border					: 2px solid #800;
	color					: #141;
	border-radius			: 4px;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	-moz-box-shadow			: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow		: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow				: 0px 0px 3px rgba(0,0,0,0.5);
	margin					: 10px auto;
	padding					: 8px 30px;
	text-decoration			: none;
	font-size				: 18px;
	width					: 200px;
}

a.btnback {
	display					: block;
	background				: #efb;
	background				: -moz-linear-gradient(top,#fc4 0%,#efb);
	background				: -webkit-gradient(linear, left top, left bottom, from(#fc4), to(#efb));
	background				: linear-gradient(to right bottom,#fc4 0%,#efb);
	border					: 2px solid #080;
	color					: #141;
	border-radius			: 4px;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	-moz-box-shadow			: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow		: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow				: 0px 0px 3px rgba(0,0,0,0.5);
	margin					: 10px auto;
	padding					: 8px 30px;
	text-decoration			: none;
	font-size				: 18px;
	width					: 200px;
}

a.comment {
	display					: block;
	background				: #fca;
	background				: -moz-linear-gradient(top,#f86 0%,#fca);
	background				: -webkit-gradient(linear, left top, left bottom, from(#f86), to(#fca));
	background				: linear-gradient(to right bottom,#f86 0%,#fca);
	border					: 2px solid #800;
	color					: #111;
	border-radius			: 4px;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	-moz-box-shadow			: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow		: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow				: 0px 0px 3px rgba(0,0,0,0.5);
	margin					: 2px;
	padding					: 2px 0;
	text-decoration			: none;
	font-size				: 16px;
	width					: 50px;
	text-align				: center;
}

a.ans {
    display					: block;
    width                   : 100%;
}

img.ques-img1 {
	display					: block;
	max-width				: 60px;
	margin					: 0 auto;
}

img.ques-img2 {
	display					: block;
	width					: 80%;
	max-width				: 80%;
	margin					: 0 auto;
}