.latter .fnt_box:nth-child(10n+4),
.latter .fnt_box:nth-child(10n+5),
.latter .fnt_box:nth-child(10n+6),
.latter .fnt_box:nth-child(10n+7),
.latter .fnt_box:nth-child(10n+8),
.latter .fnt_box:nth-child(10n+9),
.latter .fnt_box:nth-child(10n+10)
    {width: 0em;border:none}
.latter{Height: 12em;float: right;Width: 3.3em}

/****** noon *********/ 
.latter.ن {width: 2.3em;background: #000;}
.latter.ن .fnt_box:nth-child(10n+1),
.latter.ن .fnt_box:nth-child(10n+3)
    {width: 0.5em;}
.latter.ن .fnt_box:nth-child(42),
.latter.ن .fnt_box:nth-child(52),
.latter.ن .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.ن .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/
/****** noon *********/

/****** Space *********/ 

.latter.space {width: 2.3em;background: #000;}
.latter.space .fnt_box:nth-child(10n+1),
.latter.space .fnt_box:nth-child(10n+3)
    {width: 0.5em;}
	
/****** Space *********/ 	

/****** zai *********/ 

.latter.ز {width: 2.3em;background: #000;}
.latter.ز .fnt_box:nth-child(10n+1),
.latter.ز .fnt_box:nth-child(10n+3)
    {width: 0.5em;}

.latter.ز .fnt_box:nth-child(42),
.latter.ز .fnt_box:nth-child(52),
.latter.ز .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.ز .fnt_box:nth-child(10n+172){background-color: #400} /*2+(8*6)*/

/****** zai *********/

/****** Alif *********/ 

.latter.ا {width: 2.3em;background: #000;}
.latter.ا .fnt_box:nth-child(10n+1),
.latter.ا .fnt_box:nth-child(10n+3)
    {width: 0.5em;}
	
.latter.ا .fnt_box:nth-child(10n+22 ){background-color: #fff} /*2+(5*6)*/
.latter.ا .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/


/****** Alif *********/

/****** Ra2 *********/ 

.latter.ر {width: 2.3em;background: #000;}
.latter.ر .fnt_box:nth-child(10n+1),
.latter.ر .fnt_box:nth-child(10n+3) 
    {width: 0.5em;}

.latter.ر .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.ر .fnt_box:nth-child(10n+172){background-color: #400} /*2+(8*6)*/


/****** Ra2 *********/

/****** ba2  *********/ 
.latter.ب {width: 2.3em;background: #000;}
.latter.ب .fnt_box:nth-child(10n+1),
.latter.ب .fnt_box:nth-child(10n+3)
    {width: 0.5em;}
.latter.ب .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.ب .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/

.latter.ب .fnt_box:nth-child(122),
.latter.ب .fnt_box:nth-child(132)
{background-color: #fff} 
/****** ba2 *********/

/****** ba2 End *********/ 
.latter.ب.end {width: 6.6em;background: #fff960;}
.latter.ب.end  .fnt_box:nth-child(10n+1),
.latter.ب.end  .fnt_box:nth-child(10n+7)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.ب.end  .fnt_box:nth-child(10n+3),
.latter.ب.end  .fnt_box:nth-child(10n+4),
.latter.ب.end  .fnt_box:nth-child(10n+5),
.latter.ب.end  .fnt_box:nth-child(10n+6)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
.latter.ب.end .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.ب.end .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/

.latter.ب.end .fnt_box:nth-child(96),
.latter.ب.end .fnt_box:nth-child(103),
.latter.ب.end .fnt_box:nth-child(104),
.latter.ب.end .fnt_box:nth-child(105),
.latter.ب.end .fnt_box:nth-child(106),
.latter.ب.end .fnt_box:nth-child(124),
.latter.ب.end .fnt_box:nth-child(134)
{background-color: #fff} 
/****** ba2 End *********/ 

/****** Geem  *********/ 
.latter.ج {width: 4.4em;background: #000;}
.latter.ج .fnt_box:nth-child(10n+1),
.latter.ج .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 
.latter.ج .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}

.latter.ج .fnt_box:nth-child(10n+82 ),
.latter.ج .fnt_box:nth-child(10n+82 ),
.latter.ج .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.ج .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/

.latter.ج .fnt_box:nth-child(83),
.latter.ج .fnt_box:nth-child(103),
.latter.ج .fnt_box:nth-child(104),
.latter.ج .fnt_box:nth-child(122),
.latter.ج .fnt_box:nth-child(132)
{background-color: #fff} 
/****** Geem *********/

/****** Dal  *********/ 
.latter.د {width: 4.4em;background: #000;}
.latter.د .fnt_box:nth-child(10n+1),
.latter.د .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 
.latter.د .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}

.latter.د .fnt_box:nth-child(10n+82 ),
.latter.د .fnt_box:nth-child(10n+82 ),
.latter.د .fnt_box:nth-child(103),
.latter.د .fnt_box:nth-child(104),
.latter.د .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.د .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/

/****** dal *********/


/****** ha2 *********/
.latter.ه {width: 4.4em;background: #000;}
.latter.ه .fnt_box:nth-child(10n+1),
.latter.ه .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.ه .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.ه .fnt_box:nth-child(10n+82),
.latter.ه .fnt_box:nth-child(83),
.latter.ه .fnt_box:nth-child(103),
.latter.ه .fnt_box:nth-child(10n+84)
	{background-color: #fff} /*2+(5*6)*/ 
	
.latter.ه .fnt_box:nth-child(10n+112),
.latter.ه .fnt_box:nth-child(10n+114)
	{background-color: #400} /*2+(8*6)*/

/****** ha2 *********/

/****** wow *********/
.latter.و {width: 4.4em;background: #000;}
.latter.و .fnt_box:nth-child(10n+1),
.latter.و .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.و .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.و .fnt_box:nth-child(10n+82),
.latter.و .fnt_box:nth-child(83),
.latter.و .fnt_box:nth-child(103),
.latter.و .fnt_box:nth-child(10n+84)
	{background-color: #fff} /*2+(5*6)*/ 
	
.latter.و .fnt_box:nth-child(10n+172),
.latter.و .fnt_box:nth-child(10n+114)
	{background-color: #400} /*2+(8*6)*/

/****** wow *********/ 

/****** lam *********/ 

.latter.ل {width: 2.3em;background: #000;}
.latter.ل .fnt_box:nth-child(10n+1),
.latter.ل .fnt_box:nth-child(10n+3)
    {width: 0.5em;}
	
.latter.ل .fnt_box:nth-child(10n+22 ){background-color: #fff} /*2+(5*6)*/
.latter.ل .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/


/****** lam *********/

/****** seen *********/ 

.latter.س {width: 5.5em;background: #000;}
.latter.س .fnt_box:nth-child(10n+1),
.latter.س .fnt_box:nth-child(10n+3),
.latter.س .fnt_box:nth-child(10n+5),
.latter.س .fnt_box:nth-child(10n+7)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 
.latter.س .fnt_box:nth-child(10n+4),
.latter.س .fnt_box:nth-child(10n+6)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.س .fnt_box:nth-child(10n+82),
.latter.س .fnt_box:nth-child(10n+84),
.latter.س .fnt_box:nth-child(10n+86)
	{background-color: #fff} /*2+(5*6)*/
.latter.س .fnt_box:nth-child(10n+112),
.latter.س .fnt_box:nth-child(10n+114),
.latter.س .fnt_box:nth-child(10n+116)
	{background-color: #400} /*2+(8*6)*/

/****** seen *********/

/****** Ha2  *********/ 
.latter.ح {width: 4.4em;background: #000;}
.latter.ح .fnt_box:nth-child(10n+1),
.latter.ح .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 
.latter.ح .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}

.latter.ح .fnt_box:nth-child(10n+82 ),
.latter.ح .fnt_box:nth-child(10n+82 ),
.latter.ح .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/
.latter.ح .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/
		
.latter.ح .fnt_box:nth-child(83),
.latter.ح .fnt_box:nth-child(103),
.latter.ح .fnt_box:nth-child(104)
{background-color: #fff} 
/****** Ha2 *********/

/****** ta2  *********/ 
.latter.ط {width: 5.4em;background: #000;}
.latter.ط .fnt_box:nth-child(10n+1),
.latter.ط .fnt_box:nth-child(10n+6)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}

.latter.ط .fnt_box:nth-child(10n+2),
.latter.ط .fnt_box:nth-child(10n+3),
.latter.ط .fnt_box:nth-child(10n+4),
.latter.ط .fnt_box:nth-child(10n+5)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}


.latter.ط .fnt_box:nth-child(10n+24 ),
.latter.ط .fnt_box:nth-child(10n+82 ),
.latter.ط .fnt_box:nth-child(83),
.latter.ط .fnt_box:nth-child(103),
.latter.ط .fnt_box:nth-child(105),
.latter.ط .fnt_box:nth-child(10n+82 )
{background-color: #fff} /*2+(5*6)*/
.latter.ط .fnt_box:nth-child(10n+114),
.latter.ط .fnt_box:nth-child(10n+112){background-color: #400} /*2+(8*6)*/

/****** Ta2 *********/


/****** ya2 *********/ 

.latter.ي {width: 2.3em;background: #000;}
.latter.ي .fnt_box:nth-child(10n+1),
.latter.ي .fnt_box:nth-child(10n+3)
    {width: 0.5em;}
	
.latter.ي .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/

.latter.ي .fnt_box:nth-child(112),
.latter.ي .fnt_box:nth-child(142),
.latter.ي .fnt_box:nth-child(10n+172){background-color: #400} /*2+(8*6)*/

/****** ya2 *********/

/****** ya2 END *********/ 

.latter.ي {width: 2.3em;background: #000;}
.latter.ي .fnt_box:nth-child(10n+1),
.latter.ي .fnt_box:nth-child(10n+3)
    {width: 0.5em;}
	
.latter.ي .fnt_box:nth-child(10n+82 ){background-color: #fff} /*2+(5*6)*/

.latter.ي .fnt_box:nth-child(112),
.latter.ي .fnt_box:nth-child(142),
.latter.ي .fnt_box:nth-child(10n+172){background-color: #400} /*2+(8*6)*/

/****** ya2 END *********/

/****** mem  *********/ 

.latter.م {width: 4.5em;background: #000;}
.latter.م .fnt_box:nth-child(10n+1),
.latter.م .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.م .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.م .fnt_box:nth-child(10n+82),
.latter.م .fnt_box:nth-child(83),
.latter.م .fnt_box:nth-child(10n+84)
	{background-color: #fff} /*2+(5*6)*/
	
.latter.م .fnt_box:nth-child(10n+112),
.latter.م .fnt_box:nth-child(10n+114)
	{background-color: #400} /*2+(8*6)*/


/****** mem *********/



/****** mem end *********/ 

.latter.م.end {width: 4.4em;background: #000;}
.latter.م.end .fnt_box:nth-child(10n+1),
.latter.م.end .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.م.end .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.م.end .fnt_box:nth-child(10n+82),
.latter.م.end .fnt_box:nth-child(83),
.latter.م.end .fnt_box:nth-child(10n+84)
	{background-color: #fff} /*2+(5*6)*/
	
.latter.م.end .fnt_box:nth-child(10n+112),
.latter.م.end .fnt_box:nth-child(10n+174)
	{background-color: #400} /*2+(8*6)*/


/****** mem end *********/


/****** mem  *********/ 

.latter.ع {width: 4.5em;background: #000;}
.latter.ع .fnt_box:nth-child(10n+1),
.latter.ع .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.ع .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.ع .fnt_box:nth-child(83),
.latter.ع .fnt_box:nth-child(103),
.latter.ع .fnt_box:nth-child(102),
.latter.ع .fnt_box:nth-child(10n+84)
	{background-color: #fff} /*2+(5*6)*/
	
.latter.ع .fnt_box:nth-child(10n+112),
.latter.ع .fnt_box:nth-child(10n+114)
	{background-color: #400} /*2+(8*6)*/


/****** mem *********/

/****** ta2 mrbota *********/ 

.latter.ة {width: 4.4em;background: #000;}
.latter.ة .fnt_box:nth-child(10n+1),
.latter.ة .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.ة .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.ة .fnt_box:nth-child(10n+82),
.latter.ة .fnt_box:nth-child(42),
.latter.ة .fnt_box:nth-child(52),
.latter.ة .fnt_box:nth-child(44),
.latter.ة .fnt_box:nth-child(54),
.latter.ة .fnt_box:nth-child(83),
.latter.ة .fnt_box:nth-child(103),
.latter.ة .fnt_box:nth-child(10n+84)
	{background-color: #fff} /*2+(5*6)*/ 
	
.latter.ة .fnt_box:nth-child(10n+112),
.latter.ة .fnt_box:nth-child(10n+114)
	{background-color: #400} /*2+(8*6)*/

/****** Ta2 Marbota *********/


/****** ta2 mrbota *********/ 

.latter.ق {width: 4.4em;background: #000;}
.latter.ق .fnt_box:nth-child(10n+1),
.latter.ق .fnt_box:nth-child(10n+5)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 

.latter.ق .fnt_box:nth-child(10n+4)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.ق .fnt_box:nth-child(10n+82),
.latter.ق .fnt_box:nth-child(42),
.latter.ق .fnt_box:nth-child(52),
.latter.ق .fnt_box:nth-child(44),
.latter.ق .fnt_box:nth-child(54),
.latter.ق .fnt_box:nth-child(83),
.latter.ق .fnt_box:nth-child(103),
.latter.ق .fnt_box:nth-child(10n+84)
	{background-color: #fff} /*2+(5*6)*/ 
	
.latter.ق .fnt_box:nth-child(10n+112),
.latter.ق .fnt_box:nth-child(10n+114)
	{background-color: #400} /*2+(8*6)*/

/****** Ta2 Marbota *********/


/****** seen *********/ 

.latter.ش {width: 5.5em;background: #000;}
.latter.ش .fnt_box:nth-child(10n+1),
.latter.ش .fnt_box:nth-child(10n+3),
.latter.ش .fnt_box:nth-child(10n+5),
.latter.ش .fnt_box:nth-child(10n+7)
    {width: 0.5em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/} 
.latter.ش .fnt_box:nth-child(10n+4),
.latter.ش .fnt_box:nth-child(10n+6)
    {width: 1em;border-top:.01em  solid #C02026;/*red*/ border-right:.01em solid #70BDE2;/*blue*/}
	
.latter.ش .fnt_box:nth-child(52),.latter.ش .fnt_box:nth-child(62),
.latter.ش .fnt_box:nth-child(44),.latter.ش .fnt_box:nth-child(54),
.latter.ش .fnt_box:nth-child(56),.latter.ش .fnt_box:nth-child(66),
.latter.ش .fnt_box:nth-child(10n+82),
.latter.ش .fnt_box:nth-child(10n+84),
.latter.ش .fnt_box:nth-child(10n+86)
	{background-color: #fff} /*2+(5*6)*/


.latter.ش .fnt_box:nth-child(10n+112),
.latter.ش .fnt_box:nth-child(10n+114),
.latter.ش .fnt_box:nth-child(10n+116)
	{background-color: #400} /*2+(8*6)*/

/****** seen *********/