.input
{

	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	padding:10px 15px;
	border:#bbb 1px solid;
	box-sizing: border-box;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	margin: 0px;
}


.input:focus

{
	border: #f47721 1px solid;

}



.x1{
	width: 150px;
}

.x2{
	width: 300px;
}


.x3{
	width: 450px;
}

.i100{
	width: 100%;
}



.error,
.ok,
.tips
{
	display: block;
	padding: 10px 15px;
	font-weight: 700;
	margin-bottom: 20px;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
}

.error{
	color: #e53935;
	border: #e53935  1px solid;
	background-color: #ffebee;
}

.ok{
	color: #4caf50;
	border: #4caf50  1px solid;
	background-color: #e8f5e9;
}

.tips{
	color: #f9a825;
	border: #fdd835  1px solid;
	background-color: #fffde7;
}



.f-l{
	display: block;
	padding-bottom: 8px;
}

.f-i{
	display: block;
	padding-bottom: 20px;
}



.f-h{
	display: block;
	font-size: 12px;
	color: #999;
	font-style: italic;
	padding-top: 5px;

}





.btn{
	font-family: 'Roboto', arial;
	font-size: 14px;
	cursor: pointer;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none !important;
	display: inline-block;
	background-color: #aaa;
	border: none;
	margin: 0px;
	padding: 10px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
}

.btn:hover{
	background-color: #999;
}


.btn-orange{
	background-color: #f47721;
	color: #fff !important;

}
.btn-orange:hover{
	background-color: #e7701f;
}


.btn-blue{	
	background-color: #0099a8;
	color: #fff !important;

}

.btn-blue:hover{
	background-color: #008895;
	color: #fff !important;
}




.btn-green{	
	background-color: #00a651;
	color: #fff !important;

}

.btn-green:hover{
	background-color: #009b4b;
	color: #fff !important;
}


.btn-red{	
	background-color: #f42121;
	color: #fff !important;

}

.btn-red:hover{
	background-color: #de1d1d;
	color: #fff !important;
}


.btn-mini{
	padding: 6px 12px;
	font-size: 11px;
}

.btn-right{
	float: right;
}

.btn100{
	width: 100%;
	text-align: center;
}


.inline-btn{
	display: block;
}

.inline-btn .btn{

	margin-right: 10px;

}

.btn i{
	margin-right: 4px;
	display: inline-block;
}