body {
			background:#472020;
			font-family: 'Helvetica','Arial';
			color:#fff;
			font-size: 0.5cm;
		}
		
		
		
		
		
#back_div {position:fixed;top:0;left:0;right:0;bottom:50px;z-index:1}
#back_div img{width:100%;height:100%}
		
#bottomg_div {position: fixed;left: 0;right: 0;bottom: 0;height: 50px;background: #000;}	
		
		
	
#sign, #info, #contact, #developing, #preview, #menu, #viewimg, #lang, #register, #forget, #selectavi {
	position: absolute;
	background: rgba(102, 100, 100, 0.59);
	border-radius: 10px;
	box-shadow: 1px 1px 15px #000;
	border: solid 1px #343232;
}


#menu {bottom: 50px;	z-index: 3;	transition: opacity .4s, visibility .4s;}
#info, #contact, #developing, #preview, #viewimg, #selectavi {
	top: 20%;
	left: 20%;
	right: 20%;
	bottom: 25%;
	z-index: 3;
	transition: opacity .4s, visibility .4s;
}

#lang  {
	top: 15%;
	left: 40%;
	z-index: 3;
	transition: opacity .4s, visibility .4s;
}

#sign, #register, #forget {
	top: 10%;
	right: 10%;
	padding: 20px;
	z-index: 3;
	transition: opacity .4s, visibility .4s;
}

.main_x_button, #next_button, #prev_button, #selavi_next_button, #selavi_prev_button{	
	position: absolute;
	background: rgba(102, 100, 100, 0.59);
	border-radius: 3px;
	box-shadow: 1px 1px 15px #000;
	border: solid 1px #343232;
	padding: 0px 5px;
	font-size: 18px;
	width: fit-content;
	cursor:pointer
}

.main_x_button {	right: 0;top: -30px;}
#next_button, #selavi_next_button {right: -50px;top: 50%;	}
#prev_button , #selavi_prev_button{left: -50px;top: 50%;}		


.bbtn{padding: 5px 20px;color: #0F084C;	text-shadow: 1px 1px 1px #fff;font-size:18px;display: block; cursor:pointer}		
.window_on {	opacity: 1;visibility: visible;}
.window_off {opacity: 0;visibility: hidden;}

.inpt {border-radius: 3px;border: #676b67 solid 1px;padding: 3px;font-size: 15px; width: 150px; background: #aeafb138;margin-bottom: 3px; color: #e8ea60;}

::placeholder{color:rgb(232 234 96)}

.r_btn {font-size: 11px;	text-shadow: 1px 1px #000;color: rgb(234 234 228); cursor:pointer	}

.loader {position:absolute; top:0; bottom:0; left:0; right:0; background: #f0f8ff5e;  border-radius: 10px;}
.loader img{position:absolute; top:50%; left:50%;margin-left:-25px; margin-top:-25px}


.thumb{cursor: pointer; margin: 10px; border-radius: 5px; box-shadow: 5px 5px 5px #000;}

#prv {
	max-width: 90%;
	max-height: 90%;
	margin-top: 40.5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000;
}

#selavi_prv {
	max-width: 90%;
	max-height: 90%;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000;
}