Unable to put footer background using CSS in ASP.Net

Last Reply one year ago By nedash

Posted one year ago

Hi

below in my page image:

as you see I show footer of site with green arrow I define background for footer but div of footer go at the top of page that I show with red arrow I want it be like:

I chnage css many time but it doesn't work it put footer background at top of page...

below are codes:

 

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="مستند.aspx.cs" Inherits="مستند" MaintainScrollPositionOnPostback="true" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="Css/spoiler.css" rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="scripts/spoiler.js"></script>

    <link href="Css/Main.css" rel="stylesheet" />
    <%--   <link href="Css/customRadioCheck.css" rel="stylesheet" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="scripts/customRadioCheck.js"></script>
    <script type="text/javascript">
        function SetTarget() {
            document.forms[0].target = "_blank";
        }
    </script>--%>
    <title>فیلم های مستند</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <center>

         <div id="Topheader">
             <div id="header">
             
             <div id="Toplamp">
              


             </div>
             <div id="lamp">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Image/Main/digimasterL.png" CssClass="digiL"></asp:Image>
                 <div id="lamp1">
<asp:Image ID="Image3" runat="server" ImageUrl="~/Image/Main/lamp.png" CssClass="lampL"></asp:Image>
<asp:Image ID="Image2" runat="server" ImageUrl="~/Image/Main/digimasterR.png" CssClass="digiR"></asp:Image>

                 </div>


             </div>
             <div id="lamp2"></div>
             <div id="lamp3">
                 <div id="lamp3T">
                 <div id="lamp31">

                     <div id="lamp31_1">
<asp:ImageButton ID="Imgarticle" runat="server" CssClass="imgart" ImageUrl="~/Image/Main/article.png"></asp:ImageButton>
<asp:ImageButton ID="Imgsoft" runat="server" CssClass="imgsoft" ImageUrl="~/Image/Main/soft.png" OnClick="Imgsoft_Click" ></asp:ImageButton>
                     </div>

                                     <div id="imgorder">
                         <div id="imgorder1">
<asp:HyperLink ID="HyperLink1" runat="server" CssClass="HLorder" NavigateUrl="~/سبد-خرید.aspx" Target="_blank">&nbsp</asp:HyperLink>
<asp:Label ID="Lblorder" runat="server" CssClass="lblorder1"></asp:Label>
                         </div>
                         
<asp:HyperLink ID="HyperLink2" runat="server" CssClass="HLorder1" NavigateUrl="~/سبد-خرید.aspx" Target="_blank">&nbsp</asp:HyperLink>

                         

                     </div>
                 </div>
                 <div id="lamp32">
                     <asp:ImageButton ID="Imgmostanad" runat="server" CssClass="imgMostanad1" ImageUrl="~/Image/Main/mostanad1.png"></asp:ImageButton>
                     <div id="lamp32_1">
<asp:ImageButton ID="Imglearn" runat="server" CssClass="imglearnC" ImageUrl="~/Image/Main/learn.png"></asp:ImageButton>
<asp:ImageButton ID="ImageButton2" runat="server" CssClass="imgserialC" ImageUrl="~/Image/Main/serial.png"></asp:ImageButton>
                     </div>

                 </div>
</div>
              <div id="lampsm">
                  <div  id="lamp3B">
                    <div id="lamp3B1">
                             <div id="lamp3B21_1">
<asp:ImageButton ID="Imgsearch" runat="server" CssClass="imgsearchM" OnClick="Imgsearch_Click" ImageUrl="~/Image/Main/search1.png"></asp:ImageButton>
<asp:TextBox ID="TxtsearchI" runat="server" CssClass="txtsearchM"></asp:TextBox>

                             </div>
                        <div id="lamp3B21_2"><asp:Label ID="Label13" runat="server" CssClass="findM">مستند مورد نظر را جستجو کنید:</asp:Label></div>
                    </div>
                    <div id="lamp3B2">
                        <div id="lamp3B21">
                  

<asp:Label ID="Label2" runat="server"></asp:Label>
                        </div>
                        <div id="lamp3B22">
<asp:Label ID="Label1" runat="server" CssClass="lblM">: موضوع مستند را انتخاب کنید</asp:Label>
<asp:DropDownList ID="ddlmostanad" runat="server" CssClass="ddlSmostanad" OnSelectedIndexChanged="DdltopicDoc" AutoPostBack="true"></asp:DropDownList>


                        </div>

                    </div>


                </div>
              </div>
                
             </div>
              

         </div>
               <div id="mainMostanad">
                 <div id="mainMostanad1">
                                        <asp:DataList ID="DLMostanad" runat="server" RepeatDirection="Vertical" CssClass="dLmostanad" Visible="false">
                                <ItemTemplate>
                                    <div id="MainDL">
                                  <div id="MainDL1">
                                      <div id="MainDL11">
                                        
<asp:Label ID="Label3" runat="server" CssClass="lblcodeM" Text='<%# Eval("Code") %>'></asp:Label>
<asp:Label ID="Label4" runat="server" CssClass="lblnameM" Text='<%# Eval("Name") %>'></asp:Label>

                                      </div>
                                      <div id="MainDL12M">
                                      <div id="MainDL12">
<asp:Label ID="Label5" runat="server" CssClass="SectionNM" Text='<%# Eval("SectionName") %>'></asp:Label>
<asp:Label ID="Label6" runat="server" CssClass="SectionNM1">نام این قسمت:</asp:Label>
                                      </div>
                                       <div id="MainDL13">
<asp:Label ID="Label7" runat="server" CssClass="lbldesM" Text='<%# Eval("Discription") %>'></asp:Label>

                                       </div>
                                                <div id="MainDL14">
<asp:ImageButton ID="ImgContinue" runat="server" CssClass="imgconM" ImageUrl="~/Image/Main/Continue.gif" CommandArgument='<%# Eval("ID")%>' OnClick="ContinueMostanad" OnClientClick="return  SetTarget()" ForeColor="Transparent" AlternateText=""></asp:ImageButton>
                                             <div id="MainDL14_1">


                                                 <div id="MDL14_2">
                                                     <div id="MDL14_21">
                                                         <asp:Label ID="Label11" runat="server" CssClass="formatM">فرمت: DVD و MKV</asp:Label>
<asp:Label ID="Label12" runat="server" CssClass="hajmM" Text='<%# Eval("size") %>'></asp:Label>
                                                     </div>
                                                     <div id="MDL14_22">
<asp:Label ID="Label9" runat="server" CssClass="timeM" Text='<%# Eval("Time") %>'></asp:Label>
<asp:Label ID="Label10" runat="server" CssClass="qualityM" Text='<%# Eval("Quality") %>'></asp:Label>

                                                     </div>


                                                 </div>
                                             
                                                      <asp:Label ID="Label8" runat="server" CssClass="lbldoble" Text='<%# Eval("Language") %>'></asp:Label>

                                           

                                             </div>

                                         </div>

                                     </div>
                                

                                  </div>

                                        <div id="imgM">
<asp:Image ID="Image4" runat="server" CssClass="imgmostanad" ImageUrl='<%#Eval("image","image/Documentry/{0}")%>'></asp:Image>

                                        </div>
                                    </div>

                                    </ItemTemplate>
                                </asp:DataList>
                                <asp:Repeater ID="rptPager" runat="server">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
                                            CssClass='<%# Eval("CssClass") %>' OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:Repeater>
                        <asp:Repeater ID="rptPager2" runat="server" Visible="false">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
                                            CssClass='<%# Eval("CssClass") %>' OnClick="Page_ChangedPL" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:Repeater>
                      <asp:Repeater ID="rptPager3" runat="server" Visible="false">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
                                            CssClass='<%# Eval("CssClass") %>' OnClick="Page_ChangedPLS" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:Repeater>
<%--<asp:Label ID="Lblcontinue" runat="server">--%>
<asp:Panel ID="Lblcontinue" runat="server">
                      <div id="MainDL11C">
<asp:Label ID="Lblcode" runat="server" CssClass="lblcodeM"></asp:Label>
<asp:Label ID="LblMnameH" runat="server" CssClass="lblnameM"></asp:Label>

                                      </div>
                     <div id="MainDL12C">
                         <div id="MainDL12C1">

                        <div id="MosC1">
                            <div id="MosC11"></div>
                            <div id="MosC12">
                                <div id="MosC11_1">
                                    <asp:Label ID="LblMname" runat="server" CssClass="lblnameM1"></asp:Label>

                                </div>
                                <div id="MosC11_2">
<div id="MosC11_21">
<asp:Label ID="LblsecM" runat="server" CssClass="LblsecM1"></asp:Label>
<asp:Label ID="Label4" runat="server" CssClass="LblsecM2">نام این قسمت:</asp:Label>
</div>
<asp:Image ID="Imggroup" runat="server" ImageUrl="~/Image/Main/Group.png" CssClass="imgGropu"></asp:Image>
                                </div>
</div>
</div>
                                <div id="desM">
                                   
<asp:Label ID="lbldes" runat="server" CssClass="lblsum2"></asp:Label>
                                   
                                </div>

                               




                                <div id="desM1">
                                    <div id="desM11">
                                        <div id="desM111">
                                  <asp:Label ID="Label12" runat="server" CssClass="buy1">خرید پستی این قسمت:</asp:Label>   
                                            <div id="MainB">
                                                <div id="MainB1">
                                                          
                                          <div id="buy2">
                                        <asp:Label ID="lblmkv" runat="server" CssClass="buy4">
                                           
                                        </asp:Label>        
                                             
                                                <div id="buy3">
