﻿/*
Name: hamid sefat
coding by : Morteza SafariShahi
designer :Morteza SafariShahi
ver:1.3
*/

@font-face {
font-family: "SYekan";
src: url("http://up.hypertemp.ir/up/hypertemp/Hyper_Temp/artapc/fonts/SYekan.eot?#") format("eot"), url("http://up.hypertemp.ir/up/hypertemp/Hyper_Temp/artapc/fonts/SYekan.woff") format("woff"), url("http://up.hypertemp.ir/up/hypertemp/Hyper_Temp/artapc/fonts/SYekan.ttf") format("truetype");
}

@font-face {
font-family: "Mj_Text";
src: url("http://up.hypertemp.ir/view/71741/Mj_Text.eot?#") format("eot"), url("http://up.hypertemp.ir/view/71755/Mj_Text.woff") format("woff"), url("http://up.hypertemp.ir/view/71742/Mj_Text.ttf") format("truetype");
}

* {
font-weight: normal;
}

a {
text-decoration: none;
color: #fff;
}

ul {
margin: 0px;
padding: 0px;
list-style: none;
}

h1,h2,h3,h4,h5,h6{font-size: 14px;padding: 0px;margin: 0px}

div#qTip {
border-radius: 0px 4px 4px 4px;
position: absolute;
text-align: center;
color: #333;
display: none;
padding: 5px 10px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.62);
z-index: 10000;
margin: 5px 7px;
font: 14px SYekan,tahoma
}

body {
direction: rtl;
font-size: 13px;
font-family: SYekan,'SYekan',tahoma;
line-height: 1.42857;
color: #fff;
background-color: #FFF;
overflow-x: hidden;
padding: 0px;
margin: 0px;
background: url("http://rozup.ir/up/hamidsefat/ghati/back.jpg") repeat fixed 0% 0% / 100% auto #DDD;
}

.ico-rest {
vertical-align: middle;
font-size: 17px !important;
padding: 0px 0px 0px 5px;
}

.ico-rest2 {
vertical-align: middle;
font-size: 17px !important;
}

.ico-rest3{
vertical-align: middle;
font-size: 15px;
}

.ico-rest4{
font-size: 35px;
padding: 0px 3px;
vertical-align: middle;
text-align: center;
}

.ico-rest5 {
font-size: 32px;
vertical-align: middle;
text-align: center;
color: #fff;
}

.notebar {
background: none repeat scroll 0% 0% #fff;
color: #333;
font: 14px SYekan;
padding: 10px 0px;
width: 100%;
}

.container {
}

.container span {
margin-left: 5px;
font-size: 13px;
}

.container a {
text-decoration: none;
color: #FFF;
width: 150px;
background-color: #383838;
padding-right: 10px;
padding-left: 10px;
border-radius: 18px;
padding-bottom: 1px;
float: left;
text-align: center;
font-size: 13px;
}

.container a span {
margin-right: 5px;
text-decoration: none;
color: #FFF;
width: 150px;
background-color: #333;
border-radius: 100%;
padding: 4px 9px;
margin-left: 5px;
border: 4px solid #fff;
}

.container a:hover {
color: rgba(255, 255, 255, 0.62);
}

.container a span:hover {
color: #000;
}

.ico {
display: inline;
position: absolute;
margin-top: -1px;
padding-right: 10px;
}

.header {
height: 127px;
padding: 0px;
margin: auto;
}

.header-bg {
width: 100%;
height: 127px;
background-color: rgba(0, 0, 0, 0.82);
}

.size {
width: 995px;
margin: 0px auto auto;
}

.logo {
width: 290px;
float: right;
}
.logo img{
padding-top: 12px;
float: right;
}
.logo a{
font-size: 18px;
text-decoration: none;
color: rgba(255, 255, 255, 0.62);
}
.titr {
padding-top: 26px;
padding-right: 79px;
margin-right: 10px;
line-height: 2;
}
.titr  span {
font-size: 11px;
}

.adress {
font-size: 14px !important;
background-color: rgba(255, 255, 255, 0.62);
color: #FFF !important;
padding-left: 10px;
padding-right: 10px;
}

