*{margin:0;padding:0;font-family: arial;}
ul{list-style:none;}
body{background: #ffffff;}
a{color:inherit;text-decoration:none;}
a:hover{text-decoration:underline !important;}
#layouts{max-width:1298px;margin:0 auto;border 1px solid black;min-height:300px;}
#header{height:80px;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; */min-height:31px;line-height:31px;padding:5px;padding-right:12px;direction:rtl;background-image: linear-gradient(#e066ff, rgb(218, 115, 213));border-radius: 2px 2px 8px 8px;}
#navigation li{display:inline-block;margin-left:15px;border-left:1px solid #ccc;padding-left:12px;}
#page_text1,#page_text2{direction:rtl;padding:10px;/* box-shadow: 1px 1px 13px 0 #f9d953; */box-shadow: 1px 1px 13px 0 #0e0c0c;margin-top:10px;border-radius: 2px 2px 7px 7px;margin-bottom:10px;}
#bottom_footer{max-width: 1300px;/* background: #f9d953; */background-image: linear-gradient(#dd6ee5, rgb(189, 117, 195));height:60px;line-height:60px;text-align:center;margin:0 auto;margin-top:10px;border-radius: 2px 2px 8px 8px;}
@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: 293px;vertical-align:middle;padding: 2px;height: 359px;/* box-shadow: 2px 4px 19px 0 #f9d953; */box-shadow: 2px 3px 9px 0 #000000;border-radius: 1px 1px 17px 17px;}
.box img{width: 291px;height: 250px;border-radius: 7px;}
.box_name{text-align:right;font-size:17px;font-weight: bold;/* background-color: white; */margin-bottom: 5px;background-color: #9a9a99;}
.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: #0a0a0a;
  text-align: center;
  padding: 3px 13px;
  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;
  }