*{padding:0;margin:0;}
a:hover, a:visited, a:link, a:active{text-decoration: none;color: #444444;}
@font-face {
	font-family: 'irsans';
	font-style: normal;
	font-weight: normal;
  src: url('../fonts/iransans-bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/iransans-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/iransans-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/iransans-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/iransans-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/iransans-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body{background: #FAFAFA;font-family:'irsans' ,sans-serif;direction:rtl;color:#444444;overflow-x: hidden;}
*:focus {
    outline: 0 !important;
}

#description{
border-radius: 3px;
background: #fbfcf3;
padding: 8px 8px;
border: 0.5px solid #f7fbd5;
font-weight: 600;
text-align: justify;
color: #848c3d;
}

.post-content span.fr-emoticon {
    font-weight: 400;
    font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
    display: inline;
    line-height: 0;
}
.fr-emoticon {
    width: 20px;
    height: 20px;
    display: inline-block;
}



.post-content span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle;
}



.post-content img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top;
}

.post-content img.fr-dib.fr-fil {
    margin-left: 0;
}

.post-content img.fr-dib.fr-fir {
    margin-right: 0;
}



.need-login{
display:none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #0b3f1a;
font-family:'irsans' ,sans-serif;
direction:rtl !important;
text-align:right !important;
margin:5px 5px;
}
::-moz-placeholder { /* Firefox 19+ */
color: #0b3f1a;
font-family:'irsans' ,sans-serif;
direction:rtl !important;
text-align:right !important;
margin:5px 5px;
}
:-ms-input-placeholder { /* IE 10+ */
color: #0b3f1a;
font-family:'irsans' ,sans-serif;
direction:rtl !important;
text-align:right !important;
margin:5px 5px;
}
:-moz-placeholder { /* Firefox 18- */
color: #0b3f1a;
font-family:'irsans' ,sans-serif;
direction:rtl !important;
text-align:right !important;
margin:5px 5px;
}
input,button{font-family:'irsans' ,sans-serif;}

#header{height:200px;width:100%;background:url('./image/header-bg.png');position: relative;border-bottom: 2px solid #fff;}
.user-avatar{
border-radius: 4px;
display: block;
height: 106px;
width: 106px;
border: 4px solid #f6f6f6;
background:url('./image/none-avatar.png');
position: absolute;
left: 50%;
bottom: -57px;
margin-left: -53px;
}

.content{
margin-left: auto;
margin-right: auto;
padding: 1px 20px;
/*position: relative;*/
z-index: 2;
max-width: 702px;
min-width: 270px;
}

.content-top{
margin-top: 53px;
text-align: center;
}

.header-nav li{
list-style: none;
display: inline-block;
background: #fff;
padding: 2px 12px;
margin-left: 6px;
border-radius: 5px;
border-bottom: 1px solid #ccc;
}
.header-nav a{
color:#529ECC;
}

.top-hashtag{
display: inline-block;
background: #f6f6f6;
color: #7a7979;
border-radius: 2px;
padding-left: 11px;
height: 36px;
font-size: 22px;
}

.top-hashtag::before{
content: '#';
float: right;
margin-left: 2px;
opacity: 0.6;
border-radius: 2px;
background: #f0f0f0;
width: 36px;
height: 36px;
}

.posts{
margin-top: 40px;
}


.post{
background: #fff;
border-radius: 4px;
overflow: hidden;
padding: 0;
position: relative;
background-clip: padding-box;
border: 1px solid #eee;
border: 1px solid rgba(0,0,0,.08);
margin-top: 31px;
}


.link-host{
font-weight: 700;
font-size: 13px;
line-height: 1.2;
text-align: left;
display: block;
direction: ltr;
border-bottom: 1px solid #efefef;
margin: 9px 9px;
color:#444;
}

.link-title {
font-size: 19px;
}


.link-title::after {
    content: "...";
    padding-left: 4px;
    font-size: 16px;
    white-space: nowrap;
}

.link-header{
border-radius: 3px 3px 0 0;
overflow: hidden;
padding: 0;
position: relative;
word-break: break-word;
word-wrap: break-word;
display: block;
position: relative;
text-decoration: none;
background: #f2f2f2;
padding: 15px 10px;
box-shadow: 0 2px 2px -2px gray;
}


