@charset "utf-8";
/* CSS Document */
body { 
	background:#fff; 
}
* { 
	margin:0; 
	padding:0; 
}
.f-button { 
	height:100px; 
	border:solid 3px #CCCCCC; 
	background:#333; 
	width:100px; 
	line-height:32px; 
	-webkit-transform:rotate(-90deg); 
	font-weight:600; 
	color:white; 
	transform:rotate(-90deg);  
	-ms-transform:rotate(-90deg);  
	-moz-transform:rotate(-90deg); 
	text-align:center; 
	font-size:17px; 
	position:fixed; 
	right:-40px; 
	top:45%; 
	font-family:Arial, Helvetica, sans-serif; 
	z-index:999; 
}
/*#form { 
	height:100%; 
	width:100%; 
	position:fixed; 
	top:-100%; 
	left:0; 
	background:rgba(25, 0, 94, 0.65); 
	opacity:.8; 
}*/
#form { 
	height:100%; 
	width:100%; 
	position:fixed; 
	top:-100%; 
	left:0; 
	background:rgba(25, 0, 94, 0.65); 
	opacity:3; 
}
#open:checked ~ #form { top:0; }
#open:checked ~ #form .form-in { margin-top:150px; transition:all .5s .4s; }
input[type="radio"] { display:none; }
label { 
	cursor:pointer; 
	padding:8px 0; 
}
.form-in { 
	height:auto; 
	width:20%; 
	padding:2% 4%; 
	border-radius:5px; 
	background:#FFF; 
	margin-left:36%; 
	margin-top:-400px; 
}
/*.form-in { 
	height:auto; 
	width:20%; 
	padding:2% 4%; 
	border-radius:5px; 
	background:#CCF; 
	margin-left:36%; 
	margin-top:-400px;
	z-index:999; 
}*/
.in,.text { 
	width:90%; 
	margin:5px; 
	transition:all .4s .1s; 
	padding:9px 7px; 
	outline:none; 
	border-radius:4px; 
	border:solid 2px #999999; 
}
.in:focus:invalid,.text:focus:invalid { border-color:#930; }
.in:focus:valid,.text:focus:valid { border-color:#063; }
.text { height:70px; }
.sb { margin:5px; padding:5px 10px; cursor:pointer; border-radius:4px; border:none; background:#333; color:white; font-size:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.close { height:15px; border-radius:4px 4px 0 0; text-align:center; margin-left:90%; width:30px; background:#FFF; position:relative; top:-40px; color:#900; font-weight:bold; font-size:20px; }
.close p { -webkit-transform:rotate(45deg); }
/*header { height:1px; overflow:hidden; }*/