@charset "utf-8";

/*

Theme Name:azin-fileshop2016-2

Theme URI: http://www.azinandish.com

Version: 3.5

Description: azin andish

Author: azin andish

Tags: Online Persian EShop

License: GPL v3

Eshop Theme By azin andish

*/



@font-face {

	font-family: 'BYekan';

	src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6�8 */ url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/BYekan.ttf') format('truetype');  /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */

}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

}

body {

	direction: rtl;

	font: 8pt Tahoma, Geneva, sans-serif;

	text-align: right;

	color: #000;

	margin: 0;

	padding: 0;

	background-image: url(images/bg.png);

}

a:link {

	text-decoration: none;

	color: #333333;

}

a:visited {

	text-decoration: none;

	color: #333333;

}

a:hover {

	color: #CC0000;

}

.clear {

	clear: both;

}

ul, li {

	list-style: none;

}

.container {

	width: 950px;

	margin: auto;

	position: relative;

}

.top {

	width: 100%;

	height: 281px;

	margin: 0px;

	background-image: url(images/top.png);

	background-repeat: repeat-x;

}

.menu_item {

	float: right;

	height: 45px;

	width: 550px;

	margin-top: 3px;

}

.top_menu {

	width: 44px;

	height: 45px;

	float: right;

	margin-left: 7px;

	-webkit-transition: background 0.2s linear;

	-moz-transition: background 0.2s linear;

	-o-transition: background 0.2s linear;

	transition: background 0.2s linear;

}

.top_menu a {

	width: 44px;

	height: 45px;

	float: right;

}



.menu_item {

	float: right;

	height: 45px;

	width: 550px;

	margin-top: 3px;

}

.top_menu {

	width: 44px;

	height: 45px;

	float: right;

	margin-left: 7px;

	-webkit-transition: background 0.2s linear;

	-moz-transition: background 0.2s linear;

	-o-transition: background 0.2s linear;

	transition: background 0.2s linear;

}

.top_menu a {

	width: 44px;

	height: 45px;

	float: right;

}

.top_menu#home {

	background-image: url(images/home.png);

}

.top_menu#home:hover {

	background-image: url(images/home-hover.png);

}

.top_menu#sample {

	background-image: url(images/sample.png);

}

.top_menu#sample:hover {

	background-image: url(images/sample-hover.png);

}

.top_menu#order {

	background-image: url(images/send.png);

}

.top_menu#order:hover {

	background-image: url(images/send-hover.png);

}

.top_menu#shop {

	background-image: url(images/shop.png);

}

.top_menu#shop:hover {

	background-image: url(images/shop-hover.png);

}

.top_menu#contact {

	background-image: url(images/contact.png);

}

.top_menu#contact:hover {

	background-image: url(images/contact-hover.png);

}

[data-tip] {

 position:relative;

}

[data-tip]:before {

	content: '';

	/* hides the tooltip when not hovered */

	display: none;

	border: 5px solid #383838;

	/* 4 border technique to create the arrow */

	border-top-color: #FF6600;

	border-right-color: transparent;

	border-bottom-color: transparent;

	border-left-color: transparent;

	position: absolute;

	top: 52px;

	left: 19px;

	z-index: 8;

	font-size: 11px;

	line-height: 0;

	width: 0;

	height: 0;

}

[data-tip]:after {

	display: none;

	content: attr(data-tip);

	position: absolute;

	top: 60px;

	left: -50%;

	padding: 5px 8px;

	color: #E4E4E4;

	z-index: 9;

	font-size: 13px;

	font-family: BYekan;

	height: 18px;

	line-height: 18px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	white-space: nowrap;

	word-wrap: normal;

	background-color: #39444d;

}

[data-tip]:hover:before, [data-tip]:hover:after {

	display: block;

}


.se_sub{
	box-shadow: inset 0px 2px 0px #ffc107;
}
input, textarea, select {

	background: #f5f5f5;

	padding: 4px;

	border-radius: 3px;

	border: 2px solid #c7c7c7;

	font: 13px BYekan;

	color: #7a7a7a;

	margin: 2px;

	width: 300px

      -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
      -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
      box-shadow: 
       inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 

}

input[type=submit] {

	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;

	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;

	box-shadow: inset 0px 2px 0px 0px #ffc107;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));

	background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);

	background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);

	background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);

	background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);

	background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811', GradientType=0);

	background-color: #77d42a;

	border: 1px solid #268a16;

	color: #306108;

	text-shadow: 0px 1px 0px #aade7c;

	width: 130px;

	margin: 2px 5px 0 0;

	cursor: pointer


}

input[type=submit]:hover {


	

}

.top_support {

	float: left;

	width: 300px;

	height: 32px;

	margin-top: 10px;

}

.mobile {

	float: right;

	height: 32px;

	width: 123px;

	font-family: 'BYekan';

	font-size: 14px;

	line-height: 32px;

	color: #BCBCBC;

	margin: 0;

	text-shadow: 0px 1px 0px #fff;

	padding-right: 50px;

	background-image: url(images/mobile.png);

	background-repeat: no-repeat;

}

.online {

	float: right;

	width: 127px;

	height: 32px;

	margin: 0;

	background-image: url(images/online.png);

	background-repeat: no-repeat;

}

.online a {

	float: right;

	width: 127px;

	height: 32px;

}