.red {color: #F5515D;}

nav {
float: left;
margin: 12px 0px;
}

nav ul li {
float: right;
padding: 2px 4px 5px;
margin-top: 41px;
width: 56px;
border-top: 2px solid #fff;
background-color: unset;
text-align: center;
}
nav ul li:hover {
border-top: 2px solid #fff;
background-color: #fff;
color: #333
}
nav ul li a{
font-size: 13px;
text-decoration: none;
color: rgba(255, 255, 255, 0.62) !important;
width: 100%
}
nav ul li a:hover{
color: #fff;
}

.rss {
width: 38px !important;
border-radius: 20px;
padding: 8px 0px 0px;
height: 30px;
margin-top: 32px;
border: 1px solid #fff;
margin-right: 5px;
float:left;
}
.sidebar {
width: 280px;
float: right;
}
.sidebar-back{
width: 100%;
background-color: rgba(0, 0, 0, 0.82);
padding-bottom: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.sidebar-head {
width: 95%;
height: 35px;
margin-right: 9px;
border-bottom: 2px solid rgba(255, 255, 255, 0.35);
margin-bottom: 20px;
}

.sidebar-head-subject {
width: 100%;
padding-top: 7px;
text-align: right;
color: #fff;
font-size: 13px;
}
.text{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.ico-user {
color: #000;
border-width: 1px 1px 1px 0px;
border-style: solid solid solid none;
border-color: #ACACAC #ACACAC #ACACAC -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background: none repeat scroll 0% 0% #F5F5F5;
outline: medium none;
font: 14px SYekan;
height: 19px;
border-radius: 2px;
float: right;
width: 9%;
padding: 2.5px 5px 8px;
margin-right: 4px;
}
.ico-user2 {
color: #000;
border-width: 1px 1px 1px 0px;
border-style: solid solid solid none;
border-color: #ACACAC #ACACAC #ACACAC -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background: none repeat scroll 0% 0% #F5F5F5;
outline: medium none;
font: 14px SYekan;
height: 19px;
border-radius: 2px;
float: right;
width: 9%;
padding: 3.5px 5px 8px;
margin-right: 4px;
}
.ico-a {
width: 1%;
background: none repeat scroll 0% 0% #F5F5F5;
height: 30px;
margin-right: 39px;
float: right;
position: absolute;
border-bottom: 1px solid #ACACAC;
border-top: 1px solid #ACACAC;
}
.ico-a img {
padding: 6px;
padding-right: 1px;
}
.ico-a2 img {
padding: 6px;
padding-right: 1px;
}
.ico-a2 {
width: 1%;
background: none repeat scroll 0% 0% #F5F5F5;
height: 30px;
margin-right: 39px;
float: right;
position: absolute;
border-bottom: 1px solid #ACACAC;
border-top: 1px solid #ACACAC;
}

.sidebar-login {
max-width: 140px;
width: 100%;
height: 37px;
float: right;
color: #FFF;
border-radius: 3px;
margin: 0px 5px 0px 2px;
background: none repeat scroll 0% 0% #99CA6A;
box-shadow: -44px 0px 0px #8ABC5D inset;
}
.sidebar-login:hover {
color: #FFF;
background: none repeat scroll 0% 0% #8ABC5D ;
box-shadow: -44px 0px 0px #99CA6A inset;
}
.sidebar-signup {
max-width: 140px;
width: 100%;
height: 37px;
float: right;
color: #FFF;
border-radius: 3px;
margin: 0px 4px 0px 2px;
background: none repeat scroll 0% 0% #e4644b;
box-shadow: -44px 0px 0px #de5440 inset;
}
.text li {
width: 95.5%;
list-style: none outside none;
border: .0px solid #A9A9A9;
padding: 4px;
list-style: circle;
margin-right: 20px;
color: darkcyan;
vertical-align: middle;
}
.link{
margin-top: 9px;
}
.link a{
color: #FFF;
}
.sidebar-signup:hover {
background: none repeat scroll 0% 0% #de5440 ;
box-shadow: -44px 0px 0px #e4644b inset;
}
.sidebar-ico {
width: 72px;
float: right;
margin-top: 5px;
margin-right: 7px;
}
.sidebar-ico2 {
width: 62px;
float: right;
margin-top: 6px;
margin-right: 10px;
}
.sidebar-login p{
margin-top: 9px;
}
.sidebar-signup p {
margin-top: 9px;
}
.sidebar-btn {
width: 100%;
display: inline-flex;
margin-top: 4px;
}
.sidebar-ad-text1 {
width: 100%;
height: 65px;
color: #FFF;
border-radius: 0px;
background: none repeat scroll 0% 0% #E4644B;
box-shadow: -72px 0px 0px #DE5440 inset;
}
.sidebar-ad-text1:hover {
background: none repeat scroll 0% 0% #DE5440;
box-shadow: -72px 0px 0px #E4644B inset;
}
.sidebar-back-ad{
width: 100%;
height: auto;
margin-bottom: 5px;
}
.sidebar-ad-ico{
position: absolute;
margin: 16px;
}
.sidebar-ad-text1 h1 {
font-size: 15px;
position: absolute;
margin-right: 85px;
line-height: 3;
}
.sidebar-ad-text1 h2 {
font-size: 12px;
position: absolute;
margin-right: 85px;
line-height: 3.5;
}
.sidebar-ad-text2 {
width: 100%;
height: 65px;
color: #FFF;
background: none repeat scroll 0% 0% #4ba1e4;
box-shadow: -72px 0px 0px #407fde inset;
}
.sidebar-ad-text2:hover {
background: none repeat scroll 0% 0% #407fde;
box-shadow: -72px 0px 0px #4ba1e4 inset;
}
.sidebar-ad-text2 h1 {
font-size: 15px;
position: absolute;
margin-right: 85px;
line-height: 3;
}
.sidebar-ad-text2 h2 {
font-size: 12px;
position: absolute;
margin-right: 85px;
line-height: 3.5;
}
.sidebar-ad-text3 {
width: 100%;
height: 65px;
color: #FFF;
background: none repeat scroll 0% 0% #99CA6A;
box-shadow: -72px 0px 0px #8ABC5D inset;
}
.sidebar-ad-text3:hover {
background: none repeat scroll 0% 0% #8ABC5D;
box-shadow: -72px 0px 0px #99CA6A inset;
}
.sidebar-ad-text3 h1 {
font-size: 15px;
position: absolute;
margin-right: 85px;
line-height: 3;
}
.sidebar-ad-text3 h2 {
font-size: 12px;
position: absolute;
margin-right: 85px;
line-height: 3.5;
}

.tabs
{
padding-top: 10px;
padding-bottom: 11px;
padding: 6px 0;
font-size: 0;
margin:0;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the tabs as desired*/
top: 3px;
}

.tabs li
{
display: inline;
margin: 0;
margin-right:0px; /*distance between tabs*/
}

.tabs li a
{
font: normal 12px SYekan;
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 14px;
padding-top: 10px;
padding-bottom: 11px;
color: #fff;
outline:none;
height: 35px;
}

.tabs li a:visited
{
color: #fff;
}

.tabs li a:hover
{
background:White;
height: 35px;
}

.tabs li.selected a {
position: relative;
font-weight: normal;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0);
border-bottom: 2px solid rgba(255, 190, 5, 0.8);
height: 35px;
padding-top: 10px;
padding-bottom: 8.55px;
color: rgba(255, 190, 5, 0.8);
}


.tabs li.selected a:hover
{
/*selected tab style */
text-decoration: none;
}

.tabcontent
{
display: block;
}

.tabcontents{}

.last {
width: 88%;
padding: 11px;
margin-top: 5px;
height: auto;
margin-right: 6.5px;
border: 1px solid rgba(221, 221, 221, 0.18);
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
}

.last:hover {
background: none repeat scroll 0% 0% #F1F1F1;
border-right: 5px solid;
width: 87%;
color:#333
}

.last:hover  a{
color: #333;
}

.last img {
height: 60px;
width: 60px;
border: 2px solid rgba(255, 255, 255, 0.62);
position: relative;
box-shadow: 0px 0px 6px -2px #000;
border-radius: 50%;
}
.last a {
position: absolute;
width: 173px;
padding: 19px 10px 10px;
text-align: center;
}
.forum1 {
float: right;
margin-right: 16px;
height: 40px;
margin-top: 5px;
margin-bottom: 5px;
width: 835px;
box-shadow: 0px 3px 3px -4px;
background: none repeat scroll 0% 0% #F8F8F8;
border: 1px solid #eee;
}
.forum1:hover {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.62);
border: 1px solid #3d8763;
color: #FFF;
border-radius: 20px;
text-shadow: 0px 2px 0px #3D8763;
}
.forum1 p {
text-align: center;
}
.main-2 {
float: right;
margin-right: 7px;
height: auto;
width: 705px;
margin-top: 5px;
margin-bottom: 5px;
}
.main-page {
float: right;
margin-bottom: 5px;
width: 707px;
background-color: rgba(0, 0, 0, 0.82);
padding: 5px 0px;
text-align: center;
}
.main-page a {
margin: 0px 2px;
padding: 1px 9px;
}

.main-page a:hover {
background-color: #555;
color: #FFF;
padding: 1px 9px;
margin: 0px 2px;
}

.pagination_current {
background-color: rgba(255, 255, 255, 0.62);
color: #FFF;
padding: 1px 9px;
margin: 0px 2px;
}

.indexpost {
margin: 0px 0px 7px;
background-color: rgba(0, 0, 0, 0.82);
float: right;
padding: 10px 10px 0px;
height: auto;
width: 687px;
}

.indexpost-bot {
padding: 10px 10px 10px !important;
}

.indexpost:hover {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
}

.indexpost:hover  .contine{
background-color: #333;
color: #fff;
}

.indexpost-hamid-sefat {
padding: 0px 0px 10px;
border-bottom: 2px solid rgba(255, 255, 255, 0.35);
font: 13px Mj_Text,SYekan,tahoma;
margin: 0px 0px 7px;
}

.indexpost-hamid-sefat h2 {
float: right;
}

.indexpost-hamid-sefat span{
float: left;
color: #000;
background-color: rgba(255, 255, 255, 0.67);
padding: 2px 5px;
font-size: 10px;
margin: 0px 0px 0px;
}

.indexpost-img{
text-align: center;
}

.indexpost-m4z{

}

.indexpost-img img {
max-width: 100%;
}



.contine {
background-color: rgba(255, 255, 255, 0.62);
float: right;
margin-right: -10px;
color: #000;
text-align: center;
transition: all 0.5s ease 0.1s;
padding: 5px 0px;
width: 707px;
font: 15px Mj_Text,SYekan,tahoma;
}

.left-side-f-head2 {
background: url('http://up.hypertemp.ir/up/hypertemp/Hyper_Temp/ver1/img/patern2.png') repeat-x scroll 0% 0% transparent;
height: 16px;
width: 390px;
float: left;
margin-top: 6px;
}
.left-side-f-head {
background: url('http://up.hypertemp.ir/up/hypertemp/Hyper_Temp/ver1/img/patern2.png') repeat-x scroll 0% 0% transparent;
height: 16px;
width: 301px;
float: left;
margin-top: 6px;
}
.left-side-head a{
color: #FFF;
}

.left-side-head  p{
font-size: 11px;
text-align: center;
}
.footer {
display: inline-block;
margin-top: 3%;
border-top: 10px solid rgba(255, 255, 255, 0.62);
background-color: rgba(0, 0, 0, 0.82);
width: 100%;
margin-bottom: -6px;
}
.foside {
width: 100%;
min-width: 1170px;
}
.foleft {
width: 420px;
float: left;
margin-top: 17px;
}
.about {
}
.left-side-head {
width: 100%;
height: 30px;
margin-bottom: 13px;
}
.m4z {
background-color: rgba(255, 255, 255, 0.62);
margin-top: 1px;
position: absolute;
margin-right: 13px;
padding: 5px 2px;
width: 96px;
text-align: center;
}
.m4z2 {
padding-top: 0px;
width: 96%;
padding-left: 24px;
padding-right: 16px;
margin-bottom: 17px;
color: #FFF;
margin-top: -3px;
text-align: justify;
}
.m4z3 {
padding-top: 3px;
width: 96%;
padding-left: 24px;
padding-right: 16px;
margin-bottom: 21px;
color: #FFF;
margin-top: 6px;
}
.m4z2 h3 {
color: #FFF;
float: right;
background-color: #888;
margin-right: 8px;
font-size: 12px;
text-align: center;
padding: 3px 6px;
margin-left: -3px;
margin-bottom: 4px;
}
.m4z2 h3:hover {
color: #fff;
opacity: 0.5;
box-shadow: 0px 0px 4px #000;
}
.m4z2 h3 a{
color: #FFF;

}
.foleft-borfer {
width: 1px;
float: left;
margin-top: 17px;
border-left: 1px solid #9e9e9e;
height: 243px;
margin-left: 10px;
margin-right: 10px;
}
.foleft2 {
width: 510px;
float: left;
margin-top: 17px;
margin-left: 10px;
}
.cell {
height: 25px;
color: #FFF;
line-height: 25px;
text-align: right;
width: 500px;
}
.se {
height: 25px;
color: #FFF;
line-height: 25px;
width: 494px;
text-align: center;
margin-top: 10px;
background-color: rgba(255, 255, 255, 0.62);
border-radius: 2px;
}
.se:hover {

color: #FFF;
background-color: #141414;
border-radius: 10px;
}
.cell a {
height: 25px;
color: #FFF;
width: 110px;
background-color: #888;
padding-left: 50px;
padding-right: 50px;
margin-left: 1px;
margin-right: 11px;
border-radius: 2px;
font-size: 12px;
}
.ya {
padding-left: 5px !important;
padding-right: 5px !important;
margin-right: 8px !important;
background-color: transparent !important;
font-size: 12px;
}
.email {
height: 25px;
color: #FFF;
line-height: 25px;
text-align: right;
width: 500px;
margin-top: 10px;
}
.email a {
height: 25px;
color: #FFF;
width: 110px;
background-color: #888;
padding-left: 50px;
padding-right: 50px;
margin-left: 0px;
margin-right: 13px;
border-radius: 2px;
font-size: 12px;
}
.friend img {
padding: 3px;
vertical-align: middle;
border: 1px solid #4E4E4E;
border-radius: 3px;
margin-left: 1px;
margin-right: 2.4px;
margin-top: 13px;
}
.up {
width: 60px;
height: 60px;
border: 8px solid rgba(255, 255, 255, 0.62);
background-color: #383838;
position: absolute;
margin-top: -62px;
border-radius: 100%;
margin-right: 44px;
}
.up p{
text-align: center;
margin-right: 11px;
}
.foleft3 {
width: 147px;
float: left;
margin-top: 17px;
margin-left: 10px;
}
.foleft3 a{
margin-right: 61px;
margin-top: 20px;
}
.new p{
text-align: center;
margin-top: 30px;
color: aliceblue;
}
.copyright {
margin-top: 15px;
background-color: #141414;
width: 100%;
float: left;
margin-bottom: 15px;
text-align: center;
padding: 10px 0px;
}
.end-footer-txt {
color: #FFF;
text-align: center;
margin-top: 7px;
}
.end-footer-txt:hover {
color: rgba(255, 255, 255, 0.62);
}
.backdrop
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#000;
opacity: .0;
filter:alpha(opacity=0);
z-index:50;
display:none;
}

