@charset "utf-8";

/********** 页面设置 **********/
html{margin:0 auto; width:100%; font-size:20px;}
body{width:100%;}
.container{margin:0 auto; width:720px;}

/********** 字体设置 **********/
@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
	html {
		font-size:30px;
	}
}
@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
	html {
		font-size:26.666666666666664px;
	}
}
@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
	html {
		font-size:22.22222222222222px;
	}
	.container{width:100%;}
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
	html {
		font-size:20px;
	}
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
	html {
		font-size:17.77777777777778px;
	}
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
	html {
		font-size:16.666666666666668px;
	}
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
	html {
		font-size:15px;
	}
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
	html {
		font-size:13.333333333333332px;
	}
}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
	html {
		font-size:11.5px;
	}
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
	html {
		font-size:11.11111111111111px;
	}
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
	html {
		font-size:10.416666666666668px;
	}
}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
	html {
		font-size:10px;
	}
}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
	html {
		font-size:8.88888888888889px;
	}
}
@media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
	html {
		font-size:6.666666666666666px;
	}
}

/********** article_article.html **********/
.wrap{margin:1.75rem auto 2.85rem; width:91.67%;}

.sample{padding:0 0 1.65rem; border-bottom:1px dashed #dbdbdb;}
.sample img{display:block; margin:0 auto; -width:6.6rem; max-width:100%;}

.product{}
.product ul{}
.product li{height:3.7rem; overflow:hidden; font-size:1.2rem; color:#020001; line-height:3.7rem; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dashed #dbdbdb;}
.product li p{float:left; width:50%;}
.product li span{color:#8e8e8e;}
.product li:first-child p:first-child span{padding:2px; color:#d30f3f; border:1px solid #d30f3f;}
.product li.taste{padding:.65rem 0; height:auto; line-height:2; white-space:normal;}

.chateau{padding:2.15rem 0 .55rem; border-bottom:1px dashed #dbdbdb;}
.chateau p.ttl{display:inline-block; padding:0 1rem; height:2rem; font-size:1.2rem; color:#fff; line-height:2rem; background-color:#d21140;}
.chateau img{display:block; margin:1.4rem auto 0; width:100%;}
.chateau p.des{padding:1.8rem 0 0; font-size:1.2rem; color:#020001; line-height:2;}

.market{}
.market ul{}
.market li{height:3.7rem; overflow:hidden; font-size:1.2rem; color:#020001; line-height:3.7rem; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px dashed #dbdbdb;}
.market li span{color:#8e8e8e;}
.market li:first-child{padding:.65rem 0; height:auto; line-height:2; white-space:normal;}

.certify{padding:1.95rem 0 0;}
.certify p.ttl{display:inline-block; padding:0 1.25rem; height:2rem; font-size:1.2rem; color:#fff; line-height:2rem; background-color:#d21140;}
.certify .pics{margin:1.5rem 0 0; width:100%;}
.certify .pics li{float:left; width:33.3%;}
.certify .pics img{width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}

/********** 页面宽度 **********/
@media only screen and (max-width:800px), only screen and (max-device-width:800px) {
	.container{width:100%;}
	/*.product li{height:5rem; font-size:3rem; line-height:5rem;}
	.product li.taste{line-height:1.6;}
	.chateau p.ttl{height:5rem; font-size:4rem; line-height:5rem;}
	.chateau p.des{font-size:3rem; line-height:1.6;}
	.market li{height:5rem; font-size:3rem; line-height:5rem;}
	.certify p.ttl{height:5rem; font-size:4rem; line-height:5rem;}*/
}

/* iPads (portrait) ----------- */  
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.container{width:100%;}
} 
/* iPads (landscape) ----------- */  
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.container{width:720px;}
}