.logo {

	float: right;

	margin-top: -10px;

	height: 135px;

	width: 950px;

	background-image: url(images/logo.png);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.menu {

	float: right;

	margin-top: 8px;

}

.news {

	float: right;

	width: 361px;

	margin: 12px 0 0 0;

	padding-top: 32px;

		padding-right: 10px;



}

.news li h2 {

	font-size: 13px;

	font-weight: normal;

	float: right;

	background-image: url(images/li1.png);

	width: 330px;

	height: auto;

	font-family: BYekan;

	font-size: 12px;

	line-height: 28px;

	padding-right: 10px;

	text-shadow: 0px 1px 0px #ffffff;

	color: #A7A7A7;

}

.img-head{

margin-top: -3px;
height:235px;


}


.slider {

	height: 248px;

	width: 574px;

	background-image: url(images/slider.png);

	float: right;

	margin-right: 5px;

	margin-top: 35px;

	background-repeat: no-repeat;

}

#slider {

	height: 189px;

	width: 538px;

	margin: 15px 19px 0px 0px;

	border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	position: relative;

	-webkit-border-radius: 5px;

	background: url(images/loading.gif) no-repeat 50% 50%;

}
.khadamat {

    background-color: rgba(255, 193, 7, 0.71);
    padding: 25px;
    font-size: 14PX;
    LINE-HEIGHT: 2;
    MARGIN-TOP: 12PX;
}
#slider img {

	height: 184px;

	width: 530px;

	background-color: #g25f5;

	border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	-webkit-border-radius: 5px;

	position: absolute;

	display: none;

}

#slider a {

	border: 0;

	display: block;

}

.nivoSlider {

	position: relative;

	margin: 10px 0 0 0

}

.nivoSlider img {

	position: absolute;

	top: 0px;

	left: 0px;

}

.nivoSlider a.nivo-imageLink {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	border: 0;

	padding: 0;

	margin: 0;

	z-index: 6;

	display: none;

}

.nivo-slice {

	display: block;

	position: absolute;

	z-index: 5;

	height: 100%;

}

.nivo-box {

	display: block;

	position: absolute;

	z-index: 5;

}

.nivo-caption {

	position: absolute;

	left: 0px;

	bottom: 0px;

	background: #000;

	color: #fff;

	opacity: 0.8;

	width: 100%;

	z-index: 8;

}

.nivo-caption p {

	padding: 5px;

	margin: 0;

}

.nivo-caption a {

	display: inline !important;

}

.nivo-html-caption {

	display: none;

}

.nivo-directionNav a {

	position: absolute;

	top: 45%;

	z-index: 9;

	cursor: pointer;

}

.nivo-prevNav {

	left: 0px;

}

.nivo-nextNav {

	right: 0px;

}

.nivo-controlNav a {

	position: relative;

	z-index: 9;

	cursor: pointer;

}

.nivo-controlNav a.active {

	font-weight: bold;

}

.nivo-controlNav {

	position: absolute;

	left: 177px;

	top: 208px;

}

.nivo-controlNav a {

	display: block;

	width: 42px;

	height: 12px;

	background: url("images/circles.png") no-repeat -42px 0px;

	text-indent: -9999px;

	border: 0;

	margin-right: 3px;

	float: left;

}

.nivo-controlNav a.active {

	background-position: 0 0px;

}

.nivo-directionNav a {

	display: block;

	width: 30px;

	height: 30px;

	background: url("images/arrows.png") no-repeat;

	text-indent: -9999px;

	border: 0;

}

a.nivo-nextNav {

	background-position: -30px 0;

	right: 15px;

}

a.nivo-prevNav {

	left: 15px;

}

.nivo-caption {

	text-shadow: none;

	font-family: Helvetica, Arial, sans-serif;

}

.nivo-caption a {

	color: #efe9d1;

	text-decoration: underline;

}

#fakharMenu {

	display:block;

	width:150px;

	padding:15px;

    background:#f8f8f8;

    background-image: -webkit-gradient(linear, top left, bottom left, from(#f8f8f8), to(#ccc));

    background-image: -webkit-linear-gradient(top, #f8f8f8, #ccc);

    background-image:    -moz-linear-gradient(top, #f8f8f8, #ccc);

    background-image:      -o-linear-gradient(top, #f8f8f8, #ccc);

    background-image: linear-gradient(to bottom, #f8f8f8, #ccc);

	 z-index:2;

	 left:10px;

	 

	box-shadow:   		 -3px 1px 8px rgba(0, 0, 0, .4),3px -1px 10px rgba(0, 0, 0, .2);

	-moz-box-shadow:  	 -3px 1px 8px rgba(0, 0, 0, .4),3px -1px 10px rgba(0, 0, 0, .2);

	-o-box-shadow: 		 -3px 1px 8px rgba(0, 0, 0, .4),3px -1px 10px rgba(0, 0, 0, .2);

	-khtml-box-shadow: 	 -3px 1px 8px rgba(0, 0, 0, .4),3px -1px 10px rgba(0, 0, 0, .2);

	-webkit-box-shadow:  -3px 1px 8px rgba(0, 0, 0, .4),3px -1px 10px rgba(0, 0, 0, .2); 

 }

 #fakharMenu h3 {

	-moz-transition:all .5s ease-out;  

	-o-transition: all .5s ease-out;  

	-webkit-transition: all .5s ease-out;  

	transition: all .5s ease-out;  



	margin:-15px -15px 5px -15px;

	padding:0p 15px;

	height:30px;

	line-height:43px;1

	text-align:center;

	text-shadow:1px 1px 0px rgba(0, 0, 0, .5);

	font:18px "BYekan";

	color:#fff;

	}

#fakharMenu ul {

	font-size:12px;

	margin:3px -2px;

	list-style:none;

	padding:0px;

}

#fakharMenu ul li {

	margin:0;

	padding:0;



}

#fakharMenu li a {

	display:block;

	text-align:center;

	padding:2px 25px;

	line-height:23px;

	color:#fff;

	text-decoration:none;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px; 

	-khtml-border-radius:4px;

		background-color:#49afcd;

	*background-color:#2f96b4;

	background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);

	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));

	background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);

	background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);

	background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);

	background-repeat:repeat-x;

	border-color:#2f96b4 #2f96b4 #1f6377;

	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);

	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)

}