<asp:Label ID="Labelm" runat="server" CssClass="buy6">خرید پستی <span style="font-size:12px">(فرمت<span style="font-family:arial; font-weight:bold;">MKV</span>)</span> </asp:Label>
                                              


                                                </div>
                                                   

                                            </div>
                                                   <div id="buy2">
                                        <asp:Label ID="lbldvd" runat="server" CssClass="buy4">
                                       
                                        </asp:Label>        
                                             
                                                <div id="buy3">
<asp:Label ID="Label15" runat="server" CssClass="buy6">خرید پستی <span style="font-size:12px">(فرمت<span style="font-family:arial; font-weight:bold;">DVD</span>)</span> </asp:Label>
                                                    

                                                </div>
                                                   

                                            </div>
                              <asp:ImageButton ID="Imgordersec" runat="server" CssClass="imgored" ImageUrl="~/Image/Main/png1.png" OnClick="Imgorder_Click" ></asp:ImageButton>                      

                                                </div>
                                                <div id="MainB2">
                                                      <label id="buy5M"><input type="radio" name="n" id="RBmkv" runat="server"/></label>
                                                     <label id="buy8M"><input type="radio" name="n" id="RBdvd" runat="server"/></label>
<%--<label id="buy5"><input type="radio" name="n" runat="server" id="RBmkv" /></label>
                                                    <label id="buy8"><input  type="radio" name="n" runat="server" id="RBdvd"/></label>--%>



          
                                                </div>

                                            </div>
                                            
                                             
                                    

                                        </div>




                                        <div id="desM112" runat="server">
                                                <asp:Label ID="Label14" runat="server" CssClass="buy1M">خرید پستی <span style="color:#feb902;"><asp:Label ID="Lblsec" runat="server"></asp:Label></span>&nbsp قسمت این مجموعه:</asp:Label>    
                                             <div id="MainB">
                                                <div id="MainB1">
                                                    
                                               <div id="buy2M">
                                        <asp:Label ID="LblmkvM" runat="server" CssClass="buy4M">
                                     
                                        </asp:Label>        
                                             
                                                <div id="buy3">
<asp:Label ID="Label17" runat="server" CssClass="buy6">خرید پستی <span style="font-size:12px">(فرمت<span style="font-family:arial; font-weight:bold;">MKV</span>)</span> </asp:Label>
                                                  


                                                </div>
                                                   

                                            </div>
                                                   <div id="buy2M">
                                        <asp:Label ID="LbldvdM" runat="server" CssClass="buy4M">
                                          
                                        </asp:Label>        
                                             
                                                <div id="buy3">
<asp:Label ID="Label19" runat="server" CssClass="buy6">خرید پستی <span style="font-size:12px">(فرمت<span style="font-family:arial; font-weight:bold;">DVD</span>)</span> </asp:Label>
                                                


                                                </div>
                                                   

                                            </div>
                                                     <asp:ImageButton ID="ImageButton1" runat="server" CssClass="imgored" ImageUrl="~/Image/Main/png1.png" OnClick="ImgorderM_Click"></asp:ImageButton>                      
                                                    </div>
                                                 <div id="MainB2M">
                                                     
                                                           <label id="buy5M"><input type="radio" name="n" id="RBmkvM" runat="server"/></label>
                                                     <label id="buy8M"><input type="radio" name="n" id="RBdvdM" runat="server"/></label>
                                                     </div>
                                                 </div>




                                        </div>

                                    </div>

                                    <div id="desM12">
                                         <div id="desM1211" runat="server"  visible="false"  >
                                             </div>
                                        <div id="desM121" runat="server">
                                            <div id="LD1">
<asp:Label ID="LblLinkP" runat="server" CssClass="LDM"></asp:Label>
<asp:Label ID="Label6" runat="server"  CssClass="LDM1">لینک دانلود <span style="font-size:12px">(فرمت<span style="font-family:arial; font-weight:bold;">MKV</span>)</span></asp:Label>
                                            </div>
                                            <div id="LD2">
<asp:ImageButton ID="btnorderL" runat="server" CssClass="btnorderL1" ImageUrl="~/Image/Main/png1.png" OnClick="ImgorderL_Click"></asp:ImageButton>

                                            </div>
                                    <asp:Label ID="Label3" runat="server" CssClass="viewL"> مشاهده لینک دانلود پس از&nbsp پرداخت</asp:Label>      

                                        </div>
                                        <div id="desM122">
                                            <div id="divf">
<asp:Label ID="Label7" runat="server" CssClass="dvdF">فرمت<span style="font-family:arial; font-weight:bold; font-size:15px;">DVD&nbsp:</span></asp:Label>
                                                </div>
                                            <div id="divf1">
<asp:Label ID="Label8" runat="server" CssClass="dvdF1">قابـل پخــش در تمـامــی ســینماهای خانــواده و کامپیوتر می باشد.</asp:Label>
                                            </div>
                                            <div id="divf2">
                                                <asp:Label ID="Label9" runat="server" CssClass="dvdF">فرمت<span style="font-family:arial; font-weight:bold; font-size:15px;">MKV&nbsp:</span></asp:Label>

                                            </div>
                                               <div id="divf1">
<asp:Label ID="Label10" runat="server" CssClass="dvdF1">قابــل پخــش در کامپیوتــر، <span style="font-size:14px;">LED و LCD</span>، تلفــن همراه و تبلت می باشد.</asp:Label>
                                            </div>


                                        </div>
<asp:LinkButton ID="Lbview" runat="server" CssClass="pakhsh" OnClick="Lbview_Click">مشاهده دیگر قسمت های این مجموعه</asp:LinkButton>
                                   <%-- <asp:Label ID="Label11" runat="server" CssClass="pakhsh">مشاهده دیگر قسمت های این مجموعه</asp:Label>    --%>


                                    </div>




                                </div>
                              
 </div>
                       
                    


                  
                         <div id="MainDL12C2">
                             <div id="MainDL12C21">
<asp:Image ID="ImgCMostanad" runat="server" CssClass="imgCM"></asp:Image>

                             </div>
                             <div id="MainDL12C22">
<asp:Label ID="Lbllan" runat="server" CssClass="lbllan1"></asp:Label>
<asp:Label ID="Lblquality" runat="server" CssClass="Lblquality1" ></asp:Label>
 <asp:Label ID="Lbltime" runat="server" CssClass="Lbltime1"></asp:Label>
<asp:Label ID="Lblsize" runat="server" CssClass="Lblsize1" ></asp:Label>
<asp:Label ID="Lblfor" runat="server" CssClass="Lblfor1" >فرمت:&nbsp <span style="font-size:14px;">MKV و DVD</span></asp:Label>


                             </div>
                              <div id="MainDL12C23"></div>

                         </div>

                         <div id="OtherPro">
<asp:Label ID="Label16" runat="server" CssClass="otherproC">دیگر محصولات پیشنهادی:</asp:Label>

                         </div>
                         <div id="OtherPro1">
                                       <asp:DataList ID="DLrandom" runat="server" RepeatDirection="Horizontal" CssClass="dLrandom">
                                <ItemTemplate>
                                    <div id="random">
<a href='<%# string.Format("مستند.aspx?Id={0}",Eval("Id"))%>' target="_blank"><asp:Image ID="Imgrandom" runat="server" ImageUrl='<%# string.Format("image/Documentry/{0}",Eval("image")) %>' CssClass="imgran" ></asp:Image></a>
                                       
                                    </div>
                               <div id="imgM1">
                                  <a href='<%#"مستند.aspx?Id="+Eval("Id")%>' target="_blank">  <asp:Label ID="Label18" runat="server" Text='<%# Eval("SectionName") %>' CssClass="lblRname"></asp:Label></a>
                               </div>    
                                    </ItemTemplate>
                                           </asp:DataList>


                         </div>
          <div id="OtherPro2"></div>
                          
                     </div>

    </asp:Panel>




                     
                 </div>
                 <div id="mainMostanad2">
         <div id="MM1"></div>
                     <div id="MM2">
                         <div id="MM2_1">
                         <div id="MM21">
                                    
                               <asp:DataList ID="DLclass" runat="server"  Visible="false">
                                    <ItemTemplate>
                              <asp:LinkButton ID="Linkbtnclass" runat="server" CssClass="lbldasteM"
                                                    CommandArgument='<%# Eval("Name") %>' OnClick="Linkbtnclass_Click"><%# Eval("Name") %></asp:LinkButton>

                                          <div id="MM31"></div>
                                        </ItemTemplate>
                                   </asp:DataList>
                                <asp:DataList ID="DLclassC" runat="server">
                                    <ItemTemplate>
                              <asp:LinkButton ID="LinkbtnclassC" runat="server"  CssClass="lbldasteM"
                                                    CommandArgument='<%# Eval("Name") %>' OnClick="LinkbtnclassC_Click"><%# Eval("Name") %></asp:LinkButton>
                                          <div id="MM31"></div>
                                        </ItemTemplate>
                                   </asp:DataList>        
                         </div>
                       
                         </div>

                     </div>
             


                 </div>




             </div>
    
         <div id="footer">

                    <div id="footer1"></div>
                      <div id="footer2">

                          <div id="F1">
