@font-face {
 font-family: 'B Yekan';
 src: url('../fonts/BYekan.eot');
 src: local('b BYekan'), url('../fonts/BYekan.woff') format('woff'), url('../fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
}
body{
	background:url('../images/d-bg.png');
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

#main{

	width: 958px;
	height: 753px;
	background: url('../images/back.png');
}

#login_box{
	width: 418px;
	height: 364px;
	background: url('../images/login.png');
	position: absolute;
	top:250px;
margin-left: 270px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#login_box:hover{
	top:220px;

	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#online{
	width: 293px;
	height: 255px;
	background: url('../images/online1.png');
	position: absolute;
	top:298px;
margin-left: 614px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#online:hover{

	top:270px;

	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#amar{
	width: 293px;
	height: 255px;
	background: url('../images/amar.png');
	position: absolute;
	top:290px;
margin-left: 30px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#amar:hover{
	top:268px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#header{
	width: 805px;
	height: 235px;
	background: url('../images/d-header.png') no-repeat;
	position: absolute;
	top:10px;
margin-left: 80px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



#header:hover{

-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menu{
	width: 931px;
	height: 72px;
	background: url('../images/menu.png') no-repeat;
	position: absolute;
	top:60px;
margin-left: 10px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#log{
	width: 200px;
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	text-align: center;
}


.username{
background: rgba(255,255,255,0.6);
font-family: B Yekan,'B Yekan',tahoma;
font-size: 17px;
margin-right: 0px;
text-align: right;
width: 200px; height: 30px; border-radius: 5px 5px 10px 10px ;
border-right: 4px solid rgba(157,53,166,0.7);
border-left: 4px solid rgba(157,53,166,0.7);
border-bottom: 0px solid rgba(157,53,166,0.7);
border-top: 0px solid rgba(157,53,166,0.7);
padding: 5px;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.username:hover{
background: rgba(255,255,255,1);
font-family: B Yekan,'B Yekan',tahoma;
font-size: 17px;
margin-right: 0px;
text-align: right;

border-radius: 20px 20px 20px 20px ;
border-right: 6px solid rgba(157,53,166,0.99);
border-left: 6px solid rgba(157,53,166,0.99);
border-bottom: 0px solid rgba(157,53,166,0.99);
border-top: 0px solid rgba(157,53,166,0.99);
padding: 5px;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.gender{background:url( '../images/login.gender.png') no-repeat center center;width:230px;margin:auto;height:35px;margin-top:-20px;margin-right:30px;text-align:center}
.gender .male{float:right;margin-top:12px;margin-right:77px}
.gender .female{float:left;margin-top:12px;margin-left:63px}
.hosein{
background-color:rgba(238,238,238,0.6);
width: 150px;
margin:auto;height:40px;margin-right:0px;
margin-top:5px;
font-family: B Yekan,'B Yekan',tahoma;
font-size: 16px;
text-align: center;
padding: 3px;
border-radius: 5px 5px 10px 10px ;
border-right: 5px solid rgba(157,53,166,0.9);
border-left: 5px solid rgba(157,53,166,0.9);
border-bottom: 1px solid rgba(157,53,166,0.9);
border-top: 1px solid rgba(157,53,166,0.9);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.hosein:hover{
background-color:rgba(238,238,238,0.9);
width: 150px;
margin:auto;height:40px;margin-right:0px;
margin-top:5px;
font-family: B Yekan,'B Yekan',tahoma;
font-size: 16px;
text-align: center;
padding: 3px;
border-radius: 8px 8px 15px 15px ;
border-right: 3px solid rgba(157,53,166,0.99);
border-left: 3px solid rgba(157,53,166,0.99);
border-bottom: 6px solid rgba(157,53,166,0.99);
border-top: 2px solid rgba(157,53,166,0.99);
}