body,html,form {
    height:100%;
    margin:0;
    
}
body {
    
     margin: 0;
     padding:0;
     font-family: "IRANSans"; 
     font-weight:normal;
     direction:rtl;
     background-color:#FDECE1;
   }

 .maindivPages  {
       
        background-color:#FDECE1;
        width:100%;
        display: table;
        height:100%;
        border:0;
      
    }
.subfieldsetPageView {

      margin:auto;
      margin-top:110px;
      margin-right:50px;
      border:0;
     /*background-color:#b6ff00;*/
     padding-top:50px;
   
}
    .subfieldsetPageView legend {
                 
               text-align:right;
                
    }
.titlePage {
   
                 font-family: "IRANSans"; 
                 font-weight:bold;
                 color:#000000;
                 /*color:#CE2127;*/
                 font-size:1.5em;
                 text-decoration:none;

}
.rightcolumn {
    width:79%;
    height:100%;
    display: table-cell;
    padding:16px;
    background-color:#FDECE1;
}
.leftcolumn {
    width:21%;
    display: table-cell;
    background-color:#A5A5A5;
    height:100%;
     min-width:330px;
    /*position:relative;*/
    text-align:center;
    padding-top:0;
}
.topleftcolumn {
    position:absolute;
    top:20px;
    left:1vw;
    height:100px;
    width:330px;
    /*background-color:#ff6a00;*/
}
.bottomleftcolumn {
    position:absolute;
    bottom:20px;
    left:1vw;
    height:200px;
    width:300px;
    margin:auto;
    
    background-color:#000;
    text-align:center;
   
    margin:auto;
}
/*.tabletRow {
    height:250px;
    width:100%;
    background-color:#A5A5A5;
    padding-top:20px;
}
.backtablerow {

    margin:auto;
    height:200px;
    width:300px;
    background-color:#000000;
}*/


.boxTableGroups {
    width:910px;
    /*height:300px;*/
    background-color:#ffd800;
   
    margin:auto;
     margin-top:50px;
   
}
    .boxGR {
        height:200px;
        width:300px;
        float:right;
        background-color:#ff6a00;
        text-align:center;
          position:relative;
         
       
    }
        .boxGR a {
            text-decoration:none;
        }
        .boxGR h3 {
            height:30px;
            width:250px;
            background-color:#000;
            z-index:1000000;
            position:absolute;
            margin-right:20px;
            margin-top:-40px;
            opacity:0.6;
            color:#ffffff;
            font-family: "IRANSans"; 
            font-weight:normal;
        }
            .boxGR h3:hover {
                background-color:#000;
                opacity:1;
            }

@media (min-width: 1px) and (max-width:750px){
    
    .hide-mobile {
        display:none;
        
    }
    
    .rightcolumn {
        width:100%;  

    }
    .subfieldsetPageView {
        margin-right:10px;
        margin-left:10px;
        /*margin-top:90px;*/
         border:0;
     /*background-color:#b6ff00;*/
        padding-left:5px;
        padding-right:5px;
        text-align:justify;
        font-size:0.8em;
        padding-top:5px;
    }
    .titlePage {
        font-size:1.1em;
        margin-left:5px;
        margin-right:5px;
    }
 
}
.allboxmobile {
    width:100%;
    position:relative;
    background-color:#CE2127;
        
}
.boxfilmMobile {
    margin:auto;
    width:300px;
    height:200px;
    background-color:#000;
    text-align:center;
}

@media (min-width: 1px) and (max-width:1300px){
    .boxGR {
        float:none;
        margin:auto;
        margin-top:5px;
    }
    .boxTableGroups {
        width:350px;
    }
}
@media (min-width:751px) {

    .hide-descktop {
        display: none;
    }
}
@media (min-width:1100px) {

    
    .boxfilmMobile {
        /*display:none;*/
        position: absolute;
        bottom: 20px;
        left: 1vw;
    }
}