@charset "utf-8";
/* Reset HTML Elements *//* ----------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, input, p, blockquote, th, td {
	margin:0;
	padding:0;
	margin:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	padding: 0;
	margin: 0;
}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul, li {list-style:none}
caption, th {}
q:before, q:after {content:''}
* {outline: none;}
strong {font-weight: bold}
em {font-style: italic}
a img {border:none}
/*-General Styles------------------------------------------*/
a, a:visited {
	text-decoration:none;
	color: #000;
}
a:hover {text-decoration:none;}
a:active {
	/* border: none;
	border: 0; */
}
p {
	direction: ltr;
	font:normal 11px/18px Tahoma, Geneva, sans-serif;
	color:#636363;
}
p a, p a:visited {
	text-decoration:none;
	color: #000;
}
.clear {clear: both;}
.right{float:right;}
.left{float:left;}
.strong{ font-weight:bold;}

 body{
	background:#000 url(/view/images/blog_responsive/bg.jpg);
    font-family: Tahoma,Geneva,sans-serif !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.container{
	width:93%;
	margin:0 auto;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
@font-face{
    font-family: 'BYekan';
    src: url('byekan.eot');
    src: url('byekan.eot?#iefix') format('embedded-opentype'),
         url('byekan.woff') format('woff'),
         url('byekan.ttf') format('truetype'),
         url('byekan.svg#byekan') format('svg');
    font-weight: normal;
    font-style: normal;
}
.sprite_lang{
	background:url("/view/images/blog_responsive/en/sprite.png") ;
	background-repeat:no-repeat;
	background-position:0 0;
}
.sprite{
	background:url("/view/images/blog_responsive/sprite.png") no-repeat 0 0 ;
}
/*  ---------------------------------box_res------------------------  */
.box_res .box_res_head{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 0 ;
	height:55px;
	margin:0 55px;
}
.box_res .box_res_min{
	position:relative;
	width:100%;
}
.box_res .box_res_right{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -55px 0;
	width:55px;
	right:0px;
	position:absolute;
	height:100%;
}
.box_res .box_res_left{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y 0 0;
	width:55px;
	left:0px;
	position:absolute;
	height:100%;
}
.box_res .box_res_tr{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -55px -370px ;
	width:55px;
	height:55px;
	float:right;
	margin-right:-55px;
}
.box_res .box_res_tl{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat 0px -370px ;
	width:55px;
	height:55px;
	float:left;
	margin-left:-55px;
}
.box_res .box_res_bottom{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -55px ;
	height:55px;
	margin:0 55px;
}
.box_res .box_res_br{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -55px -425px ;
	width:55px;
	height:55px;
	float:right;
	margin-right:-55px;
}
.box_res .box_res_bl{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat 0px -425px ;
	width:55px;
	height:55px;
	float:left;
	margin-left:-55px;
}
.box_res .box_res_min_inn{
	background:url(/view/images/blog_responsive/mid.png);
	margin:0 20px;
	padding:10px 28px;
}

/*  ---------------------------------box_res2------------------------  */
.box_res2_min{
	position:relative;
	width:100%;
}
.box_res2_min_inn{
	padding:0 30px;
	background:url(/view/images/blog_responsive/mid2.png);
}
.box_res2 .box_res2_head{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -222px ;
	height:27px;
}
.box_res2 .box_res2_right{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -207px top;
	width:21px;
	position:absolute;
	height:100%;
	right:0px;
}
.box_res2 .box_res2_left{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -180px top;
	width:21px;
	position:absolute;
	height:100%;
	left:0px;
}
.box_res2 .box_res2_tr{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -214px -370px ;
	width:23px;
	height:27px;
	float:right;
}
.box_res2 .box_res2_tl{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -190px -370px ;
	width:23px;
	height:27px;
	float:left;
}
.box_res2 .box_res2_bottom{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -249px ;
	height:27px;
}
.box_res2 .box_res2_br{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -214px -397px ;
	width:23px;
	height:27px;
	float:right;
}
.box_res2 .box_res2_bl{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -190px -397px ;
	width:23px;
	height:27px;
	float:left;
}

/*  ---------------------------------box_res6 for comment------------------------  */
.box_res6_min{
	position:relative;
	width:100%;
	background:#e4d6b1;
}
.box_res6_min_inn{
	padding:30px;
}
.box_res6 .box_res6_head{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -380px ;
	height:3px;
	position:relative;
}
.box_res6 .box_res6_right{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -281px top;
	width:3px;
	position:absolute;
	height:100%;
	right:0px;
}
.box_res6 .box_res6_left{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -278px top;
	width:3px;
	position:absolute;
	height:100%;
	left:0px;
}
.box_res6 .box_res6_tr{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -329px -440px ;
	width:59px;
	height:26px;
	position:absolute;
	z-index:8;
	top:-1px;
	right:-2px;
}
.box_res6 .box_res6_tl{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -270px -440px ;
	width:59px;
	height:26px;
	position:absolute;
	z-index:8;
	top:-1px;
	left:-2px;
}
.box_res6 .box_res6_bottom{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -383px ;
	height:3px;
	position:relative;
}
.box_res6 .box_res6_br{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -329px -466px ;
	width:59px;
	height:25px;
	position:absolute;
	z-index:8;
	bottom:-1px;
	right:-2px;
}
.box_res6 .box_res6_bl{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -270px -466px ;
	width:59px;
	height:25px;
	position:absolute;
	z-index:8;
	bottom:-1px;
	left:-2px;
}
/*  -----------------------header-----------------------  */
#header{
	background:url(/view/images/blog_responsive/header.jpg) no-repeat center top;
	height:220px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#header_text{
	background-position:0 0;
	float:right;
	width:330px;
	height:71px;
	margin:20px 90px 0 0;
}
#header_pic{
	/* background:url(/view/images/blog_responsive/header_pic.png) no-repeat center top; */
	background:url(/view/images/blog_responsive/ltr.png) no-repeat 0 0;
	float:left;
	width:252px;
	height:240px;
	margin-left:100px;
}
/*  -----------------------wrapper-----------------------  */
#wrapper{
	float:right;
	width:100%;
	margin-top:-50px;
	position:relative;
}
#wrapper_inn{
	position:relative;
	width:100%;
}
#trance_bg{
	 background:url(/view/images/blog_responsive/bg_trance.png); 
	position:fixed;
	top:0px;
	width:0;
	height:100%;
	z-index:3;
    -webkit-transition: all 0.25s ease;
       -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
         -o-transition: all 0.25s ease;
            transition: all 0.25s ease;
}
.sidebar-button-m{
	background-position: 0 -567px;
	position:absolute;
	left:10px;
	top:-50px;
	width:62px;
	height:35px;
	left:-900px;
	cursor:pointer;
	z-index:99;
  -webkit-transition: 	all .4s ease;
  -moz-transition: 		all .4s ease;
  -o-transition: 		all .4s ease;
  transition: 			all .4s ease;
}
#index .sidebar-button-m{display:none;}
.sticky{
	position:fixed;
	top:5px !important;
	opacity:0.8;
}
#logo{
	margin:-150px 0 10px 0;
	float:right;
	width:100%;
	height:146px;
	text-align:center;
}
#logo a{
	/* background:url(/view/images/blog_responsive/logo.png) no-repeat center top; 
	background:url(/view/images/blog_responsive/en/sprite.png) no-repeat 0 -126px;*/
	background-position: 0 -126px;
	display:block;
	width:222px;
	height:145px;
	margin: 0 auto;
}
/*  -----------------------sidebar-----------------------  */
#sidebar{
	width:200px !important;
	margin-left:0px;
	float:left;
	position:relative;
	z-index:10;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#sidebar .banner{
	margin-bottom:7px;
}
#sidebar .list ul li{
	background:url(/view/images/blog_responsive/line.jpg) no-repeat center bottom;
	padding-bottom:12px;
	text-align:center;
	font:normal 11px/20px Tahoma, Geneva, sans-serif;
}
#sidebar .list ul li a{
	color:#fff;
	display:block;
}
#sidebar .i_have_question{
	
}
#sidebar p{
	color:#d3c4b1;
}
#sidebar .archive{
	padding:10px 20px !important;
}
#sidebar .archive ul li{
	list-style:inside;
	color:#fff;
	font:normal 11px/18px Tahoma, Geneva, sans-serif;
}
#sidebar .archive ul li a{
	color:#fff;
}
#sidebar .archive h4{
	font:bold 12px/20px Tahoma, Geneva, sans-serif;
	color:#fff;
	padding-top:5px;
}
#sidebar .content_sidebar{
	padding:5px 10px;
}
#sidebar .sb_title{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat 0 -288px;
	padding:10px 0 7px 0;
	text-align:center;
	font:bold 11px/22px tahoma;
	color:#fff;
	float:right;
	width:229px;
	margin:0 -23px;
	position:relative;
}
#sidebar form.serche_box{
	padding-bottom:10px;
}
#sidebar form.serche_box input.large{
	background:#341407;
	border: 1px solid #A75503;
    color: #FFFFFF;
    cursor: text;
    float: right;
    height: 25px;
    margin: 3px 0 0 0;
    padding: 0 7px;
    text-align: left;
    width: 104px;
    font: normal 11px/25px tahoma;
}
#sidebar form.serche_box input.submit{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -270px -370px;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 74px;
	cursor:pointer;
}
.active-sidebar #sidebar{margin-left:0px;}
.widg{
	margin-bottom:10px;
	position:relative;
}
#sidebar .widg .pic img{
	display:block;
	width:100%;
}
.widg .widg_top{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -405px;
}
.widg .widg_btm{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -423px;
}
.widg .widg_top,
.widg .widg_btm{
	position:relative;
	height:10px;
	margin:0 20px;
}
.widg .widg_top .rightbg{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat right -239px;
	position:absolute;
	top:0px;
	right:-20px;
	width:20px;
	height:10px;
}
.widg .widg_top .leftbg{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat left -239px;
	position:absolute;
	top:0px;
	left:-20px;
	width:20px;
	height:10px;
}
.widg .widg_btm .rightbg{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat right -257px;
	position:absolute;
	top:0px;
	right:-20px;
	width:20px;
	height:10px;
}
.widg .widg_btm .leftbg{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat left -257px;
	position:absolute;
	top:0px;
	left:-20px;
	width:20px;
	height:10px;
}
.widg .widg_mid{
	position:relative;
	width:100%;
}
.widg .widg_right{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -263px top;
	position:absolute;
	height:100%;
	right:0px;
	width:9px;
}
.widg_left{
	background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -254px top;
	position:absolute;
	height:100%;
	left:0px;
	width:9px;
}
.widg .widg_mid_inn{
	background:url(/view/images/blog_responsive/sb_bg.png) repeat ;
	margin:0 9px;
}

