@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: 'AGoogle';
font-size: 13px;
margin:0px;
background:#000 url(../images/bg.png) repeat;
border-top: 5px solid #F50045;
border-bottom:5px solid #F50045;


}

*:focus {
outline:none;
}

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

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



.main {
width: 760px;
height: auto;
margin: auto;
margin-top: 50px;
border: dashed 2px rgba(255, 255, 255, 0.1);
padding: 5px;
display: table;

}

.pm {
display: block;
width: 100%;
height: 35px;
background: rgba(248, 0, 87, 0.26) none repeat scroll 0% 0%;
margin-bottom: 10px;
text-align: right;
float: right;
color: #fff;
font-size: 16px;
line-height: 30px;
font-family: AGoogle;
text-shadow: 1px 1px rgba(0, 0, 0, 0.12);
border-top: 2px solid #DC0156;
border-radius: 0px 0px 5px 5px;
}
.ico_pm::before {
content: "\e6e5";
}
.ico_pm {
font: normal 24px icomoon;
color: #fff;
top: 0px;
position: relative;
float: right;
padding: 5px;
}

.pic{
	background:url(../images/pic.png) no-repeat;
	width:450px;
	height:393px;
	float:left;
}

.box {
float: right;
width: 300px;
max-height: 393px;
display:block;
}
.pm2::before {
content: "\e6e6";
}
.login {
color: #fff;
text-align: right;
background: #F50045 none repeat scroll 0% 0%;
float: right;
display: block;
width: 100%;
font-family: AGoogle;
line-height: 37px;
text-shadow: 1px 1px 1px #000;
height: 39px;
border-radius: 7px 2px 7px 2px;
border-top: 2px solid #FFF;

}

.inner {
position: relative;
margin: 20px auto;
color: #FFF;
text-align: center;
top: 20px;
}

.select {
background: #fff url(../images/d.png) right center no-repeat;
width: 225px;
height: 35px;
border-radius: 3px;
border: 0px;
text-shadow: 0px 0px 4px #F00;
padding: 0px 10px;
padding-right: 35px;
font-size: 13px;
text-align: right;
font-family: AGoogle;
color: #000;
direction: rtl;
	padding-right:35px;
}

.tf-user, .tf-pass {
background: #fff url(../images/5456.png) right center no-repeat;
width: 180px;
height: 35px;
border-radius: 3px;
border: 0px;
padding: 0px 10px;
padding-right: 35px;
font-size: 13px;
text-align: right;
font-family: AGoogle;
color: #000;
direction: rtl;
text-shadow : 0px 0px 4px #F00
}

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


.btn {
cursor: pointer;
background: #FC0047 none repeat scroll 0% 0%;
border: 1px solid #FFF;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.26);
font-family: AGoogle;
color: rgba(0, 0, 0, 0.8);
position: relative;
font-size: 16px;
height: 40px;
border-radius: 5px;
padding: 0px 20px;
-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;
}
.btn:hover {
background: #000 none repeat scroll 0% 0%;
color: white;
}



hr.line {
border: dashed 1px #0E0E0E;
position: relative;
top: 20px;
}

.link {
float: right;
text-align: right;
margin: 40px 20px;
}

.link a {
display: inherit;
background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%;
margin-bottom: 4px;
padding: 0px 5px;
border-right: 4px solid #FF0036;
color: #FFF;
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;
text-align: center;
}
.link a:hover {

border-right: solid 6px rgba(185, 63, 63, 1);

}

.menu {
width: 760px;
height: 25px;
margin: 5px auto;
border-bottom: dashed 2px rgba(255, 255, 255, 0.1);
padding: 2px 5px;

}

.menu ul li {
display: inline-flex;
float: right;
margin: 0px 5px;
padding: 0px 3px;
}

.menu ul li a{
	color:#fff;
}

.menu ul li a:hover{
	color:#EE8C8C;
}

.menu ul li {
display: inline-flex;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 11px;
border-left: dashed 1px #252525;
font-size: 13px;
line-height: 20px;
}


span.on {
color: #fff;
line-height: 25px;
font-size: 15px;
float:left;
padding: 4px 7px 6px;
background: #DC0156 none repeat scroll 0% 0%;
border-radius: 0px 0px 0px 5px;
font-family: AGoogle;
}

.footer {
height: 38px;
background: rgba(248, 0, 87, 0.26) none repeat scroll 0% 0%;
clear: both;
width: 760px;
margin: 5px auto;
padding: 0px 5px;
margin-top:4px;
border-top: 2px solid #DC0156;
border-radius: 0px 0px 9px 9px;
}


.error {
float: right;
text-align: right;
position: relative;
right: 10px;
top: 3px;
color: #D3D3D3;
font-size: 15px;
}

.cop {
float: left;
left: 10px;
}