html, body {
    margin: 0;
	padding: 0;
}

body img {
	display: none;
}

.wrapper{
	margin: 0 auto;
	max-width: 850px;
	width: 100%;
}

img{
	padding: 0;
	margin: 0;
	width: 100%;
}


.btn1{
	position: absolute;
    width: 100%;
}


.btn1{
    top: 81%;
}


a:hover img{
opacity: 0.8;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}


/*38快閃*/
.cv_202138 {
 position: relative;
 width: 100%;
 max-width: 850px;
 }
.cv_202138 .btn_202138 {
 position: absolute;
 top: 81%;
 right: 16%;
 width: 68%;
 }

/*1盒*/
.cv_01 {
 position: relative;
 width: 100%;
 max-width: 850px;
 }
.cv_01 .btn_01 {
 position: absolute;
 top: 71%;
 right: 10%;
 width: 80%;
 }

/*年度唯一47折*/
.cv_202104sale {
 position: relative;
 width: 100%;
 max-width: 850px;
 }
.cv_202104sale .btn_202104sale01 {
 position: absolute;
 top: 39%;
 right: 4%;
 width: 43%;
 }
.cv_202104sale .btn_202104sale02 {
 position: absolute;
 top: 39%;
 left: 4%;
 width: 43%;
 }
.cv_202104sale .btn_202104sale03 {
 position: absolute;
 bottom: 7%;
 left: 4%;
 width: 43%;
 }
.cv_202104sale .btn_202104sale04 {
 position: absolute;
 bottom: 7%;
 right: 4%;
 width: 43%;
 }

/*2盒&3盒*/
.cv_02 {
 position: relative;
 max-width: 850px;
 }
.cv_02 .btn_02 {
 position: absolute;
 top: 76%;
 left: 4%;
 width: 42%;
 }
.cv_02 .btn_03 {
 position: absolute;
 top: 76%;
 right: 4%;
 width: 42%;
 }

/*定期*/
.cv_teiki {
 position: relative;
 max-width: 850px;
 }
.cv_teiki .btn_04 {
 position: absolute;
 top: 74%;
 right: 10%;
 width: 80%;
 }

/*快閃活動*/
.cv_sale {
 position: relative;
 width: 100%;
 max-width: 850px;
 }
.cv_sale .btn_01 {
 position: absolute;
 top: 81%;
 right: 10%;
 width: 80%;
 }

/*新餅乾*/
.cv_new {
 position: relative;
 width: 100%;
 max-width: 850px;
 }
/*.cv_new .btn_01 {
 position: absolute;
 top: 79%;
 right: 12.5%;
 width: 75%;
 }
.cv_new .btn_02 {
 position: absolute;
 top: 80%;
 right: 12.5%;
 width: 75%;
 }
.cv_new .btn_03 {
 position: absolute;
 top: 83%;
 right: 12.5%;
 width: 75%;
 }
.cv_new .btn_04 {
 position: absolute;
 top: 77%;
 right: 10%;
 width: 80%;
 }*/

/*1包*/
.cv_new .btn_01_210826 {
 position: absolute;
 top: 63%;
 right: 5%;
 width: 55.5%;
 }
/*買二送一*/
.cv_new .btn_02_210826 {
 position: absolute;
 bottom: 4.5%;
 right: 5%;
 width: 93.5%;
 }
/*買四送二*/
.cv_new .btn_03_210826 {
 position: absolute;
 bottom: 4.5%;
 right: 5%;
 width: 93.5%;
 }
/*即期優惠*/
.cv_new .btn_04_211213 {
 position: absolute;
 bottom: 8%;
 right: 5%;
 width: 93.5%;
 }
/*預購優惠*/
.cv_new .btn_04_220112 {
 position: absolute;
 bottom: 2.5%;
 right: 5%;
 width: 93.5%;
 }
.terms{
	/*padding:20px*/;
	/*height:120px;*/
	width:100%x;
	height: 220px; 
	font-size: 14px;
	line-height:1.5;
	text-align: left; 
	background: #fff;
	padding: 15px 20px;
	margin-bottom: 30px;
	overflow-y: auto; 
	box-sizing: border-box; 
	border: 1px solid #DCDCDC;
}

.tblbx {
	width:857.5px;
	margin: 0 auto;
	text-align:left;
		

}

.tblbx table {
	/*border-bottom:  1px solid #FF70A7;
	border-right: 1px solid #FF70A7;*/
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.tblbx table th {
	/*border-left:  1px solid #FF70A7;
	border-top: 1px solid #FF70A7;*/
	width: 20%;
	background: #FFEAEA;
	padding: 7px;
}

.tblbx table td {
	/*border-left:  1px solid #FF70A7;
	border-top: 1px solid #FF70A7;
	border-right: 1px solid #FF70A7;
	border-bottom: 1px solid #FF70A7;
	width: 80%;*/
	padding: 7px;
}

.tblbx dl {
}

.tblbx dt {
	color: #FF70A7;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.tblbx dd {
	margin-bottom: 12px;
}

.ingredient {
	}
	.ingredient table {
		width: 48%;
		float: left;
		margin-bottom: 1%;
		margin-right: 1%;
		border: 1px solid #eee;
	}
	.ingredient table .item1 {
		text-align: center;
		background: #666;
		color: #fff;
	}
	.ingredient table .item2 {
		text-align: center;
		background: #999;
		color: #fff;
	}
	@media screen and (max-width: 800px) {
		.ingredient table {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	}
 

@media only screen and (max-width:959px){
.tblbx {
	width: 100%;
	margin: 0 auto;
		text-align:left;
		
	

}

.tblbx table {
	/*border-bottom:  1px solid #FF70A7;
	border-right: 1px solid #FF70A7;*/
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.tblbx table th {
	/*border-left:  1px solid #FF70A7;
	border-top: 1px solid #FF70A7;*/
	width: 20%;
	background: #FFEAEA;
	padding: 5px;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", serif;
}

.tblbx table td {
	/*border-left:  1px solid #FF70A7;
	border-top: 1px solid #FF70A7;
	border-right:  1px solid #FF70A7;
	border-bottom: 1px solid #FF70A7;
	width: 80%;*/
	padding: 7px;
}

.tblbx dl {
}

.tblbx dt {
	color: #FF70A7;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.tblbx dd {
	margin-bottom: 12px;
}	
	
	}

	.ingredient {
		width: 100%;
		margin: 0 auto;
	}
	.ingredient .left {
		border-collapse: collapse;
		cellpadding: 0; cellspacing: 0;
		width: 49%;
		float: left;
		margin-bottom: 1%;
		margin-right: 0.5%;
		border: 1px solid #eee;
	}
	.ingredient .right {
		border-collapse: collapse;
		cellpadding: 0; cellspacing: 0;
		width: 49%;
		float: right;
		margin-bottom: 1%;
		margin-left: 0.5%;
		border: 1px solid #eee;
	}
	.ingredient table td {
		border-collapse: collapse;
		border:  1px solid #fd678c;
		padding: 7px;
	}
	.ingredient table .item1 {
		text-align: center;
		background: #fd678c;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.ingredient table .item2 {
		text-align: center;
		background: #fd678c;
		color: #fff;
	}
	@media screen and (max-width: 800px) {
		.ingredient .left, .ingredient .right {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	}