.sb_nav{padding:2%;}
/* nav menu styles */
.nav {  display: block; }
.nav > li {background:url(/view/images/blog_responsive/sprite.png) no-repeat right 0;}
.nav > li > a { 
	background:url(/view/images/blog_responsive/sprite.png) no-repeat 0 -38px;
	display: block; 
	padding: 0 3%;
	font:normal 12px/38px tahoma;
	color:#fff;
	text-align:center;
	height:38px;
	overflow:hidden;
}
.nav > li:hover{background:url(/view/images/blog_responsive/sprite.png) no-repeat right -76px;}
.nav > li:hover > a {	background:url(/view/images/blog_responsive/sprite.png) no-repeat 0 -114px;}
.nav > li.open{background:url(/view/images/blog_responsive/sprite.png) no-repeat right -152px;}
.nav > li.open > a {	background:url(/view/images/blog_responsive/sprite.png) no-repeat 0 -190px;}
.nav li ul {
	display: none;
	background:url(/view/images/blog_responsive/bg.jpg) ;
	border:1px solid #000200;
	border-top:none;
}
.nav li ul li{
	background:url(/view/images/blog_responsive/seperator.png) no-repeat bottom ;
	border-right:1px solid #d3a665;
	border-left:1px solid #d3a665;
	padding-bottom:3px;
}
.nav li ul li.end{
	border-bottom:1px solid #d3a665;
}
.nav li ul li a { 
  display: block; 
  padding:0px 10px ;
  text-decoration: none;
  color: #e3e7f1;
  text-align:center;
  font:normal 11px/24px tahoma;
}
.nav li ul li a:hover,
.nav li ul li.selected a{
	background:url(/view/images/blog_responsive/sb_menu_h.png) no-repeat bottom ;
}
.forum,.help,.start_game, .btn_telegram, .btn_gap {
	width: 202px;
	height: 59px;
	display: block;
	margin: 0 auto;
}
.forum span,.help span,.start_game span{
	width: 202px;
	height: 59px;
	display: block;
	margin: 0 auto;
}
.start_game{	background-position:0 -510px;}
.forum{		background-position:0 -569px;}
.help{		background-position:0 -628px;}
.btn_telegram {
    background:url("/view/images/blog_responsive/telegram_blog.png") no-repeat 0 0 ;
}
.btn_gap {
    background:url("/view/images/blog_responsive/gap_kingsera.png") no-repeat 0 0 ;
}

