*{
    margin:0px;
    padding:0px;
    
    box-sizing:border-box;
    text-align:center;
}
 html, body, div, span, applet, object, iframe,
  p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, 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, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size:100%;
    font: inherit;
    vertical-align: baseline;
 }
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
    display: block;
 }
 @font-face{
    font-family:mbsh;
    src: url("fonts/IRANSANS(FANUM).TTF") format("ttf");
 }
 body{

    line-height: 1;
    /*font:1rem mbsh !important;*/
    background: white;
    /*font-size: 24px/26px;
     font-family: "mbsh","Myriad","Tahoma"; */
 }
 a{
    text-decoration: none;
 }
 ol, ul {
    list-style: none;
 }
 blockquote ,q{
    quotes: none;
 }
 blockquote : before, blockquote : after,
 q:before, q: after {
    content: '';
    content: none;
 }
 table {
    border-collapse: collapse;
    border-spacing: 0; 
 }
 
 img{
    max-width: 100%;
 }
 input,textarea,button,select{
   font-family: mbsh;
 }
html,body{

    width:100%;    
}
.pmain{
   text-align: center;
   margin: auto;
   position: relative;
   padding-bottom: 4px;
 }
body:hover div{
 }
.pmain .clearfix{
   clear: both;
}
.menuout{
   margin-bottom: 6px;
   top:0;
   width: 100%;
   height: 60px;
   background: white;
   box-shadow: 0 0 10px 8px whitesmoke;
   position: sticky;
   z-index: 10; 
}
.menuout .menufix{
    margin: auto;
      overflow: auto;
    width: 900px;
  
}
.menuout .menu{ 
   padding-top: 6px;
   overflow: auto;
   width: 900px;
   color: black;
  // position: fixed;
   z-index: 10;
}
.menuout .menu a{
   color: black;
}
.menuout .menu a: hover{
   color: darkblue;
}
.menuout .menu .r{
   float: right;
   margin: 6px 5px;
}
 .menuout .menu .l{
   float: left; 
   min-width: 200px; 
   margin: 6px 5px;
}
 .menuout .menu ul li{
   display: inline-block;
   padding: 8px;
   margin: 0px 2px;
}
 .menuout .menu ul li:hover{
   border-bottom: solid black; 2px;
}
.menuout .menu ul li:hover a{
   color: gold;
}
.top{
   background-image:url('src/img/i12.svg');
   //box-shadow: 0 0 10px 8px white;
   position: relative;
   z-index: 15;
   padding: 40px;
}
.top h2{
   background:black;
   color: gold;
   display: inline-block;
   padding: 10px;
   border-radius:6px ;
   border: gold dashed 1px;
}

.pmain table,td,th{
   border:2px solid black;
   text-align:center;
   border-collapse: collapse;
   color: blue;
   font-size:20px;
   padding:10px;
   background: white;
   margin:auto;
}
.pmain form{
   text-align: right;
/*   font: 20px/22px mbsh;*/
}
.pmain .resshow{
   text-align: center;
   margin: 0px auto;
   
   font: 20px/22px mbsh;
}
.pmain .resshow h5,.pmain .resshow h4{
   text-align: right;
}
.pmain .resshow .st-box {
   //background: lightgreen;
   padding: 20px 10px;
}

.pmain .resshow .st-box .pbox{
   text-align: center;
   display: inline-block;
  //background: orange;
  // color: white;
}
 