.box
{
position:absolute;
top:20%;
left:30%;
width:700px;
height:400px;
background:#ffffff;
z-index:51;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:0px 0px 5px #444444;
-webkit-box-shadow:0px 0px 5px #444444;
box-shadow:0px 0px 5px #444444;
display:none;
}

.close
{
float:right;
margin-right:2px;
cursor:pointer;
}
.forum{
width:100%;
text-align:center;
padding:5px;
}
.forum td{
border:1px #ccc 34825c;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);

}
.forum-links a {
display: block;
text-align: right;
color: #fff;
text-decoration: none;
padding: 3px;
font-size: 13px;
padding-right: 10px;
padding-bottom: 5px;
}

.forum-links{
padding:0px;
}

.forum thead td{
padding:3px;
background:rgba(255, 255, 255, 0.62);
color: #333;
}

.forum tr:hover td{
background:#FFF;
color: #333;
}

.forum tr:hover td a{
color: #333;
}

.pagenf {
width: 99%;
background-color: rgba(255, 255, 255, 0.62);
color: #333;
margin: 5px 4px 0px;
padding: 5px 0px;
float: right;
text-align: center;
font-size: 13px;
}

.pagenf a {
border-radius: 1px;
display: inline-block;
margin: 0px 3px;
padding: 2px 9px;
color: #FFF;
font-size: 13px;
}

