*{margin:0;padding:0;font-family: arial;}
ul{list-style:none;}
body{background: #ffffff;}
a{color: #0a06ef;text-decoration:none;text color :;font-weight: bold;/* background-color: #fbf5ab; */text-decoration: underline;}
a:hover{text-decoration:underline !important;}
#layouts{max-width: 1200px;margin:0 auto;border 1px solid black;min-height:300px;}
#header{height: 140px;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(#43b05c, rgb(214, 180, 69));border-radius: 11px 11px 11px 11px;min-height:31px;line-height: 33px;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 3px 0 #275f23;border-radius: 11px 11px 11px 11px;margin-top:10px;margin-bottom:10px;}



#bottom_footer{max-width: 1200px;/* background: #f9d953; *//* background-image: linear-gradient(#e20097, rgb(195, 43, 148)); *//* background-image: linear-gradient(#55d8ab, rgb(43, 195, 132)); *//* background-image: linear-gradient(#dc9b23, rgb(195, 99, 43)); *//* background-image: linear-gradient(#d100c7, rgb(179, 3, 170)); *//* background-image: linear-gradient(#ef5350, rgb(195, 111, 80)); */background-image: linear-gradient(#43b05c, rgb(214, 180, 69));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: 267px;vertical-align:middle;padding: 4px;height: 251px;border-radius: 10px 10px 10px 10px;/* box-shadow: 2px 4px 19px 0 #f9d953; */box-shadow: 0 0 0.59em #211e1e;}
.box img{width: 267px;height: 223px;border-radius: 7px;}
.box_name{text-align: center;font-size: 14px;font-weight: bold;padding: 4px;/* background-color: white; */margin-bottom: 5px;background-color: #16ce3c;border-radius: 10px 10px 10px 10px;}
.box_de{text-align:right;font-size:13px;}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
 
}

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

.topnav a:hover {
  background-color: #fff;
  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;
  }