.start_game span{	background-position:0 -390px;}
.forum span{		background-position:0 -449px;}
.help span{		background-position:0 -508px;}
/* -----------------------content-------------------- */
#content{
	overflow:hidden;
	position:relative;
	z-index:2;
	margin:0 0 0 230px;/*
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;*/
}
#content .home_img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
#search_res{ overflow:hidden;}
#content .bg_title_box,
#search_res .title{
	background:url(/view/images/blog_responsive/ltr.png) no-repeat 0 -250px;
	padding:0 0 0 38px;
	font:bold 12px/30px tahoma;
	color:#422807;
	margin-bottom:16px;
	color:#422807;
	
}
#content .bg_title_box{padding-right:70px;}
#content .bg_title_box a,
#search_res .title a{color:#422807;}
/*#loading_bg{
	background:url(/view/images/blog_responsive/bg.jpg);
	position:fixed;
	top:0px;
	right:0px;
	height:100%;
	width:100%;
	z-index:888;
}
#loading_page{
	background:url(/view/images/blog_responsive/loader.gif) no-repeat center center;
	height:100%;
	width:100%;
	z-index:888;
}*/

.essential_table_wrraper{ position:relative;}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 0px;
	right:0px;
	z-index:999;
  -webkit-transition: 	all 0.4s ease;
  -moz-transition: 		all 0.4s ease;
  -o-transition: 		all 0.4s ease;
  transition: 			all 0.4s ease;
}
#back-top a {
	/* background:url(/view/images/blog_responsive/top_arrow.png) no-repeat center center; */
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -190px -435px;
	width: 54px;
	height:62px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
}
#content .details_post{
	overflow:hidden;
}
#content .details_post .continue,
#content .details_post .comments,
#content .back{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat right -290px;
	width:114px;
	float:right;
	height:34px;
	display:block;
	margin-left:10px;
	color:#fff;
	text-align:center;
	font:normal 12px/40px Tahoma, Geneva, sans-serif;
}
#content .details_post .continue a,
#content .details_post .comments a,
#content .back a{
	color:#fff;
	font:normal 11px/34px Tahoma, Geneva, sans-serif;
	display:block;
}
#content .back{
	margin-bottom:8px !important;
}
#content .box_content_post{
	padding-bottom:8px;
}
.top_box_content .date {
	background:url(/view/images/blog_responsive/ltr.png) no-repeat right 0;
    background-repeat: no-repeat;
    height: 44px;
    position: absolute;
    top: -5px;
    width: 97px;
	right:0px;
	z-index:99;
	text-align:center;
	font:normal 12px/40px Tahoma, Geneva, sans-serif;
	color:#fff;
}
#survey_form{
	border:1px solid rgba(255,255,255,0.3);
	border:1px solid #AB8C4B;
	background:rgba(200,173,109,0.25);
	margin-top:5px;
	
  background-color: #e7d6b1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7d6b1), to(#D7C08E)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e7d6b1, #D7C08E); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #e7d6b1, #D7C08E); /* FF3.6+ */
  background-image:     -ms-linear-gradient(top, #e7d6b1, #D7C08E); /* IE10 */
  background-image:      -o-linear-gradient(top, #e7d6b1, #D7C08E); /* Opera 11.10+ */
  background-image:         linear-gradient(to bottom, #e7d6b1, #D7C08E);
	padding:5px 10px;
	boeder-radiuse:5px;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
	overflow:hidden;
}
#survey_form .question{color:#d3c4b1; padding-left:10px; padding-right:10px;}
#survey_form .survey_title{
	display:block;
	border-bottom:1px solid #B99758;
	font:bold 11px/25px Tahoma, Geneva, sans-serif;
	color:#7E6233;
	margin-bottom:5px;
}
#survey_form ul li {
    list-style:none;
	color:#d3c4b1;
}
#survey_form ul{
	background:#7F5B2F;
} 
/* -----------------search---------------- */
#search_res .post{
	padding-bottom:7px;
}
#search_res .post .separator{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat center -783px;
	height:20px;
	width:100%;
	margin-top:10px;
}
.pagination{
}
.pagination ul li {
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -270px -405px;
	float:right;
	width:29px;
	height:20px;
	text-align:center;
	font:normal 11px/20px tahoma;
	color:#fff;
	margin-left:8px;
}
.pagination ul li:hover,
.pagination ul li.active{
	background:url(/view/images/blog_responsive/sprite.png) no-repeat -300px -405px;
}
.pagination ul li a{
	width:29px;
	height:20px;
	display:block;
	font:normal 11px/20px tahoma;
	color:#fff;
}

