@media only screen and (max-width:768px){

.pdstatecss{
	width:96%;
	height:auto;
	margin:0 2% 20px 2%;
	text-align:left;
	font-size:14px;
	font-weight:300;
	line-height:24px;
	letter-spacing:1px;
	color:#111;
}


.obestpddiv{
	width:100%;
	margin:0;
	text-align: center;
}
.obestpddiv2{
	width:95%;
	margin:0;
	text-align: center;
}

/*product7¤º®e*/

.pdstyle7 img {
	width:70%;
	height:auto;
	margin:10px 15%;
	border:0;
	display:block;
}


	
.pdstyle7 .text {   
	color:#a99063;
	padding: 15px 0;
	text-align:center;
	border:none;
	}


.pdstyle7 .title {
	text-rendering: optimizeLegibility;
	color:#111;
	text-transform:uppercase;
	font-size:15px;
	line-height:1em;
	letter-spacing:0px;
	line-height:150%;
	}

	
.pdstyle7 .type {
	padding-top:10px;
	color: #ababab;
    	font-size:15px;
	line-height:160%;
    	letter-spacing:0px;
	text-transform:none;
	font-weight:300;
	}

.mainbox {
	width:95%;
	height:auto;
	margin:10px 2.5%;
	position: relative;
	float: left;
}
.mainbox > img {
	display: block;
	z-index: 10;
}

.mainbox > a {
	text-decoration: none;
}

.mainbox a span{
	color:#333;
}


.mainbox2 {
	width:95%;
	height:auto;
	margin:10px 2.5%;
	padding:10px 0; 
	position: relative;
	float: left;
	border: 1px solid #E1E1E1;
}
.mainbox2 > img {
	display: block;
	z-index: 10;
}

.mainbox2 > a {
	text-decoration: none;
}

.mainbox2 a span{
	color:#333;
}

.mboxpdname{
	color:#a99063;
	line-height:24px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	padding:10px 0 0 0; 
	letter-spacing:1px;	
}

.mboxpdname a{color:#a99063;}
.mboxpdname a span{
	font-size:16px;
	color:#715d54;
}

.mboxpdname .pdprice{
	font-size:18px;
	font-weight:700;
	line-height:24px;
	letter-spacing:1px;
	color:#E16106;
}


}

@media only screen and (min-width:768px){

.pdstatecss{
	width:96%;
	height:auto;
	margin:0 2% 20px 2%;
	text-align:left;
	font-size:14px;
	font-weight:300;
	line-height:24px;
	letter-spacing:1px;
	color:#111;
}


.obestpddiv{
	width:1040px;
	margin:0 auto;
	text-align: center;
}
.obestpddiv2{
	width:1200px;
	margin:0 auto;
	text-align: center;
}


.obestpddiv1a{
	width:340px;
	margin:0;
	text-align:left;
	float:left;
}

.obestpddiv1b{
	width:700px;
	margin:0;
	text-align: right;
	float:left;
}

.mainbox {
	width:23%;
	height:auto;
	min-height:350px;
	margin:10px 0.5%;
	position: relative;
	float: left;
	background-color:#fff;
	border: 1px solid #E1E1E1;
}

.mainbox:hover{border: 1px solid #ccc;}

.mainbox a{
	color:#333;
	line-height:28px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	padding:10px 0 0 0; 
	letter-spacing:1px;
}

.mainbox > img {
	display: block;
	z-index: 10;
}

.mainbox > a {
	text-decoration: none;
}

.mainbox a span{
	font-size:15px;
	color:#333;
	letter-spacing:0px;
}


.mainbox2 {
	width:23%;
	height:auto;
	margin:10px 0.5%;
	position: relative;
	float: left;
	background-color:#fff;
	border: 1px solid #E1E1E1;
	line-height:28px;
	color:#595959;
	font-size:14px;
	font-weight:300;
	padding:0 0 10px 0; 
	letter-spacing:1px;
}

.mainbox2:hover{border: 1px solid #ccc;}

.mainbox2 a{
	color:#333;
	line-height:28px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	letter-spacing:1px;
}

.mainbox2 a span{
	line-height:28px;
	font-size:15px;
	color:#333;
	letter-spacing:0px;
}


.mboxpdname{
	display:block;
	height:80px;
	color:#a99063;
	line-height:21px;
	font-size:16px;
	font-weight:700;
	margin:0; 
	padding:10px 0 0 0; 
	letter-spacing:1px;	
}

.mboxpdname a{color:#a99063;}
.mboxpdname a span{
	font-size:16px;
	color:#715d54;
}

.mboxpdname .pdprice{
	font-size:18px;
	font-weight:700;
	line-height:24px;
	letter-spacing:1px;
	color:#E16106;
}


.uline{
	color:#442513;
	font-size:13px;
	font-weight:700;
	padding:0 0 5px 0;
	margin:0 0 5px 0; 
	text-decoration:underline;
}


.pdstyle7 {
	width:100%%;
	height:260px;
	margin:0;
	padding:10px 0 0 0;
	color:#a99063;
	
}


.pdstyle7 img {
	width:80%;
	height:auto;
	margin:0 10%;
	border:0;
	display:block;
    	-moz-transform:scale(1);
    	-webkit-transform:scale(1);
    	-o-transform:scale(1);
    	transform:scale(1);
    	-webkit-transition: all 0.2s ease;
    	-moz-transition: all 0.2s ease;
    	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 1;

}


	
.pdstyle7:hover img {
	width:94%;
	height:auto;
	margin:0 3%;	
	opacity: 1;
	}

	
.pdstyle7 .text {   
	font-family: 'Didot';
	color: #fff;
	padding: 30px 0;
	text-align:center;
	border:none;
	}


.pdstyle7 .title {
	font-family: 'Didot';
	text-rendering: optimizeLegibility;
	color: #fff;
	text-transform:uppercase;
	font-size:16px;
	line-height:1em;
	letter-spacing:0px;
	line-height:40px;
	padding:0;
	margin:0;
	}

	
.pdstyle7 .type {
	font-family: 'Didot-italic';
	padding-top:10px;
	color: #fff;
    	font-size:14px;
	line-height:180%;
    	letter-spacing:0px;
	text-transform:none;
	}


}







.red18font{
	line-height:180%;
	font-family: Gafata;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	font-size:1.8em;
	font-weight:700;
	color:#990000;
}