@font-face {
    font-family:'BYekan';/*تعریف یک نام برای فونت*/
    src:url('font/BYekan.eot');/*اکسپلورر 9 به بعد*/
    src:local('bYekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
	    local('b Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
		url('font/BYekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
	    url('font/BYekan.woff') format('woff'),/*مرورگر های جدید*/
	    url('font/BYekan.ttf') format('truetype');/*تمام مرورگرها به جزء اکسپلورر*/
	    /*url('font/BYekan.svg#BYekan') format('svg');*//*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
	font-weight:normal;
}    
body {
	margin: 0;
	padding: 0;
    background: url('bg.jpg');
    direction:rtl;
 }
  #background 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto; 
	 width: 1283px;
     min-height:750px;
	 overflow: hidden;
	 z-index:0;
	} 
 

 #gerd 
{ 
	 left: 126px; 
	 top: 29px; 
	 position: absolute; 
	 width: 1031px;
	 height: 695px;
	 z-index:3;
} 

 #sherkat 
{ 
	 left: 252px; 
	 top: 202px; 
	 position: absolute; 
	 width: 548px;
	 height: 282px;
	 z-index:4;
} 

 #tireBargh 
{ 
	 left: 813px; 
	 top: 72px; 
	 position: absolute; 
	 width: 150px;
	 height: 265px;
	 z-index:5;
} 

 #shomare 
{ 
	 left: 464px; 
	 top: 690px; 
	 position: absolute; 
	 width: 159px;
	 height: 18px;
	 z-index:6;
} 

 #site 
{ 
	 left: 661px; 
	 top: 689px; 
	 position: absolute; 
	 width: 159px;
	 height: 21px;
	 z-index:7;
} 

 #dayere 
{ 
	 left: 631px; 
	 top: 690px; 
	 position: absolute; 
	 width: 20px;
	 height: 20px;
	 z-index:8;
} 

 
 #tahlil2 
{ 
	 left: 286px; 
	 top: 364px; 
	 position: absolute; 
	 width: 92px;
	 height: 212px;
	 z-index:9;
} 

 #forosh2 
{ 
	 left: 906px; 
	 top: 325px; 
	 position: absolute; 
	 width: 92px;
	 height: 251px;
	 z-index:10;
} 

 #persenel2 
{ 
	 left: 389px; 
	 top: 390px; 
	 position: absolute; 
	 width: 92px;
	 height: 186px;
	 z-index:11;
} 

 #moshtarakin2 
{ 
	 left: 803px; 
	 top: 243px; 
	 position: absolute; 
	 width: 92px;
	 height: 333px;
	 z-index:12;
} 

 #shakhes2 
{ 
	 left: 493px; 
	 top: 219px; 
	 position: absolute; 
	 width: 92px;
	 height: 357px;
	 z-index:13;
} 

 #bahre2 
{ 
	 left: 699px; 
	 top: 141px; 
	 position: absolute; 
	 width: 92px;
	 height: 435px;
	 z-index:14;
} 

 #talafat2 
{ 
	 left: 596px; 
	 top: 356px; 
	 position: absolute; 
	 width: 92px;
	 height: 220px;
	 z-index:15;
} 

 #mask 
{ 
	 left: 229px; 
	 top: 515px; 
	 position: absolute; 
	 width: 836px;
	 height: 143px;
	 z-index:16;
} 

 #forosh1 
{ 
	 left: 906px; 
	 top: 515px; 
	 position: absolute; 
	 width: 202px;
	 height: 84px;
	 z-index:17;
} 

 #forosh3 
{ 
	 left: 988px; 
	 top: 599px; 
	 position: absolute; 
	 width: 120px;
	 height: 116px;
	 z-index:18;
     cursor:pointer;
} 

 #tahlil1 
{ 
	 left: 176px; 
	 top: 515px; 
	 position: absolute; 
	 width: 202px;
	 height: 84px;
	 z-index:19;
} 

 #tahlil3 
{ 
	 left: 176px; 
	 top: 599px; 
	 position: absolute; 
	 width: 120px;
	 height: 116px;
	 z-index:20;
     cursor:pointer;
} 

 #moshtarakin1 
{ 
	 left: 803px; 
	 top: 515px; 
	 position: absolute; 
	 width: 170px;
	 height: 84px;
	 z-index:21;
} 

 #moshtarakin3 
{ 
	 left: 853px; 
	 top: 599px; 
	 position: absolute; 
	 width: 120px;
	 height: 116px;
	 z-index:22;
     cursor:pointer;
} 

 #persenel1 
{ 
	 left: 311px; 
	 top: 515px; 
	 position: absolute; 
	 width: 170px;
	 height: 84px;
	 z-index:23;
} 

 #persenel3 
{ 
	 left: 311px; 
	 top: 599px; 
	 position: absolute; 
	 width: 120px;
	 height: 116px;
	 z-index:24;
     cursor:pointer;
} 

 #bahre1 
{ 
	 left: 699px; 
	 top: 515px; 
	 position: absolute; 
	 width: 138px;
	 height: 84px;
	 z-index:25;
} 

 #bahre3 
{ 
	 left: 717px; 
	 top: 599px; 
	 position: absolute; 
	 width: 120px;
	 height: 116px;
	 z-index:26;
     cursor:pointer;
} 

 #shakhes1 
{ 
	 left: 447px; 
	 top: 515px; 
	 position: absolute; 
	 width: 138px;
	 height: 84px;
	 z-index:27;
} 

 #shakhes3 
{ 
	 left: 447px; 
	 top: 599px; 
	 position: absolute; 
	 width: 120px;
	 height: 116px;
	 z-index:28;
     cursor:pointer;
} 

 #talafat1 
{ 
	 left: 582px; 
	 top: 515px; 
	 position: absolute; 
	 width: 120px;
	 height: 84px;
	 z-index:29;
} 

 #talafat3 
{ 
	 left: 582px; 
	 top: 599px; 
	 position: absolute; 
	 width: 120px;
	 height: 116px;
	 z-index:30;
     cursor:pointer;
} 

 #chart 
{ 
	 left: 566px; 
	 top: 434px; 
	 position: absolute; 
	 width: 184px;
	 height: 142px;
	 z-index:30;
} 

 #logo 
{ 
	 left: 593px; 
	 top: 44px; 
	 position: absolute; 
	 width: 92px;
	 height: 86px;
	 z-index:25;
} 

 #yed 
{ 
	 left: 592px; 
	 top: 129px; 
	 position: absolute; 
	 width: 92px;
	 height: 64px;
	 z-index:26;
} 

 #parcham 
{ 
	 left: 276px; 
	 top: 106px; 
	 position: absolute; 
	 width: 206px;
	 height: 181px;
	 z-index:27;
}
 #pageBG 
{ 
	 left: 152px; 
	 top: 205px; 
     opacity:0;
	 position: absolute; 
	 width: 980px;
	 height: 613px;
	 z-index:4;
} 
  #peyktitle 
{ 
	 left: 705px; 
	 top: 97px;
     opacity:0;
	 position: absolute; 
	 width: 328px;
	 height: 92px;
	 z-index:7;
} 

 #pageback 
{ 
	 left: 252px; 
	 top: 97px; 
     opacity:0;
	 position: absolute; 
	 width: 327px;
	 height: 92px;
	 z-index:7;
     cursor:pointer;
} 
  .area {
  padding: 1rem;
  height: 430px;
  width:920px;
  overflow: auto;
  font-family:BYekan;
  text-align:justify;
  margin:10px;
  float:left;
  margin-top:60px;

}
.area p {
    padding-top:0px;
    margin-top:0px;
}
.content_title {
    width:501px;
    height:68px;
    background:url('titleBG.png');
    font-family: BYekan;
    line-height: 32px;
    text-indent: 55px;
    font-size: 24px;
}