.search_result_highlight{
	background : #BB974B;
	color: #372114;
	border-radius: 2px;
}
.content_post{
	font:normal 12px/22px tahoma;
	color:#382215;
}
.content_post ul {
	padding:10px 10px;
}
.content_post ul li{
	list-style: disc inside none;
}

/*  -----------------------------footer----------------------    */
#footer_box{
	float:right;
	width: 100%;
	text-align: center;
	margin:0 0 0;
	padding-top:19px;
}
#footer{
	background:url(/view/images/blog_responsive/sprite_h.png) repeat-x  0 -315px;
	position:relative;
	height:26px;
	padding:15px 5px;
	font:normal 11px/20px Tahoma;
	color:#E6D1C2;
	margin: 0 27px;
    width: 170px;
    margin: 0 auto;
}
#footer_l{
	position:absolute;
	left:-28px;
	top:0px;
	width:29px;
	height:56px;
	display:block;
	background:url("/view/images/blog_responsive/sprite.png") no-repeat -355px -370px;
}

#footer_r{
	position:absolute;
	right:-26px;
	top:0px;
	width:29px;
	height:56px;
	display:block;
	background:url("/view/images/blog_responsive/sprite.png") no-repeat -384px -370px;
}

#footer a{
	color: #E6D1C2;
}
/* --------------------------- comment_box ------------------------- */
#comment_box,
.insertcomment{
	padding:0 7%;
}
.insertcomment{
	position:relative;
}
.header-comment-list{
	background-position:0 -615px;
	width:133px;
	height:29px;
	position:absolute;
	left:30px;
	top:-11px;
	z-index:9;
}
#comment_box .comment_item{
	background:#c1ac76;
	border:1px solid #776133;
	padding:12px 10px;
	margin-bottom:5px;
}
#comment_box .comment_item .name,
#comment_box .comment_item .date{
	float:left;
	margin-right:15px;
    color: #43330b;
	font:bold 11px/16px Tahoma, Geneva, sans-serif;
}
#comment_box .comment_item .name span,
#comment_box .comment_item .date span{
	float:left;
	margin:0 3px  0 0;
	width:16px;
	height:16px;
}
#comment_box .comment_item .name span{ background-position:-415px -370px;}
#comment_box .comment_item .date span{ background-position:-415px -390px;}
#comment_box .comment_item .comment{
	padding:10px;
}
fieldset.admin_answer {
    border: 2px solid #555555;
    margin-top: 10px;
}
fieldset.admin_answer legend span {
    display: inline-block;
    margin: 0 4px;
}
.form_comment{
	border: 1px solid #9d874f;
	background: #cabb95;
	padding:10px;
	border-radius: 5px;
	margin: 0 auto;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 15px 5px rgba(105, 97, 78, 0.3);
	-moz-box-shadow: inset 0px 0px 15px 5px rgba(105, 97, 78, 0.3);
	box-shadow: inset 0px 0px 15px 5px rgba(105, 97, 78, 0.3);
}
.form_comment p{
	color:#402000;
	padding:2px  0 10px;
}
#content .form_title h3 {
	background:url(/view/images/blog_responsive/ltr.png) no-repeat 0 -382px;
    color: #ffffff;
    padding: 4px 0 0 24px;
    width: 280px;
    height: 24px;
	margin:0 10px;
}

