@import url('reset.css');
@import url('font-awesome.min.css');
@font-face {
 font-family: 'irans';
 src: url('fonts/IRANSansWeb.eot?#') format('eot'),
      url('fonts/IRANSansWeb.woff') format('woff'),
      url('fonts/IRANSansWeb.ttf') format('truetype'),
      url('fonts/IRANSansWeb.woff2') format('woff2');
}
body
{
    direction:rtl;
    font:11pt irans;
    background:#f7f7f7;
}
a
{
    text-decoration: none;
    color:#002a96;
}
a:hover
{
    color:#2c5dda;
}
h3
{
    font-weight:normal;
}
img
{
max-width:100%;
}
input[type=text], input[type=password], textarea, select {
  border-radius: 3px;
  border: 1px solid #ccc;
  font: 10pt tahoma;
  color: #777;
  width: 250px;
  height:20px;    
  resize:none;
  padding:5px;
}
select
{
    height:35px;
}
.menu li ul,#backtop,.galleries li h3,.acarlist li
{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
}
.container
{
    width:1180px;
    margin:0 auto;
    position:relative; 
}
.content
{
    width:1200px;
    margin-top:30px;
    margin:0 auto;
    overflow: hidden;
}
.header
{
    min-height:120px;
    margin-bottom:30px;
}
.header .container#headcont
{
    background:#002a96;
    min-height:120px;
    border-radius:0 0 10px 10px;
    padding:10px 15px;
}
.logo
{
    background:url('../images/logo-main.png') no-repeat;
    float:right;
    width:210px;
    height:120px;
}
.topicons
{
    margin-top:10px;
    position:relative;
}
.topicons a
{
    color:#fff;
    font-size:25px;
    float:left;
    margin-right:15px;
}
.topicons a:hover
{
    color:#ffed25;
}
#enicon
{
    font:bold 15px tahoma;
    margin-top:5px;
}
#headban
{
margin-top:8px;
}
.menu
{
    float:right;
    font-size:16px;
}
.menu>li
{
    float:right;
    margin-left:10px;
    position: relative;
}
.menu li ul
{
    position: absolute;
    top:40px;
    width:300px;
    background:#ffed25;
    z-index:100;
    height:0;
    overflow:hidden;
}
.menu a
{
    padding:10px 17px;
    color:#333;
    display: block;
    position: relative;
    z-index:2;
}
.menu li.active:before,.menu li:hover:before
{
    height:100%;
}
.menu li.active a,.menu li:hover a,.menu ul a
{
    color:#2b59d0;
}
.menu li:hover ul
{
    height:280px;
}
.menu li:hover ul#aboutul
{
    height:330px;
}
.menu ul a
{
    padding:6px 10px;
}
#searchframe
{
    float:left;
    background:#fff;
    padding:5px 10px;
    margin-top:20px;
    margin-right:20px;
}
#searchframe input[type=text]
{
    width:200px;
    height:15px;
    border:0;
}
#searchframe a.fa
{
    font-size:20px;
    float:left;
    margin-top:3px;
}
.slider
{
    width:100%;
    direction:ltr;
    overflow: hidden;
    margin-bottom:20px;
}
.banners
{
    padding:10px 0 !important;
    width:100% !important;
}     
.banners img
{
    width:280px;
    border-radius:10px;
}
.bigleft .banners img