.pmain .resshow .st-box .pbox h4{
   text-align: center;
}
.pmain .resshow .st-box .pbox .box{
  margin-top: 4px;
   width: 40%;
   display: inline-block;
   //background: white;
   color: black;
 padding: 20px 0;
 border-radius: 15px;
}
.pmain .resshow .st-box .pbox .box .boxr {
   margin: 10px;
   width: 49%;
   display: inline-block;
  color: white;
}
.pmain .resshow .st-box .pbox .box .boxl {
   margin: 10px;
   width: 49%;
   display: inline-block;
   color: white;
}
.pmain .resshow .t0{
   padding: 20px 14px 0px;
   //background: lightgray;
   background-color: #f3ea87;
   text-align: right;
   border-top-left-radius: 20px;
   border-bottom-right-radius:20px ;
   margin: 10px 0px;

}
.pmain .resshow .t1{
   //background: lightgray;
   background-color: #f3ea87;
   text-align: right;
   border-top-left-radius: 20px;
   border-bottom-right-radius:20px ;
   margin: 10px 0px;
   padding: 6px 14px;
}
.pmain .resshow .t1 .t1h{
   //background: darkgray;
   background-color: #f4e436;
   text-align: center;
    border-top-left-radius: 20px;
   margin: -6px -14px;
   padding: 10px;
}

.pmain .resshow .t2{
   //background: darkgray;
   background-color: #f3ea87;
   text-align: right;
   border-top-left-radius: 20px;
   border-bottom-right-radius:20px ;
   margin: 10px 0px;
   padding: 6px 14px;
}
.pmain .resshow .t2 .t2h{
   //background: lightgray;
   background-color: #f4e436;
   text-align: center;
   border-top-left-radius: 20px;
   margin: -6px -14px;
   padding: 10px;
}
.pmain .resshow .t3{
   //background: lightgray;
   background-color: #f3ea87;
   text-align: right;
   border-top-left-radius: 20px;
   border-bottom-right-radius:20px ;
   margin: 10px 0px;
   padding: 6px 14px;
}
.pmain .resshow .t3 .t3h{
   //background: darkgray;
   background-color: #f4e436;
   text-align: center;
    border-top-left-radius: 20px;
   margin: -6px -14px;
   padding: 10px;
}
.pmain .resshow .t4{
   //background: darkgray;
   background-color: #f3ea87;
   text-align: right;
   border-top-left-radius: 20px;
   border-bottom-right-radius:20px ;
   margin: 10px 0px;
   padding: 6px 14px;
}
.pmain .resshow .t4 .t4h{
   background-color: #f4e436;
   //background: lightgray;
   text-align: center;
   border-top-left-radius: 20px;
   margin: -6px -14px;
   padding: 10px;
}
.pmain .resshow .tt{
   text-align: center;
   background-color: #f3ea87;
   text-align: right;
   border-radius: 10px;
   margin: 10px ;
   border: black dashed 1px;
   padding: 6px;
}
.pmain .resshow .sujestion{
   background: white;
    margin:0px 4px 8px 4px;
    display: inline-block;
    color: black;
    padding: 20px 0;
    border-radius: 15px;
}
.pmain .resshow .sujestion2{
   background: gold;
    margin:0px 4px 8px 4px;
    
    display: inline-block;
    color: black;
    padding: 20px 0;
    border-radius: 15px;
}
.pmain .resshow .sujestion3{
   background: gold;
    margin:0px 4px 8px 4px;
    color: black;
    padding: 20px 0;
    border-radius: 15px;
}
.pmain .resshow .sujestion2 .vtitle{
   background-color: black;
   color: gold;
   border: gold dashed 1px;
}
.pmain .resshow .sujestion2 .vimg{

}
.pmain .resshow .sujestion2 .vcaption{
   background-color: white;
   padding: 4px;
   color: black;
   font-size: 18px;
   border: black dashed 1px;
   display: inline-block;
   border-radius: 10px;
}
.pmain .resshow .sujestion2 .vcaption:hover{
   border: white dashed 1px;
   background-color:blue ;
     
}
.pmain .resshow .sujestion2 .vcaption a{
   color: black;
}
.pmain .resshow .sujestion2 .vcaption:hover a{
   color: white;
}
.pmain .resshow .sujestion3 .vatitle{
   margin: auto;
   width: 90%;
   background-color: black;
   color: gold;
   border: gold dashed 1px;
}
.pmain .resshow .sujestion3 .vaimg video{
   width: 90%;
}
.pmain .resshow .sujestion3 .vacaption{
background-color: white;
   padding: 4px;
   color: black;
   font-size: 18px;
   border: black dashed 1px;
   display: inline-block;
   border-radius: 10px;
}
.pmain .resshow .morevid{
   margin:0px 4px 8px 4px;
   background: white;
   color: black;
   padding: 10px 0px;
   border-radius: 15px;
}
.boxq {
   border-top-left-radius: 20px;
   text-align: right;
   background-color:#ccc035;
}
.boxq .number{

   display: inline-block;
   margin-right: 4px;
}      
.boxq  p{
   display: inline-block;
   margin-right: 4px;
   background: #F8F9FA;
   padding: 4px 4px 2px 4px;
   border-radius: 6px;
   border: 1px black dashed;
}
.boxq .question h2{
   text-align: right;
   
}
.boxq .question {
   width: 87%;
   font-size: 1.5rem;
   display: inline-block;
   margin: 4px;
   padding: 4px;
   
   text-align: right;
}
.boxq .answers {
   border-bottom-right-radius: 20px;
   padding-top: 3px;
   background-color: #f3ea87;
   text-align: right;
   border-bottom: solid black .5px;
}
.boxq .answers .qoption{
   text-align: right;
   margin: 14px 20px;
}
.boxq .answers .qoption label{
   display: inline-block;
   width: 94%;
   font-size: 1.4rem;
   text-align: right;
}