#fakharMenu li a:hover {

	color:#fff;

	text-align:center;

	background-color:#5bb75b;

	*background-color:#51a351;

	background-image:-moz-linear-gradient(top,#62c462,#51a351);

	background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));

	background-image:-webkit-linear-gradient(top,#62c462,#51a351);

	background-image:-o-linear-gradient(top,#62c462,#51a351);

	background-image:linear-gradient(to bottom,#62c462,#51a351);

	background-repeat:repeat-x;

	border-color:#51a351 #51a351 #387038;

	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);

	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)

}



#fakharMenu.fakharmenustyle1 h3 {

    background:#666666;

    background-image: -webkit-gradient(linear, top right, bottom left, from(#666666), to(#333333));

    background-image: -webkit-linear-gradient(top, #666666, #333333);

    background-image:    -moz-linear-gradient(top, #666666, #333333);

    background-image:      -o-linear-gradient(top, #666666, #333333);

    background-image: linear-gradient(to bottom, #666666, #333333);

}



#fakharMenu.fakharmenustyle2 h3 {

    background:#6BA7D1;

    background-image: -webkit-gradient(linear, top right, bottom left, from(#6BA7D1), to(#4E82B3));

    background-image: -webkit-linear-gradient(top, #6BA7D1, #4E82B3);

    background-image:    -moz-linear-gradient(top, #6BA7D1, #4E82B3);

    background-image:      -o-linear-gradient(top, #6BA7D1, #4E82B3);

    background-image: linear-gradient(to bottom, #6BA7D1, #4E82B3);

}

#fakharMenu.fakharmenustyle3 h3 {

    background:#CD67D6;

    background-image: -webkit-gradient(linear, top right, bottom left, from(#CD67D6), to(#A3348C));

    background-image: -webkit-linear-gradient(top, #CD67D6, #A3348C);

    background-image:    -moz-linear-gradient(top, #CD67D6, #A3348C);

    background-image:      -o-linear-gradient(top, #CD67D6, #A3348C);

    background-image: linear-gradient(to bottom, #CD67D6, #A3348C);

}

.line {

	width: 945px;

	height: 3px;

	float: right;

	margin-top: 25px;

	margin-bottom: 10px;

	background-color: #DDDDDD;

}

.liner {

	width: 100%;

	height: 3px;

	float: right;

	margin-top: 10px;

	margin-bottom: 15px;

	background-color: #DDDDDD;

}

.tools {

	background-image: url(images/tools.png);

	background-repeat: no-repeat;

	float: right;

	height: 239px;

	width: 185px;

	margin-left: 5px;

	-webkit-transition: all 0.3s linear 0s;

	-moz-transition: all 0.3s linear 0s;

	-o-transition: all 0.3s linear 0s;

	transition: all 0.3s linear 0s;

	-ms-transition: all 0.3s linear 0s;

}

.tools:hover {

	background-image: url(images/tools-hover.png);

	background-repeat: no-repeat;

}

.tools p {

	width: 130px;

	height: 75px;

	float: right;

	text-align: center;

	margin: 40px 28px 0 0;

	font-family: BYekan;

	font-size: 13px;

	line-height: 25px;

	position: relative;

	text-shadow: 0px 1px 0px #ffffff;

	color: #B4B4B4;

}

.tools_ico {

	background-image: url(images/icon.png);

	background-repeat: no-repeat;

	float: right;

	height: 92px;

	width: 92px;

	margin: 27px 45px 0 0;

}

.tools_ico#psd {

	background-position: right 0px;

}

.tools_ico#wp {

	background-position: -276px 0px;

}

.tools_ico#code {

	background-position: -184px 0px;

}

.tools_ico#seo {

	background-position: -92px 0px;

}

.tools_ico#host {

	background-position: 0px 0px;

}

.tools_plus {

	float: left;

	height: 32px;

	width: 31px;

	position: relative;

	z-index: 2;

	top: -28px;

	left: 1px;

	background-image: url(images/plus.png);

	background-repeat: no-repeat;

}

.tools_plus:hover {

	background-image: url(images/plus.png);

	background-position: 0px -32px;

}

.foot {

	width: 100%;

	height: auto;

	float: right;

	margin: 0px;

	font-family: BYekan;

	font-size: 13px;

	color: #fff;
        
        background-color : #3f3f3f;
        border-top : 5px solid #ffc107;

}

.shop {

	width: 100%;

	height: auto;

	text-align: center;

	margin: 15px 0 0 20px;

	padding-top: 115px;

}

.copyright{
     
	width : 100%;

    margin-top : 21px;
	
	float: right;

	font-size:14px;

	color:#999

}

.copyright a{

    color:#999

}

.copyright a:hover{

    color:#fff

}

 .column {
 float: right;
 
 width: 222px;
 
 margin:0px 12px 0px 0px;
 
 padding:0 0px;
  
 }
 
 .column ul {
 margin-top : 10px;
 line-height : 32px;
 }
 
 .column a { 
  color :#CCC;
 
 }
 
  .column a:hover { 
  color :#ffc107;
 
 }
 
 .img-head{
 width:350px;
 
 }
.single {

	float: right;

	width: 700px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid #CCC;

	background-image: url(images/bgs.png);

	background-repeat: repeat;

	margin-bottom: 10px;

	margin-right: 12px;

}

.single_top {

	float: right;

	font-family: BYekan;

	font-size: 13px;

	line-height: 35px;

	color: #666666;

	width: 97%;

	height: auto;

}

.single_title {

	float: right;

	width: 470px;

	font-family: BYekan;

	font-size: 13px;

	color: #CC3300;

	margin: 20px 30px;

	text-align: right;

	display:block;

	overflow:hidden;

    height: 25px;

}

.single_pic {

	height: 100px;

	width: 100px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	padding:0;

	margin: 10px -5px;

}

.single_expert {

	float: right;

	width: 450px;

	font-family: BYekan;

	font-size: 13px;

	margin: 5px 35px;

	text-align: right;

	font-weight: normal;

}

.single_content {

	float: right;

	font-family: BYekan;

	font-size: 13px;

	line-height: 35px;

	color: #666666;

	text-shadow: 0px 1px 0px #ffffff;

	font-weight: normal;

	background-image: url(images/single.png);

	background-repeat: repeat-x;

	padding: 10px;

	width: 97%;

}

.single_price {

	float: left;

	width: 150px;

	font-family: BYekan;

	font-size: 13px;

	margin: -60px -50px;

        margin-left: -65px;

}

#last_books{

	margin-bottom:20px;

}

.lbooks{

	border:1px solid #ccc;

	border-radius:9px;

	-moz-border-radius:58px;

	height:265px;

	width:170px;

	overflow:hidden;

	background:#ffc107 ;

}

.lbooks a:hover {color:#888}

.lbooks:hover{

-webkit-box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.25);
box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.25);
background-color: #FC0;
border-color:#373838


}

.lbooks img{

	width: 150px;
	height:150px;
        margin-top : 9px;
        margin-right: 8px;
        margin-left : 5px;

}

.lbooks h3{

	font:13px "Byekan";

	color:#1d1d1d;

	text-align:center;

	width:140px;

	height:40px;

	overflow:hidden;

	margin: 5px;

	padding:1px 10px;

}



.lbooks .lprice{

	margin:0 -2px 0;

	padding:5px 5px;

	color:#000;

	text-shadow:0 1px 0 #0;

	background:#fff;

	font:12px "Byekan";

}

.lbooks .linfo{

	padding:5px 8px;

	color:#fff;

	text-shadow:0 1px 0 #0;

	background:#4C4A4A;

	font:12px "Byekan";

}

.linfo:hover{

	color:#fff !important;

	background-color:#9E9A9A;

}

 .row:after{clear:both}[class*="span"]{float:right;min-height:10px;margin-right:15px}



 .span4{width:720px}

 .span3{width:215px}

 .span2{width:170px}

 .span1{width:80px}



#pagenumber{width:99%;height:25px;margin:5px 0 0;text-align:center;clear:both}

.wp-paginate{direction:ltr;text-align:center;width:90%;height:auto;clear:both;padding:3px 0 3px;margin:5px auto 0}

.wp-paginate li {display:inline}

.wp-paginate a {background:#ddd;border:1px solid #ccc;border-radius:5px;color:#666;margin-right:4px;text-align:center;padding:4px 8px}

.wp-paginate a:hover, .wp-paginate a:active {background:#ccc;color:#888}

.wp-paginate .title {color:#E6E6E6;margin-right:4px}

.wp-paginate .gap {color:#999;margin-right:4px}

.wp-paginate .current {color:#fff;font-weight:bold;background:#FFC107;border-radius:5px;margin-right:4px;padding:5px 10px}#archnote{color:#000;padding:3px 4px 5px;width:530px;border-bottom:1px solid #D6D6D6}



.edd-cart-added-alert, .edd-cart-ajax { display: none !important; }



/* search */

#tsearch{float:left;height:32px;padding:3px;margin-top:-35px}

#tsearch .textfield{	background-image: url(images/search.png);background-repeat: no-repeat;float:left;font:13px "Byekan";width:126px;height:20px}

#tsearch .button{background-color:#444;width:50px;height:30px;float:left;color:#fff;font:normal 12px tahoma;padding:0 0 8px;}

#tsearch .button:hover{background-color:#1A64FF;}



.left{float:left}

.social{ height:26px; background:url(images/social-icons.png) -68px 0; width:26px;}

.social:hover{ height:24px; background:url(images/social-icons.png) -68px 24px; width:26px;}

.gplus{ height:26px; background:url(images/social-icons.png) -102px 0px; width:24px;}

.gplus:hover{ height:24px; background:url(images/social-icons.png) -102px 24px; width:24px;}

.twitter{ height:26px; background:url(images/social-icons.png) -33px 0px; width:26px;}

.twitter:hover{ height:24px; background:url(images/social-icons.png) -33px 24px; width:26px;}

.facebook{ height:26px; background:url(images/social-icons.png) 0 0; width:26px;}

.facebook:hover{ height:24px; background:url(images/social-icons.png) 0 24px; width:26px;}



.soc{

     margin: -30px 20px;

	}

.a-right {

	position:absolute;

	width: 150px;

	height: 150px; 

	top:330px;

	right:20px;

	background-image: url(images/t2.jpg);

}

.a-left {

	position:absolute;

	width: 150px;

	height: 150px; 

	top:330px;

	right:195px;

	background-image: url(images/t2.jpg);

}



.btn {

	display:inline-block;

	*display:inline;

	padding:4px 12px;

	*margin-left:.3em;

	font:13px "Byekan";

	margin:3px;

	line-height:20px;

	color:#333;

	text-align:center;

	text-shadow:0 1px 1px rgba(255,255,255,0.75);

	vertical-align:middle;

	cursor:pointer;

	background-color:#f5f5f5;

	*background-color:#e6e6e6;

	background-image:-moz-linear-gradient(top,#fff,#e6e6e6);

	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));

	background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);

	background-image:-o-linear-gradient(top,#fff,#e6e6e6);

	background-image:linear-gradient(to bottom,#fff,#e6e6e6);

	background-repeat:repeat-x;

	border:1px solid #ccc;

	*border:0;

	border-color:#e6e6e6 #e6e6e6 #bfbfbf;

	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

	border-bottom-color:#b3b3b3;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);

	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);

	*zoom:1;

	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)

}

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {

	color:#333;

	background-color:#e6e6e6;

	*background-color:#d9d9d9

}



.btn-danger {

	color:#fff !important;

	text-shadow:0 -1px 0 rgba(0,0,0,0.25);

	background-color:#da4f49;

	*background-color:#bd362f;

	background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);

	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));

	background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);

	background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);

	background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);

	background-repeat:repeat-x;

	border-color:#bd362f #bd362f #802420;

	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);

	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)

}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {

	color:#fff;

	background-color:#bd362f;

	*background-color:#a9302a

}

.btn-danger:active,.btn-danger.active {

	background-color:#942a25 \9

}

.btn-success {

	color:#fff;

	padding:4px 12px;

	text-shadow:0 -1px 0 rgba(0,0,0,0.25);

	background-color:#5bb75b;

	*background-color:#51a351;

	background-image:-moz-linear-gradient(top,#62c462,#51a351);

	background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));

	background-image:-webkit-linear-gradient(top,#62c462,#51a351);

	background-image:-o-linear-gradient(top,#62c462,#51a351);

	background-image:linear-gradient(to bottom,#62c462,#51a351);

	background-repeat:repeat-x;

	border-color:#51a351 #51a351 #387038;

	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);

	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)

}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {

	color:#fff;

	background-color:#51a351;

	*background-color:#499249

}

.btn-success:active,.btn-success.active {

	background-color:#408140 \9

}

.btn-info {

	color:#fff;

	text-shadow:0 -1px 0 rgba(0,0,0,0.25);

	background-color:#49afcd;

	*background-color:#2f96b4;

	background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);

	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));

	background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);

	background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);

	background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);

	background-repeat:repeat-x;

	border-color:#2f96b4 #2f96b4 #1f6377;

	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);

	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)

}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {

	color:#fff;

	background-color:#2f96b4;

	*background-color:#2a85a0

}

