@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;
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-o-background-size: cover;
 
background-size: cover;

}




*:focus {
outline:none;
}

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

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

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

.menu {
float: right;
clear: both;
position: relative;
right: 20px;
padding: 18px 10px;
}

.menu li {
float: right;
}

.menu ul li a {
margin-right: 2px;
font-size: 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;
padding: 12px 8px;
border-left: dashed 1px rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.33);
}

.menu ul li a:hover {

color:rgba(242, 99, 95, 1);



} 

.menu ul li a:hover .ico_menu {

color:rgba(242, 99, 95, 1);


} 




.tab {
height: 60px;
background: #303030;
margin-top: -6px;
box-shadow: inset 0 2px rgba(0, 0, 0, 0.09);

}
.ico_menu::before {
content: "\e83d";
}

.m2::before {
content: "\e815";
}
.m3::before {
content: "\e82a";
}
.m4::before {
content: "\e825";
}
.m5::before {
content: "\e81b";
}

.ico_menu {
font: normal 20px icomoon;
position: relative;
color: ##8F8F8F;

float: right;
padding-right: 7px;
margin-top: 5px;
color: #888888;
text-align: center;
-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;
}



.yahoo {
float: left;
padding: 0px 10px;
background: rgba(242, 99, 95, 1);
height: 35px;
margin-left: 50px;
color: #FCFCFC;
font-family: tahoma;
border-radius: 100px;
margin: 15px;
line-height: 33px;
font-size: 16px;
-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;
}



.ico_y {
font: normal 25px icomoon;
position: relative;
color: #fff;
float: left;
text-align: center;
margin-right: 5px;
top: 5px;
}

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

.logo{
	background:url(../images/logo.png) no-repeat;
	width:465px;
	height:149px;
	margin:20px auto;
	cursor:pointer;
}


.main {
width: 700px;
min-height: 400px;
height: auto;
background: rgba(255, 255, 255, 0.91);
margin: 0px auto;
box-shadow: 0px 0px 05px 2px rgba(0, 0, 0, 0.05);
padding: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
display: table;
}

.onvan {
background: #303030;
padding: 10px;
border-radius: 3px;
color: rgba(255, 255, 255, 0.94);
text-align: right;
}

.ico_onvan {
font: normal 28px icomoon;
position: relative;
color: #fff;
float: right;
text-align: center;
margin-left: 7px;
background: rgba(255, 255, 255, 0.19);
padding: 4px;
border-radius: 2px;
margin: -4px -4px 15px 7px;
}
.ico_onvan::before {
content: "\e6e5";
}


.inner {
float: right;
/* display: table; */
/* background: rgba(0, 0, 0, 0.65); */
border-radius: 5px;
/* padding: 20px 20px; */
margin: 30px -50px;
}
.tf-user, .tf-pass, .select {
background: rgba(0, 0, 0, 0.03) 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;
/* box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.05); */
border: solid 1px rgba(0, 0, 0, 0.04);
}

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

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


.btn {
cursor: pointer;
background: #F2635F;
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: 0px 0px 6px 1px rgba(0, 0, 0, 0.11);
border-radius: 3px;
/* border: solid 1px #000; */
margin-right: 2px;
}
.btn:hover {
background: #93C7B0;
box-shadow: none;
}



.shabake {
background: #D22E66;
float: left;
width: 520px;
height: 196px;
margin: 10px 0px;
border-radius: 3px;
}


.sh {
float: left;
margin: -5px 0px;
}
.icon {
font: normal 35px icomoon;
position: relative;
color: #D7D7D7;
line-height: 173px;
-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(237, 241, 239, 1);
width: 55px;
height: 175px;
text-align: center;
margin: 35px 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;
border: solid 1px rgba(0, 0, 0, 0);
}
.sh li:hover {
background: #FFFFFF;
border: solid 1px #93C7B0;
}

.sh li:hover .icon{
	color:#93C7B0;
}

.sh li a {
display: block;
}

.icon:hover{
	
}


.onv2 {
clear: both;
background: #F2635F;
}

.icv2::before {
content: "\e612";
}

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


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.04);
position: absolute;
clear: both;
/* margin: -15px 40px; */
text-align: center;
margin-top: -15px;
height: 180px;
width: 140px;
line-height: 179px;
margin-left: 9px;
}

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


.footer {
width: 700px;
min-height: 30px;
height: auto;
background: rgba(255, 255, 255, 0.91);
margin: 10px auto;
box-shadow: 0px 0px 05px 2px rgba(0, 0, 0, 0.05);
padding: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
display: table;
}

.cp {
color: #8E8E8E;
text-align: right;
direction: ltr;
font-size: 14px;
margin: 4px 0px;
font-family: tahoma;
font-weight: 200;
float: left;
}

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

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

.cp a{
	color:#F2635F;
}


.text {
float: right;
font-family: tahoma;
margin: 4px 5px;
color: rgba(142, 142, 142, 1);
}