#content .blog-comment-form {
    margin: 0 5%;
}

.blog-comment-form .box_item {
    margin-bottom: 5px;
}
#content .blog-comment-form label {
    display: inline-block;
    width: 95px;
}

.editor textarea.large{
    background:#371100;
    border: 1px solid #a75503;
    color: #ffffff;
    cursor: text;
    height: 70px;
	width:310px;
	max-width:94%;
	padding:7px 2%;
	box-shadow:inset 0 0 4px #000;
}

#content .blog-comment-form div.box_item input, .captcha input {
    background:#371100;
    border: 1px solid #a75503;
    color: #fff;
    cursor: text;
    height: 12px;
    margin: 4px 5px 0;
    padding: 5px;
    text-align: left
}
.img_captcha {
    vertical-align: middle;
}
#content .blog-comment-form .submit input {
	background-position:-310px -500px;
    border: medium none;
    color: #fff;
    display: block;
    float: right;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 74px;
    height: 30px;
	cursor:pointer;
}
.ajax-result {
    border-radius: 4px;
    margin: 0 0 10px;
    padding: 5px 15px;
}
.ajax-error {
    background: none repeat scroll 0 0 #cd5a13;
    border: 1px solid #6e300a;
    color: #ffffff;
}
.form_comment_wrraper{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	margin:28px 7% 0 7%;
	width:86%;
	background:rgba(0,0,0,0.7);
	border-radius:5px;
}

