html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align: top; background: none repeat scroll 0% 0% transparent; }
body { line-height: 1; }
img, table { max-width: 100%; }
a { color: rgb(18, 35, 204); }
a:hover { text-decoration: none; }
body {  font-family: Arial,sans-serif; font-size: 62.5%; }
.container { width: 990px; position: relative; margin: 0px auto; }
.header { position: relative; padding-top: 32px; height: 122px; border-bottom: 5px solid #E9A848; }
.header .logo { display: block;margin: auto; }
.header .clock { position: absolute; right: 35px; top: 38px; }
.header .date-now { position: absolute; right: 38px; top: 12px; font-weight: bold; font-size: 15px; }
.header .date-now img { position: relative; top: -9px; left: -5px; }
.navigation { overflow: hidden; margin: 8px 0px 10px; }
.navigation ul { margin: 0px; padding: 0px; }
.navigation ul li { float: left; list-style: none outside none; }
.navigation ul li a { float: left; display: block; line-height: 32px; height: 32px; font-size: 14px; padding: 0px 16px; color: rgb(85, 85, 85); border-left: 1px solid rgb(218, 218, 218); border-right: 1px solid rgb(255, 255, 255); text-decoration: none; }
.content { background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 10px 10px 10px 10px; margin: 0px 0px 15px; overflow: hidden; padding: 20px; }
.sidebar { float: right; font-size: 14px; line-height: 1.2; position: relative; top: -84px; }
.itemfirst { width: 249px; padding: 12px; background: none repeat scroll 0% 0% rgb(241, 241, 241); border: 1px solid rgb(225, 225, 225); float: left; }
.sidebar .author { overflow: hidden; padding: 0px 0px 15px; }
.sidebar .author h3 { margin: 0px; text-decoration: underline; }
.sidebar .author img { float: right; }
.sidebar .author ul { margin-left: 10px; font-weight: bold; padding: 0px 0px 0px 15px; }
.text { width: 655px; float: left; font-size: 15px; line-height: 1.2; text-align: justify; padding: 0px 15px 0px 0px; }
.content h1 { font-size: 33px; width: 655px; margin: 0px 0px 25px; text-align: left; }
.content h2 { font-size: 27px; margin: 25px 0px 10px; }
.content h3 { font-size: 17px; margin: 15px 0px 10px; }
.content h4 { font-size: 15px; margin: 10px 0px 5px; text-align: left; }
.content p { margin: 0px 0px 15px; }
.content .selecttext { background: none repeat scroll 0% 0% rgb(255, 255, 0); }
.content .importanttext { color: rgb(244, 10, 10); }
.content .wcm { font-size: 24px; font-weight: bold; line-height: 0.9; text-align: left; }
.content img { margin: 10px 0px; }
.content .text .selecttext { background: none repeat scroll 0% 0% rgb(255, 249, 204); border: 1px solid rgb(255, 219, 79); color: rgb(115, 144, 150); padding: 10px; margin: 15px 0px; }
.ads { padding: 15px; border: 1px solid rgb(218, 218, 218); border-radius: 10px 10px 10px 10px; text-align: center; overflow: hidden; }
.ads img { display: block; margin: 0px auto; }
.ads .item { display: block; text-align: center; }
.content .text .ads .selecttext { background: none repeat scroll 0% 0% rgb(255, 255, 0); border: 0px none; color: rgb(0, 0, 0); padding: 0px; margin: 0px 0px 10px; }
#comments {  }
#comments h1 { color: rgb(204, 0, 0); margin: 40px 0px 5px; }
#comments .descrip { margin: 0px 0px 25px; }
#comments .descrip .d2 { color: rgb(136, 136, 136); }
#comments small { font-size: 12px; }
#commentform { text-align: left; }
.comment { padding: 15px 0px; border-top: 1px solid rgb(232, 232, 232); }
.comment .text1 { font-size: 14px; font-weight: bold; }
.comment .text2 { font-size: 12px; float: right; color: rgb(136, 136, 136); }
.comment .text3 { font-size: 13px; padding: 10px 0px 0px; }
.footer { margin: 0px 0px 25px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 10px 10px 10px 10px; padding: 15px; font-size: 12px; color: rgb(119, 119, 119); }
.takge {
background: rgb(247, 247, 247);
border: 1px dotted rgb(204, 204, 204);
width: 615px;
padding: 10px 15px 10px 40px;
margin: 5px 15px 10px 0px;
font-size: 14px;
text-align: left;
clear: both;
}
.buttonyes{
text-decoration:none; 
text-align:center; 
padding:11px 32px; 
border:solid 1px #004F72; 
-webkit-border-radius:4px;
-moz-border-radius:4px; 
border-radius: 4px; 
font:18px Arial, Helvetica, sans-serif; 
font-weight:bold; 
color:#E5FFFF; 
background-color:#02b33a; 
background-image: -moz-linear-gradient(top, #02b33a 0%, #37b041 100%); 
background-image: -webkit-linear-gradient(top, #02b33a 0%, #37b041 100%); 
background-image: -o-linear-gradient(top, #02b33a 0%, #37b041 100%); 
background-image: -ms-linear-gradient(top, #02b33a 0% ,#37b041 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b041', endColorstr='#37b041',GradientType=0 ); 
background-image: linear-gradient(top, #02b33a 0% ,#37b041 100%);   
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}
.buttonno{
text-decoration:none; 
text-align:center; 
padding:11px 32px; 
border:solid 1px #004F72; 
-webkit-border-radius:4px;
-moz-border-radius:4px; 
border-radius: 4px; 
font:18px Arial, Helvetica, sans-serif; 
font-weight:bold; 
color:#E5FFFF; 
background-color:#ced9d1; 
background-image: -moz-linear-gradient(top, #ced9d1 0%, #99b09b 100%); 
background-image: -webkit-linear-gradient(top, #ced9d1 0%, #99b09b 100%); 
background-image: -o-linear-gradient(top, #ced9d1 0%, #99b09b 100%); 
background-image: -ms-linear-gradient(top, #ced9d1 0% ,#99b09b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b09b', endColorstr='#99b09b',GradientType=0 ); 
background-image: linear-gradient(top, #ced9d1 0% ,#99b09b 100%);   
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}

.comment .text3 {
	text-align: left;
}


@media all and (max-width: 990px) {
	.container, .content h1, .text, textarea { width: 100%; }
	.header, .logo { width: 100%;height: auto; padding: 0; }
	.text { padding: 0; }
	.sidebar { display: none; }	
	.mtn {
		margin-top: 0 !important;
	}
	.content h1 {
		font-size: 28px;
	}
	* {
		box-sizing: border-box;
	}
	.test_block {
		padding: 0 5px!important;
		max-width: 450px;
		margin: auto;
	}
	.content h3 {
		font-size: 15px;
	}
	select {
		width: 100%!important;
	}
	.tbtn {

    font-size: 18px!important;

    width: 100%!important;
}
.ttl {
	display: block;
	font-size: 18px!important;
}
.resultt {
	width: 100% !important;
}
.resultt tr,.resultt td {
	display: block !important;
	width: 100% !important;
	text-align: center;
	padding-left: 0 !important;
}
}

@media all and (max-width: 640px)  {
	.text table tr,
	.text table td  {
		display: block;
		width: 100%;
	}
	.text {
		text-align: left;
	}
	.text table td:first-child {
		text-align: center;
	}
	.content img {
		margin: auto;
	}
	ul {
		padding: 0;
	}
	.content h2 {
		font-size: 24px;
	}

}