#login{margin:100px auto; width:400px;}

#login input[type=submit], #conta input[type=submit], #conta input[type=button]{width:400px; height:50px; background:#575757; border:1px solid #575757; color:white; font-weight:bold; cursor:pointer; margin-bottom:30px;margin-top:3px;}
#login input[type=submit]:hover{opacity:0.8;}
.vote{width:28%; height:auto;  border:1px solid silver; border-radius:0px 0px 5px 5px ; display:inline-block; margin-left:4%; margin-bottom:60px;}
.subvote{margin:190px auto 0px auto; width:78%; padding:15px 20px; background:white; border-radius:5px;}
.subvote span{display:block; font-size:12px; margin:20px auto; padding-left:23px; background:url(../img/cal.png) no-repeat; background-size:15px;}
.fee{float:right; margin:10px 0px; font-size:25px;}
.viewc{margin:30px 0px; display:block;  width:150px;text-align:center; height:50px; line-height:45px; border:1px solid #353535; color:#353535;  border-radius:5px;}
.viewc:hover, .voteform input[type=submit]:hover, .voteform input[type=button]:hover{background: #353535; color:white;}
#search .cover{background-color:#F4F4F4;  width:700px; margin:0px auto;  height:55px;}
#search{text-align:center;width:80%; height:80px; background:white; padding-top:80px; margin:-80px auto 80px auto; border-radius:5px 5px 0px 0px;}
#search input[type=submit]{width:150px; height:50px; background: #353535; color:white; border:1px solid #353535; font-size:14px;}
#search input[type=text],#search input[type=date]{background:#F4F4F4; border:0px;}
#search input[type=text]{font-size:16px;}
.number{position:absolute; padding:5px; display:block; margin-top:-180px;background:white;}
.voteform{position:absolute; padding:20px;background:#F2F2F2; width:25% ;text-align:center; z-index:200; margin-top:-40px; display:none;}
.voteform input{width:100%; height:35px; margin-top:20px; border:0px; background:white; padding-left:10px; }
.voteform input[type=submit],.voteform input[type=button]{width:100%; height:40px; margin-top:20px; border:0px; background:#353535; color:white; cursor:pointer;}

.book{margin:100px 0px; height:auto;}
.parimg{width:30%; margin:20px auto;}
.para{ width:90%; }
.book img{width:100%; }
.book a{padding:10px; border-radius:20px; border:1px solid grey; }
.book a:hover{padding:10px; border-radius:20px; color:white; background:grey; }
#conta{width:75%; padding:0px 14% 50px 14%;  color:#575757; font-size:14px;}
#cont, #contesta{width:86%; padding:0px 7% 50px 7%;  color:#575757; font-size:14px;}

#cont h2{ margin:40px 0px; }
#contesta input[type=text],#cont input[type=text],#conta input[type=text],#cont input[type=password],#conta input[type=password]{width:400px; height:50px; background-color:#F4F4F4; border:1px solid #F4F4F4; margin-bottom:30px;margin-top:3px; padding-left:20px;  padding-left:20px;}
#cont input[type=text]:focus,#conta input[type=text]:focus,,#conta input[type=password]:focus,#cont input[type=password]:focus{border-radius:5px;}
#cont textarea{width:400px; height:200px; border:1px solid white; margin-bottom:30px; margin-top:3px; }
#cont textarea{width:400px; height:200px; border:1px solid white; margin-bottom:30px; margin-top:3px; }
#conta textarea{width:400px; height:300px; border:1px solid white; margin-bottom:30px; margin-top:3px; background-color:#F4F4F4;}
#cont p{margin-bottom:40px;}
#conta .fir{float:left;}
#conta .sec{float:right;}

#article{width:82%; padding:120px 7% 50px 7%;  margin:0px auto 50px auto; height:auto; line-height:21px;} 
#article h1{margin-bottom:30px; line-height:28px;} 
#article img{float:right; width:33%;border-radius:20px;} 
#article .conty{float:left; width:58%;  color:#575757; font-size:14px;} 
#article a{display:block;  width:280px; background:#353535; color:white; font-size:16px; line-height:50px; margin:30px 0px; text-align:center;text-decoration:none; border-radius:25px;}
#buy{display:block;  width:280px; background:#353535; color:white; font-size:16px; line-height:50px; margin:30px 0px; text-align:center;text-decoration:none; border-radius:25px; border:1px solid #353535;}

#faq .conty{float:right; width:48%; padding:50px 0px; color:#575757; font-size:14px;} 
#faq{width:82%; padding:120px 7%;  border-top:1px solid #E6E6E6; margin:0px auto 50px auto; height:auto; }
#faq img{float:left; width:46%;border-radius:20px;}
#faq span a{display:block;   margin:-2px 10px 0px 0px ; border:2px solid #353535; color:#353535; float:left; border-radius:20px; font-weight:bold; line-height:15px; line-height:15px; text-align:center; padding:0px 5px;} 
#faq span{ 
-webkit-user-select:none;-moz-user-select:none; 
	cursor:pointer;display:block; margin:25px 0px 10px 0px; padding:20px; background:#E6E6E6; border-radius:20px; }
#faq p{display:block; margin:0px 0px 0px 30px; display:none;  }
	a{-webkit-user-select:none;-moz-user-select:none;}
#sect{width:100%; padding:100px 0; text-align:center; background:#F1F1F1;}
#sect img{width:70%; }

 #arti{width:86%; padding:80px 7% 100px 7%; text-align:center; background:#F1F1F1; font-size:12px;}
#section{width:86%; padding:80px 7% 100px 7%; text-align:center; background:#F7F7F7; font-size:12px;}
#section  h1,  #arti  h1{margin:0px 0px 70px 0px; }

 #arti .box{width:24%; display:inline-block; text-align:center;}
 #arti .box img{width:74%;}


#section b, #arti b{ display:block; color:#666666;  margin:20px auto;}
#section a, #arti a{display:block;  width:180px; border: 1px solid #353535; color:#353535; font-size:16px; line-height:50px; margin:30px auto; text-decoration:none; border-radius:25px;}#section a:hover{display:block;  width:180px; background:#353535; color:white; font-size:16px; line-height:50px; margin:30px auto; text-decoration:none; border-radius:25px;}
#section img{width:80%; margin:20px auto;  border-radius:20px 20px  0px 0px;}
#section .box{width:24%; padding:0px 1%;display:inline-block; vertical-align:top; color:#666666; text-align:justified; font-size:14px;  border-radius:20px; cursor:pointer;}

#section .ox{margin:0px 10%;}

.bloimg {float:right; width:300px; margin-left:20px; margin-bottom:20px;}
#contesta .conte{width:40%; float:right; border-radius:5px 5px 0px 0px ;}
#contesta table{float:left;}
#contesta table td{vertical-align:top; font-size:14px;}
#contesta table img{width:120px; border-radius:5px 5px 0px 0px ; margin-right:50px;}
#contesta .fro{margin-left:50px;}
#contesta a{display:inline-block; width:40px; height:40px;  margin-top:20px;}
 .a{background:url(../img/face.jpg) no-repeat; background-size:40px;}
 .b{background:url(../img/insta.png) no-repeat; background-size:40px;}
 .c{background:url(../img/twitter.png) no-repeat; background-size:40px;}
 .d{background:url(../img/what.jpg) no-repeat; background-size:40px;}
 .e{background:url(../img/telegram.jpg) no-repeat; background-size:40px;}
 .f{background:url(../img/email.jpg) no-repeat; background-size:40px;}

#play{width:280px; height:40px;  margin:40px auto 0px auto; background:#353535; border:0px; color:white; font-size:15px; border-radius:5px; cursor:pointer;}

#start{width:120px; cursor:pointer; line-height:50px; color:white; text-align:center; background:#353535;  font-weight:bold; font-size:15px;}
#timer{width:120px; line-height:60px; color:white; text-align:center; background:#353535; float:right; font-weight:bold; font-size:20px;}
#ques{position:fixed; display:none;width:100%; height:100%; top:0px; background:rgb(0, 0, 0, 0.7);}
#ques .ques{ height:100%; top:0px; background:white; width:75%; margin:20px auto; height:80%; padding:30px 50px 50px 50px; overflow-y:scroll;}
#ques input, #ques p{ margin-top:20px;}
 #ques p{ font-weight:bold;}
#ques input[type=submit]{width:100px; height:40px; margin-top:20px; border:0px; background:#353535; color:white; cursor:pointer; }



@media (max-width:700px){
.parimg{width:90%; margin:20px auto;}

	#search { padding-top:40px; margin-bottom:120px;}
	#search .cover{  width:95%; margin:0px auto 40px auto; }
#search input[type=date]{height:50px; width:100%; margin-top:-10px; padding-left:5px;}
#search input[type=text]{padding-left:5px; }

#section, #arti{width:86%; padding:0px 7% 80px 7%; text-align:center; background:#F2F2F2; }
#section  h1, #arti h1{margin:0px 0px 50px 0px; }
}
@media (max-width:500px){
	 #arti .box{width:49%;}
#section a, #arti a{  width:80%; }
	.bloimg {float:none; width:80%; margin:20px auto;}
	#contesta .fro{margin-left:5px;}
	#contesta .conte{width:90%; margin-left:5%; float:none; }
#contesta table{float:none; margin-top:30px;}
	#contesta table img{width:40px; margin-right:0px;}

	.vote{width:100%;  margin:0px auto 40px auto; }
	.voteform{width:69%; }
#conta .sec, #conta .fir{float:none; width:100%;}
#section, #arti{width:80%; padding:90px 10% ; text-align:center; background:#E2E2E2; }
	
#login input[type=submit], #conta input[type=submit]{width:100%;}
	#section  h1{font-size:18px;}
	#section  h2{font-size:15px;}
	#login{width:100%;}
	#serv{width:80%; padding:30px 5%;  } 
	#section .box{width:100%; display:block; padding-bottom:20px; font-size:14px;}
#section .ox{margin:50px 0px;}
#contesta input[type=text],#cont input[type=text],#cont input[type=password],#conta input[type=text],#conta textarea{width:100%; }

#cont textarea{width:100%; }
#cont, #conta, #ques{width:90%; padding:0px 5% 50px 5%;}
#article img, #faq img{float:none; width:100%; border:0px; margin-top:50px;} 
#article .conty, #faq .conty{float:none;  width:98%;} 
#article h1{line-height:35px;}
}
#article{ padding:50px 7%;}