@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:#fff url(../images/bg.jpg) center top fixed;

}




*:focus {
outline:none;
}

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

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

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


.logo {
background: url(../images/logo.png) no-repeat;
width: 431px;
height: 85px;
float: left;
cursor: pointer;
position: absolute;
}

.ico_m::before {
content: "\e602";
}

.ic2::before {
content: "\e742";
}

.ic3::before {
content: "\e63e";
}

.ic4::before {
content: "\e710";
}

.ic5::before {
content: "\e847";
}

.ico_m {
font: normal 28px icomoon;
margin: 0 auto;

}
span.ico_m {
display: table;

}

.menu ul {
display: table;
float: left;
direction: ltr;
margin-left: 40px;
}

.menu ul li {
display: inline-block;
text-align: center;
padding: 8px 20px 12px 20px;
font-size: 16px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
background: #D22E66;
margin-left: 5px;
border-radius: 3px;
width: 50px;
}

.menu ul li:hover {

background: #C73939;

}
.menu {
font-family: tahoma;
float: right;
position: relative;
right: -20px;
}

.menu ul li a {
color: #fff;
display:block;
}
.ico_m {
font: normal 28px icomoon;
margin: 0 auto;
/* padding-bottom: 10px; */
margin-bottom: 10px;
}
.main {
width: 100%;
background: rgba(255, 255, 255, 0.23);
border-radius: 5px;
padding: 10px;
clear: both;
top: 20px;
position: relative;
height: auto;
display: inline-block;
}

.inner {
float: right;
/* display: table; */
background: rgba(0, 0, 0, 0.65);
border-radius: 5px;
padding: 50px 60px;
}
.tf-user, .tf-pass, .select {
background: rgba(255, 255, 255, 1) url(../images/5456.png) right center no-repeat;
height: 50px;
width: 300px;
border: 0px;
font-size: 12px;
text-align: right;
font-family: tahoma;
color: #999999;
direction: rtl;
text-indent: 54px;
display: block;
border-radius: 3px;
}

.select {
background: #FFF url(../images/d.png) right center no-repeat !important;
color: #999999;
text-align:right;
}

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


.btn {
cursor: pointer;
background: #FFA500;
font-family: Yekan,tahoma;
color: rgba(255, 255, 255, 0.82);
font-size: 16px;
border: 0px;
width: 300px;
height: 50px;
float: right;
-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;
border-radius: 0px;
/* box-shadow: inset 0px 0px 15px 5px rgba(0, 0, 0, 0.46); */
border-radius: 3px;
}
.btn:hover {
background: rgba(150, 182, 0, 1);
box-shadow: none;
}



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

.ico_on {
font: normal 28px icomoon;
float:left;
}

.online {
float: left;
font-family: tahoma;
font-size: 17px;

background: #D22E66;
width: 500px;
padding: 10px;
border-radius: 3px;
color: #fff;
}

.ico_on {
font: normal 28px icomoon;
float: left;
background: rgba(0, 0, 0, 0.29);
padding: 8px;
border-radius: 3px;
}

span.text {
background: #942048;
color: #FFFFFF;
padding: 11px 20px;
position: absolute;
margin: 1px 5px;
border-radius: 3px;
}
span.number {
float: right;
background: #fff;
padding: 11px 20px;
border-radius: 3px;
color: #D22E66;
font-weight: bold;
}
.shabake {
background: #D22E66;
float: left;
width: 520px;
height: 196px;
margin: 10px 0px;
border-radius: 3px;
}


.sh {
float: left;
margin: -5px 15px;
}
.icon {
font: normal 40px icomoon;
position: relative;
color: #fff;
line-height: 114px;
-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;
}

.icon::before {
content: "\e793";
}
.go::before {
content: "\e6a5";
}
.tw::before {
content: "\e797";
}
.in::before {
content: "\e6b0";
}

.er::before {
content: "\e7af";
}


.sh li {
float: left;
padding: 0px;
background: rgba(0, 0, 0, 0.36);
width: 90px;
height: 110px;
text-align: center;
margin: 25px 5px;
display: block;
-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;
margin-left: 3px;
border-radius: 3px;
}
.sh li:hover{
	
	background:#FFF;
}

.sh li:hover .icon{
	color:#D22E66;
}

.sh li a {
display: block;
}

.icon:hover{
	
}

.arezo {
float: right;
margin: 0px 22px;
color: #fff;
}

.ico_arezo {
font: normal 25px icomoon;
position: relative;
color: #fff;
float: right;
margin-left: 5px;
margin-top: 2px;
}

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



ul.list {
margin: 15px;
color: #fff;
}


ul.list li {

float: right;
clear: both;

}

.ico_list {
font: normal 16px icomoon;

top: 0px;
position: relative;
float: right;
padding: 7px;
}


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

.gh {

background: #fff;
color: rgba(0, 0, 0, 0.58);
}
ul.list li:hover .ico_list::before {
content: "\e77c";
}

.img {
font: normal 150px icomoon;
color: rgba(0, 0, 0, 0.58);
position: absolute;
clear: both;
/* margin: -15px 40px; */
text-align: center;
margin-top: -15px;
height: 180px;
width: 140px;
line-height: 179px;
margin-left: 20px;
}

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

.cp {
float: right;
color: #FFF;
text-align: right;
direction: rtl;
font-size: 14px;
margin: 0px -20px;
}

.ico_cp {
font: normal 22px icomoon;
position: relative;
float: right;
top: 5px;
padding: 0px 5px;
}

.ico_cp::before {
content: "\e757";
}


.ccc {
background: transparent;
padding-bottom:20px;
}

.cp a{
	color:#F90;
}