.pagenf a:hover {
border-color: #666;
color: #FFF;
background-color: #333;
}

.pagenf .current {
border-radius: 1px;
padding: 2px 9px;
margin: 0px 3px;
display: inline-block;
color: rgba(255, 255, 255, 0.62);
background-color: #333;
}

#loading {
border-radius: 0px;
background: none repeat scroll 0% 0% rgba(18, 18, 18, 0.77);
position: fixed !important;
color: #FFF;
vertical-align: middle;
text-align: center;
padding: 15px;
display: none;
top: 0px !important;
left: 0px !important;
width: 100%;
z-index: 100000;
height: 100%;
font-size: 25px;
}

#loading i {
vertical-align: middle;
text-align: center;
margin: 25% 0px 25px;
}

.indexpost2 {
width: 96.3%;
margin: 1px 7px 8px 5px;
background-color: rgba(0, 0, 0, 0.82);
padding: 10px 9px 20px;
height: auto;
box-shadow: 0px 0px 5px -3px;
float: right;
padding-bottom: 9px;
line-height: 1.7;
}
.contine2 {
width: 96.3%;
margin: -1px 8px 8px 5px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.62);
padding: 0px 10px 0px;
height: auto;
box-shadow: 0px 0px 5px -3px;
float: right;
color: #fff;
}
.contine2 span{
width: 25px;
height: 25px;
float: right;
margin-top: 11px;
margin-left: 10px;
}
.contine2 p{
font-size: 13px;
font-style: normal;
color: #333;
}
.indexpost-img2 {
max-width: 821px;
position: relative;
overflow: hidden;
height: auto;
text-align: center;
margin-top: 12px;
}