.boxq .answers .qoption input[type=radio] {
   display: inline-block;
   width: 4%;
   background-color: red;
   
 }
 .boxq .answers .qoption input[type=radio]: hover{
   background: greenyellow;
}
.pmain .btn{
   padding: 6px;
}
#btnsignin{
   border: 1px black solid;
   padding: 5px 8px;
  
   //background: lightgreen;
   background-color:#f4e436;
   border-radius: 6px;
}
#btnsignin:hover{
   //background: navajowhite;
    background-color:#f3ea87; 
}
.footer{
   background-image:url('img/i12.svg');
}
.footer .footerCaption p{
   padding: 8px;
   border-radius:6px ;
   background: black;
   display: inline-block;
   border: gold dashed 1px;
}
.footer .footerCaption{
   color: gold;
   width: 900px;
   margin: 0px auto;
   padding: 20px;
}
.footer .ff{

   background-image:url('img/back.svg');
   border: 2px black dashed;
   border-bottom:none ;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   width: 900px;
   margin: 0px auto;
}
::selection {
    background: #2a93c9;
    color: #fff;
}
.showfun{
   height: 100px;
   width: 100px;
   position: fixed;
   top: 200px;
   z-index: 14;
   
   -webkit-animation:a 5s ;
   -webkit-animation-iteration-count:infinite;
   left: 40px;
}
.showfun .funimg{
   width: 80px;
   height: 80px;
}
@-webkit-keyframes a{
   0%{
      transform:translateY(0)
   }
  50%{
    transform:translateY(60%)
  }

  to{
    transform:translateY(0)
  }
}
.about { 
   
   border: black solid 1px;
   border-radius: 20px;
   overflow: auto;
}
.about .abouttit{
   background-color: #f4e436;
 //  height: 40px;
   padding: 10px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}
.about .aboutimg{
   //height: 100px;
   width: 100%;
}
.about .abouttxt{
   padding: 10px;
   background-color: #f3ea87;
   text-align: right;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}
.about .abouttxt b{
    font:22px/22px mbsh;
}
.about .abouttxt form{
   width:98%;
   
   margin:auto;
   padding:10px;
   border-radius: 20px;
}
.about .abouttxt textarea{

}
#div_com{
   width:98%;
   height: 260px;
   border-radius: 20px;
   margin:8px auto;
}
// #f3ea87
//#f4e436
*{
    margin:0px;
    padding:0px;
    
    box-sizing:border-box;
    text-align:center;
}