<div id="foot1">
<asp:ImageButton ID="ImageButton3" runat="server" CssClass="imgtarahi" ImageUrl="~/Image/Main/tarahi.png" OnClientClick="return  SetTarget()"  OnClick="imgbehtopgroup"></asp:ImageButton>
    <div class="foot2">
        <div id="foot21">
            <asp:HyperLink ID="Hp3" runat="server" CssClass="hpfoot3" NavigateUrl="~/سبد-خرید.aspx">قوانین ما</asp:HyperLink>
<asp:HyperLink ID="Hp4" runat="server" CssClass="hpfoot4">سوالات متداول</asp:HyperLink>

        </div>
        <div id="foot22">

<asp:HyperLink ID="Hp" runat="server" CssClass="hpfoot">تماس با ما</asp:HyperLink>
<asp:HyperLink ID="Hp1" runat="server" CssClass="hpfoot1">راهنمای خرید</asp:HyperLink>
        </div>

    </div>

</div>
<asp:Image ID="mgpeygiri" runat="server" CssClass="imgpey" ImageUrl="~/Image/Main/peygiri.png"></asp:Image>
                          </div>

                      </div>
                    <div id="footer3"></div>
                     <div id="footer4"></div>
        </div>
             </div>
     <%--      <script>
               $('input[type=checkbox], input[type=radio]').customRadioCheck();
  </script>--%>
         </center>

    </form>

</body>
</html>

AND CSS:

 

 

 

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, caption, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

input, a, span, label, select, option
{
     font-family:behtop_Yekan;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}


:focus {
    outline: 0;
}


ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
  
}
input[type=text]
{
   
    text-indent:7px;
   
}

table th, table td
{
    /*padding: 5px;*/
    border-color:#ccc;
}

body 
{
     background:url(../Image/Main/mainback2.png) repeat;
      font-family:behtop_Yekan;
}
/*******font**********/
@font-face {
    font-family:'behtop_Yekan';/*تعریف یک نام برای فونت*/
    src:url('../fonts/behtop_Yekan.eot');/*اکسپلورر 9 به بعد*/
    src:local('behtop_Yekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('behtop_Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
        url('../fonts/behtop_Yekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('../fonts/behtop_Yekan.woff') format('woff'),/*مرورگر های جدید*/
        url('../fonts/behtop_Yekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('../fonts/behtop_Yekan.svg#behtop_Yekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}



/************main page********/
#Topheader{
    /*max-width:5000px;*/
 min-width:1345px;





}
#header {
     width:100%;
    height:240px;
    background: url(../Image/Main/mainback.png) repeat;
    background-size: 33px;
    text-align: center;
  
}
#Toplamp {
   text-align: center;
      width: 1349px;
    height: 15px;
    background: url(../Image/Main/toplamp.png) no-repeat; 
     display: table;
    margin: 0 auto;  
}
.lampR {
      width:1349px;
       height:15px;
}
#lamp {

    width: 1349px;
    height: 200px;
    position: relative;
    z-index: 1;
    bottom: 15px;
    display: table;
    margin: 0 auto;  
   

}
.digiL { float:left;
         width:321px;
          height:116px;
           margin-left:58px;
}
#lamp1 {

    width: 800px;
    display: table;
    margin: 0 auto;
}

.lampL {
     float:left;
      width:148px;
       height:157px;
        margin-left:148px;
}
.digiR {
     float:right;
      width:474px;
       height:154px;
        margin-right:6px;
            
}
#lamp2 {

      height:8px;
       background-color:#3f3128;
       width:100%;
    display: table;
    margin: 0 auto;  
     margin-top:20px;

        
}
.bb {
     float:left;
   
      height:500px;
}

#lamp3T {
     float:right;
  
      height:90px;

}
/*#lamp4 {

    width: 200px;
    height: 84px;
    position: relative;
    z-index: 1;
    bottom: 232px;
     left:1005px;
    display: table;
    margin: 0 auto;
    
}*/
#lamp3B {
     float:right;
    /*position: relative;
    z-index: 1;
    bottom: 48px;
    right: 14px;
    display: table;
    margin: 0 auto;*/
    width: 1293px;
    height: 44px;
    background: url(../Image/Main/searchH.png) no-repeat;
    margin:4px 4px 0 0;
}



#lampsm {
    float: right;
    width: 1301px;
    height: 51px;
    margin-right: 27px;
    background: url(../Image/Main/mostanad2.png) no-repeat;
     
    
}
#lampsmS {
    float: right;
    width: 1301px;
    height: 51px;
    margin-right: 27px;
    background: url(../Image/Main/soft1.png) no-repeat;

     
    
}
#lampsmO {
    float: right;
    width: 1301px;
   margin:5px 55px 0 0;

     


    
}
#lampsmO1 {
    float: right;
    width: 1240px;
     height:29px;
     background: url(../Image/Main/top-order.png) no-repeat;

    
}
#lampsmO2 {
    float: right;
    width: 1240px;
     background: url(../Image/Main/Mid-order.png) repeat-y;
  
    
}
#lampsmO211 {
     float:right;
      width:1000px;
       margin:10px 45px 0 0;
     

     
}
#lampsmO3 {
    float: right;
    width: 1240px;
     height:32px;
     background: url(../Image/Main/but-order.png) no-repeat;

    
}
#back {
     float:right;
      width:1200px;
      margin-top:12px;
}
#back1 {
     float:left;
      margin-left:8px;
      width:536px;
    
}
#back2 {
     float:right;
      width:182px;
       height:42px;
        background-color:#b4b4b4;
         margin-right:45px;
         
}
#backS {
     float:right;
      width:172px;
       height:42px;
        background-color:#b4b4b4;
         margin-right:58px;
}
#backS1 {
     float:left;
      width:229px;
       height:42px;
        background-color:#79ba00;
      
}
#Bs {
     float:left;
      width:228px;
       height:44px;
        background-color:#7bb900;
         color:white;
}
#Bs1 {
     float:right;
      width:182px;
       height:44px;
        background-color:#d3d3d3;
         color:white;
}
.btnbacka {
     color:white;
      text-decoration:none;
       font-size:17px;
  line-height:40px;
}
.btnbacka1 {
     color:white;
      text-decoration:none;
       font-size:16px;
  line-height:40px;
}
#topinfoS3 {
     float:right;
     width:1182px;
        margin-top:30px;
      
}
.btnback {
     color:white;
      text-decoration:none;
       font-size:17px;
  line-height:40px;
}
.lbltsvie {
     float:left;
      width:100px;
       color:#69a000;
        text-align:right;
         direction:rtl;
          margin:11px 0 0 30px;
           font-size:17px;
}
.lbltsvie1 {
     float:right;
      width:200px;
       color:#69a000;
        text-align:right;
         direction:rtl;
           font-size:17px;
            margin:10px 30px 0 0;
       
}
.btnback1 {
     color:white;
      text-decoration:none;
       font-size:18px;
  line-height:48px;
}
#back11 {
     float:left;
      width:158px;
       height:52px;
        background-color:#7bb900;
         color:white;
}
#back3T {
     float:left;
      width:500px;
       color:#7a7a7a;

           margin:5px 0 0 83px;

}
#back4T {
     float:left;
      width:1000px;
       height:25px;
   

}
.backlbl {
     float:right;
      width:500px;
       text-align:right;
        font-size:15px;
         direction:rtl;
}
#back12 {
     float:right;
      width:372px;
       height:50px;
        background-color:#E9ffbf;
         color:#669a0a;
          border:1px solid #ccc;
     
}
.orderimg {
     float:right;
       width:106px;
        height:19px;
         margin-top:5px;
}
#lampsmO21 {
     float:left;
     width:1200px;
      background-color:#fff;
         position: relative;
 height:100px;
       z-index: 1;
    bottom: 12px;
    display: table;
    margin: 0 auto;
     left:20px;

   

}
#topinfo3_321 {
     float:left;
      width:335px; 


}
#topinfo3_322 {
     float:right;
          width:327px;
           margin-right:74px;
}

.lblorder {
     float:right;
      text-align:right;
       direction:rtl;
        width:850px;
         color:#8c8c8c;
          font-size:16px;

}

#lampsmO21_1 {
     float:right;
     width:1145px;
}




#lamp31 {
    float: left;
    width: 610px;

}
.gridorder {
     float:right;
      direction:rtl;
       width:1147px;
        margin:10px 45px 0 0;
         background-color:white;
  
}

.orderG {
     color:red;
}
.gridviewH {
     height:40px;
      background-color:#f1f1f1;
       vertical-align:middle;
        font-family:behtop_Yekan;
   font-size:16px;
         color:#9e9e9e;
}

.btnremove1 {
     float:right;
      width:60px;
       color:red;
        text-decoration:none;
 

}
#lamp32 {
    float: right;
    width: 710px;
    margin-top: 22px;

}
#Griddes {
     float:left;
      width:200px;
       margin-top:10px;
 
    
}
#lgformat {
     float:right;
      width:200px;
        height:30px;
 
      
}
.kharidP {
     float:left;
      width:110px;
      color:#7a7a7a;
    
}
#lgformatf1 {
     float:right;
      width:85px;
   
}
#lgformat1 {
     float:right;
      width:200px;
         height:30px;
}
#Griddes1 {
     float:right;
      width:300px;
      height:66px;
            margin-top:10px;
     
}
#lblnameGO {
     float:right;
       width:310px;
        height:30px;
  

     
}
#lblnameGO1 {
     float:right;
       width:310px;
        color:#4f4f4f;
    
  
      
}
.lblcode {
     color:#878787;
}
.Lgtype {
     float:left;
      width:208px;
       text-align:right;
        font-size:15px;
         color:#7a7a7a;
      
            
}
.Lgtype1 {
     float:right;
      width:85px;
       text-align:right;
        font-size:15px;
        margin-right:15px;
           color:#7a7a7a;
       
}
.Lgname {
     float:left;
     width:263px;
      text-align:right;
       font-size:15px;
 
}

