@font-face { font-family: Vazir; src: url('fonts/Vazir.eot'); src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('fonts/Vazir.woff2') format('woff2'), url('fonts/Vazir.woff') format('woff'), url('fonts/Vazir.ttf') format('truetype'); font-weight: normal; }
html, body, input { font-family:Vazir, Tahoma, Arial !important; font-size: 15px; font-weight: normal !important;}

/* CSS Document */
body {
	background:url(images/bgbody.gif) repeat-x #eadeff;
	margin:0;
	line-height:18px;
	direction:rtl;
}

form       { margin: 0;}
input      { font-family: Vazir,Tahoma; font-size: 9pt; border: 1px solid #666666; padding: 5px ;border-radius: 0;box-sizing: border-box ;}
select     {border: solid 1px #666666;background: #FFFFFF;padding: 5px;font-family: Vazir,Tahoma;font-size: 9pt;width: 90%;box-sizing: border-box ;}
textarea   {border: solid 1px #666666;background: #FFFFFF;padding: 5px;font-family: Vazir,Tahoma;font-size: 9pt;width: 90%;box-sizing: border-box ;}
input[type=submit],[type=radio],[type=button], label, select, .pointer {cursor: pointer;}






img {max-width:100%;height:auto;}
#content {
	max-width:891px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.notice {
	background:#FFFFFF;
	direction:rtl;
	padding-left:10px;
	padding-right:10px;
}
.mord {
	direction:rtl;
}
.notice p {
	margin:0;
}
table      { font-family: Vazir,Tahoma; line-height:150%; border-collapse: collapse;}
th,td      {padding-left: 5px; padding-right: 5px;}
.navbar{height:38px;background-color:#8664C2;text-align:center;width:100%;}
.container{width:100%;max-width:900px;margin:auto;}
ul.topnav {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color:#8664C2;}
ul.topnav li {float: right;}
ul.topnav li a {display: inline-block;color: #f0f0f0;text-align: center;padding: 10px 20px;text-decoration: none;transition: 0.3s;font-size: 10pt;font-family:Vazir,Tahoma;}
ul.topnav li a:hover {background-color: #9270CE;}
ul.topnav li.icon {display: none;}
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;} 
  ul.topnav li.icon .line {width: 100%;background: #f0f0f0;height: 5px;display: block;margin-bottom: 3px;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;} 
  ul.topnav li.icon {margin:5px 0 0 5px;float: left;display: inline-block;}
  ul.topnav li.icon a {display: inline-block;width: 35px;color: #f0f0f0;text-align: center;padding: 0px;text-decoration: none;transition: 0.3s;}   
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {position: absolute;left: 0;top: 0;}
  ul.topnav.responsive li.icon a {text-align: center;}  
  ul.topnav.responsive li {float: none;display: inline;}
  ul.topnav.responsive li a {display: block;text-align: right;}
}



#header {
	max-width:891px;
	margin-left:auto;
	margin-right:auto;	
}
#footer {
	text-align:center;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	
	font-size:11px;
	color:#666666;
	clear:right;
}
#rightbar {
	float:right;
	width:154px;
	margin-left:1px;
}
#rightbar2 {
	float:right; width:197px; margin-left:2px;
}
#main{
	float:left; width:530px; margin-right:6px;
}







.ifolder1 {
	height:26px;
	width:100%;
	background:url(images/ifolder1.gif) right no-repeat;
	text-indent:29px;
	padding-top:2px;
	margin:0;
}
.ifolder11 {
	height:26px;
	width:100%;
	background:url(images/ifolder11.gif) right no-repeat;
	text-indent:29px;
	padding-top:2px;
	margin:0;
}
.ifolder4 {
	height:26px;
	width:100%;
	background:url(images/ifolder4.gif) right no-repeat;
	text-indent:29px;
	padding-top:2px;
	margin:0;
}
.ifolder2 {
	height:26px;
	width:100%;
	background:url(images/ifolder2.gif) right no-repeat;
	text-indent:46px;
	padding-top:2px;
	margin:0;
}
.ifolder3 {
	height:26px;
	width:100%;
	background:url(images/ifolder3.gif) right no-repeat;
	text-indent:46px;
	padding-top:2px;
	margin:0;
}
.centerlink a:link , .centerlink a:visited {
	display:block;
	text-decoration:none;
	width:188px;
	height:29px;
	text-indent:5px;
	direction:rtl;
	background:#f4eefd;
	margin-left:auto;
	margin-right:auto;
	color:#64439f;
	cursor:hand;
	margin-bottom:2px;
	clear:right;
}
.centerlink a:hover {
	display:block;
	text-decoration:none;
	width:188px;
	height:29px;
	text-indent:5px;
	direction:rtl;
	background:#f6f3fb;
	margin-left:auto;
	margin-right:auto;
	color:#FF0000;
	margin-bottom:2px;
	clear:right;
}
.centerlink img {
	border:0;
	float:right;
	margin-top:6px;
}
a img {
	border:0;
}
.tinymgclink {margin-top:5px; margin-right:5px; float:right;}
.txtcenterlink{padding-top:6px; float:right; width: 160px;overflow: hidden;height: 20px;}
.up {width:530px; height:11px; background:url(images/up.sdgif);}
.down {width:530px; height:11px; background:url(images/down.gif) bottom;}
.boxp {
	display: inline-block;
	width:164px;
	height:200px;
	border-top:2px solid #dfdfdf;
	border-bottom:2px solid #dfdfdf;
	background:#f6f6f6;
	margin:5px auto;
	height:272px;
}
.boxp:hover {
    transition: all 500ms;
    background-color: #E7E7E7;
    box-shadow: 4px 4px 4px #ccc;
    cursor: pointer;
}

.label{
	max-width:530px;
	background:#FFFFFF;
	clear:both;
	padding:10px;
	border-radius:8px;
	text-align: right;	
	margin:10px auto;
}

.topr {
	float:right;
	width:10px;
	height:17px;
	background:url(images/angle.gif) no-repeat bottom #FFFFFF;
	background-position:-10px 0px;
}
.topl {
	float:right;
	width:10px;
	height:17px;
	background:url(images/angle.gif) no-repeat bottom #FFFFFF;
	background-position:0px 0px;
}
.topcc {
	width:510px;
	float:right;
	height:17px;
	background:#FFFFFF;
}
.centerright {
	width:136px;
	background:#FFFFFF;
	height:100px;
	clear:both;
	padding-left:3px;
	padding-right:3px;
	direction:rtl;
}
.centerc {
	max-width:530px;
	background:#FFFFFF;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	border-radius:8px;
	padding-top:20px;
	text-align: center;
	margin:10px auto;
}
.center {
    text-align: center;
}
@media screen and (max-width: 891px){
#header {width:100%;margin-left:auto;margin-right:auto;}	
#rightbar {float:none;width:80%;margin-left:auto;margin-right:auto;}
#rightbar2 {float:none;width:80%;margin-left:auto;margin-right:auto;}
#main {float:none;width:80%;margin-left:auto;margin-right:auto;}
}

.titlep { background:#F7F3FF;min-height:20px; text-indent:10px; width:100%; padding-top:6px; color:#583c8a;text-align:right;border-bottom:1px dotted #8664C2;}
.downr {
	float:right;
	width:10px;
	height:15px;
	background:url(images/angle.gif) no-repeat bottom #FFFFFF;
	background-position:-20px 0px;
}
.downl {
	float:right;
	width:10px;
	height:15px;
	background:url(images/angle.gif) no-repeat bottom #FFFFFF;
	background-position:-30px 0px;
}
.downcc {
	width:510px;
	height:15px;
	float:right;
	background:#FFFFFF;
}
.pagenum a:link , .pagenum a:visited {	border-radius:5px;padding:4px;border:1px solid #c3b0e5;display:block;float:right;margin:2px;width:20px;	height:15px;text-align:center;text-decoration:none;color:#8263b9;font-family:tahoma;font-size:11px;}
.pagenum a:hover {border:1px solid #8263b9;}
#pagenav{margin-left:5px; margin-right:5px; clear:right; background:#FFFFFF;}
a:link , a:visited {text-decoration:none; color:#003366;}
a:hover {text-decoration:none; color:#ff6600;}

.subtxt {color:#ff1100; font-size:12px; text-indent:5px; padding-top:3px;overflow: hidden;height: 16px;}
.imagep {border:1px solid #999999; margin-top:5px;}
.shortdes {color:#777777; direction:rtl; margin:3px; margin-bottom:2px;overflow: hidden;height: 72px;}
.showcount {text-indent:5px;}
.morebuy{margin-top:5px; padding-right:4px;}
.morebuy img{ margin-right:3px;}
.subtxt a:link , .subtxt a:visited {
	color:#FF0000;
}

.btn {
    font-family: Vazir,Tahoma;
    cursor: pointer;
    padding: 5px;
    min-height: 35px;
    max-width: 120px;
    border:1px solid #ccc;
    text-decoration: none;
    line-height: 0;
    border-radius: 5px;
    white-space: nowrap;
    background: transparent;
	width: 100%;
	margin:2px;
}
.btn:hover {background: #E0E0E0;}
.btn.btn-success {
    background: #41BC44;
    border: 1px solid #59bc46;
    color: #fff;
    transition: all ease-in 0.3s;
    border-left: 5px solid #32A11D;
}
.btn.btn-success:hover {background: #32a11d;}
.btn.btn-info {
    background: #84B9FF;
    border: 1px solid #7DADEC;
    color: #fff;
    transition: all ease-in 0.3s;
    border-left: 5px solid #7DADEC;
}
.btn.btn-info:hover {background: #7DADEC;}

@media screen and (min-width: 892px){
	html, body, input { font-family:Vazir, Tahoma, Arial !important; font-size: 12pt; font-weight: normal !important;line-height: 1.5;}
    #header {max-width:1000px;}
    #content {max-width: 1000px;}
	#rightbar {width:204px;}
	#rightbar {width: 204px;}
    .ifolder2 {width: 200px;height: 24px;}	
	.ifolder1 {width: 200px;height: 24px;}
    #main{float:left; width:590px;}	
	.centerc {max-width:590px;}
	.label{max-width:590px;}
	.boxp {width: 184px;height: 292px;}
	.navbar {height: 40px;}
	.table {font-size: 12pt !important;}
}
@media screen and (max-width: 500px){
	.boxp {width: 100%;height: 292px;}
}

.line-height-2{
	line-height: 1.8;
}