@font-face{
font-family:'Byekan';
src:url(../fonts/BYekan.ttf) format("truetype");
font-style:normal;
font-weight:400
}

@font-face{
font-family:'Yekan';
src:url(../fonts/Yekan.woff) format("woff");
font-style:normal;
font-weight:400
}

@font-face{
font-family:'icomoon';
src:url(../fonts/icomoon3c88.woff?-n2bcf6) format("woff");
font-weight:400;
font-style:normal
}

[class^="icon-"],[class*=" icon-"]{
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

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

:focus{
outline:0
}

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

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

li{
margin:0;
padding:0
}

.border{
background:url(../images/line.jpg) repeat-x;
height:8px;
display:block
}

.main{
width:760px;
height:auto;
margin:auto;
margin-top:5px;
border:solid 2px #333;
display:table
}

.pic{
background:url(../images/pic.jpg) no-repeat;
width:600px;
height:395px;
float:right;
margin:5px
}

.menu{
position:relative;
border:solid 5px #000;
border-bottom:0
}

.menu a{
display:block;
color:#fff
}

.menu li{
text-align:center;
padding:9px 0;
background:#2b2b2b;
width:144px;
font-size:14px;
border-bottom:5px solid #000;
moz-transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in
}

.menu li:hover{
box-shadow:inset 0 50px #92c219
}

li.rej:hover{
box-shadow:inset 0 180px #92c219
}

li.rej{
padding:35px 0;
background:#ca3636
}

.ico_rej::before{
content:"\e70d"
}

.ico_rej{
font:normal 40px icomoon;
margin:auto;
display:table
}

.vorod{
width:760px;
margin:5px auto;
height:auto;
display:table;
background:#fff
}

.inner{
margin:20px;
float:right;
direction:rtl;
width:45%
}

.tf-user,.tf-pass,.select{
background:#4d4d4d url(../images/5456.png) right center no-repeat;
height:50px;
width:94%;
border:0;
font-size:14px;
text-align:right;
font-family:bYekan,tahoma;
color:#ccc;
direction:rtl;
text-indent:35px;
display:block
}

.select{
background:#4d4d4d url(../images/d.png) right center no-repeat!important
}

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

.btn{
cursor:pointer;
background:#ca3636;
font-family:Yekan,tahoma;
color:rgba(255,255,255,.82);
font-size:16px;
border:0;
width:68%;
height:50px;
float:right;
-moz-transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in
}

a.baz{
background:#92c219;
font-family:Yekan,tahoma;
color:rgba(255,255,255,.82);
font-size:16px;
float:right;
height:50px;
-moz-transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
margin:10px;
width:23%;
text-align:center;
line-height:42px
}

.btn:hover{
box-shadow:inset 0 50px rgba(0,0,0,.2)
}

.baz:hover{
box-shadow:inset 0 50px rgba(0,0,0,.2)
}

ul.list{
margin:15px
}

ul.list li{
float:right
}

.ico_list{
font:normal 16px icomoon;
top:0;
position:relative;
float:right;
padding:7px
}

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

.gh{
padding-bottom:15px;
background:#fff;
color:rgba(0,0,0,.58)
}

ul.list li:hover .ico_list::before{
content:"\e77c"
}

.img{
font:normal 100px icomoon;
color:rgba(255,255,255,1);
position:absolute;
clear:both;
background:#10aecc;
text-align:center;
margin-top:-15px;
height:180px;
width:140px;
line-height:179px;
box-shadow:inset 0 0 0 5px #fff
}

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

span.on{
background:#be004c;
font:18px tahoma;
width:80px;
height:80px;
display:block;
text-align:center;
line-height:4;
color:#fff;
float:right;
margin:-21px;
border:solid #000 8px;
position:relative;
z-index:2;
border-radius:100%;
overflow:hidden;
text-shadow:#a20041 1px 1px,#a20041 2px 2px,#a20041 3px 3px,#a20041 4px 4px,#a20041 5px 5px,#a20041 6px 6px,#a20041 7px 7px,#a20041 8px 8px,#a20041 9px 9px,#a20041 10px 10px,#a20041 11px 11px,#a20041 12px 12px,#a20041 13px 13px,#a20041 14px 14px,#a20041 15px 15px,#a20041 16px 16px,#a20041 17px 17px,#a20041 18px 18px,#a20041 19px 19px,#a20041 20px 20px,#a20041 21px 21px,#a20041 22px 22px,#a20041 23px 23px,#a20041 24px 24px,#a20041 25px 25px,#a20041 26px 26px,#a20041 27px 27px,#a20041 28px 28px,#a30041 29px 29px,#a40041 30px 30px,#a40042 31px 31px,#a50042 32px 32px,#a60042 33px 33px,#a60042 34px 34px,#a70043 35px 35px,#a80043 36px 36px,#a80043 37px 37px,#a90043 38px 38px,#a04 39px 39px,#a04 40px 40px,#ab0044 41px 41px,#ac0044 42px 42px,#ac0045 43px 43px,#ad0045 44px 44px,#ae0045 45px 45px,#ae0045 46px 46px,#af0046 47px 47px,#b00046 48px 48px,#b00046 49px 49px,#b10047 50px 50px,#b20047 51px 51px,#b20047 52px 52px,#b30047 53px 53px,#b40048 54px 54px,#b40048 55px 55px,#b50048 56px 56px,#b60048 57px 57px,#b60049 58px 58px,#b70049 59px 59px,#b80049 60px 60px,#b80049 61px 61px,#b9004a 62px 62px,#ba004a 63px 63px,#ba004a 64px 64px,#bb004a 65px 65px,#bc004b 66px 66px,#bc004b 67px 67px,#bd004b 68px 68px,#be004c 69px 69px
}

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

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

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

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

.cp a{
color:#F90
}

.sh{
float:left
}

.icon{
font:normal 30px icomoon;
position:relative;
color:#fff
}

.icon::before{
content:"\e795"
}

.go::before{
content:"\e6a8"
}

.tw::before{
content:"\e6a9"
}

.in::before{
content:"\e6af"
}

.sh li{
float:left;
padding:3px;
color:#fff
}

.icon:hover{
color:#10d0e1
}

.bb{
background:url(../images/bb.jpg) no-repeat;
width:375px;
height:213px;
position:absolute
}