.Lgname1 {
     float:right;
      width:30px;
       text-align:right;
        font-size:15px;
           margin-right:15px;
 
}
.lblGquality {
     float:left;
      width:125px;
     font-size:15px;
          text-align:right;
            color:#7a7a7a;
     
}
.lblGquality4 {
     float:left;
      width:40px;
          text-align:right;
            font-size:15px;
             color:#7a7a7a;
      
     
}
.lblGquality1 {
     float:right;
      width:75px;
       text-align:right;
         font-size:15px;
           color:#7a7a7a;
      
}
.lblGquality3 {
     float:right;
      width:45px;
       text-align:right;
        font-size:15px;
         color:#7a7a7a;
}
#lamp32_1 {
    float: left;
    width: 452px;
    margin-left: 2px;

}
   

.imglearnC {
     float:left;
      width:204px;
       height:65px;
}
.imgserialC {
     float:right;
      width:234px;
       height:65px;
}
.imgMostanad1 {
     float:right;
      width:177px;
       height:68px;
        margin-right:65px;


}
.imgMostanad1M {
     float:right;
      width:177px;
       height:65px;
        margin-right:66px;


}
#softM {
      margin-top:25px;

}

#softM1 {
     width:1300px;

  
}
#softM11 {
       float:left;
       width:1000px; 

}
#softM12 {
          float:right;
       /*height:800px;*/
       width:261px;
 margin:2px 25px 0 0;

}
.imgsoft {
     float:right;
      width:188px;
       height:65px;
        margin-right:5px;
}
.imgsoft1{
     float:right;
      width:188px;
       height:68px;
        margin-right:5px;
    

}
.imgsoft1s{
     float:right;
      width:188px;
       height:68px;
        margin-right:5px;
            background: url(../Image/Main/soft3.png) no-repeat;
        position:relative;
           z-index:1;
}
.imgart {
     float:left;
          width:190px;
       height:65px;
        background: url(../Image/Main/article.png) no-repeat;

}
#imgorder {
     float:left;
          width:142px;
       height:84px;
       margin:4px 0 0 33px;
       background: url(../Image/Main/order.png) no-repeat;
   
}
#imgorder1 {
     float:right;
      width:148px;

        height:50px;
}
.lblorder1 {
     float:right;
      margin:20px 30px 0 0;
       width:25px;
 color:white;
         font-size:19px;
}
.HLorder {
     float:left;
      width:90px;
       height:50px;
        text-decoration:none;

}
.HLorder1 {
     float:right;
      width:148px;
       height:30px;
         text-decoration:none;


}
#lamp31_1 {
     float:right;
      width:397px;
  margin:22px 6px 0 0;

}
#lamp4 {

    width: 200px;
    height: 84px;
    position: relative;
    z-index: 1;
    bottom: 232px;
     left:1005px;
    display: table;
    margin: 0 auto;
    
}
#lamp3 {
    width: 1326px;
    height: 135px;
    position: relative;
    z-index: 1;
    bottom:120px;
    /*background: url(../Image/Main/mostanadimg.png) no-repeat;*/
    margin: 0 auto;
    left: 11px;




  
}


#lamp3B1 {
      float:left;
       width:510px;
    
        
     

} 
#lamp3B1S {
      float:left;
       width:545px;
 
        
     

} 

#lamp3B2 {
      float:right;
       width:780px;
   

}
#lamp3B21 {
     float:left;
      width:320px;

}   
#lamp3B22 {
     float:right;
      width:460px;


}
.ddlSmostanad {
     float:right;
      width:211px;
       height:30px;
        margin:7px 25px 0 0;
        direction:rtl;
  background-color:#e4e4e4;

}
.lblM {
     float:left;
      width:210px;
       direction:rtl;
        margin:8px 0 0 10px;
         font-size:16px;
          color:#656565;

}
#lamp3B21_1 {
     float:left;
      width:285px;
  
}
#lamp3B21_2 {
     float:right;
      width:220px;

  
}
.findM {
     float:right;
      direction:rtl;
       width:220px;
        font-size:17px;
         text-align:right;
          margin:9px 5px 0 0;
            color:#656565;
     
}
.findMS {
     float:right;
      direction:rtl;
       width:250px;
        font-size:17px;
         text-align:right;
          margin:9px 5px 0 0;
           color:#656565;
     
}
#lamp3B21_2S {
     float:right;
      width:250px;

  
}
.imgsearchM {
     float:left;
      width:40px;
       height:33px;
        margin:2px 0 0 30px;
}
.txtsearchM {
    float: right;
    width: 200px;
    height: 22px;
    margin: 8px 5px 0 0;
    direction: rtl;
    border: 0px solid white;
}
         

#mainMostanad {
   
    position: relative;
    /*z-index: 1;*/
    bottom: 116px;

       width: 1347px;
 
            

}
#mainMostanad1 {
    float: left;
    width: 1022px;
    margin: 3px 0 0 22px;

}
#mainMostanad1S {
    float: left;
    width: 1042px;
    margin: 3px 0 0 22px;
    
    
}
          


#MainMo {
     float:right;
      width:1347px;

     /*z-index:-1;*/
     
  
}

#MainDL {
     float:right;
      width:1023px;
       height:313px;
  
     
}
#MainDLS {
     float:right;
      width:1042px;
       height:286px;
  
     
}
#footer {
    width:100%;
     margin-top:1800px;
}

     

#footer1T {
     height:25px;
    background: url(../Image/Main/ribbon.jpg) repeat-x;
     width:100%;
  

}
#footerAdd {
      /*float:right;*/
     height:120px;

        margin-top:800px;
     
}
#footer1 {
    height: 25px;
    background: url(../Image/Main/ribbon.jpg) repeat-x;
     width:100%;

}
#footer3 {
     height:1px;
      background-color:#8b8674;

}
#footer4 {
     height:3px;
      background-color:#333529;

}
      
    #footer2 {
    height: 95px;
    background: url(../Image/Main/footerBack.jpg) repeat;
}

#F1 {
    width: 1347px;
}

#foot1 {
     float:left;
      width:1100px;
     
     
}
.foot2 {
     float:right;
      width:600px;
        color:#eaeaea;
        font-size:15px;

}
    .hpfoot3:hover {
         color:#8b8674;
    }
     .hpfoot4:hover {
         color:#8b8674;
    }
      .hpfoot1:hover {
         color:#8b8674;
    }
       .hpfoot:hover {
         color:#8b8674;
    }
#foot21 {
     float:left;
      width:283px;
       margin-left:75px;
   
}
#foot22 {
    float: right;
    width: 240px;
}

     
      

.hpfoot {
     float:left;
        margin:27px 0 0 27px;
         text-decoration:none;
           color:#eaeaea;
      
}
.hpfoot1 {
     float:right;
      margin:27px 20px 0 0;
         text-decoration:none;
           color:#eaeaea;

      
}
.hpfoot3 {
     float:left;
        margin:27px 0 0 63px;
           text-decoration:none;
             color:#eaeaea;
      
}
.hpfoot4 {
     float:right;
      margin:27px 20px 0 0;
         text-decoration:none;
           color:#eaeaea;

      
}
.imgpey {
     float:right;
      width:188px;
       height:34px;
        margin:25px 30px 0 0;
}
.imgtarahi {
     float:left;
       width:438px;
        height:16px;
         margin:68px 0 0 17px;

         
}
#imgM {
      float:right;
       width:214px;
        height:307px;
        background: url(../Image/Main/Loading.png) no-repeat;
         margin:1px 1px 0 0;
}
#imgMS {
      float:right;
       width:236px;
        height:279px;
        background: url(../Image/Main/LoadingS.png) no-repeat;
         margin:1px 1px 0 0;
}
.imgmostanad {
    float:right;
       width:214px;
        height:307px;
      
        
}
.imgsoftM {
    float:right;
       width:236px;
        height:279px;
      
        
}
#MainDL1 {
     float:left;
      width:808px;
     

}
#MainDL1S {
     float:left;
      width:805px;
     

}
#MainDL11 {
     float:left;
      width:808px;
       height:43px;
        background: url(../Image/Main/headerInfoM.jpg) no-repeat;

}