.main-stat {
width: 155px;
border-left: 1px solid rgba(255, 255, 255, 0.62);
margin-bottom: 6px;
float: right;
}
.data {
width: 145px;
height: 57px;
border-width: 1px 1px 5px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.62);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-radius: 5px;
margin-top: 5px;
opacity: 0.4;
text-align: center;
padding-top: 16px;
}
.data:hover {
opacity: 1;
}
.main-lat {
width: 647px;
margin-right: 11px;
float: left;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
}
.re {
border: 1px solid #DBDBDB;
padding: 14px;
margin-bottom: 2px;
border-right: 5px solid #DBDBDB;
}
.re:hover {
border: 1px solid #838383;
border-right: 5px solid #838383;
}
.indexpost2 input,.indexpost2 textarea,.indexpost2 select {
background-color: #FFF;
border: 1px solid #D4D4D4;
font-family: Mj_Text,SYekan,tahoma;
font-size: 11px;
padding: 6px;
color: #333;
border-radius: 2px;
}

.user-comment-themes {
font-family: SYekan !important;
border-radius: 2px;
border-width: 2px 5px 2px 2px;
border-style: solid;
border-color: rgba(238, 238, 238, 0.17);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
padding: 8px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
}
.style4 {direction: rtl;}
.ico-user {
color: #000;
border-width: 1px 1px 1px 0px;
border-style: solid solid solid none;
border-color: #ACACAC #ACACAC #ACACAC -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background: none repeat scroll 0% 0% #F5F5F5;
outline: medium none;
font: 14px SYekan;
height: 19px;
border-radius: 2px;
float: right;
width: 9%;
padding: 3.5px 5px 8px;
margin-right: 4px;
}

.ico-user2 {
color: #000;
border-width: 1px 1px 1px 0px;
border-style: solid solid solid none;
border-color: #ACACAC #ACACAC #ACACAC -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background: none repeat scroll 0% 0% #F5F5F5;
outline: medium none;
font: 14px SYekan;
height: 19px;
border-radius: 2px;
float: right;
width: 9%;
padding: 3px 5px 8px;
margin-right: 4px;
}


.fous{
font-size: 13px;
}