.form_comment_wrraper {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(17, 17, 17, 0.48);
	/* Don't let the background bleed underneath our semi-transparent (rgba) border. */
	background-clip: padding-box;
	border: 1px solid;
	border-color: rgba(17, 17, 17, 0.6) rgba(17, 17, 17, 0.7) rgba(17, 17, 17, 0.9);
	border-radius: 5px;
	background-image: -webkit-linear-gradient(top, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
	background-image: -moz-linear-gradient(top, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
	background-image: -o-linear-gradient(top, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
	background-image: linear-gradient(to bottom, rgba(242, 242, 242, 0.3), rgba(221, 221, 221, 0.01) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.3));
	-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.form_comment_wrraper .limit_comment {
	text-align: center;
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: auto;
	width: 90%;
	height: 50px;
	color: white;
	text-shadow: 0 -1px black;
}
.form_comment_wrraper .limit_comment a {
	text-decoration: none;
	color: white;
	display: block;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
	background-clip: padding-box;
	border: 1px solid;
	border-radius: 2px;
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
	background: #d5452f;
	border-color: #ae3623 #ae3623 #992f1f;
	background-image: -webkit-linear-gradient(top, #da5c48, #d5452f 66%, #c73d28);
	background-image: -moz-linear-gradient(top, #da5c48, #d5452f 66%, #c73d28);
	background-image: -o-linear-gradient(top, #da5c48, #d5452f 66%, #c73d28);
	background-image: linear-gradient(to bottom, #da5c48, #d5452f 66%, #c73d28);
	width: 96px;
	height: 27px;
	line-height: 23px;
	margin: 0 auto;
}
.form_comment_wrraper .limit_comment a:active {
	background: #d5452f;
	border-color: #992f1f #ae3623 #ae3623;
}



/* -------------------------------------------------- */
.pagination .numbers{
	display:inline;
}
.pagination span{
	background:url("/view/images/blog_responsive/btn.png") repeat-x 0 ;
	display:block;
	font:normal 11px/27px Tahoma, Geneva, sans-serif;
	color:#fff;
	float:left;
	border:1px solid #e6c25b;
	width:auto;
	height:27px;
	margin-right:5px;
	box-shadow:inset 0 0 3px rgba(0,0,0,0.6);
	padding:0 12px;
	border-radius:7px;
	margin-bottom:2px;
}
.pagination span a{ color:#fff; display:block;}
.pagination span.current,
.pagination span:hover{ background:#5D1010;}

@media only screen and (max-width : 960px){
	.container{width:100%;}
	#logo{
		margin:-130px 0 10px 0;
	}
	#content {margin: 0 0 0 240px;}
	#header_pic{ margin-left:30px;}
	#header_text{ margin-right:30px;}
	/* .box_res .box_res_min_inn{ padding:0 17px;} */
}
@media only screen and (min-width: 1360px) {
	.container,#header{ width:1232px;}
}
@media only screen and (max-width : 800px){
	.content_post img{ max-width:100%;}
	#sidebar{
		margin-left:-150%;
		height:0px;
		-webkit-transition: 	all .5s ease;
		-moz-transition: 		all .5s ease;
		-o-transition: 			all .5s ease;
		transition: 			all .5s ease;
		overflow:hidden;
	}
	#sidebar form.serche_box{padding-top:10px;}
	
	.sticky{left:0px !important;}
	#index #sidebar{
		margin-left:0;
		height:auto;
	}
	#index #content{ margin-left:240px;}
	#content{ margin:0;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
	}
	.sidebar-button-m{ left:0px;}
	#header_text{ margin:10px auto; float:none;}
	#header_pic{ margin-left:-999px;}
	#header{background-size:120% 220px;}
	.active-sidebar #index #content{ margin-left:240px;}
	
	.active-sidebar #index #content{ margin-left:0;}
	.active-sidebar #index #sidebar{
		margin-left:-150%;
		height:0;
	}
}
@media only screen and (min-width : 480px) and (max-width :800px) {
	#sidebar{
		background:url("/view/images/blog_responsive/sidebar.png") repeat-y right;
		padding:0 16px 0 13px;
		box-shadow: 		0px 0px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 	0px 0px 5px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
		position:absolute;
		top:-260px;
		height:100%;
	}
	.active-sidebar #sidebar{
		left:-48px;
	}
	.active-sidebar #trance_bg{
		width:100%;
		box-shadow: 		0px 0px 5px rgba(0,0,0,0.9);
		-moz-box-shadow: 	0px 0px 5px rgba(0,0,0,0.9);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.9);
	}
	.sidebar-button-m{ z-index:4;}
}
@media only screen and (max-width:600px){
	.active-sidebar #sidebar{ left:-30px; top:-252px;}
	#content .bg_title_box{
		background:url(/view/images/blog_responsive/ltr.png) no-repeat 0 -292px;
		line-height:23px;
	}
	.essential_table_box .essential_table{/* width:600px; */}
	.essential_table_box{ overflow-x:scroll; }
	.box_res .box_res_min_inn{ padding:0 10px;}
	
	.box_res .box_res_head{background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -110px ; height:55px; margin:0 36px;}
	.box_res .box_res_right{background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -145px top; width:35px;}
	.box_res .box_res_left{background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -110px top;  width:35px;}
	.box_res .box_res_tr{
		background:url(/view/images/blog_responsive/sprite.png) no-repeat -146px -370px ;
		margin-right:-36px;
		width:36px;
	}
	.box_res .box_res_tl{
		background:url(/view/images/blog_responsive/sprite.png) no-repeat -112px -370px ;
		margin-left:-36px;
		width:36px;
	}
	.box_res .box_res_bottom{background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -166px ; margin:0 35px; height:56px;}
	.box_res .box_res_br{
		background:url(/view/images/blog_responsive/sprite.png) no-repeat -146px -427px ;
		width:36px;
		height:56px;
		margin-right:-35px;
	}
	.box_res .box_res_bl{
		background:url(/view/images/blog_responsive/sprite.png) no-repeat -112px -427px ;
		
	width:36px;
	height:56px;
	margin-left:-35px;
	}
	.box_res .box_res_min{ background:url(/view/images/blog_responsive/mid.png);}
	#footer_r,#footer_l{display:none;}
	#footer{
		background:url("/view/images/blog_responsive/sprite_h.png") repeat-x scroll 0 -328px;
		height:27px;
		line-height:25px;
		margin-bottom:8px;
		border-radius:5px;
		box-shadow:0  0 4px #000 ;
		border:1px solid #684532;
		padding:0 10px;
	}
	#footer_box{
		width:98%;
		padding-top:38px;
	}
}
@media only screen and   (max-width :479px) {
	#index .sidebar-button-m{ display:none;}
	#index #sidebar{
		float:none;
		width:75% !important;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		height:auto;
	}
	#single #sidebar{
		width:75% !important;
		margin-left:-150%;
		position:relative;
		height:0px;
	}
	#single #content{
		display:block;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
			opacity:1;
	}
	#content{
		display:none;
		opacity:0;
	}
	.active-sidebar #sidebar{margin-left:-150%; height:0px;/* position:absolute; */}
	.active-sidebar #single #sidebar{
		margin-left:0;
		width:75%;
		height:auto;
		padding:0 12.5%;
		left:0px;
		top:0px;
	}
	.active-sidebar #content{margin:0; width:auto;}
	.active-sidebar  #single #content{display:none; opacity:0;}
	
	#header{
		height:170px;
		background-size:120% 170px;
	}
	/*  ---------------------------------box_res2------------------------  */
	.box_res2 .box_res2_head{background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -276px; height:16px;}
	.box_res2 .box_res2_right{background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -241px; width:13px}
	.box_res2 .box_res2_left{background:url(/view/images/blog_responsive/sprite_v.png) repeat-y -228px 0; width:13px}
	.box_res2 .box_res2_tr{background:url(/view/images/blog_responsive/sprite.png) no-repeat -252px -370px ; width:12px; height:16px;}
	.box_res2 .box_res2_tl{background:url(/view/images/blog_responsive/sprite.png) no-repeat -240px -370px ; width:12px; height:16px;}
	.box_res2 .box_res2_bottom{background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0  -292px; height:16px;}
	.box_res2 .box_res2_br{background:url(/view/images/blog_responsive/sprite.png) no-repeat -252px -386px ; width:12px; height:16px;}
	.box_res2 .box_res2_bl{background:url(/view/images/blog_responsive/sprite.png) no-repeat -240px -386px;  width:12px; height:16px;}
	.box_res2 .box_res2_min{
		background:none;
	}
	#logo{
	/* background:url(/view/images/blog_responsive/logo.png) no-repeat center bottom; */
	margin:-100px 0 5px 0;
	float:right;
	width:100%;
	height:100px;
	text-align:center;
	}
	#logo a{
		background-position: 0 -280px;
		width:152px;
		height:100px;
	}
	.active-sidebar #index #content{ margin-left:0px;}
	
	.active-sidebar #index #sidebar{
		margin-left:auto;
		height:auto;
	}
	.setting_box{ text-align:left;}
	.setting_box .inn_box{ display:block; margin:7px 0;}
	.setting_box .inn_box .title_block{ float:left; width:50%; }
	.setting_box select{ width:50%;}
	#sidebar .sb_title{
		background:url(/view/images/blog_responsive/sprite_h.png) repeat-x 0 -440px;
		padding:0px;
		margin:0 auto;
		width:auto;
		float:none;
		height:34px;
		line-height:30px;
	}
	.top_box_content .date{
		background:none;
		position:inherit;
		color:#422807;
		width:auto;
		height:auto;
		line-height:28px;
		text-align:left;
	}
	.box_res2_min_inn{padding:0 15px;}
	#comment_box,.insertcomment{ padding:0;}
	.form_comment_wrraper{
		margin-left:0px;
		margin-right:0px;
		width:100%;
	}
	#header_text{ margin-top:2px;}
	#content .bg_title_box{ padding-right:0px;}
}
@media only screen and   (max-width : 380px) {
	#index  #sidebar,#single  #sidebar{
		width:90% !important;
		padding-right:5% !important;
		padding-left:5% !important;
		height:auto;
	}
	#single  #sidebar{ height:0px;}
	.box_res .box_res_min_inn{ padding:0 2px;}
	.box_res .box_res_left,.box_res .box_res_right,.box_res .box_res_tr,.box_res .box_res_tl,.box_res .box_res_br,.box_res .box_res_bl{ display:none;}
	.box_res .box_res_head,.box_res .box_res_bottom{ margin:0;}
	.box_res .box_res_min_inn{ margin:0 7px;}
	.box_res6_min_inn{padding:25px 12px 18px 12px;}
	.en #header_text{
		background-position:-210px -580px;
		width: 230px;
		height:75px;
	}
}
@media only screen and   (max-width : 280px) {
	#index  #sidebar,#single  #sidebar{
		width:100% !important;
		padding-right:0 !important;
		padding-left:0 !important;
		height:auto;
	}
}