.btn-info:active,.btn-info.active {

	background-color:#24748c \9

}

.rel_posts {font:13px "Byekan";width:70px; text-align=center;float:right; margin: 10px 25px 10px 0;}

.rel_thumb {margin:10px 0 10px 0;}

.rel_thumb img {border:1px solid #aaa;}

.rel_link {text-align:center;}

.clearer {clear:both;}



#tags{width:97%;color:gray;margin:5px auto 5px;font:11px tahoma;line-height:15px;}

#tags a{color:gray}

#tags a:hover{color:#fff;background:gray;border-radius:2px;padding:3px 0}

#sharepost{width:525px;height:auto;overflow:hidden;margin:0 auto 20px}

#shareother{width:525px;height:auto;color:gray;direction:ltr;line-height:25px;margin:0 auto;font-size:11px}

#shareother li{display:inline;color:gray;font-size:11px;clear:both}

#shareother li:hover{background:none}

#shareother a{font-size:12px;height:20px}

#shareother a,#shareother a:visited{color:blue}

#shareother a:hover{color:red;border-bottom:1px solid red}



/* newslatter */

#newslatter{background:#FF8D42;text-color:#fff;border:1px solid #FF8D42;border-radius:5px;float:right;width:330px;height:60px;padding:5px;margin-right:12px;}

#newslatter .textfield {color:#000;text-align:center;}

#newslatter .button{width:60px;height:30px;float:left;color:#fff;font:normal 12px tahoma;margin-top:9px;padding:0 0 8px;}

#newslatter .button:hover{background-color:#1A64FF;}



/* bookmark */

#bookmark {background:#F9F900;text-color:#fff;border:1px solid #F9F900;border-radius:5px;float:right;width:330px;height:60px;padding:5px;margin-right:12px;}

#bookmark .textfield {color:#000;text-align:center;}

#bookmark .space{color:#000;text-align:center;margin:10px}



/* related */

.related{background-image: url(images/single.png);text-color:#000;border:1px solid #ccc;border-radius:5px;float:right;width:680px;height:auto;padding:5px;margin:10px;}

.related a{color:gray}

.related a:hover{color:#ff0000;}



nav ul ul {	display: none;}
	nav ul li:hover > ul {display: block;width: 180px;}
	nav ul {
	color: #fff !important;
	width: 75%;
	background: #ffc107; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	list-style: none;
	position: relative;
	display: inline-table;
	top: 5px;
	border-top: 2px solid black;
    }
	nav ul:after {content: ""; clear: both; display: block;}
	nav ul li {float: right;}
	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		nav ul li:hover a {color: #fff;}
	nav ul li a {
		font:13px "Byekan";
		display: block; padding: 10px 15px;
		color: #fff;
	}
nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 50%;
}
	nav ul ul li {
		font:13px "Byekan";
		float: none; 
		color: #fff;
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		nav ul ul li a {padding: 10px 14px;color: #fff;}	
			nav ul ul li a:hover {background: #4b545f;}
			nav ul ul ul {
	        display: none;
			font:13px "Byekan" #fff;
			margin: 0;
			padding: 0;
			width: 120px !important;
			position: absolute;
			top: 15px;right:100%;

        }
.m-t a:hover{
   color: #fff;
}

.archive{
	width: 93%;
	margin: 5px 17px;
}

.tools-top {
	float: right;
	width: 100%;
	padding-top: 50px;
	background-image: url(images/news.png);
	background-repeat: no-repeat;
	background-position: right;
}





@media only screen and (max-width: 640px) { 
@media only screen and (max-width: 640px) { 
.container {
width: 580px;
}

a.sup{
display:none;

}
a.order{
display:none;
}

a.file{
display:none;
}

.search{
display:none;
}


#topMenu{
width:290px;
}
.topDate{
display:none;
}

.head {
width: 100%;
height: 281px;
margin: 0px;
}
.menu_item {
margin-right: 20px;
width: 350px;
}
.top_support {
width: 350px;
}
.top_menu {
margin-right: 5px;
margin-left: -2px;
}
#tsearch {
float: right;
height: 32px;
padding: 3px;
margin: -50px 120px;
}
#tsearch .button {
width: 60px;
height: 32px;
margin: -31px 10px 0 0 !important;
}
#tsearch .textfield {
width: 180px;
float: right;
}
.logo {
margin-top: -25px;
margin-right: 15px;
width: 500px;
}
.sms {
display: none;
}
.news {
margin: 40px 0 0 0;
padding-top: 10px;
padding-right: 15px;
}
.news li h2 {
width: 220px;
height: 100px;
font-size: 13px;
line-height: 35px;
}
.a-right {
top:250px;
right:260px;
}
.a-left {
top:250px;
right:420px;
}
.slider {
margin-right: 3px;
margin-top: 35px;
}
.line {
display: none;
}
nav ul {
margin-top: 10px;
width: 540px;
}
.tools-top{
width: 500px;
margin-right: 20px;
}
.lbooks{
width:170px;
height:230px;
}
.lbooks h3{
width:140px;
}
.lbooks img{
width:170px;
height:140px;
}
.linfo{
margin-right: 0px;
font-size: 11px !important;
}
.linfo:hover{
color:#fff !important;
}
.lprice{
margin:-5px 3px !important;
font-size: 11px !important;
}
.span2{
width:175px;
}
.arrow {
display: none;
}
.single {
width: 340px;
margin-right: 5px;
}
.single_top {
line-height: 15px;
width: 320px;
height: 110px;
}
.single_title {
width: 120px;
font-size: 12px;
height: 30px;
overflow:hidden;
}
.single_pic {
margin: 0px -5px;
margin-right:-15px;
}
.single_expert {
width: 150px;
height: 30px;
font-size: 12px;
overflow:hidden;
}
.single_price {
float: right;
width: 100px;
font-family: BYekan;
font-size: 13px;
margin: -110px 240px;
}
.single_content {
font-size: 13px;
width: 320px;
}
.single img {
max-width:320px;
}
#newslatter{
width:320px;
height:40px;
}
#newslatter .button{
width:50px;
height:20px;
margin: 10px -10px;
position: absolute;
}
#bookmark {
width:320px;
height:40px;
margin-top: 10px;
}
.related{
width:320px;
height: 200px;
overflow:hidden;
}
.rel_posts {
width:90px;
margin: 10px 12px 15px 0;
overflow:hidden;
}
.foot {
height: auto;
width: 100%;
}
.copyright{
float: right;
font-size:10px;
margin-right: 20px;
color:#999
}
.shop {
width: 550px;
height: auto;
}
.last_pro {
display: none;
}
.buy-logo{
margin: 0 20px 0 30px;
}
}
@media only screen and (max-width: 520px) { 
.container {
width: 500px;
}
.head {
width: 100%;
height: 281px;
margin: 0px;
}
.menu_item {
margin-right: 10px;
width: 450px;
}
.top_menu {
margin-right: 5px;
margin-left: -2px;
}
.top_support {
width: 450px;
}
#tsearch {
float: right;
height: 32px;
padding: 3px;
margin: -50px 220px;
}
#tsearch .button {
width: 60px;
height: 32px;
margin: -32px 10px 0 0 !important;
}
#tsearch .textfield {
width: 180px;
float: right;
}
.logo {
margin:-30px 0px 20px 0;
width: 450px;
}
.sms {
display: none;
}
.news {
margin: 20px 0 0 0;
padding-top: 10px;
padding-right: 10px;
}
.news li h2 {
width: 150px;
height: 100px;
font-size: 13px;
line-height: 35px;
}
.a-right {
top:250px;
right:180px;
}
.a-left {
top:250px;
right:340px;
}
.slider {
display: none;
}
.line {
display: none;
}
nav ul {
margin-top:35px;
width: 460px;
}
.tools-top{
width: 400px;
margin-right: 20px;
}
.lbooks{
width:150px;
height:230px;
}
.lbooks h3{
width:120px;
}
.lbooks img{
width:150px;
height:140px;
}
.linfo{
margin-right: 0px;
font-size: 11px !important;
}
.linfo:hover{
color:#fff !important;
}
.lprice{
margin:-5px 3px !important;
font-size: 11px !important;
}
.span2{
width:145px;
}
.arrow {
display: none;
}
.single {
margin-right: 15px;
width: 470px;
}
.single_top {
line-height: 15px;
width: 470px;
height: 110px;
}
.single_title {
width: 250px;
font-size: 12px;
height: 30px;
overflow:hidden;
}
.single_expert {
width: 300px;
height: 30px;
font-size: 12px;
overflow:hidden;
}
.single_price {
float: right;
width: 110px;
font-family: BYekan;
font-size: 13px;
margin: -110px 360px;
}
.single_content {
font-size: 13px;
width: 450px;
}
.single img {
max-width:470px;
}
.span3{
display: none;
}
#newslatter{
margin-right: 15px;
width:280px;
height:60px;
}
#newslatter .button{
width:50px;
height:20px;
margin: 10px -20px;
position: absolute;
}
#bookmark {
margin: 0px 5px;
width:160px;
height:60px;
}
.related{
margin-right:15px;
width:460px;
height: 200px;
overflow:hidden;
}
.rel_posts {
width:90px;
margin: 10px 2px 15px 0;
overflow:hidden;
}
.foot {
height: auto;
width: 100%;
}
.copyright{
float: right;
font-size:10px;
margin-right: 30px;
color:#999
}