.main-cat{
margin: 3px 5px !important;
list-style: outside none none;
padding: 10px 13px 10px 10px;
color: #fff;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
box-shadow: -5.5px 0px 0px 0px rgba(255, 255, 255, 0.62) inset;
transition: all 0.5s ease 0.1s;
}

.main-cat:hover,.main-cat:focus  {
color: rgb(245, 246, 246);
box-shadow: -300px 0px 0px 0px rgba(255, 255, 255, 0.62) inset;
}

.sub-cat li {
color: #fff;
padding: 8px 11px;
box-shadow: 0px 0px 0px 0px #AAA inset;
list-style: inside none circle;
margin: 3px 5px;
transition: all 0.5s ease 0.1s;
}

.sub-cat li:hover {
color: #333;
box-shadow: -280px 0px 0px 0px rgba(255, 255, 255, 0.62) inset;
}

.ba-ico {
font-size: 9px;
float: left;
.indexpost2 vertical-align: middle;
margin-top: 2px;
}

.cat-ico {
float: left;
vertical-align: middle;
font-size: 19px;
color: rgba(255, 255, 255, 0.62);
}

.cat2 ul {
margin: 0px;
padding: 0px;
list-style: outside none none;
}


.cat li:hover {
background: none repeat scroll 0% 0% #F1F1F1;
opacity: .5;
border-right: 5px solid;
color: #333;
}

.cat li:hover a{
color: #333;
}

.cat li {
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
padding: 7px;
list-style: outside none none;
margin: 0px 5px 5px;
}
.cat li a {
color: rgba(255, 255, 255, 0.62);
text-decoration: none;
}

.img2 {
float: left;
margin-top: -2px;
margin-left: -6px;
}

input, textarea, select {
border: 1px solid rgba(255, 255, 255, 0.21);
padding: 6px;
color: #fff;
font: 14px SYekan,tahoma important;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
}

input:hover, textarea:hover, select:hover, select:focus, textarea:focus, input:focus {
border: 1px solid #5BB8FF;
color:#5BB8FF;
}

#login_ajax{
width: 100%;
margin: 0px;
}

#login_ajax *{
font-family: SYekan !important;
}

#login_ajax td{
float: right;
width: 100%;
text-align:center;
}

#fast_register{
width: 100%;
margin: 0px;
}

#fast_register *{
font-family: SYekan !important;
}

#fast_register td{
float: right;
width: 100%;
text-align:center;
}

.centere {
text-align: center;
}

input[type="button"] {
color: #fff;
background-color: rgba(255, 255, 255, 0.62);
padding: 5px 25px;
border: 0px solid;
border-radius: 2px;
margin: 5px 0px 0px;
cursor: pointer;
}

input[type="reset"] {
color: #fff;
background-color: rgba(255, 255, 255, 0.62);
padding: 5px 25px;
border: 0px solid;
border-radius: 2px;
margin: 5px 0px 0px;
cursor: pointer;
}