body{
	text-align:right;
	direction:rtl;
}
.setting_box{direction: rtl}
table.essential_table{direction:ltr;}
/* ----------------------header------------------- */
#header_pic{
	background:url(/view/images/blog_responsive/rtl.png) no-repeat 0 0;
	float:right;
	margin-right:100px;
	margin-left:0;
}
/* ----------------------header------------------- */
#header_text{
	/* background:url("../img/help/fa/sprite.png") no-repeat  right 0; */
	float:left;
	height:57px;
	margin-right:0;
	margin-left:100px;
}
/* ----------------------sidebar------------------- */
#sidebar{ float:right;}
.active-sidebar #sidebar{ margin-right:0px; margin-left:auto;}
/* ----------------------content------------------- */
#content{ margin:0 230px 0 0;}
#content .bg_title_box{
	background:url(/view/images/blog_responsive/rtl.png) no-repeat right -250px;
	padding:0 38px 0 0;
}
.sidebar-button-m{
	left:auto;
	right:-900px;
}
#back-top{ left:5px; right:auto;}
#sidebar form.serche_box input.large{
	direction:rtl;
	text-align:right;
}

#content .bg_title_box, #search_res .title {
	 background: url("/view/images/blog_responsive/rtl.png") no-repeat right -250px ;
	 padding:0 38px 0 0;
}
#content .details_post .continue, #content .details_post .comments, #content .back{
	margin:0 10px 0  0;
	float:left;
}
.pagination span{
	float:right;
	margin:0 0 2px 5px;
}
.top_box_content .date{
	background:url("/view/images/blog_responsive/rtl.png") no-repeat scroll right 0;
	left:0px;
	right:auto;
}
#comment_box .comment_item .name, #comment_box .comment_item .date{
	float:right;
	margin:0 0 0 15px;
}
#comment_box .comment_item .name span, #comment_box .comment_item .date span{
	float:right;
	margin:0 0 0 3px;
}
#content .form_title h3 {
    background: url("/view/images/blog_responsive/rtl.png") no-repeat scroll right -382px;
    padding: 4px 24px 0 0 ;
}
.header-comment-list{
	right:30px;
	left:auto;
}
#content .bg_title_box{padding-right:37px;padding-left:70px;}
#content .blog-comment-form .submit input{
	float:left;
}
@media only screen and (max-width : 960px){	
	#content {margin: 0 220px 0 0;}
	#header_pic{ margin-right:30px;}
	#header_text{ margin-left:30px;}
}
@media only screen and (max-width : 800px){
	#sidebar{
		margin-right:-280px;
		margin-left:auto;
	}
	.sticky{right:0px !important; left:auto !important;}
	#index #sidebar{
		margin-right:0;
		height:auto;
	}
	#index #content{ margin-right:240px; margin-left:auto;}
	#content{ margin:0;}
	.sidebar-button-m{ right:0px;}
	#header_pic{ margin-right:-999px;}
	.active-sidebar #index #content{ margin-right:240px;}
	
	.active-sidebar #index #content{ margin-right:0;}
	.active-sidebar #index #sidebar{
		margin-right:-150%;
		height:0;
	}
	#header_text{ 
		margin:15px auto !important;
		/* background:url("../img/help/fa/sprite.png") no-repeat  right 0; */
		float:none;
	}
}

