html,body{
	width: 100%;
}

body{
	background: url('bg.png') no-repeat center fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}
*{
margin:0;
padding:0;
border:0;
box-sizing: border-box;
}
.main{width: 100%;height: 100%;padding-top:100px;}
.logo {margin:50px 0;padding:0 15px;}
.logo img{display: block;margin:0 auto;max-width: 100%;height: auto;}
.form{width: 300px;margin:0 auto;}
.form .form-group{margin-bottom: 10px;}
.form .form-group label{display: block;color:#ffa300;font-size:16px;padding:10px 0;text-shadow: 2px 2px 2px #000;}
.form .form-group .form-control{width: 100%;border-radius: 5px;background: rgba(255,255,255,0.8);border:2px solid #ffa300;text-indent: 10px;}
.form .form-group input{height: 35px;}
.form .form-group textarea{padding-top:10px;}
.form .form-group .btn{width: 200px;border-radius: 50px;display: block;margin:0 auto;background: #f5851f;color:#000;padding:10px 0;font-weight: bold;}
.form .security{overflow: hidden;border:2px solid #ffa300;margin-bottom: 30px;}
.form .security input{width: 100%;background: rgba(255,255,255,0.8);text-indent: 10px;height: 35px;border:none;}
.form .security ul{list-style: none;margin:0;padding:0;}
.form .security ul li{float: left;width: 50%;}
.form .security ul .img{background: #000;text-align: center;position: relative;padding: 0 10px;height: 35px;}
.form .security ul .img .code{height: 30px;vertical-align: middle;}
.form .security ul .img .refresh{position: absolute;top:5px;right: 5px;z-index: 99;width: 25px;height: auto;vertical-align: middle;}
.uyari{border:2px solid #ffa300;text-align: center;padding: 10px;}
.uyari-dikkat{background: orange;color:#fff;}
.uyari-hata{background: red;color:#fff;}
.uyari-bilgi{background: blue;color:#fff;}
.uyari-basarili{background: green;color:#fff;}