*{margin:0;padding:0;font-family: arial;}
ul{list-style:none;}
body{background: #ffffff;}
a{color: #fff7f7;text-decoration:none;text color :;}
a:hover{text-decoration:underline !important;}
#layouts{max-width: 945px;margin:0 auto;border 1px solid black;min-height:300px;}
#header{height: 110px;background: #ffffff;text-align:center;position:relative;padding-bottom:5px;}
#main_page_title{position:absolute;right:5px;top:5px;font-size:13px;}
#logo{height:inherit;}
#logo a{height:inherit;}
#logo img{height:inherit;}
#navigation_h{/* background: #f9d953; *//* background-image: linear-gradient(#32e61f, rgb(7, 193, 75)); */background-image: linear-gradient(#61b397, rgb(15, 156, 81));border-radius: 6px 37px 11px 11px;min-height:31px;line-height:31px;padding:5px;padding-right:12px;direction:rtl;}
#navigation li{display:inline-block;margin-left:15px;border-left:1px solid #ccc;padding-left:12px;text-color: #cccccc;}
#page_text1,#page_text2{direction:rtl;padding:10px;box-shadow: 1px 1px 13px 0 #05422a;border-radius: 11px 11px 11px 11px;margin-top:10px;margin-bottom:10px;}



#bottom_footer{max-width: 945px;/* background: #f9d953; *//* background-image: linear-gradient(#e20097, rgb(195, 43, 148)); *//* background-image: linear-gradient(#55d8ab, rgb(43, 195, 132)); */background-image: linear-gradient(#61b397, rgb(15, 156, 81));border-radius: 0px 0px 11px 11px;height:60px;line-height:60px;text-align:center;margin:0 auto;margin-top:10px;}
@media(max-width:1000px) {
	#navigation li{display:block;width:100%;margin-left:0;border-left:0;padding:10px 0;border-bottom:1px solid #ccc}
	#wrap{min-height:300px;}
}
#box_list{text-align:center;margin-top:5px;}
.box{display:inline-block;text-align:center;margin:10px;width: 283px;vertical-align:middle;padding: 4px;height: 341px;border-radius: 3px 3px 11px 11px;/* box-shadow: 2px 4px 19px 0 #f9d953; */box-shadow: 0 0 0.59em #6b6868;}
.box img{width: 283px;height: 222px;border-radius: 38px;}
.box_name{text-align:right;font-size:17px;font-weight: bold;padding: 3px;/* background-color: white; */margin-bottom: 5px;background-color: #16ce3c;border-radius: 15px 2px 2px 15px;}
.box_de{text-align:right;font-size:13px;}
.topnav {
  overflow: hidden;
 
}

.topnav a {
  float: right;
  display: block;
  color: #f2f2f2;
  float: right;
  display: block;
  color: #0a0a0a;
  text-align: center;
  padding: 2px 6px;
  text-decoration: none;
  font-size: 17px;
  border-left:1px solid #ccc;
}

.topnav a:hover {
  background-color: #ef8282;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;
    border-top:1px solid #ccc;
  }