@media only screen and (min-width : 480px) and (max-width :800px) {
	.active-sidebar #sidebar{
		background:url("/view/images/blog_responsive/sidebarrtl.png") repeat-y left;
		right:-48px;
		left:auto;
		padding:0 13px 0 16px;
	}
}
@media only screen and (max-width:600px){
	#content .bg_title_box{
		background:url(/view/images/blog_responsive/rtl.png) no-repeat right -292px;
	}
	.active-sidebar #sidebar{ right:-31px;}
}
@media only screen and   (max-width :480px) {
	/* #logo a{	background:url(../img/help/fa/sprite.png) no-repeat 0 -400px;} */
	#index #sidebar{
		margin-left:auto;
		margin-right:auto;
	}
	#single #sidebar{
		margin-right:-150%;
	}
	.active-sidebar #sidebar{margin-right:-150%;}
	.active-sidebar #single #sidebar{margin-right:0; right:0px;}
	#header_text{
		/* background:url(../img/help/sprite.png) no-repeat -260px -54px; */
	}
	.active-sidebar #index #content{ margin-right:0px;}
	.active-sidebar #index #sidebar{
		margin-right:auto;
	}
	.setting_box{ text-align:right;}
	.setting_box .inn_box .title_block{ float:right; width:50%; }
	.top_box_content .date{
		background:none;
		float:none;
		text-align:right;
	}
	#content .bg_title_box{ padding-right:38px; padding-left:0px;}
}

.sprite_lang{
	background-image:url("/view/images/blog_responsive/fa/sprite.png") ;
}
@media only screen and   (max-width :330px) {
	#header_text{
		background-position: 0 -54px;
		float:none;
		width:237px;
		height:54px;
	}
}