html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, block, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 12px;
background : transparent;
}

body {
font-family : tahoma, sans-serif;
color : #333333;
line-height : 1.7;
text-align:right;
background:url('../image/bg.png');
}

h2, #hidden {
display : none;
width : 0;
height : 0;
}

hr {
display : block;
position : relative;
padding : 0;
margin : 8px auto;
width : 95%;
clear : both;
border : none;
font-size : 1px;
line-height : 0;
overflow : visible;
}

DIV {
border-top-style : none;
border-right-style : none;
border-left-style : none;
border-bottom-style : none;
padding : 0;
margin : 0;
overflow: hidden;
}

*{
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
}

a, a:link {
text-decoration : none;
color : #414141;
}

a:hover {
color : #585858;
}

img {
border-style : none;
}


.main-box{
-webkit-animation:load2 5s ease-out;
-moz-animation:load2 5s ease-out;
opacity:1.0;
}

.main-box{
height:100px;
position:absolute;
top:40%;
bottom:60%;
right:230px;
left:230px;
color:#fff;
padding:22px;
border-radius:5px;
text-align:center;
}

.fa:hover,.fa:visited,.fa:link{
display:block;
position:absolute;
right:0;
bottom:55%;
top:45%;
height:38px;
width:200px;
background: none repeat scroll 0 0 #C00303;
box-shadow: 0 -20px 20px #A50000 inset;
color:#fff;
font-size:22px;
font-family:"b yekan";
text-align:center;
padding:25px;
text-shadow:1px 1px 0 #AF0101;
}


.en:hover,.en:visited,.en:link{
display:block;
position:absolute;
left:0;
bottom:55%;
top:45%;
height:38px;
width:200px;
background: none repeat scroll 0 0 #C00303;
box-shadow: 0 -20px 20px #A50000 inset;
color:#fff;
font-size:22px;
font-family:"b yekan";
text-align:center;
padding:25px;
text-shadow:1px 1px 0 #AF0101;
}

.fa:hover,.en:hover{
padding-right:35px;
padding-left:35px;
width:220px;
}
.fa:hover,.fa:visited,.fa:link{
right:0;
direction:rtl;
}


.en:hover,.en:visited,.en:link{
left:0;
direction:ltr;
}


.timer{
background:none;
text-align:center;
width:15px;
color:#fff;
border:0 solid #333;
font-size:11px;
padding:5px;
}

.hedesh{
-webkit-animation:load 5s ease-out;
-moz-animation:load 5s ease-out;
position:absolute;
top:40%;
bottom:60%;
height:100px;
right:300px;
left:300px;
background:url('load.gif') no-repeat center center;
z-index:1000;
opacity:0.0;
color:#fff;
text-align:center;
}

@-webkit-keyframes load {
0% {opacity:1.0;}
25% {opacity:1.0;}
50% {opacity:1.0;}
100% {opacity:0.0;}
}
@-moz-keyframes load {
0% {opacity:1.0;right:0px;left:0px;}
25% {opacity:1.0;right:0px;left:0px;}
90% {opacity:1.0;right:0px;left:0px;}
100% {opacity:0.0;right:300px;left:300px;}
}

@-webkit-keyframes load2 {
0% {opacity:0.0;right:0px;left:0px;}
25% {opacity:0.0;right:0px;left:0px;}
90% {opacity:0.0;right:0px;left:0px;}
100% {opacity:1.0;right:300px;left:300px;}
}
@-moz-keyframes load2 {
0% {opacity:0.0;}
25% {opacity:0.0;}
50% {opacity:0.0;}
100% {opacity:1.0;}
}