/* -- REGISTER */
form#registerBox{
	color: #222;
	border:1vw solid white;
	background-color: rgba(245, 245, 245, 0.5); /*whitesmoke*/
	display:block;
	width: 70vw;
	min-height:40vw;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: 0 0.1vw 0.4vw #BBBBBB;
	margin:auto;
	margin-bottom: 7vw;
	padding:2vw 5vw 1vw 5vw;
	margin-top:0.1vw;
	text-align:center;
}
	registerLogo{
		display:block;
		width:55vw;
		height:25vw;
		background: url('../-img/logo3.png') left top no-repeat;
		background-size: 55vw;
		background-position: 0vw 0;
		margin:4vw auto 0vw auto;
	}

	input#registerUser,
	input#registerPass,
	input#registerMail,
	input#registerName,
	input#registerCaptcha,
	input#registerMotto{
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 6vw;
		background-repeat: no-repeat;
		background-position: 1vw;
		text-align:center;
		border: 0.1vw solid #bbb;
		border-radius: 0.4vw;
		font-size:4.5vw;
		height:9vw;
		padding:0.2vw;
		width: 65vw;
		display:block;
		margin:4vw auto;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
	input#registerPass{
		background-image:url('../-img/options/key.png');
	}
		registerPassShow{
			display:block;
			background-image:url('../-img/options/eye.png');
			width: 6vw;
			height: 6vw;
			margin-left: 60vw;
			margin-top:2vw;
			position:absolute;
			background-size: 6vw;
			cursor:pointer;
		}
	input#registerMail{
		background-image:url('../-img/options/mail.png');
	}
	input#registerName{
		background-image:url('../-img/options/name.png');
	}
	input#registerMotto{
		background-image:url('../-img/options/lema.png');
	}
	input#registerCaptcha{
		background-image:none;
		width: 45vw;
	}
	input#registerCheck{
		border: 0.2vw solid black;
		cursor:pointer;
		transform: scale(1.5);
		margin:3vw;
	}
		input#registerUser:focus,
		input#registerPass:focus,
		input#registerMail:focus,
		input#registerName:focus,
		input#registerCaptcha:focus,
		input#registerMotto:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input#registerUser:invalid,
		input#registerPass:invalid,
		input#registerMail:invalid,
		input#registerName:invalid,
		input#registerMotto:invalid,
		input#registerCheck:invalid,
		input#registerCaptcha:invalid{
			box-shadow:none;
		}
		input#registerUser:valid,
		input#registerPass:valid,
		input#registerMail:valid,
		input#registerName:valid,
		input#registerMotto:valid,
		input#registerCheck:valid,
		input#registerCaptcha:valid{
			color:darkgreen;
		}
	input#registerSubmit{
		font-style: normal;
		display:block;
		font-size:4.5vw;
		border-radius: 0.4vw;
		background: royalblue;
		text-align:center;
		width:40vw;
		/*height:9vw;*/
		color:white;
		padding:3vw 1vw;
		border:0.2vw solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 5vw auto;
		cursor:pointer;
	}
		input#registerSubmit:hover{
			text-shadow: 0 0.1vw 0.1vw #fff;
			border-color:powderblue;
		}
	img.captcha{
		width: 35vw;
	}
	registerConditions{
		font-size: 4.5vw;
		/*cursor:pointer;*/
	}
	registerNotify{
		display:block;
		font-size: 4vw;
		margin-bottom:2vw;
		color:darkred;
	}
	loading{
		display:block;
		margin:0 auto;
		padding:0;
		width:30px;
		height:30px;
		background: url('../-img/loading2.gif') left top no-repeat;
		background-size: 30px;
		background-position: 0px 0;			
	}



@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{

	}
	
form#registerBox{
	color: #222;
	border:2px solid white;
	background-color: rgba(245, 245, 245, 0.5); /*whitesmoke*/
	display:block;
	width: 350px;
	min-height:300px;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: 0 1px 4px #BBBBBB;
	margin:auto;
	margin-bottom: 10px;
	padding:20px 50px 10px 50px;
	margin-top:23px;
	text-align:center;
}
	registerLogo{
		display:block;
		width:210px;
		height:80px;
		background: url('../-img/logo3.png') left top no-repeat;
		background-size: 200px;
		background-position: 0px 0;
		margin:10px auto;
	}

	input#registerUser,
	input#registerPass,
	input#registerMail,
	input#registerName,
	input#registerCaptcha,
	input#registerMotto{
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: 2px;
		text-align:center;
		border: 1px solid #bbb;
		border-radius: 4px;
		font-size:14px;
		height:25px;
		padding:2px;
		width: 200px;
		display:block;
		margin:7px auto;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
	input#registerPass{
		background-image:url('../-img/options/key.png');
	}
		registerPassShow{
			display:block;
			background-image:url('../-img/options/eye.png');
			width: 20px;
			height: 20px;
			margin-left: 290px;
			margin-top:5px;
			position:absolute;
			background-size: 20px;
			cursor:pointer;
		}
	input#registerMail{
		background-image:url('../-img/options/mail.png');
	}
	input#registerName{
		background-image:url('../-img/options/name.png');
	}
	input#registerMotto{
		background-image:url('../-img/options/lema.png');
	}
	input#registerCaptcha{
		background-image:none;
		width: 80px;
	}
	input#registerCheck{
		border: 1px solid black;
		cursor:pointer;
		transform: none;
		margin:5px;
	}
		input#registerUser:focus,
		input#registerPass:focus,
		input#registerMail:focus,
		input#registerName:focus,
		input#registerCaptcha:focus,
		input#registerMotto:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input#registerUser:invalid,
		input#registerPass:invalid,
		input#registerMail:invalid,
		input#registerName:invalid,
		input#registerMotto:invalid,
		input#registerCheck:invalid,
		input#registerCaptcha:invalid{
			box-shadow:none;
		}
		input#registerUser:valid,
		input#registerPass:valid,
		input#registerMail:valid,
		input#registerName:valid,
		input#registerMotto:valid,
		input#registerCheck:valid,
		input#registerCaptcha:valid{
			color:darkgreen;
		}
	input#registerSubmit{
		font-style: normal;
		display:block;
		font-size:14px;
		border-radius: 4px;
		background: royalblue;
		text-align:center;
		width:180px;
		color:white;
		padding:10px 10px;
		border:1px solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 25px auto;
		height:inherit;
		cursor:pointer;
	}
		input#registerSubmit:hover{
			text-shadow: 0 1px 1px #fff;
			border-color:powderblue;
		}
	img.captcha{
		width: 100px;
	}
	registerConditions{
		font-size: 12px;
		/*cursor:pointer;*/
	}
	registerNotify{
		display:block;
		font-size: 12px;
		margin-bottom:20px;
		color:darkred;
	}
	loading{
		display:block;
		margin:0 auto;
		padding:0;
		width:30px;
		height:30px;
		background: url('../-img/loading2.gif') left top no-repeat;
		background-size: 30px;
		background-position: 0px 0;			
	}

}

/* \- REGISTER */