@charset "utf-8";
@font-face {font-family: 'IRANSans';src: url('../font/IRANSans.woff') format('woff'),url('../font//IRANSans.ttf') format('truetype');}
* {font-family:IranSans;line-height:35px;}
html {scroll-behavior:smooth;}
body {background:#f9f9f9;padding:0;margin:0;}
div#content {margin:0 9px;}
h1 {color:#660099;font-size:larger;margin-bottom:0px;display:inline-block;}
h2 {color:#28A745;font-size:large;}
ul {text-align:justify;list-style:none;padding:0 5px;}
ul li {clear:both;background:rgba(240,240,240,0.5);line-height:40px;padding:1px 5px;margin-bottom:1px;transition-property:background,padding,border;transition-duration:0.3s;}
.ltr ul li:hover {background:rgba(220,220,220,0.5);border-left:3px solid #28A745;}
.rtl ul li:hover {background:rgba(220,220,220,0.5);border-right:3px solid #28A745;}
p {text-align:justify;}
a {text-decoration:none;color:#28A745;}
a.btn,input.btn {background:#660099;color:#fff;margin:0 5px;padding:0 5px;border-radius:5px;font-size:small;line-height:20px;}
form {display:inline-block;}
hr {color:#28A745;}
strong {color:#28A745;}
i#slogan {background:#28A745;color:#fff;border-radius:7px;padding:3px 7px;}
div#copyright {background:#660099;color:#fff;text-align:center;}
@media (max-width: 767px) {
	.mobilehide {display:none}
	div#content {margin:0 3px;}
    h1 {font-size:large;}
    ul {font-size:small;}
    i#slogan {font-size:small;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .tablethide {display:none}
    div#content {margin:0 5px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.mediumhide {display:none}
	div#content {margin:0 7px;}
}
@media (min-width: 1200px) {
	.widehide {display:none}
}