#MainDL11S {
     float:left;
      width:805px;
       height:43px;
        background: url(../Image/Main/headerInfoMS.jpg) no-repeat;

}
#MainDL11C {
     float:left;
      width:1022px;
       height:43px;
        background: url(../Image/Main/headerInfoMC.jpg) no-repeat;

}
#MainDL12C {
     float:right;
      width:1021px;
       min-height:1000px;
        background-color:#f2f2e6;
    
               

}
#MainDL12S{
     float:right;
      width:1042px;

        background-color:#f4f2e6;
   
    
               

}
#MainDL12S1 {
     float:right;
      width:1042px;
      
}
#MainDL12S2 {
     float:right;
      width:1042px;
      
}
#othersoft {
     float:right;
      font-size:16px;
        color:#646464;
         direction:rtl;
          margin:0 33px 0 0;
}
#othersoft3 {
     float:right;
      font-size:16px;
        color:#646464;
         direction:rtl;
          margin:22px 31px 0 0;
}
#othersoft1 {
     float:right;
     width:983px;
      height:292px;
       border:1px solid #79b8ff;
        background-color:#f2f8ff;
         margin:5px 29px 0 0;
}
#othersoft4 {
     float:right;
     width:983px;
      height:45px;

         margin:5px 29px 0 0;
}
#othersoft2 {
     float:right;
     width:983px;
      height:292px;
       border:1px solid #b4e838;
        background-color:#f4ffdb;
         margin:5px 29px 0 0;
}
.ClassName {
     color:green;
}
#softC1 {
     float:left;
      width:796px;
     

}
#softC2 {
     float:right;
      width:236px;
       height:279px;
          background: url(../Image/Main/loadingS.png) no-repeat;
           margin:6px 6px 0 0;

}
#softD {
     float:left;
     width:1042px;
      height:43px;
         background: url(../Image/Main/headerInfosoft.jpg) no-repeat;
}
.imgSC {
     float:right;
      width:236px;
       height:279px;
}
#softc21 {
     float:right;
      font:16px behtop_Yekan;
       color:#3b3b3b;
        margin:10px 15px 0 0;
         direction:rtl;
}
#softc22 {
         float:right;
     width:784px;
      min-height:330px;
    background-color:#fff;
       border:1px solid #c4c3c1;
 margin:5px 1px 0 0;
}
#softc23 {
     float:left;
       width:655px;
        height:67px;
         margin:10px 0 0 75px;
          background: url(../Image/Main/buySoft.png) no-repeat;
        
}
#softc24 {
     float:right;
      width:350px;
 margin:18px 18px 0 0;                   
}
#softTable {
     float:right;
      width:236px;
       height:44px;

       
         background: url(../Image/Main/softtable.png) no-repeat;
}
.imgorderS {
     float:left;
      width:175px;
       height:33px;
 margin:16px 0 0 108px;
}
#softc25 {
     float:right;
       width:654px;
        height:79px;
         margin:8px 67px 0 0 ;
          background: url(../Image/Main/attentionSoft.png) no-repeat;
    
}
.lblbazdid {
     float:right;
      width:250px;
       color:#494949;
        font-size:15.5px;
         direction:rtl;
          text-align:right;
 margin:10px 13px 0 0;
}
.lblbazdid1 {
     float:right;
      width:630px;
       color:#7a7a7a;
        font-size:15px;
         direction:rtl;
          text-align:justify;
      margin:0 12px 0 0;
       line-height:18px;

}
.lblsoftO {
    float: left;
    width: 115px;
    color: #3b3b3b;
    font-size: 17px;
      direction:rtl;
       text-align:right;
       margin:1px 0 0 3px;
    

}
.lblsoftO1 {
    float: right;
    width: 225px;
    color: #777;
    font-size: 16px;
    direction:rtl;
 
}

.lblhajms {
     float:left;
      color:#646464;
       width:110px;
         text-align:right;
 direction:rtl;
 margin:10px 0 0 0;
  font-size:15px;
  
}
.lblhajms1 {
     float:right;
      color:#646464;
       width:40px;
           text-align:right;
            direction:rtl;
             margin:8px 73px 0 0;
              font-size:16px;
        
}
#MainDL12C1 {
    float: left;
    width: 794px;
}

    
     

#OtherPro {
     float:right;
      width:1000px;

        /*margin-top:9px;*/
}
.otherproC {
     float:right;
      width:300px;
       color:#646464;
        font-size:16px;
         direction:rtl;
          text-align:right;
 margin:0 20px 0 0;
}
#OtherPro1
{ float:right;
     width:983px;
   height:340px;
     margin:5px 19px 0 0;
      border:1px solid #79b8ff;
        background-color:#f2f8ff;
}

#OtherPro2
{ float:right;
     width:985px;
   height:50px;

     /*margin:6px 18px 0 0;*/
      /*background-color:#f9f9f9;*/
}
#MainDL12C2 {
    float: right;
    width: 214px;
       margin:6px 6px 0 0;
  
    
  


}
.imgored {
     float:right;
      width:175px;
       height:33px;
        margin:15px 60px 0 0;
   
}
#MainDL12C21 {
     float:right;
      width:214px;
       height:307px;
        background: url(../Image/Main/loadingC.png) no-repeat;
       
      
      
}
#MainDL12C22 {
     float:right;
      width:214px;
       height:159px;
        background: url(../Image/Main/tableC.png) no-repeat;
         color:#747474;
      
      
}
#MainDL12C23 {
     float:right;
      width:214px;
       height:163px;
        margin-top:10px;
        background: url(../Image/Main/aparat.png) no-repeat;
      
      
}
#MosC1 {
    float: right;
    width: 793px;
    height: 70px;
  
   
     
}




#MosC11 {
    float: left;
    width: 263px;
    height: 37px;
    margin: 24px 0 0 44px;
    background: url(../Image/Main/HDlogo.png) no-repeat;

}

#MosC12 {
     float:right;
      width:400px;

 
     
}
#MosC11_1 {
     float:right;
      width:450px;
       margin-top:2px;
      
       /*c4c3c1*/
   

}
#desM {
     float:right;
     width:784px;
      min-height:287px;
    background-color:#fff;
       border:1px solid #c4c3c1;
        margin-top:12px;
}
#desM1 {
     float:right;
      width:630px;
       height:355px;
         margin-right:88px;
      
        
}
#desM111 {
     float:right;
          width:315px;
          height:167px;
       background: url(../Image/Main/PostOrder.png) no-repeat;
        margin:11px 0 0 0;
    
      
}
#desM112 {
     float:right;
          width:315px;
          height:167px;
       background: url(../Image/Main/PostOrder.png) no-repeat;
               margin:8px 0 0 0;
    
      
}
#desM12 {
     float:right;
      width:290px;
}
#desM11 {
     float:left;
      width:290px;
       margin-left:38px;
}
#MosC11_2 {
    float:right;
      width:450px;
   

}
#desM121 {
     float:right;
      width:285px;
       height:111px;
         background: url(../Image/Main/DownL2.png) no-repeat;
           margin:11px 0 0 0;
       
}
#desM1211 {
     float:right;
      width:285px;
       height:111px;
         background: url(../Image/Main/DownL1.png) no-repeat;
           margin:11px 0 0 0;
       
}
#LD1 {
     float:right;
      width:290px;

}
.LDM {
     float:left;
      width:100px;
       font-size:17px;
        color:#3b3b3b;
         direction:rtl;
         text-align:right;
         margin:13px 0 0 5px;
      
       
}
.LDM1 {
     float:right;
      width:150px;
       font-size:17px;
        color:#3b3b3b;
         direction:rtl;
          text-align:right;
           margin:12px 25px 0 0;
         
}
.btnorderL1 {
     float:right;
      width:175px;
       height:33px;
        margin:8px 75px 0 0;
         
}
.dvdF {
     float:right;
      width:80px;
       direction:rtl;
        text-align:right;
          color:#3b3b3b;
           margin:0px 12px 0 0;
}
.dvdF1 {
   float:right;
      width:270px;
       direction:rtl;
        text-align:right;
          color:#878787;
           margin:0px 12px 0 0;
            font-size:15px;

  
}
#divf {
     float:right;
      width:100px;
       height:20px;
        margin-top:13px;


}
#divf1 {
     float:right;
      width:280px;
       height:40px;


}

#divf2 {
     float:right;
      width:100px;
       height:20px;
       margin:15px 0 0 0;




}
.pakhsh {
     float:right;
      width:300px;
       font-size:17px;
        color:#1788e8;
         text-align:right;
          margin:15px 12px 0 0;
           text-decoration:none;
          
}
.buy1 {
     float:right;
      width:250px;
       color:#878787;
         font-size:18px;
          text-align:right;
           direction:rtl;
            margin:12px 30px 0 0;
      
}
.buy1M {
     float:right;
      width:300px;
       color:#878787;
         font-size:18px;
          text-align:right;
           direction:rtl;
            margin:12px 30px 0 0;
      
}
#buy2 {
     float:right;
      width:250px;
       height:30px;
      
      
   
}
#buy2M {
     float:right;
      width:250px;
       height:30px;
   
      
      
   
}
#buy3 {
     float:right;
      width:150px;
       text-align:right;
       margin:8px 0px 0 0;

      
}
#buy5 {
     float:right;
      margin:9px 20px 0 0;
      
      
}
#buy8 {
     float:right;
        margin:7px 20px 0 0;
      
      
}
#buy5M {
     float:right;
      margin:9px 20px 0 0;
  
      
      
}
#buy8M {
     float:right;
        margin:7px 20px 0 0;
      
      
}