input[type="reset"]:hover  {
border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

input[type="submit"] {
color: #fff;
background-color: rgba(255, 255, 255, 0.62);
padding: 5px 25px;
border: 0px solid;
border-radius: 2px;
margin: 5px 0px 0px;
cursor: pointer;
}

input[type="submit"]:hover  {
border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

input[type="button"]:hover  {
border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

.serc input[type="text"],.serc input[type="password"],.serc input[type="submit"],.serc input[type="button"],.serc input[type="reset"] {
width: 100%;
}


#logined li {
text-align: right;
padding: 7px 10px 7px 0px;
color: rgba(255, 255, 255, 0.62);
border: 1px solid rgba(238, 238, 238, 0.09);
list-style: inherit;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
margin: 4px 19px 0px 4px;
}

#logined img {
border-radius: 100%;
border: 3px solid #ddd;
}

.indexpost2 textarea{width: 98%;}

.ads-an{background:#eee;box-shadow:0px 0px 3px gray;border:1px white solid;width:180px;right:0px;bottom:0px;position:fixed;z-index:0;}
.ads-an div{border-bottom:1px silver solid;padding:2px;text-align:center;margin:2px 0px 2px 0px;color:#1a414f;text-shadow:1px 1px 1px white;font:9pt tahoma;font-weight:bold;cursor:pointer}
.ads-an div a{text-align:center;text-decoration:none;color:#333;text-shadow:1px 1px 1px white;font:9pt tahoma;}
.forum2 {
float: right;
margin-right: 7px;
margin-top: 7px;
width: 705px;
box-shadow: 0px 3px 3px -4px;
background-color: rgba(0, 0, 0, 0.82);
padding: 5px 0px;
}

.search input[type="text"] {
width: 85%;
}

.search input[type="submit"] {
width: 11.6%;
padding: 6px 0px;
margin: 0px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.62);
color: #FFF;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.62);
cursor: pointer;
border-radius: 0px;
font-size: 13px !important;
}

.search input[type="submit"]:hover {
background: none repeat scroll 0% 0% #333;
border: 1px solid #333;
}

.amar li {
padding: 11px;
list-style: outside none none;
margin: 0px 5px 5px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.21);
color: #fff;
}

.amar li:last-child {
border-bottom: 0px dashed #CCC;
}

.ico2 {
float: left;
vertical-align: middle;
font-size: 16px !important;
color: #FFF;
padding: 2px 0px;
}

.am2 {
color: #FFF !important;
background: transparent !important;
}

.li3-1 {
padding: 0px 0px 10px;
margin: 0px 0px 5px;
text-align: center;
}

.li3 li:nth-child(even) {
background-color: #42A5F5;
list-style: outside none none;
color: #FFF;
text-align: center;
border-radius: 0px 2px 2px 0px;
margin: 5px;
padding: 5px;
}


.li3 li:hover{
background: none repeat scroll 0% 0% #888 !important;
}

.li3 li:nth-child(odd) {
background-color: #FF7043;
list-style: outside none none;
color: #FFF;
text-align: center;
border-radius: 2px 0px 0px 2px;
margin: 5px;
padding: 5px;
}

.li3 li a {
color: #fff;
}

.fa-heart {
color: #C03232;
}

.fa-html5 {
color: #3AB4F6;
}

.fa-css3 {
color: #F9720E;
}

.copyright i {
vertical-align: middle;
font-size: 20px;
}

.copyright a{
color: #fff;
font-size: 13px;
}

.up i{
vertical-align: middle;
text-align: center;
color: rgba(255, 255, 255, 0.62);
padding: 14px 17px;
}

.up i:hover{
color: #fff;
}

.info td {
width: 100px;
}

.info {
float: right;
font-size: 12px;
width: 100%;
text-align: center;
margin: 10px 0px;
}

.info i {
color: #A5A5A5;
font-size: 20px;
vertical-align: middle;
}


#wowslider-container1 {
zoom: 1;
position: relative;
width:990px;
margin:5px auto 0px;
z-index:90;
border:none;
text-align:left; /* reset align=center */
}
* html #wowslider-container1{ width:990px }
#wowslider-container1 .ws_images ul{
position:relative;
width: 10000%;
height:auto;
left:0;
list-style:none;
margin:0;
padding:0;
border-spacing:0;
overflow: visible;
/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
width:1%;
line-height:0; /*opera*/
float:left;
font-size:0;
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
position: relative;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
}
#wowslider-container1 .ws_images a{
width:100%;
display:block;
color:transparent;
}
#wowslider-container1 img{
max-width: none !important;
}
#wowslider-container1 .ws_images img{
width:100%;
border:none 0;
max-width: none;
padding:0;
}
#wowslider-container1 a{
text-decoration: none;
outline: none;
border: none;
}

#wowslider-container1  .ws_bullets {
font-size: 0px;
float: left;
position:absolute;
z-index:70;
}
#wowslider-container1  .ws_bullets div{
position:relative;
float:left;
}
#wowslider-container1  .wsl{
display:none;
}
#wowslider-container1 sound,
#wowslider-container1 object{
position:absolute;
}


#wowslider-container1  .ws_bullets {
padding: 5px;
}
#wowslider-container1 .ws_bullets a {
width:16px;
height:16px;
background: url(http://up.hypertemp.ir/view/75850/bullet.png) left top;
float: left;
text-indent: -4000px;
position:relative;
margin-left:7px;
color:transparent;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
background-position: 0 100%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
position:absolute;
display:none;
top:50%;
margin-top:-29px;
z-index:60;
height: 40px;
width: 40px;
background-image: url(http://up.hypertemp.ir/view/75849/arrows.png);
}
#wowslider-container1 a.ws_next{
background-position: 100% 0;
right:10px;
}
#wowslider-container1 a.ws_prev {
background-position: 0 0;
left:10px;
}
#wowslider-container1 a.ws_next:hover{
background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
background-position: 0 100%;
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}

/*playpause*/
#wowslider-container1 .ws_playpause {
display:none;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
z-index: 59;
}

#wowslider-container1:hover .ws_playpause {
display:block;
}

#wowslider-container1 .ws_pause {
background-image: url(http://up.hypertemp.ir/view/75845/pause.png);
}

#wowslider-container1 .ws_play {
background-image: url(http://up.hypertemp.ir/view/75844/play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
bottom: 0px;
left:50%;
}
#wowslider-container1  .ws_bullets div{
left:-50%;
}
#wowslider-container1 .ws-title{
position:absolute;
display:block;
bottom: 25px;
left: 10px;
margin-right: 10px;
padding:7px;
background:#000000;
color:#FFFFFF;
z-index: 50;
font-family: Mj_Text,SYekan,tahoma;
font-size: 32px;
line-height: 34px;
font-weight: normal;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#wowslider-container1 .ws-title div{
margin-top: 6px;
font-size: 18px;
line-height: 20px;
}

#wowslider-container1 .ws_images ul{
animation: wsBasic 16s infinite;
-moz-animation: wsBasic 16s infinite;
-webkit-animation: wsBasic 16s infinite;
}
@keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }

