* {
    margin: 0;
    padding: 0;
}
body {
    background: rgba(173,127,168,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(173,127,168,1) 0%, rgba(94,55,104,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(173,127,168,1)), color-stop(100%, rgba(94,55,104,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(173,127,168,1) 0%, rgba(94,55,104,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(173,127,168,1) 0%, rgba(94,55,104,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(173,127,168,1) 0%, rgba(94,55,104,1) 100%);
    background: radial-gradient(ellipse at center, rgba(173,127,168,1) 0%, rgba(94,55,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad7fa8', endColorstr='#5e3768', GradientType=1 );
}
.head{
    height:108px;
    width:1000px;
    margin:auto;
}
.header{
    background:url('../images/login.header.png') no-repeat;
    height:108px;
    width:551px;
    float: left;
}
#menu{
    background:url( '../images/login.menu.png') no-repeat;
    height:108px;
    width:449px;
    float: right;
}
#menu ul{
    margin-right: 0;
    padding: 0px 0 0;
    text-align: right;
    margin-top:45px;
    margin-right: 40px;
}
#menu ul a{
    background: url('../images/login.menu-a.png') no-repeat right;  
}
#menu ul li {
	display: inline;
	float: right;
	padding-right: 5px;
	list-style:none;
    margin-bottom: 0px;
	margin-right: 0;
}
#menu ul li a {
    text-decoration:none;
    font-size:17px;
    font-family: BYekan;
    text-align:right;
    padding:0px 2px 4px 2px;
    font-weight:normal;
    color:#ffffff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
#menu ul li a:hover {
	color:#ffade0;
}
.show{
    background:url( '../images/login.back.png ') no-repeat center center;
    height:550px;
    width:1010px;
    margin:auto;
    margin-top: -50px;
}
.vor{
    background:url( '../images/login.vor.png ') no-repeat;
    height:301px;
    width:448px;
    margin-top: 70px;
    float: right;
    margin-right: 10px;
}
.logo{
    background:url( '../images/login.logo.png ') no-repeat;
    height:240px;
    width:241px;
    margin-top: 100px;
    float: right;
    margin-right: -72px;
    opacity: 1;
    -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;
}
.logo:hover{
    -moz-transform: rotate(360deg);  -webkit-transform: rotate(360deg);
    opacity: 0.8;
}
.amar{
    background:url( '../images/login.amar.png ') no-repeat;
    height:301px;
    width:448px;
    float: left;
    margin-top: -270px;
}
.matn{
    font-family: BYekan;
    font-size: 24px;
    text-align: right;
    padding-right: 25px;
    margin-top: -3px;
    color:rgba(0,0,0,0.7);
    text-shadow:1px 0px 3px rgba(255,255,255,1);
    -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;
}
.matn:hover{
    color:rgba(109,109,109,1);
    padding-right: 35px;
}
.username{
    background: rgba(255,255,255,0.6);
    font-family: BYekan;
    font-size: 17px;
    margin-right: -70px;
    text-align: right;
    width: 230px; height: 20px; border-radius: 15px 5px 15px 5px ;
    border-right: 5px solid rgba(108,16,255,0.5);
    border-left: 5px solid rgba(108,16,255,0.5);
    border-bottom: 0px dashed rgba(156,0,255,0.5);
    border-top: 0px dashed rgba(156,0,255,0.5);
    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: BYekan;
    font-size: 17px;
    margin-right: -70px;
    text-align: right;
    width: 230px; height: 20px; border-radius: 15px 5px 15px 5px ;
    border-right: 5px solid rgba(108,16,255,0.5);
    border-left: 5px solid rgba(108,16,255,0.5);
    border-bottom: 0px dashed rgba(156,0,255,0.5);
    border-top: 0px dashed rgba(156,0,255,0.5);
    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:10px;
    margin-right:70px;
    text-align:center
}
.gender .male{
    float:right;
    margin-top:12px;
    margin-right:77px
}
.gender .female{
    float:left;
    margin-top:12px;
    margin-left:63px
}
.az{
    background-color:rgba(238,238,238,0.6);
    width: 150px;
    margin:auto;height:40px;margin-right:-70px;
    margin-top:5px;
    font-family: BYekan;
    font-size: 16px;
    text-align: center;
    border-radius: 15px 5px 15px 5px ;padding: 3px;
    border-right: 5px solid rgba(108,16,255,0.5);
    border-left: 5px solid rgba(108,16,255,0.5);
    border-bottom: 0px dashed rgba(156,0,255,0.5);
    border-top: 0px dashed rgba(156,0,255,0.5);
    -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;
}
.az:hover{
    background-color:rgba(238,238,238,0.9);
    width: 150px;
    margin:auto;height:40px;margin-right:-70px;
    margin-top:5px;
    font-family: BYekan;
    font-size: 16px;
    text-align: center;
    border-radius: 5px 15px 5px 15px ;padding: 3px;
     border-right: 5px solid rgba(108,16,255,0.5);
    border-left: 5px solid rgba(108,16,255,0.5);
    border-bottom: 0px dashed rgba(156,0,255,0.5);
    border-top: 0px dashed rgba(156,0,255,0.5);
}
.kal{
    font-size: 0px;
}