.buy6 {
     float:left;
      width:150px;
       direction:rtl;
        text-align:right;
         color:#3b3b3b;
          font-size:17px;

}
.buy4 {
     float:left;
      width:90px;
 direction:rtl;
  text-align:left;
   color:#3b3b3b;
    margin:10px 0 0 7px;
 font-size:15px;


}
.buy4M {
     float:left;
      width:90px;
 direction:rtl;
  text-align:left;
   color:#3b3b3b;
    margin:10px 0 0 7px;
 font-size:15px;
 

}
.viewL {
     float:right;
      width:200px;
       color:#878787;
        direction:rtl;
         text-align:right;
          font-size:12px;
           margin:5px 79px 0 0;
}
#MainB {
     float:right;
      width:300px;
   
      
}
#MainB1 {
     float:left;
      width:249px;
       


}
#MainB2 {
     float:right;
      width:15px;
}
#MainB2M {
     float:right;
      width:15px;
}
#desM122 {
     float:right;
      width:285px;
       height:169px;
         background: url(../Image/Main/format.png) no-repeat;
          margin:8px 0 0 0;

       
}
#MosC11_21 {
     float:left;
      width:410px;
     
}
.LblsecM1 {
    float: left;
    width: 296px;
 font-size:17px;
   direction:rtl;
   text-align:right;
    margin-top:1px;
    color:#868686;

}
.lblsum {
        float: right;
    width: 750px;
 font-size:17px;
   direction:rtl;
   text-align:right;
margin:13px 14px 0 0;
 
}
.LblsecM2 {
    float: right;
    width: 110px;
 font-size:17px;
 color:red;
  direction:rtl;
   text-align:right;
    margin-top:1px;

}
.lblsum2 {
    float: right;
    width:752px;
 font-size:17px;
  direction:rtl;
  text-align:right;
 text-align:justify;
    margin:13px 14px 0 0;
     color:#717171;

    

}



.imgGropu {
     float:right;
      width:11px;
       height:15px;
      margin:2px 20px 0 0;
     
}
.imgCM {
     float:right;
      width:214px;
       height:307px;
}
.lbllan1 {
     float:right;
      width:150px;
        font-size:15px;
         direction:rtl;
         margin:5px 54px 0 0;
          text-align:right;


}
.Lblquality1 {
     float:right;
      width:150px;
      font-size:15px;
      direction:rtl;
         margin:7px 54px 0 0;
          text-align:right;
}
.Lbltime1 {
     float:right;
      width:150px;
      font-size:15px;
      direction:rtl;
         margin:7px 54px 0 0;
          text-align:right;
}
.Lblsize1 {
     float:right;
      width:150px;
      font-size:15px;
      direction:rtl;
         margin:7px 54px 0 0;
          text-align:right;
}
.Lblfor1 {
      float:right;
      width:150px;
      font-size:15px;
      direction:rtl;
         margin:7px 54px 0 0;
          text-align:right;

}

.lblcodeM {
     float:left;
      width:70px;
       color:white;
        margin:7px 0 0 20px;
         font-size:20px;
           text-align:left;
       
}
.lblnameM {
     float:right;
      width:500px;
        direction:rtl;
         text-align:right;
          font-size:16px;
           margin:7px 15px 0 0;
            color:#3c3c3c;

}
.lblnameM1 {
     float:right;
      width:500px;
        direction:rtl;
         text-align:right;
          font-size:17px;
           margin:7px 5px 0 0;
            color:#3b3b3b;

}
.SectionNM {
      float:left;
       width:400px;
        font-size:17px;
         direction:rtl;
          text-align:right;
           margin-left:290px;
            color:#868686;
}
.SectionNM1 {
      float:right;
       width:115px;
        color:red;
         font-size:17px;
          direction:rtl;
           margin-right:2px;
}
#MainDL12M {
     float:right;
      width:808px;
      /*min-height:264px;*/
       height:264px;
        background-color:#f4f1e8;
        

}
#MainDL12M {
     float:right;
      width:808px;
      /*min-height:264px;*/
       height:264px;
        background-color:#f4f1e8;
        

}
#MainDL12MS {
     float:right;
      width:805px;
       height:237px;
        background-color:#f4f1e8;
        

}
#MainDL12 {
     float:right;
      width:808px;
       margin:9px 10px 0 0;
}
#MainDL13 {
     float:right;
      width:795px;
       height:165px;
       margin:0px 10px 0 0;
  
      
}
.lbldesM {
     float:right;
      width:780px;
       direction:rtl;
        margin-right:5px;
         text-align:justify;
       font-size:17px;
        line-height:25px;
         color:#717171;
}

#MainDL14 {
     float:right;
      width:808px;
    margin-top:1px;
}
.imgconM {
        float:left;
         width:139px;
          height:55px;
           margin-top:9px;
  
}
.imgconS {
        float:left;
         width:139px;
          height:51px;
           margin:20px 0 0 3px;
  
}
.imgconS1 {
     float:right;
     width:666px;
      height:40px;
       margin-top:31px;
}
#MainDL14_1 {
     float:right;
      width:669px;
       height:40px;
       margin:24px 0 0 0;
        background: url(../Image/Main/buttomM.jpg) no-repeat;
  
}
.lbldoble {
     float:right;
     direction:rtl;
     text-align:right;
      width:130px;
       margin:8px 20px 0 0;
        font-size:15px;
          color:#3c3c3c;
}
#MDL14_2 {
     float:left;
      width:507px;
       margin-left:4px;
        color:#3c3c3c;


}
#MDL14_21 {
     float:left;
      width:260px;
       margin:9px 0 0 24px

}
#MDL14_22 {
     float:right;
      width:212px;
       margin:9px 0 0 0;



}
.timeM {
       float:left;
        width:110px;
         font-size:15px;
          direction:rtl;
           text-align:right;
            margin-left:5px;

}
.qualityM {
     float:right;
      width:85px;
      font-size:15px;
        direction:rtl;
        text-align:right;
         margin-right:3px;
}
.formatM {
     float:left;
      width:120px;
      font-size:15px;
       direction:rtl;
}
.hajmM {
     float:right;
      width:125px;
      font-size:15px;
      text-align:right;
      direction:rtl;

}
#mainMostanad2 {
    float: right;
    /*height:800px;*/
    width: 271px;
    margin: 2px 25px 0 0;
}
     #mainSoft2 {
    float: right;
    /*height:800px;*/
    width: 252px;
    margin: 2px 25px 0 0;
}
     





#MM1 {
     float:right;
      width:271px;
       height:42px;
        background:url(../Image/Main/headerMostanad.png) no-repeat;

}
#MM1S {
     float:right;
      width:252px;
       height:40px;
        background:url(../Image/Main/headerSoft.png) no-repeat;

}
#MM2S {
     float:right;
      width:252px;
       height:500px;
        background:url(../Image/Main/dasteMiddleS.png) repeat-y;
         overflow-y:scroll;

}
#MM2 {
     float:right;
      width:271px;
       height:500px;
        background:url(../Image/Main/dasteMiddle.png) repeat-y;
         overflow-y:scroll;

}
#MM21 {
     float:right;
     width:271px;



}
#MM31 {
     float:right;
     width:240px;
      height:1px;
       background:url(../Image/Main/gradiant.png) no-repeat;
        margin-top:10px;


}
#MM31S {
     float:right;
     width:240px;
      height:1px;
       background:url(../Image/Main/gradiant.png) no-repeat;
        margin-top:10px;


}
.lbldasteM {
     float:right;
     width:240px;
      direction:rtl;
       text-align:right;
        font-size:15px;
         margin-right:7px;
          text-decoration:none;
           color:#646464;
            line-height:18px;
             margin-top:4px;

}
.Active{
     float:right;
     width:240px;
      direction:rtl;
       text-align:right;
        font-size:15px;
         margin-right:7px;
          text-decoration:none;
           color:#fb00c2;
            line-height:18px;
             margin-top:4px;

}
    .lbldasteM:hover {
        color:#fb00c2;
    }
.lbldasteMS {
    float: right;
    width: 240px;
    direction: rtl;
    text-align: right;
    font-size: 15px;
    margin-right: 7px;
    text-decoration: none;
    color: #646464;
    line-height: 18px;
    margin-top: 4px;
}

.lbldasteMS:hover {
        color: #79b9ff;
    }
    
#MM2_1
{float:right;
      width:271px;
 margin-top:3px;



}
.dLmostanad {
     float:right;
      width:1022px;

}
.dLrandom {
     float:right;
      width:179px;
       margin:0px 0px 0 0;
        /*margin-right:14px;*/
   
}
.dLrandomS {
     float:right;
      width:179px;
       height:290px;
       margin:0px 0px 0 0;
 
        /*margin-right:14px;*/
   
}
#random {
     float:right;
      width:179px;
       height:259px;
        background:url(../Image/Main/loadingC.png) no-repeat;
         margin:22px 13px 0 0;          
}
#randomS {
     float:right;
      width:178px;
       height:211px;
        background:url(../Image/Main/loadingC.png) no-repeat;
         margin:24px 15px 0 0;  
            
}
.imgranS {
      float:right;
       width:178px;
       height:211px;
    
}
.imgran {
      float:right;
       width:179px;
       height:259px;
    
}
#imgM1 {
     float:right;
   height:50px;
      width:179px;
     margin:6px 13px 0 0;
      font-size:12.5px;
   
    

     
}
#imgM1S {
     float:right;
   height:50px;
      width:179px;
        margin:6px 13px 0 0;
         font-size:12.5px;
         

     
}
.lblRname {
     float:right;
     width:182px;
      direction:rtl;
        text-align:center;
         color:#3c3c3c;
    
}
.lblRnameS {
     float:right;
     width:182px;
      direction:rtl;
        text-align:center;
         color:#3c3c3c;
     
    
}
.button {
    background-color: #fff;
    color: #ababab;
    height: 18px;
    min-width: 19px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #fb00c2;
    font: 13px behtop_Yekan;
}
.buttonSS {
    background-color: #fff;
    color: #ababab;
    height: 18px;
    min-width: 19px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #79b9ff;
    font: 13px behtop_Yekan;
}
               
              
.buttonS2 {
    background-color: #fff;
    text-decoration: none;
    font: 13px behtop_Yekan;
    color: #b3b3b3;
}
.button1 {
    color:#fb00c2
}   
.button11 {
    color:blue
}   
          
             
.pager {
    background-color: #fff;
    /* background:url(../image/pagerD.png) no-repeat;*/
    color: #ababab;
    height: 18px;
    min-width: 18px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #c0c0c0;
    font: 13px behtop_Yekan;
    margin-top: 1px;
}
             
    
.active_pager {
    background-color: #FFDDF7;
    color: white;
    height: 18px;
    min-width: 18px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font: bold 13px behtop_Yekan;
    /*  background:url(../image/pagerDA.png) no-repeat;*/
}
.active_pager1 {
    background-color: #79b9ff;
    color: white;
    height: 18px;
    min-width: 18px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font: bold 13px behtop_Yekan;
    /*  background:url(../image/pagerDA.png) no-repeat;*/
}
#topinfo {
      float:right;
       width:759px;
        height:22px;

        background:url(../image/main/topInfo.png) no-repeat;
         margin: 32px 221px 0 0;

}
#topinfoM {
      float:right;
       width:759px;
        height:22px;

        background:url(../image/main/topInfo1.png) no-repeat;
         margin: 32px 221px 0 0;

}
#topinfo1 {
      float:right;
       width:920px;
        margin:0 160px 0 0;

     

}
#topinfo2 {
     float:right;
      width:191px;
       height:19px;
       background:url(../image/main/address.png) no-repeat;
        margin:10px 36px 0 0;

}
#info2U {
     float:right;
      width:680px;
      
}
#info3U {
     float:left;
      width:385px;
  color:#919191;
 margin-top:10px;

}
#info3Ua {
     float:left;
      width:385px;
  color:#919191;
 margin-top:12px;


}
#info3U1 {
    float: left;
    width: 385px;
    color: #919191;
}
 