#wowslider-container1 {
box-shadow: 0 0 2px #000000;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
}
#wowslider-container1 .ws_bullets  a img{
text-indent:0;
display:block;
bottom:20px;
left:-55px;
visibility:hidden;
position:absolute;
box-shadow:0 0 2px #000000;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
height:48px;
overflow:visible;
position:relative;
}
#wowslider-container1 .ws_bulframe div {
left:0;
overflow:hidden;
position:relative;
width:110px;
background-color:#000000;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
display:none;
bottom:20px;
overflow:visible;
position:absolute;
cursor:pointer;
box-shadow:0 0 2px #000000;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
}
#wowslider-container1 .ws_bulframe span{
display:block;
position:absolute;
bottom:-6px;
margin-left:0px;
left:55px;
background:url(http://up.hypertemp.ir/view/75843/triangle.png);
width:15px;
height:6px;
}

#rating5, #rating4, #rating3, #rating2, #rating1, #rating6, #rating7, #rating8, #rating9, #rating10, #rating11, #rating12, #rating13, #rating14, #rating15, #rating16, #rating17, #rating18, #rating19 {
    text-align: center;
    padding: 5px 0px 0px;
}

.pad-55{
    padding: 0px 10px;
}

/*
* Copyright 2014 Morteza Safarishahi
* Designed and built with all the love in the Iran by Morteza SafariShahi.
*/
@media (min-width: 0px) and (max-width: 980px) {
.notebar,nav ,.indfavorite,.foleft-borfer,.foside,.wowslider-container1  {display: none;}
.size {width: 100%;}
.header-bg ,.header{height: auto;}
.logo {width: 100%;float: unset;text-align: center;padding: 10px 0px;}
.logo img {float: unset;padding: 0px;}
.titr {line-height: 2;padding: 0px;margin: 0px;}
.sidebar {width: 100%;float: unset;}
.sidebar-back {width: 100%;height: auto;padding-bottom: 15px;margin-top: 5px;margin-bottom: 5px;}
.sidebar-head {width: 100%;height: 35px;margin-top: 20px;margin-right: 0px;margin-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.62);text-align: center;}
.sidebar-head-subject {text-align: center;}
#logined li{width: unset;}
.sidebar-back-ad {width: 100%;height: auto;margin-top: 5px;margin-bottom: 5px;}
.sidebar-ad-text1,.sidebar-ad-text2 ,.sidebar-ad-text3 {margin: 0px;width: unset;}
.forum2 {padding: 5px 0px;margin: 5px 0px;width: 100%;float: unset;}
.pagenf {width: 100%;margin: 5px 0px 0px;float: unset;}
.search input[type="text"] {width: 80%;}
.main-2 {float: unset;margin: 5px 0px;width: 100%;}
.indexpost {width: 100%;max-width: 100%;margin: 1px 0px 8px;float: unset;padding: 10px 0px !important;}
.indexpost-img {max-width: 100%;width: 100%;position: relative;overflow: hidden;height: auto;}
.indexpost-img img {width: 100%;max-width: 100%;height: auto;transition: all 0.5s ease-in 0s;}
.indexpost h2 {text-align: center;}
.indtime {float: unset;border-radius: 0px;margin: 5px 0px;}
.contine {width: 100%;float: unset;margin-top: 15px;margin-bottom: -20px;margin-right: 0px;}
.main-page {float: unset;margin-top: 5px;margin-bottom: 5px;width: 100%;margin-right: 0px;padding: 5px 0px;text-align: center;}
.footer {display: inline-block;margin-top: 7%;width: 100%;}
.contine2 {width: 100%;margin: 5px 0px;padding: 1px 0px;height: auto;box-shadow: 0px 0px 5px -3px;float: right;}
.indexpost2 {width: 100%;margin: 5px 0px;padding: 10px 0px;height: auto;box-shadow: 0px 0px 5px -3px;float: right;line-height: 1.7;text-align: center;}
.main-stat {width: 100%;border-left: 0px solid rgba(255, 255, 255, 0.62);margin-bottom: 5px;float: right;}
.data {width: 100%;height: 57px;border-width: 1px 0px 5px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;margin-top: 5px;opacity: 0.4;text-align: center;padding-top: 16px;}
.main-lat {width: 100%;margin-right: 0px;float: left;background-color: unset;}
.main-lat img{max-width:100%}
.qr_post {float: left;margin: 18px 0px 0px;transition: all 0.5s ease 0.1s;width: 100%;}
.right_post_new {float: right;width: 100%;margin-right: 0px;line-height: 20px;margin-top: 9px;transition: all 0.5s ease 0.1s;}
.re {width: unset;}
.indexpost2 textarea {padding: 0px !important;}
.archive-block{display: none;}
.indexpost img{max-width: 100%;}
.info {float: unset;font-size: 12px;width: 100%;text-align: center;margin: 10px 0px;}
#wowslider-container1 {display: none !important;}
.contine {margin-bottom: -10px;width: 100%;float: unset;margin-top: 15px;margin-right: 0px;}

