@font-face {
  font-family: 'Byekan';
  src: url('../fonts/BYekan.ttf') format('truetype'),
       url('../fonts/BYekan.eot?#') format('eot'),
       url('../fonts/BYekan.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}


@font-face {
font-family:'Yekan';
src:url('../fonts/Yekan.eot');
src:url('../fonts/Yekan.eot?#iefix') format('embedded-opentype'),
url('../fonts/Yekan.woff') format('woff'),
url('../fonts/Yekan.ttf') format('truetype'),
url('../fonts/Yekan.svg#svgFontName') format('svg');
font-style: normal;
font-weight: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-n2bcf6');
	src:url('../fonts/icomoon.eot?#iefix-n2bcf6') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-n2bcf6') format('woff'),
		url('../fonts/icomoon.ttf?-n2bcf6') format('truetype'),
		url('../fonts/icomoon.svg?-n2bcf6#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


body {
font-family: 'Yekan';
font-size: 14px;
margin:0px;
background:#000;
background-image:url(../images/BG.jpg);

}

*:focus {
outline:none;
}

a
{
	text-decoration:none;
	color:#666;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

li{
	margin:0px;
	padding:0px;
	
}

h3.logo {
float: right;
font-family: tahoma;
font-size: 30px;
top: 0px;
padding: 0px;
margin: 0px;
margin-right: 50px;
line-height: 1.5;
background: #FFF;
height: 50px;
padding: 0px 10px;
color: #FFC200;
}

.ico_logo {
font: normal 33px icomoon;
position: relative;
float: right;
top: 8px;
padding: 0px 5px;
}

.ico_logo::before {
content: "\e862";
}

.menu {

direction: rtl;
text-align: right;
background: #FFC200;
width: 100%;
height: 50px;
position: relative;
}

.menu ul {
margin-right: 300px;
}
.menu ul li {
display: inline-block;
padding: 0px 8px;
margin: 0px 0px;
/* background: rgba(0, 0, 0, 0.08); */
height: 50px;
font-size: 14px;
line-height: 3;
border-left: solid 1px rgba(0, 0, 0, 0.08);
box-shadow: inset 5px 0px 10px rgba(0, 0, 0, 0.03);
moz-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
}

.menu ul li a {
color: rgba(0, 0, 0, 0.52);
}

.menu ul li:hover {
background: #fff;
}


a.sup {
float: left;
direction: ltr;
text-align: left;
padding: 0px;
margin: 0px;
position: absolute;
top: 0px;
left: 50px;
height: 50px;
background: #DF4145;
font-family: tahoma;
font-size: 17px;
line-height: 45px;
padding: 0px 10px;
color:#fff;
}

.ico_sup {
font: normal 18px icomoon;
position: relative;
float: left;
top: 12px;
padding: 0px 5px;
}

.ico_sup::before {
content: "\e600";
}


.main {
width: 760px;
height: auto;
margin: auto;
margin-top: 50px;
border: solid 4px rgba(58, 58, 58, 1);
padding-bottom: 10px;
display: table;
}

.pic {
background: url(../images/pic.jpg) no-repeat;
width: 760px;
height: 200px;
margin:auto;
display: block;
}
.pm {
display: block;
width: 100%;
height: 35px;
background: rgba(58, 58, 58, 1);
margin-bottom: 10px;
text-align: right;
float: right;
color: #fff;
font-size: 16px;
line-height: 30px;
font-family: BYekan,Yekan;

}

.ico_pm {
font: normal 24px icomoon;
color: #fff;
top: 0px;
position: relative;
float: right;
padding: 5px;
}

.ico_pm::before {
content: "\e86a";
}
.inner {
margin: 20px auto;
margin-right: 20px;
float: right;
direction: rtl;
right: 20px;
width: 45%;
}
.select {
background: #fff url(../images/d.png) right center no-repeat;
width: 100%;
height: 40px;
border-radius: 3px;
border: 0px;

padding: 0px 10px;
padding-right: 35px;
font-size: 12px;
text-align: right;
font-family: tahoma;
color: #969696;
direction: rtl;
	padding-right:35px;
}

.tf-user, .tf-pass {
background: #fff url(../images/5456.png) right center no-repeat;
width: 87%;
height: 40px;
border-radius: 3px;
border: 0px;
padding: 0px 10px;
padding-right: 35px;
font-size: 12px;
text-align: right;
font-family: tahoma;
color: #969696;
direction: rtl;
}

.tf-pass{
	background: #fff url(../images/p.png) right center no-repeat;
	
}


.btn {
cursor: pointer;
background: #CE3F72;
font-family: Yekan,tahoma;
color: rgba(255, 255, 255, 0.82);
position: relative;
font-size: 16px;
border: 0px;
height: 40px;
width: 100%;
border-radius: 3px;
padding: 0px 15px;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
moz-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
}

.btn:hover {
background: #30BBC7;
}


.ico_sabt {
font: normal 62px icomoon;
color: #A6B400;
top: 0px;
display: table;
margin: 10px auto;
padding: 12px;
background: #FFF;
border-radius: 100%;
moz-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
}

.ico_sabt::before {
content: "\e893";
}

a.sabt {
float: left;
top: 4px;
text-align: center;
width: 47%;
height: 140px;
background: #A6B400;
color: #fff;
font-size: 17px;
border-radius: 3px;
/* position: relative; */
margin-left: 20PX;
margin-top: 20PX;
moz-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
}

.text_sabt {
background: rgba(0, 0, 0, 0.2);
display: block;
border-radius: 0px 0px 3px 3px;
moz-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
}

a.sabt:hover{
	background: #fff;

}

a.sabt:hover .ico_sabt{
	background: #A6B400;
	color:#fff;
	

}
a.sabt:hover .text_sabt{
	background:#A6B400;
}




.ico_list {
font: normal 20px icomoon;
color: #fff;
top: 0px;
position: relative;
float: right;
padding: 5px;
}

.ico_list::before {
content: "\e8d8";
}

ul.list li {
float: right;
color: #fff;
margin-right: 12px;
}

ul.list li:hover .ico_list{
	
	color:#FFC200;
	
}


.img {
font: normal 167px icomoon;
color: rgba(255, 255, 255, 0.14);
position: absolute;
/* left: 20px; */
clear: both;
margin: -15px 40px;
}

.img::before {
content: "\e712";
}

.foot {
width: 760px;
height: auto;
margin: auto;
margin-top: 10px;
padding-bottom:10px;

display: table;
}


.ico_cp {
font: normal 24px icomoon;
position: relative;
float: right;
top: 8px;
padding: 0px 5px;
}
.ico_cp::before {
content: "\e929";
}

.cp {
float: right;
color: rgba(0, 0, 0, 0.52);
width: 68%;
text-align: right;
background: #FFC200;
height: 40px;
direction: rtl;
line-height: 38px;
font-size: 17px;
box-shadow: 0px 0px 0px 3px #FFC200;
}

a.link {
color: rgba(255, 255, 255, 1);
}

.ico_on {
font: normal 24px icomoon;
position: relative;
float: right;
top: 8px;
padding: 0px 5px;
}
.ico_on::before {
content: "\e851";
}

.on {
float: left;
color: rgba(0, 0, 0, 0.52);
width: 30%;
text-align: right;
background: #3AA3CC;
height: 40px;
direction: rtl;
line-height: 38px;
font-size: 17px;
box-shadow: 0px 0px 0px 3px #3AA3CC;
}