#info3U1a {
     float:right;
      width:185px;
  color:#919191;

   

}
#info3U1 {
     float:left;
      width:155px;

}
#info3U11 {
     float:left;
      width:155px;
       margin-left:20px;

}


#info3U2 {
     float:right;
      width:220px;
      
     
}
#info3U2a {
     float:right;
      width:180px;

      
     
}
#info4U {
    float: right;
    width: 285px;
    margin: 11px 10px 0 0;
}
   #info4U1 {
    float: right;
    width: 185px;
    margin: 12px 0px 0 0;


} 

    
  

#info5U {
     float:right;
      width:670px;
       margin:0px 10px 0 0;
      
        
    

    
  
}
#topinfo2U {
     float:right;
      width:191px;
       height:19px;
       background:url(../image/main/address.png) no-repeat;
        margin:8px 43px 0 0;

}
.lblG {
     float:left;
      width:190px;
        font-size:14px;
        color:#919191;
         text-align:right;
          margin-left:27px;
      
     
      
}
.lblG6 {
     float:left;
      width:90px;
        font-size:14px;
        color:#919191;
         text-align:right;
          margin-left:54px;
        
     
      
}
.lblG1 {
     float:right;
      width:65px;
       direction:rtl;
        font-size:14px;
        color:#919191;
         text-align:right;
       
    

      
}
.lblG11 {
     float:right;
      width:40px;
       direction:rtl;
        font-size:14px;
        color:#919191;
         text-align:right;
         
    

      
}
.lblG2 {
    float: left;
    width: 89px;
    font-size: 14px;
    text-align: right;
}
.lblG2a {
    float: left;
    width: 89px;
    font-size: 14px;
    text-align: right;
    margin:2px 0 0 28px;
 
}

#info6U {
     float:right;
      width:670px;
     margin:12px 10px 0 0;
      color:#919191;
    
  
}
#info7U {
     float:left;
      width:325px;
     margin:5px 0 0 2px;
      color:#5e5e5e;
   
       

    
  
}
.lblemail {
     float:left;
      width:280px;
       direction:ltr;
        text-align:right;
         font-size:14px;
          margin-top:2px;
      

          
       
}
.lblemail1 {
     float:right;
     width:43px;
      direction:rtl;
       text-align:right;
        font-size:15px;
  
  
}
.lbladd1 {
     float:left;
      width:630px;
       text-align:right;
        direction:rtl;
        font-size:15px;
         line-height:20px;
  
}
.lbladd2 {
    float:right;
      width:40px;
       text-align:right;
        direction:rtl;
         font-size:14px;
     
}
}
      

.lblG3 {
     float:right;
      width:130px;
       direction:rtl;
        font-size:14px;
         text-align:right;
       
     
      
}
.lblG3 {
     float:right;
      width:130px;
       direction:rtl;
        font-size:14px;
         text-align:right;
       
     
      
}
.lblG3a {
     float:right;
      width:60px;
       direction:rtl;
        font-size:14px;
         text-align:right;
       
       
     
      
}
.lblG4 {
     float:left;
      width:90px;
        font-size:14px;
         text-align:right;

             
     
      
}
.lblG5 {
     float:right;
      width:65px;
       direction:rtl;
        font-size:14px;
         text-align:right;
           
     
      
}
#infoU {
     float:right;
     width:1201px;

}
#infoU1 {
     float:left;
      width:456px;
       margin-left:10px;
         height:155px;
          margin-top:12px;
       border:1px solid #ccc;   
       
    
}
#infoU11 {
     float:right;
      width:456px;
    

}
#infoU11a {
     float:left;
      width:196px;
       height:50px;
        background-color:#fff;
         border-right:1px solid #ccc;
          border-bottom:1px solid #ccc;
           color:#878787;
}
#infoU12a {
     float:right;
      width:258px;
       height:50px;
         background-color:#fff;
          border-bottom:1px solid #ccc;
}
#infoU11a1 {
     float:left;
      width:196px;
       height:52px;
        background-color:#fff;
            border-right:1px solid #ccc;
   
           background-color:#e9ffbf;
        
}
#infoU12a1 {
     float:right;
      width:258px;
       height:52px;
         background-color:#e9ffbf;
      
}
.Mkol {
     float:right;
      width:220px;
       text-align:right;
         color:#878787;
          font-size:16px;
           margin:13px 20px 0 0;

}
.Mkol1 {
     float:right;
      width:220px;
       text-align:right;
         color:#7cb21c;
          font-size:18px;
           direction:rtl;
               margin:13px 20px 0 0;


}
.Mkol2 {
     float:left;
     width:80px;
     text-align:right;
      font-size:16px;
       color:#878787;
        margin:12px 0 0 0;
}
.Mkol3{
     float:right;
     width:107px;
     text-align:left;
      font-size:19px;
         margin:10px 0 0 0;
}
.Mkol4 {
    float:right;
     width:107px;
     text-align:right;
      font-size:19px;
       color:#7cb21c;
        text-align:left;
           margin:13px 0 0 0;

}
.Mkol5 {
     float:left;
     width:80px;
     text-align:right;
      font-size:16px;
      color:#7cb21c;
        margin:15px 0 0 0;
}
#infoU2 {
     float:right;
       width:690px;
        height:155px;
         background-color:#f1f0ff;
       border:1px solid #ccc;
        margin:12px 41px 0 0;
}
#infoU3 {
     float:right;
       width:1150px;
        height:155px;
        margin:12px 41px 0 0;
}
#infoU31 {
     float:left;
      width:456px;
       border:1px solid #ccc;
    
}
#infoU32 {
     float:right;
      width:690px;

     
     
}
#infoU31_1 {
     float:right;
      width:456px;
       background-color:#a8ce5f;
        height:38px;

}
#infoU31_2 {
     float:right;
      width:454px;
       background-color:#fff;
        height:112px;

}
#infoU31_21 {
     float:right;
      width:400px;
     
}
#infoU31_21a {
     float:right;
      width:450px;
     
}
.imgmelat {
     float:left;
      width:51px;
       height:52px;
        margin:14px 0 0 5px;
}
#infoU31_211 {
     float:left;
      width:160px;
       margin:5px 0 0 5px;



}
#infoU32_1 {
     float:right;
      width:45px;
       height:22px;
        margin-right:10px;
        background:url(../image/main/attention.png) no-repeat;
}
.infoU32_2 {
     float:right;
      width:670px;
       margin:5px 15px 0 0;
        color:#878787;
  

}
    .infoU32_2 pre {
         float:right;
          direction:rtl;
           font-size:14px;
            font-family:behtop_Yekan;
             text-align:right;
    }
    .infoU32_3 {
     float:right;
      width:670px;
       margin:5px 15px 0 0;
        color:#878787;
  

}
    .infoU32_3 pre {
         float:right;
          direction:rtl;
           font-size:14px;
            font-family:behtop_Yekan;
             text-align:right;
    }
#infoU32_4 {
     float:right;
      width:1145px;
             margin:2px 45px 0 0;
     height:75px;

}
#infoU31_212 {
     float:right;
      width:172px;
       margin:5px 22px 0 0;

}
.dargah {
     float:left;
      width:160px;
       font-size:15px;
        color:#bfbfbf;
}
.dargah1 {
     float:left;
      width:150px;
       font-size:15px;
        color:#737373;
}
.rbdargah {
     float:right;

}
.lblpar {
     float:right;
      color:white;
      font-size:18px;
       direction:rtl;
        text-align:right;
         width:200px;
          margin:4px 167px 0 0;
           
}