.bloginfo1{
background-color : #999;
margin-top : 15px;
font-size:25px;
}
.shop {
width: 450px;
height: auto;
}
.last_pro {
display: none;
}
.buy-logo{
margin: 0 10px 0 30px;
}
.soc{
margin: 0px -40px;
}
}
@media only screen and (max-width: 480px) { 
.container {
width: 415px;
}
.head {
width: 100%;
height: 281px;
margin: 0px;
}
.menu_item {
margin-right: 70px;
width: 300px;
}
.top_menu {
margin-right: 5px;
}
.top_support {
width: 350px;
}
#tsearch {
float: right;
height: 32px;
padding: 3px;
margin: 5px -20px;
}
#tsearch .button {
width: 80px;
height: 30px;
margin-top: -1px !important;
}
#tsearch .textfield {
width: 200px;
float: right;
}
.logo {
margin-top:-10px;
margin-right:-45px;
width: 450px;
}
.sms {
display: none;
}
.news {
display: none;
}
.slider {
display: none;
}
.a-right{
display: none;
}
.a-left{
display: none;
}
.line {
display: none;
}
nav ul {
margin-top: -15px;
width: 375px;
}
.tools-top{
width: 300px;
margin-right: 20px;
}
.lbooks{
width:190px;
height:270px;
}
.lbooks h3{
width:160px;
}
.lbooks img{
width:190px;
height:150px;
}
.linfo{
margin-right: 0px;
font-size: 14px !important;
}
.linfo:hover{
color:#fff !important;
}
.lprice{
margin:-5px 5px !important;
font-size: 14px !important;
}
.span2{
width:180px;
}
.arrow {
display: none;
}
.single {
width: 395px;
margin-right:10px;
}
.single_top {
line-height: 15px;
width: 375px;
height: 110px;
}
.single_title {
width: 170px;
font-size: 12px;
height: 30px;
overflow:hidden;
}
.single_pic {
margin: 0px -15px;
}
.single_expert {
width: 200px;
height: 30px;
font-size: 12px;
overflow:hidden;
}
.single_price {
float: right;
width: 110px;
font-family: BYekan;
font-size: 13px;
margin: -110px 290px;
}
.single_content {
font-size: 13px;
width: 375px;
}
.single img {
max-width:375px;
}
.span3{
display: none;
}
#newslatter{
width:380px;
height:40px;
}
#newslatter .button{
width:50px;
height:20px;
margin: 8px 20px;
position: absolute;
}
#bookmark {
width:380px;
height:40px;
margin: 5px 15px;
}
.related{
width:375px;
height: 200px;
overflow:hidden;
}
.rel_posts {
width:90px;
margin: 10px 3px 15px 0;
overflow:hidden;
}
.foot {
height: auto;
width: 100%;
}
.copyright{
float: right;
font-size:10px;
margin-right: 10px;
color:#999
}
.shop {
width: 400px;
height: auto;
}
.last_pro {
display: none;
}
.buy-logo{
text-align:center;
margin: 0 10px 0 30px;
}
.slide {
display: none;
}
.last_pro {
display: none;
}
.soc{
display: none;
}
}
@media only screen and (max-width: 360px) { 
.container {
width: 320px;
}
.head {
width: 100%;
height: 281px;
margin: 0px;
}
.menu_item {
margin-right: 40px;
width: 250px;
}
.top_support {
width: 340px;
}
.top_menu {
margin-right: 5px;
margin-left: -1px;
}
#tsearch {
float: right;
height: 32px;
padding: 3px;
margin: 0px 60px;
}
#tsearch .button {
width: 50px;
height: 30px;
margin-top: -30px !important;
}
#tsearch .textfield {
width: 150px;
float: right;
}
.logo {
margin-right:-75px;
width: 400px;
}
.sms {
display: none;
}
.news {
display: none;
}
.slider {
display: none;
}
.a-right{
display: none;
}
.a-left{
display: none;
}
.line {
display: none;
}
nav ul {
margin-top: -15px;
width: 260px;
margin-right: 10px;
}
nav ul li a {
font:13px "Byekan";
display: block; padding: 10px 15px;
color: #fff;
margin-right: 90px;
width: 140px;
}
nav ul ul li {
display: none;
}
.tools-top{
width: 200px;
margin-right: 20px;
}
.lbooks{
margin-right: 30px;
width:230px;
height:230px;
}
.lbooks h3{
width:210px;
}
.lbooks img{
width:230px;
height:130px;
}
.linfo{
margin-right: 0px ;
padding: 10px 10px !important;
font-size: 14px !important;
}
.linfo:hover{
color:#fff !important;
}
.lprice{
margin: -10px 10px!important;
font-size: 14px !important;
padding: 10px 10px !important;
}
.span2{
width:220px;
}
.arrow {
display: none;
}
.single {
width: 300px;
margin-right:10px;
}
.single_top {
line-height: 15px;
width: 300px;
height: 260px;
}
.single_title {
width: 270px;
font-size: 12px;
height: 30px;
overflow:hidden;
}
.single_pic {
width: 280px !important;
margin: 0px -5px;
}
.single_expert {
width: 230px;
height: 30px;
font-size: 12px;
overflow:hidden;
}
.single_price {
float: right;
width: 200px;
font-family: BYekan;
font-size: 13px;
margin: 10px 60px;
}
.single_content {
font-size: 12px;
width: 280px;
}
.single img {
max-width:280px;
}
.span3{
display: none;
}
#newslatter{
width:290px;
height:50px;
}
#newslatter .button{
width:50px;
height:25px;
margin: 8px -20px;
position: absolute;
}
#bookmark {
margin-right: 15px;
width:290px;
height:40px;
margin-top:5px
}
.related{
margin-right: 10px;
width:290px;
height: 200px;
overflow:hidden;
}
.rel_posts {
width:90px;
margin: 10px 5px 15px 0;
overflow:hidden;
}
.foot {
width: 100%;
height: 20px;
}
.shop {
display: none;
}
.buy-logo {
display: none;
}
.slide {
display: none;
}
.last_pro {
display: none;
}
.soc{
display: none;
}
}
@media only screen and (max-width: 320px) { 
.container {
width: 320px;
}
.head {
width: 100%;
height: 281px;
margin: 0px;
}
.menu_item {
margin-right: 40px;
width: 250px;
}
.top_support {
width: 340px;
}
.top_menu {
margin-right: 5px;
margin-left: -1px;
}
#tsearch {
float: right;
height: 32px;
padding: 3px;
margin: 0px 60px;
}
#tsearch .button {
width: 50px;
height: 30px;
margin-top: -1px;
}
#tsearch .textfield {
width: 150px;
float: right;
}
.logo {
margin-right:-75px;
width: 390px;
}
.sms {
display: none;
}
.news {
display: none;
}
.slider {
display: none;
}
.a-right{
display: none;
}
.a-left{
display: none;
}
.line {
display: none;
}
nav ul {
margin-top: -15px;
width: 260px;
margin-right: 10px;
}
nav ul li a {
font:13px "Byekan";
display: block; padding: 10px 15px;
color: #fff;
margin-right: 90px;
width: 140px;
}
nav ul ul li {
display: none;
}
.tools-top{
width: 200px;
margin-right: 20px;
}
.lbooks{
margin-right: 30px;
width:230px;
height:230px;
}
.lbooks h3{
width:210px;
}
.lbooks img{
width:230px;
height:130px;
}
.linfo{
margin-right: 0px;
padding: 10px 10px !important;
font-size: 14px !important;
}
.linfo:hover{
color:#fff !important;
}
.lprice{
margin-right: 10px !important;
font-size: 14px !important;
padding: 10px 10px !important;
}
.span2{
width:220px;
}
.arrow {
display: none;
}
.single {
width: 300px;
}
.single_top {
line-height: 15px;
width: 300px;
height: 260px;
}
.single_title {
width: 270px;
font-size: 12px;
height: 30px;
overflow:hidden;
}
.single_pic {
width: 280px !important;
margin: 0px -5px;
}
.single_expert {
width: 230px;
height: 30px;
font-size: 12px;
overflow:hidden;
}
.single_price {
float: right;
width: 300px;
font-family: BYekan;
font-size: 13px;
margin: 10px 10px;
}
.single_content {
font-size: 12px;
width: 280px;
}
.single img {
max-width:280px;
}
.span3{
display: none;
}
#newslatter{
width:290px;
height:60px;
}
#newslatter .button{
width:50px;
height:25px;
margin: 8px -20px;
position: absolute;
}
#bookmark {
width:290px;
height:50px;
margin-top:5px
}
.related{
width:290px;
height: 200px;
overflow:hidden;
}
.rel_posts {
width:90px;
margin: 10px 5px 15px 0;
overflow:hidden;
}
.foot {
height: 20px;
width: 100%;
}
.shop {
display: none;
}
.buy-logo {
display: none;
}
.slide {
display: none;
}
.last_pro {
display: none;
}
.soc{
display: none;
}

}