﻿@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */ url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
html,body,p,div,a,span{
	font-family:BYekan;
	font-size:16px;
	margin:0;
	padding:0;
	direction:rtl;
	color:#000;
	text-decoration:none;
	list-style:none;
	border:none;
}
body{
	border-top:#333 solid 5px;
	background-color:#efefef;
}
.payform{
	box-shadow:0 0 3px 2px #333;
	border-radius:15px;
	width:600px;
	padding-top:60px;
	height:320px;
	margin:100px auto 0 auto;
	background:url(img/hbg.jpg) bottom right repeat;
}
p{
	margin:5px auto;
	width:300px;
}
label{
	margin-left:10px;
	color:#fff;
	float:right;
	width:90px;
	padding:4px 0;
	text-shadow:1px 1px 2px #333;
}
input,select{
	border:1px #333 solid;
	background:url(img/inputbg.jpg) repeat-x;
	height:35px;
	width:190px;
	border:none;
	font-family:BYekan;
	font-size:16px;
	box-shadow:0 0 3px #666;
	border-radius:3px;
	transition-duration:1s;
}
input:focus,select:focus{
	box-shadow:0 0 3px 2px #fff;
}
input{
	padding:0 5px;
}
select{
	padding:3px 5px;
	width:200px;
}
input[type="submit"]{
	color: rgb(255, 255, 255);
	background-color: rgb(243, 120, 115);
	background-image: -moz-linear-gradient(center top , rgb(243, 120, 115) 0%, rgb(219, 80, 77) 50%, rgb(203, 5, 0) 50%, rgb(162, 6, 1) 100%);
	background-image: -ms-linear-gradient(center top , rgb(243, 120, 115) 0%, rgb(219, 80, 77) 50%, rgb(203, 5, 0) 50%, rgb(162, 6, 1) 100%);
	background-image: -o-linear-gradient(center top , rgb(243, 120, 115) 0%, rgb(219, 80, 77) 50%, rgb(203, 5, 0) 50%, rgb(162, 6, 1) 100%);
	background-image: -webkit-linear-gradient(center top , rgb(243, 120, 115) 0%, rgb(219, 80, 77) 50%, rgb(203, 5, 0) 50%, rgb(162, 6, 1) 100%);
	background-image: linear-gradient(center top , rgb(243, 120, 115) 0%, rgb(219, 80, 77) 50%, rgb(203, 5, 0) 50%, rgb(162, 6, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(238, 67, 46)', endColorstr='rgb(181, 23, 0)');
	border: 1px solid rgb(149, 17, 0);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 0px 1px rgba(255, 115, 100, 0.4) inset, 0px 1px 3px rgb(51, 51, 51);
	margin:10px 50px 0 4px;
	width:180px;
	font-family:BYekan;
	font-size:18px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
input[type="submit"]:hover{
	box-shadow:0 0 2px 2px #eee;
}
.banks{
	width:990px;
	height:92px;
	background:url(img/banks.png) no-repeat;
	margin:160px auto 0 auto;
}
@keyframes shetab{
	0% {margin-top:160px}
	25% {margin-top:170px}
	45% {margin-top:163px}
	70% {margin-top:475px}
	100% {margin-top:164px}
}
.shetab{
	animation:shetab alternate 5s infinite;
	float:left;
	margin:20px 0 0 30px;
	background:url(img/shetab.png) no-repeat;
	width:150px;
	height:128px;
}
.copyright{
	width:100%;
	margin-top:40px;
	font-size:14px;
	text-align:center;
}
.done{
	color:#FFF;
	text-shadow:0 0 2px #000;
	text-align:center;
}