form.flogin{	width: 300px; display: table; margin: 40px auto 0 auto;	border: #cfcfcf 1px solid; padding: 20px 40px 20px 40px; border-radius: 10px; background-color: #f3f3f3; font-size: 14px;}
form.flogin h4{float: left; width:100%; text-align: left; font-size:  16px; margin: 15px 0 15px 0; color:#525252 ;}
form.flogin h4 i{color: #306199;}
form.flogin div{	float: left; width: 100%; text-align: right; margin-bottom: 10px;}
form.flogin div span{float: left; width: 100px; margin-right:5px;}
form.flogin div input{	width:180px; padding: 6px; border: #cfcfcf 1px solid; border-radius: 2px; float:left;}
form.flogin div input[name="captcha"]{width: 105px; float:left;}
form.flogin div img{height: 25px; margin-top:3px; cursor: pointer; width:70px;}
form.flogin div input:hover{	border: #1570bc 1px solid;}
form.flogin div input.error{	border: 1px solid red; background-color: #ffa6a6;}

form.flogin button[name='submit']{ float:left; margin-left:105px;	background-color: #2f2f2f; border: #0d4778 1px solid; font-size:15px;	padding: 5px 15px 5px 15px; border-radius: 3px; color: white; cursor: pointer; width:auto; font-weight:bold;}
form.flogin button[name='submit']:hover{	background-color: #dd0d12; color: white; border-color: #b00b0f;}
form.flogin div.link{border-top: #cfcfcf 1px solid; padding-top: 5px;}
form.flogin a{text-decoration: none; color: #4169E1;}
form.flogin a:hover{text-decoration: underline;}
form.flogin div.loading{text-align: center;}
form.flogin div.loading span{color: red; width:100%;}
form.flogin div.loading span.ok{color: #20B2AA;}

@media screen and (max-width:400px){
	form.flogin{width: calc(100% - 40px); margin: 0px; float: left; border: 0px;
    border-radius:0px; padding: 20px;
    }
}
