/*** COLORS ***/
/*** DEMO ***/
html,
body {  margin-top: 55px; /* انتقال کل صفحه به پایین */
  height: 100%;
  margin: 0;  font-family: 'B Nazanin', Tahoma, Arial, sans-serif;
}
     .search-button {
      background-color: #550506;
      border: 0.5px solid #c4a604;
      color: #ffffff;
      padding: 8px 20px;
      text-align: center;
      font-weight: bold;
      text-decoration: none;
      display: inline-block;
      font-size: 13px;
      border-radius: 20px;
      cursor: pointer;
      z-index: 1000;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      transition: background-color 0.6s ease, transform 0.3s ease;
      margin: 0 5px;
    }

    .search-button:hover {
      background-color: #000000;
      color: #FFD700;
      transform: translateY(-5px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    }

    #buttonContainer {
      position: absolute;
      top: 7px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1000;
    }




p {
  margin-top: 30px;
}

.cntr .cntr-innr {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/*** STYLES ***/
.search {
  display: inline-block;
  position: relative;
  height: 35px;
  width: 35px;
  box-sizing: border-box;
  margin: 0px 8px 7px 0px;
  padding: 7px 9px 0px 9px;
  border: 3px solid #750000;
  border-radius: 25px;
  transition: all 200ms ease;
  cursor: text;  margin-top: -50px; /* اضافه کردن فاصله ۵۰ پیکسل از بالا */
}
.search:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 20px;
  right: -5px;
  top: 21px;
  background: #750000;
  border-radius: 3px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.search.active,
.search:hover {
  width: 200px;
  margin-right: 0px;
}
.search.active:after,
.search:hover:after {
  height: 10px;
}
.search input {
    width: 100%;
    border: none;
    box-sizing: border-box;
    font-family: Helvetica;
    font-size: 15px;
    color: inherit;
    background: transparent;
    outline-width: 0px;
    direction: rtl;
    color: white;
    margin-top: -3px; /* اضافه کردن فاصله ۵۰ پیکسل از بالا */
}


    
    
    
    
    
    
td {
  text-align: center;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.1); /* پس‌زمینه شفاف */
  border-radius: 10px; /* گوشه‌های گرد */
  transition: transform 0.3s, box-shadow 0.3s; /* انیمیشن برای اثر هاور */
}
td:hover {
  transform: scale(1.05); /* بزرگ شدن هنگام هاور */
  box-shadow: 0px 4px 20px rgba(255, 204, 0, 0.5); /* سایه هنگام هاور */
}
body { margin-top: 50px; /* انتقال کل صفحه به پایین */  font-family: 'B Nazanin', Tahoma, Arial, sans-serif;
   font-family: Arial;
font-size: 18pt;
color: #852328;
background-color: #000000;
background-image: url(images/11.jpg);
background-repeat: no-repeat;
background-attachment: fixed; /* تصویر با اسکرول حرکت می‌کند */
background-size: cover; /* تصویر به طور کامل پوشش داده می‌شود */

}


.title {
  font-size : 16pt;
  font-weight: bold;
  text-align: center;
}

td {
	font-family: Arial;
	font-size: 8pt;
	text-align: center;	
	color: #FFFFFF;
	background-color: #171b2f;
	padding: 10px 10px 10px 10px;
}

img {
	border: 0;
}
table {
    width: 0%;
    margin: 0 auto; /* مرکز کردن جدول */
    border-collapse:separate; /* حذف فاصله بین سلول‌ها */
}
a {
    font-family: Arial;
	color: #FFFFFF;	
    font-size: 11pt;
    font-weight: bold;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #ffcc00; /* تغییر رنگ هنگام هاور */
}

a:hover img#thumbimage {
	text-decoration: none;
}

.navigation {
}

.navigationline {
  padding: 2px 0px;
}

.navlink {
  text-align: center;
  display: inline;
	color: #FFFFFF;	
	font-size: 8pt;
	font-weight : bold;
  padding-left: 5px;
  padding-right: 5px;
}

.navlink#current {
  border: solid 1px;
}

.navlink a {
	text-decoration: none;
	color: #FFFFFF;	
	font-size: 8pt;
	font-weight : bold;
}

.navlink a:hover {
	text-decoration: underline;
}