{
    width:100% !important;
    height:auto !important;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.bluebg
{
    background:#002a96;
}
.grebg
{
background:#bfeb40;
}
.blue
{
    color:#002a96;
}
.lightblue
{
    background:#c8deff !important;
}
.borderbot
{
border-bottom:1px solid #ccc;
}
.whiborder
{
 border-bottom:1px solid #f1f1f1;
}
.yelbg
{
    background:#ffed25 !important;
}
.gray
{
    color:#555;
}
.graybg
{
    background:#eee;
}
.whitebg
{
    background:#fff;
    border:1px solid #e1e1e1;
    border-radius:10px;             
}
.txtcent
{
text-align:center;
}
.maintitle
{
    background:#eee; 
    border:1px solid #ccc;
     border-radius:10px;
     padding:5px;
     font-size:18px;
     color:#002a96;
     margin-bottom:20px;
     overflow: hidden;
}
.flr
{
    float:right;
}
.fll
{
    float:left;
}
.font20
{
    font-size:20px;
}
.orange
{
    color:#ff7700;
}
.bold
{
    font-weight:bold;
}
.overh
{
    width:100%;
    overflow:hidden;
}
.mrgt10
{
    margin-top:10px;
}
.list li
{
   margin-top:10px;
}
.list li:before,.acarlist li:after
{
    content:'\f104';
    float:right;
    margin-top:5px;
    margin-left:10px;
    font:15px FontAwesome;
    color:#183fa5;
}
.acarlist li:after
{
    float:none;
    position: absolute;
    left:0;
    top:10px;
    margin-left:0;
}   
.acarlist li.active
{
    height:250px;
}
.acarlist li.active:after
{
    content:'\f107';
    font-weight:bold;
}
.acarlist p
{
    text-align: justify;
    font-size:10pt;
    margin-top:10px;
}
.footer.content
{
    border-radius:10px 10px 0 0;
    padding:10px;
}
.footer #footlogo
{
    background:url('../images/logo-main.png') no-repeat;
    background-size:120px;
    width:120px;
    height:69px;
    float:right;
}
.footer #license
{
    color:#ccc;
    font-size:10pt;
    margin-top:30px;
    float:right;
}
table td
{
    padding:10px;
    vertical-align: middle;
}
#logindiv
 {
   
   background:#fff;  
   border:1px solid #ccc;
   width:258px;
 }
 
  #logindiv input[type='text'], #logindiv input[type='password']
  {
      width:230px;
      height:20px;
  }
  #logindiv a
  {
      float:right;
      margin-top:10px;
      color:#002a96;
      font-size:14px;
      font-weight:bold;
  }
  .loginerror
  {
      color:#ff6600;
  }
.rightside
{
    float:right;
    width:1050px;
    overflow:hidden;
    margin-bottom:30px;
}
.rightframe
{
    width:596px;
    float:right;
    overflow:hidden;
    margin-bottom:30px;
    padding:2px;
}
.rightframe.whitebg.bigright
{
    width:800px;
}
.rightframe.whitebg
{
    width:578px;
    padding:10px;
}
.rightframe .newsitem:last-child
{
margin-bottom:0;
}
.leftframe
{
    width:280px;
    float:right;
    margin-right:20px; 
}
.bigleft .leftframe
{
    width:350px;
    margin-right:0;
}
.leftframe>div
{
    width:260px;
    padding:10px;
    border-radius:10px;
    margin-bottom:10px;
    overflow: hidden;
}
.bigleft .leftframe>div
{
    width:350px;
}
.leftframe li
{
    padding:10px 0;
    height:17px;
    overflow: hidden;
}
.leftframe ul.imgul li
{
height:auto;
}
.imgul img
{
margin-right:10px;
}
.leftframe h2
{
    font-size:16px;
    padding:5px;
}
.leftframe div.graybg h2,.leftframe div.whitebg h2,.yelbg h2
{
     border-bottom:1px solid #ccc;
}
.borderlist li
{
    border-top:1px solid #b9dbd5;   
    position: relative;
    padding-left:10px;
}            

.newsitem
{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom:15px;
    overflow: hidden;
    background:#fff;
    border:1px solid #e1e1e1;
}    
.newsitem img
{
    border-radius:10px 0 0 0;     
}
.newsitem img.bigimg
{
    width:100%; 
    max-height:250px;                    
}
.newsitem img.smallimg
{
    max-width:200px;
    max-height:130px;
}
.newsitem div
{
    padding:10px 15px;
    text-align: justify;
    overflow: hidden;
    clear:both;
}
.newsitem h2
{
    font-size:16px;
}
.newsitem h3
{
 width:300px;  
 padding:10px; 
}     
.btn {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:irans;
    font-size:14px;
    padding:5px 20px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
.btn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}
.btn:active {
    position:relative;
    top:1px;
}
.smallfont
{
    font-size:16px !important;
}
.leftside
{
    width:600px;
    overflow: hidden;
    float:left;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.leftside.bigleft
{
    width:370px;
}
.paging
{
    
    font-size:16px;
    float:left;        
}
.paging span
{
    float:right;
    background:#002a96;
    padding:5px;
    line-height:25px;
    width:22px;
    height:22px;
    margin-left:5px;
    text-align:center;
    color:#fff;
    cursor:pointer;
    border-radius:3px;
    border:2px solid #4872de;
}
.paging span a
{
    color:#fff;
    display: block;
    width:22px;
    height:22px;
}
.paging .otherpages
{
    cursor:auto;
}

.paging span:hover,.paging .active
{
    background:#fff;
    color:#264f87;
}.paging span:hover a,.paging .active a,.paging .active
{
     color:#264f87;
}
.paging span.otherpages:hover
{
   background:#ff6600;  
}
#firstpage,#firstpage:hover {
background:#002a96 url('../images/next-pg.png') no-repeat center;
background-size:12px;
}
#lastpage,#lastpage:hover 
{
background:#002a96 url('../images/prev-pg.png') no-repeat center;
background-size:12px;
}
.lastgallery li
{
    margin-top:20px;
    border-bottom:1px solid #ccc;
    height:auto;
} 
.lastgallery img
{
    width:80px;
    margin-left:10px;
    border-radius:10px;
} 
.lastgallery span
{
    float:left;
    height:50px;
    width:170px;
    overflow: hidden;
}
.galleries
{
    font-size:10pt;
}
.galleries li
{
    width:300px;
    float:right;
    margin-left:115px;
    margin-bottom:50px;
    position: relative; 
    padding:10px;
    background:#eee;
    border:1px solid #ccc;
    overflow:hidden;
}                                
.galleries li img
{
    width:300px;
    height:180px;
}
.galleries h3
{
    padding:5px;
    width:290px;
    height:50px;  
    font-weight:normal;  
    background:#fff;
    overflow: hidden;
}
.galleries li:nth-child(3n)
{
    margin-left:0;
}   
.galleries li:hover h3
{
    background:#ffed25;
}
.galleries li .galdate
{
    position: absolute;
    top:10px;
    background:rgba(76,140,228,0.7);
    padding:5px;
    left:0;
    color:#fff;
}
.notic
{
    font-size:22px;
    width:300px;
    display: block;
    text-align: center;
    padding:20px;
    overflow:0 auto;
    margin:0 auto;
    margin-top:100px;
    background:#ffed25;
    color:#002a96;
}
.memberdiv
{
    width:100%;
    overflow: hidden;
    padding:20px 0;
    border-bottom:1px solid #e5e5e5;
    line-height:2;
}
.memberdiv img
{
    float:left;
    max-height:150px; 
    max-width:200px;
}    
.memberdiv .meminfo
{
    overflow: hidden;
}
.memberdiv .meminfo>span
{
    margin-top:5px;
    display: block;
}
.memberdiv .meminfo>span .titr
{
   color:#1d59aa; 
   float:right;
   margin-left:10px;
} 
span.phone
{
    direction:ltr;
    float:right
}    
.moreinfo
{     
    float:left;
    margin-top:30px;
    font-weight:bold;
    color:#1d59aa;
    clear:both;
}
.moreinfo:after
{
    content:"\f100";
    font-family:FontAwesome;
    float:left;
    margin-right:10px;
}
.compinfo img
{
    float:left;
    max-width:250px;
}
.compinfo ul
{
    float:right;
    overflow: hidden;
    width:500px;
}
.compinfo li
{
    margin-top:20px;
    width:100%;
    overflow: hidden;
}
.compinfo span
{
    color:#1d59aa;
    margin-left:10px;
    float:right;
}
.compinfo span.fa
{
    font-size:22px;
}
.fancybox-title-float-wrap .child
{
    font:normal 14px irans !important;
}
.treeview
{
    font-size:16px;
}
.treeview input[type=checkbox] 
{
float: right;
}
.treeview .arrow:after {
content:'\f0fe';
font:18px FontAwesome;
float: right;
margin-left: 10px;
color:#002a96;
cursor: pointer;
margin-top:3px;
}
.treeview .arrow.active:after
{
   content:'\f146'; 
}
.treeview li 
{
margin-top: 10px;
}
.treeview ul
{
margin-right: 20px;
font-size: 10pt;    
}
#contpage
{
    margin:30px 0;
    overflow: hidden;
}
#msgFrame
{
    margin-bottom:20px;
}
#msgFrame input[type=text]
{
  width:170px; 
}
#msgFrame textarea
{
    width:570px;
    height:150px;
}
#msgFrame
{
    float:right;
}
.continfo
{
    margin-top:10px;
    width:100%;
    overflow:hidden;
} 
.continfo .fa
{
   color:#1d59aa;
   font-size:20px;
   margin-left:10px; 
}
#modalDiv,#setmodalDiv,#polmodalDiv
{
    
    width: 100%;
    height:1000px;
    background:#787878;
    display: none;
    position:fixed;
    z-index: 1000;
    right:0;
    top:0;
    
}
.editBox,.replycomBox{
    width: 800px;
    position: fixed;
    top: 1%;
    background:#fff;
    border-radius:3px;
    overflow:hidden;
    z-index:1001;
    display:none;
    padding-bottom:20px;   
    color:#4a84d3;
}
.editBox.manBox
{
    padding-bottom: 0px;
    height: 600px; 
    overflow-y: auto;
}
.replycomBox
{
    width:650px;
    top: 5%;
}
.editBox table
{
    margin:0 auto;
}
 
.editBox input[type="text"],.editBox textarea
{
    width:600px;
    vertical-align: middle;
}
.editBox p.title,.replycomBox p.title
{
    color:#fff;
    height: 40px;
    line-height: 40px;
    padding:10px 10px 0 10px;
    margin:0;
    background:#002a96;
    text-align:right;
    margin-bottom:20px; 
    position:relative;
    font:18px irans;
}
.editBox p.title a,.replycomBox p.title a,#usrprofile #close
{
    position:absolute;
    top:40px;
    left:10px;
    margin-top:-25px;
    background-image:url('../images/close-icon.png');
    width:24px;
    height:24px; 
}
.editBox p.title a:hover,.replycomBox p.title a:hover,#usrprofile #close:hover
{
    background-size:25px;
     width:25px;
    height:25px; 
}
.msgtbl
{
    width:100%;
    border:1px solid  #ccc;
    text-align:center;
    background:white;
    color:#2c3b51;
    margin:20px 0;
}
.msgtbl #header
{
    background:#264f87;
    color:#fff;
    height:25px;
}
.msgtbl td
{
    border-right:solid 1px #ccc;
    padding:10px 0;
    cursor:pointer;
    text-align:center !important;
}
.msgtbl tr:nth-child(odd)
{
    background-color:#eee;
}
.msgtbl tr:hover
{
background:#dce9f6;
}

.tabs
{
    overflow: hidden;
    position: relative;
    margin-top:30px;
}
.tabs ul.tabitems
{
    font:normal 16px irans;
    overflow: hidden;
}
.tabs .tabitems li
{
    background:#002a96;
    float:right;
    border:1px solid #ccc;
    margin-right:15px;
    padding:5px 15px;
    border-radius:5px 5px 0 0;
    border-bottom:none;
    height:30px;
    text-align: center;
}
.tabs .tabitems a
{
    color:#fff;
}
.tabitems li.active a
{
    color:#484848;
}
.tabs .tabitems li.active
{
    background: #eee;
}
.tabconts
{
    padding:20px;
    border-radius:0 0 5px 5px;
    background:#eee; 
    overflow: hidden;    
}
.tabs .msgcont
{
    margin-top:20px;
    overflow: hidden;
}
.tabscontent
{
    display: none;
    margin-top:20px;
}
.tabs .btnsearch
{
    float:none;
    margin-right:10px;
}
.leftframe .tabconts
{
padding-top:0;
}
.leftframe .tabscontent
{
margin-top:0;
}
.showmsg {
  width:100%;
  float:right;
  margin-top:20px;
  border: 1px solid #ccc;
  background:#fff;
}
.keypanel {
  margin-top: 20px;
  float: right;
  overflow: hidden;
  width: 780px;
  padding: 10px;
}
.keypanel span {
  font: 18px irans;
  color: #ff6600;
  display: block;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.keypanel a {
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  float: right;
  margin-right: 10px;
}
.showmsg .msghead {
  background: #777;
  color:#fff;
}
.showmsg .msghead span
{
    float:left;
}
.kartabl td {
  text-align: right;  
}
#chpassmsg
{
     color:#ec5530;
     float:left;
}
#backtop
{
    background:#666;
    color:#fff;     
    position: fixed;
    width: 45px; 
    height: 45px;
    line-height:45px;
    text-align:center;
    bottom: 10px;
    right: 10px;
    display: none;
}
#backtop:before
{
    content:'\f106';
    font:40px FontAwesome; 
}
#backtop:hover
{
    background:#ffed25;
    color:#002a96;
}
label.error 
{
    color: #ff6600;
    font: bold 12pt tahoma;
}
.box .galleryitem
{
    width:160px;
    height:110px;
    overflow: hidden;
    float:right;
    margin-top:20px;  
    margin-right:30px;
}
.box .galleryitem img
{
    width:100%;
    height:100%;
}
.pagetitle
{
    border-bottom:3px solid #ccc;
    overflow:hidden;
    margin-bottom:20px;
    font-size:18px;
    color:#002a96;
    padding:5px 0;
}
.newsFrame
{
    text-align: justify;  
}
#ntext
{
    min-height:300px;
}
#ntext table td
{
    border:1px solid #ccc;
}
.newshead span#ndate
{
    float:right;
    font:normal 16px irans; 
    padding:5px;
}  
#ntitle
{
    font:bold 18px irans;
    color:#1d59aa;
    margin:10px 0;
    overflow:hidden;
} 
h3#ntitr
{
    font-weight:normal;
    overflow:hidden;
    width:100%;
}
.leadimgFrame
{
    width:100%;
    margin:20px 0;
    overflow:hidden;
}
.leadimgFrame img
{
   display:block;
   margin:0 auto;
   max-width:100% !important;
   margin-bottom:10px;
}
.lastbox
{
    float:left;
    margin-left:0;
    margin-bottom:10px;
}
#comdesc li
{
    margin-top:10px;
}
.commentFrame
{
    padding:10px;
    margin-top:20px;
    background:#eee;
    border:2px solid #ccc;
    overflow:hidden;
}
.commentFrame h2
{
    font-size: 20px;
    color: #002a96;
}
.replycomBox .sendcomFrame
{
    width:90%;
    margin:0 auto
}
.sendcomFrame input[type=text],.sendcomFrame textarea
{
    width:98%;
    margin-top:20px;
}
.sendcomFrame .btn
{
    margin-top:20px;
}
.sendcomFrame textarea
{
    height:100px;
}
#comerror,#repcomerror
{
    margin-top:10px;
}
#comerror div,#repcomerror div
{
    background:#ff9900;
    color:#fff;
    padding:10px;
    display: none;
}
#comtexts
{
    overflow: hidden;
    width: 100%;
}
.comitem
{
    margin-top:20px;
    width:100%;
    overflow: hidden;
}
.comitem.reply
{
  margin-right:10%;
  width:90%;
  margin-top:50px;
}
.comitem>span
{
    margin-top:20px;
    display: block;
    padding:10px 0;
    border-bottom:1px solid #ccc;
}
.kartabl .comitem>span
{
    margin-bottom:10px;
}
.kartabl .combody
{
    margin-top:10px;
}
.comdelbtn
{
    float:left;
    font:bold 12px irans;
    padding:2px 10px;
    color: #ec5530;
}
.comitem>span a
{
    color: #1d59aa;
}
.comitem span.date
{
    float:left;
}
.comitem .combody
{
    padding:10px 0; 
    position: relative; 
}
.combody .cmreply
{
    background: #777;
    padding:5px;
    color:#fff;
    float:left;
    margin-top:50px;
}
.combody .cmreply:hover
{
  background: #002a96;  
}
.social li
{
    float:left;
    margin-right:10px;
}
.archivenews .newsbox
{
    margin-bottom:30px;
    margin-left:100px;
}
.regform td
{
    padding:10px 60px;
    vertical-align: middle;
}
.regform textarea
{
    height:100px;
}
.registerBox .warning
{
   display: block;
   margin-top:10px;
   color:#ff6600;
}
.btn-black
{
   
     background-color: #212121;
     border-radius:4px 4px 4px 4px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#777'); /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#777)); /* for webkit browsers */
     background: -moz-linear-gradient(top,  #212121,  #777); /* for firefox 3.6+ */
     color: #FFFFFF;
     height:35px;
     font:13pt irans;
     border:0;
     min-width:80px;
     cursor:pointer;
     float:left;
}

.btn-black:hover
{  
     background: #777 ;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777', endColorstr='#212121'); /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#212121)); /* for webkit browsers */
     background: -moz-linear-gradient(top,  #777,  #212121); /* for firefox 3.6+ */
}
#registerError
{
    color:#ff6600;
}
#registerError li
{
    margin-bottom:10px;
}
#respmenu
{
    float:right;
    margin:10px 0;
    display: none;
    color:#002a96;
} 
#respmenu:hover:before
{
  color:#555;  
}
#respmenu:before
{
    float:right;
    content:'\f03a';
    font:30px FontAwesome;
}
.social
{
    font-size:25px;
}
.mainnews li
{
    margin-top:10px;
    width:100%;
    border-bottom:1px solid #e5e5e5;
    padding:10px 0;
    overflow: hidden;
}  
.mainnews li img
{
  float:right;
  width:70px;
  margin-left:10px;
  padding:5px;
  background:#eee;
  border:1px solid #ccc;
}
.smallcont
{
    min-height:400px;
    margin-bottom:30px;
}
#telegban
{
    margin-top:3px;
}
.mrgb
{
    margin-bottom:20px;
}
.mrgr
{
margin-right:10px;
}
.contbox
{
    text-align: justify;
}
.contbox>table
{
    margin:20px auto;
}
.contbox>table td
{
    border:1px solid #ccc;
}
.contbox .galleryitem
{
    width:70px;
    height:50px;
    overflow: hidden;
    float:right;
    margin-top:20px;  
    margin-right:10px;
}
.contbox .galleryitem img
{
    width:100%;
    height:100%;
}
.newsFrame img
{
max-width:100%;
}
#errormsg
{
    position:absolute;
    padding:10px 5px 0 5px;
    width:210px;
    height:45px;
    line-height:30px;
    border-radius:3px 3px 0 0;
    color:#fff;
    text-align: center;
    z-index: 1002;
    background:#264f87;
    display:none;
}
#errormsg:after
{
    content:'';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10.5px 0 10.5px;
    border-color: #264f87 transparent transparent;
    margin: 0 0 0 -10px; 
}
.pollbox div#polcont
{
    padding:20px;
}
.pollbox li
{
    margin-top:10px;
}
.pollbox #showResult
{
    margin-top:10px;
    float:left;
    font-weight: bold;
    color:#1d59aa;
}
#tblpresult .pollBar 
{
  height: 20px;
  border-radius: 3px;
  display: none;   
}
#polbtns
{
    position: absolute;
    bottom:10px;
    width:460px;
}
.pollbox table td
{
    border:0;
    font-size:10pt;
    padding:5px;
}
#btnsendPoll
{
    color:#fff;
}
#maker
{
    float:left;
    color:#ccc;
    margin-top:30px;
    font-size:10pt;
    margin-right:20px;
}
#maker:hover
{
    color:#ff9900;
}
@media only screen and (min-width: 970px) and (max-width: 1199px)
{
    .content
    {
        width:970px;
    }
    .container
    {
        width:950px;
    }
    .rightframe
    {
        width:495px;
    }
    .rightframe.whitebg
    {
        width:478px;
    }
    .rightframe.whitebg.bigright
    {
        width:630px;
    }
    .leftside
    {
        width:470px;
    }
    .leftside.bigleft,.leftside.bigleft .leftframe
    {
        width:290px;
    }
    .leftframe
    {
        width:215px;
    }
    .leftframe>div
    {
        width:200px;
    }
    .leftside.bigleft .leftframe>div
    {
        width:270px;
        -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
    }
    .banners img
    {
        max-width:100% !important;
        height:auto;
    }
    .galleries li
    {
        width:250px;
        margin-left:75px;
    }    
    .galleries li img
    {
        width:250px;
        height:140px;
    }    
    .galleries h3
    {
        width:240px;
        height:40px;
    } 
    .lastgallery img
    {
        margin:0 auto;
        margin-bottom:10px;
        display: block;
        width:120px;
    }  
    #msgFrame input[type=text]
    {
      width:135px; 
    }
    #msgFrame textarea
    {
        width:470px;
    }    
#headban img
{
width:350px;
height:auto;
margin-top:18px;
}
}

@media only screen and (max-width: 969px)
{
    .content,.container,.rightframe,.leftframe,.leftside,.rightframe.whitebg,.rightframe.whitebg.bigright,.leftside.bigleft,.bigleft .leftframe
    {
        width:95%;
        
    }
    .rightframe,.leftframe
    {
        float:none;
        margin:0 auto;
    }
    .leftframe>div,.bigleft .leftframe>div
    {
        width:90%;
    }
    .banners img
    {
        float:right;
        margin-left:20px;
    }
    .menu
    {
      font-size:14px;  
    }
    .menu>li
    {
        margin-left:5px;
    }
#headban img
{
width:300px;
height:auto;
}

}
@media only screen and (max-width: 769px)
{
.header .container#headcont,.rightframe.whitebg,.footer.content
{
width:90%;
overflow:hidden;
}
  .menu
  {
      display:none;
  }  
  #respmenu
  {
      display:block;
  }
  .menu
{
      position: absolute;
      top:40px;
      right:0;
      background:#002a96;
      width:300px;
      z-index:3;
  }            
  .menu li
  {
      float:none;
  }
  .menu>li>a
  {
      color:#fff
  }
  .menu li.active a,.menu>li:hover>a
  {
      color:#ffed25;
  }
#searchframe input[type=text]
{
width:180px;
}
#bigbans img
{
width:100%;
height:auto !important;
max-width:100%;
}
.leftframe
{
margin-top:20px;
}
#msgFrame input[type=text]
    {
      width:110px; 
    }
    #msgFrame textarea
    {
        width:400px;
    }
.footer #license
{
    width:200px;
}
.footer #license,#maker
{
    margin-top:10px;
}
}
@media only screen and (max-width: 480px)
{
.header .container#headcont
{
overflow:hidden;
min-height:100px;
}
.logo
{
background-size:150px;
width:150px;
height:90px;
}
#searchframe input[type=text]
{
width:100px;
}
.paging span
{
margin-top:10px;
}
.banners img
{
float:none;
margin-left:0;
}
#msgFrame input[type=text]
    {
      width:70px; 
    }
    #msgFrame textarea
    {
        width:300px;
    }

}
@media print 
{
.noPrint 
{
    display:none;
}
}