#topinfo3 {
     float:right;
      width:1200px;
       height:191px;
    background-color:#eee;
        margin:8px 20px 0 0;



}
#topinfoS {
      float:right;
       width:93px;
        height:19px;
          background:url(../image/main/sendW.png) no-repeat;
           margin:20px 46px 0 0;
}
#topinfoS1 {
     float:right;
      width:1122px;
       height:65px;
        margin:10px 58px 0 0;
  background-color:#fff;
          border:1px solid #ccc;
}
#topinfoS2 {
     float:right;
      width:1122px;
       height:65px;
        margin:8px 58px 0 0;
  background-color:#fff;
          border:1px solid #ccc;
}
#topinfoS12 {
     float:right;
      width:890px;
   /*border-left-style:solid;
   border-left-width:1px;
    border-left-color:#7d7d7d;*/
       height:65px;

       
   
}
.rbsefareshi {
     float:right;
 margin:2px 5px 0 0;


}
#linkSE {
     float:right;
      width:1200px;
       height:100px;
        background-color:#eee;
         margin:8px 20px 0 0;
}

#topinfoS11 {
     float:left;
      width:227px;
          height:65px;
           background-color:#ffffe8;
           border-right:1px solid #ccc;

}
#topinfoS4 {
     float:left;
      width:300px;
        color:#686868;
         font-size:14px;
          margin:2px 0 0 20px;
           height:30px;
}
.lblsefareshi {
     float:right;
      width:800px;
       direction:rtl;
        text-align:right;
         font-size:17px;
          color:#3b3b3b;
           margin-top:7px;
}
.lblsefareshi1 {
     float:right;
      width:800px;
       direction:rtl;
        text-align:right;
         font-size:14px;
          color:#878787;
       
}
.lblhazineS {
     float:right;
      width:200px;
       direction:rtl;
        text-align:right;
         color:#878787;
          font-size:17px;
           margin:18px 25px 0 0;
}
.imgserareshi {
     float:left;
      width:41px;
       height:31px;
}
#topinfoS121 {
     float:left;
      width:775px;
}
#topinfoS122 {
     float:right;
       width:82px;
        margin:17px 15px 0 0;
   
}
#topinfo3_1 {
    float: right;
    width: 1200px;

}
 
#topinfo3City {
     float:left;
     width:680px;
 margin-left:40px;
}

#topinfo3_2 {
    float: right;
    width: 1200px;
     margin-top:18px;
}
#topinfoname {
     float:right;
      width:355px;
     margin:25px 45px 0 0;

}

#topinfo3_3 {
    float: right;
    width: 1200px;
     margin-top:18px;
}
#topinfo3_3L {
    float: right;
    width: 1200px;
     margin-top:25px;
}
#topinfo3_4 {
    float: right;
    width: 1200px;
   
}
#topinfo3_31 {
     float:left;
      width:395px;
     
  
     
}
.lblnote1 {
     float:left;
      width:400px;
              color:#686868;
               direction:rtl;
                font-size:13px;
                 margin:2px 0 0 387px;
                
}
.lblnote2 {
     float:right;
      width:290px;
              color:#686868;
                 direction:rtl;
                    font-size:13px;
                 margin:2px 119px 0 0;
           
}
.lblnote11 {
     float:left;
      width:400px;
              color:#686868;
               direction:rtl;
                font-size:13px;
                 margin:2px 0 0 370px;
                
}
#topinfo3_32 {
     float:right;
      width:766px;
      
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
#addU {
     float:left;
      width:252px;
       margin-left:40px;

      
}
#addU1 {
     float:right;
      width:842px;
 margin:0 31px 0 0;
}
.lbladdu {
         float:right;
      width:100px;
       direction:rtl;
        text-align:right;
        font-size:16px;
         margin-top:2px;
          color:#2e2e2e;
       

}
.lbladduU1 {
         float:right;
      width:85px;
       direction:rtl;
        text-align:right;
        font-size:16px;
         margin-top:2px;
          color:#2e2e2e;
 

}
.txtaddu1 {
     float:left;
      width:735px;
       height:28px;
         border:1px solid #ccc;
          direction:rtl;
}
.txtEmail1 {
      float:left;
      width:262px;
       height:28px;
         border:1px solid #ccc;
          direction:rtl;

}
.txtMobile{
      float:left;
      width:192px;
       height:28px;
         border:1px solid #ccc;
          direction:rtl;

}
.txttell{
      float:left;
      width:182px;
       height:28px;
         border:1px solid #ccc;
          direction:rtl;
           margin-left:40px;

}
.lbladdu1 {
         float:right;
      width:80px;
       direction:rtl;
        text-align:right;
        font-size:16px;
         margin-top:2px;
          color:#2e2e2e;

}
.txtaddu2 {
     float:left;
      width:163px;
       height:28px;
         border:1px solid #ccc;
          direction:rtl;
}

#topinfo4 {
     float:right;
      width:1200px;
       height:188px;
    background-color:#eee;
        margin:8px 20px 0 0;

}

#lampsmO21O {
     float:right;
      width:1200px;
       margin:0 20px 0 0;
     
 
}
#lampsmO21Oa {
     float:left;
      width:870px;
       margin:0 0px 0 0;
     
 
}
#topinfo11 {
      float:left;
       width:230px;
        margin-left:72px;
       

       
}
#topinfo12 {
      float:right;
       width:422px;
        margin:0 152px 0 0;
   
       
        
}
#topinfo32 {
    float:right;
      width:320px;
       margin:24px 0px 0 0;
  
}
#topinfo33 {
    float:right;
      width:320px;
       margin:24px 30px 0 0;
  
}
.ddlCity1{
     float:left;
      width:255px;
       height:32px;
        background-color:#eaeaea;
         border:1px solid #969696;
          direction:rtl;
      
}
.txtcity1 {
      float:left;
      width:252px;
       height:28px;
         border:1px solid #7d7d7d;
          direction:rtl;
         
}
#topinfo31 {
     float:left;
      width:307px;
        margin:24px 0 0 0;
    
}
#topinfo32 {
    float:right;
      width:320px;
       margin:24px 0px 0 0;
  
}
.ddlState1{
     float:left;
      width:255px;
       height:32px;
             background-color:#eaeaea;
         border:1px solid #969696;
          direction:rtl;
      
}
.lblState1 {
    float: right;
    width: 50px;
    direction: rtl;
    text-align: right;
    font-size: 16px;
    margin-top: 2px;
     color:#3b3b3b;
}
.lblmob1 {
    float: right;
    width: 135px;
    direction: rtl;
    text-align: right;
    font-size: 16px;
    margin-top: 2px;
     color:#2e2e2e;
 
}
.lblmob11 {
    float: right;
    width: 120px;
    direction: rtl;
    text-align: right;
    font-size: 16px;
    margin:2px 12px 0 0;
     color:#2e2e2e;

 
}
.lbltell {
    float: right;
    width: 165px;
    direction: rtl;
    text-align: right;
    font-size: 16px;
    margin-top: 2px;
    color:#2e2e2e;

 
}
      
      

.lblCity1{
     float:right;
      width:40px;
       direction:rtl;
        text-align:right;
        font-size:16px;
         margin-top:2px;
          color:#2e2e2e;
  
      
}
.lblinfoS1 {
     float:left;
      direction:rtl;
       text-align:right;
        width:150px;
        font-size:14px;
         color:#878787;
         margin:3px 0 0 47px;
}
/*.lblinfoS2 {
     float:right;
      direction:rtl;
       text-align:right;
        width:150px;
           font-size:14px;
         color:#878787;
            margin:3px 16px 0 0;
}*/
.lblinfoS3 {
     float:left;
      direction:rtl;
       text-align:right;
        width:150px;
        font-size:14px;
         color:#878787;
         margin:3px 0 0 47px;
}
.lblinfoS4 {
     float:right;
      direction:rtl;
       text-align:right;
        width:150px;
           font-size:14px;
         color:#878787;
            margin:3px 0 0 0;
}

and footer that I define in html page is:

<div id="footer">

                    <div id="footer1"></div>
                      <div id="footer2">

                          <div id="F1">
<div id="foot1">
<asp:ImageButton ID="ImageButton3" runat="server" CssClass="imgtarahi" ImageUrl="~/Image/Main/tarahi.png" OnClientClick="return  SetTarget()"  OnClick="imgbehtopgroup"></asp:ImageButton>
    <div class="foot2">
        <div id="foot21">
            <asp:HyperLink ID="Hp3" runat="server" CssClass="hpfoot3" NavigateUrl="~/سبد-خرید.aspx">قوانین ما</asp:HyperLink>
<asp:HyperLink ID="Hp4" runat="server" CssClass="hpfoot4">سوالات متداول</asp:HyperLink>

        </div>
        <div id="foot22">

<asp:HyperLink ID="Hp" runat="server" CssClass="hpfoot">تماس با ما</asp:HyperLink>
<asp:HyperLink ID="Hp1" runat="server" CssClass="hpfoot1">راهنمای خرید</asp:HyperLink>
        </div>

    </div>

</div>
<asp:Image ID="mgpeygiri" runat="server" CssClass="imgpey" ImageUrl="~/Image/Main/peygiri.png"></asp:Image>
                          </div>

                      </div>
                    <div id="footer3"></div>
                     <div id="footer4"></div>
        </div>

 

thanks in advanced

Neda

 

Posted one year ago

hi dharmendr

I adjust differnt width but it doesn't worked so I change code like below:

#mainMostanad {
    overflow: hidden;
    position: relative;
    bottom: 116px;
    display: table;
    margin: 0 auto;  
    margin-top:150px;
}

It worked correctly

best regards

Neda

 

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html