.link-excerpt{
line-height: 1.7;
color: #ccc;
margin-top: 7px;
font-size: 0.9em;
}


.link-description{
font-size: inherit;
line-height: 1.6;
padding: 9px;
}


.footer{
margin-top: 50px;
margin-bottom: 50px;
border-top: 1px dashed #efe9e9;
color: #b9b9b9;
text-align: center;
padding-top: 10px;
}


.link-hashtag{
border-top: 1px solid #fcfcfc;
margin-top: 20px;
}

.link-hashtag a{
font-size: 0.7em;
margin-left: 2px;
margin-right: 14px;
position: relative;
padding-right: 13px;
color: #b1b1b1;
max-width: 180px;
display: inline-block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}


.link-hashtag a::before{
content: "#";
font-size: 12px;
white-space: nowrap;
position: absolute;
right: 0;
top: -1px;
}


.post-footer-button{
height: 30px;
background: #fcfcfc;
text-align: left;
padding: 5px 8px;
}


.post-footer-button span{
display:inline-block;
cursor: pointer;
}

.post-footer-button .post-like{
background:url('./image/like.png') center center no-repeat;
width:32px;
height:32px;
}

.post-footer-button .post-share{
background:url('./image/share.png') center center no-repeat;
width:32px;
height:32px;
}
/*post-like*/
/*

webkit-box-shadow: 0 0 0 4px #FAFAFA;
box-shadow: 0 0 0 4px #FAFAFA;
background: #666 50% 50% no-repeat;
background-size: 106px 106px;
*/


/*new version*/
.post-title{
background: #f8f8f8;
font-weight: 600;
font-size: 15px;
padding: 8px 4px;
color: #5c5c5c;
}

.post-tags{
padding: 2px 6px;
}

.post-link-host{
text-align: left;
direction: ltr;
float: left;
display: block;
width: 100%;
background: #f0f0f0;
padding: 6px 10px;
}
.post-text-thumb{
display: block;
width: 100%;
max-height: 800px;
}
.post-image{
display: block;
width: 100%;
max-height: 800px;
}
.post-video{
display: block;
width: 100%;
max-height: 800px;
}

.post-audio{
display: block;
width: 100%;
max-height: 800px;
}

.post-audio-cover{
display: block;
width: 100%;
max-height: 800px;
}
.post-audio-track{
border-bottom: 1px dashed #ccc;
}
.post-audio-cover-box{
position: relative;
}
.post-audio-details{
position: absolute;
bottom: 0;
left: 0;
background: rgba(255,255,255,0.5);
display: block;
right: 0;
}

.post-file{
display: block;
padding: 5px;
text-align: center;
background: #1cba50;
color: #fff !important;
font-weight: 600;

}

.post-content {
padding: 8px 8px;
text-align: justify;
}

.post-content a{
color: #457841;
text-decoration: underline dotted #8bc9a880;
}


.post-content a:hover,.post-content a:active  {
text-decoration: underline;
}
.post-content img{
/*
    margin: 0 auto;
    display: block;
*/
	max-width: 100%;
}
.new-post{
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
}

.post-tags a{
background: #f8f8f8;
padding: 0px 5px;
margin-left: 3px;
margin-bottom: 5px;
display: inline-block;
border-radius: 2px;
font-size: 11.5px;
color: #959393;
}

.post-tags a::before{
content: '#';
float: right;
margin-left: 2px;
opacity: 0.6;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {box-shadow: 0px 0px 4px #dd7358;}
    to {}
}

/* Standard syntax */
@keyframes example {
    from {box-shadow: 0px 0px 4px #dd7358;}
    to {}
}



.sponsor-ads{
position: absolute;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.49);
padding: 0px 4px;
font-size: 11px;
border-radius: 3px 0 0 0;
line-height: 19px;
cursor: pointer;
color: #26314a;
}

#ads_2 a{
width: 33.33333%;
display:block;
float: right;
}

#ads_2 img{
width:100%;
}


@media screen and (max-width: 450px) {
#ads_2 a{
width: 50%;
display:block;
float: right;
}
}