
.recipeContent .showbtn{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 2.5em;
	padding:0.5em 0;
}
.recipeContent .showbtn img{
	margin: 0em 0.4em 0 0;
	width:2em;
	height:2em;
}

.recipeContent .top {
	text-align: center;
	margin: 2em 0 2em 0;
}
.recipeContent .top img{
	width: 100%;
}
.recipeContent h2.title{
	margin: 0;
	padding: 0;
}
.recipeContent .title img{
    width: 100%;
}
.soupSurplus{
	background: url('../img/recipe/recipe_soup_bg.jpg') top no-repeat;
	background-size: 100% 100%;
	padding: 3.5em 0 5em 0;
}
.recipeContent .soupSurplusTop {
	background: url('../img/recipe/recipe_soup_surplus.png') top no-repeat;
	background-size: 100%;
	background-color: white;
	padding: 35.5% 0 0 0;
	margin: 0 0 8% 0;
}
.showGuide{
	display: none;
}
.recipeContent .soupSurplusTop h3{
	background: #854704;
	color: white;
	text-align: center;
	border-radius:0.2em;
	font-size:3.1em;
	margin: 0 auto;
	line-height: 2em;
	width:95.5%;
}
.recipeContent .surplusTitle {
	margin: 4em 0;
	font-size: 3.7em;
	font-weight: bold;
	color: #563b18;
	padding: 0;
}
.recipeContent .surplusMaterials img{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
}
.recipeContent .surplusMaterials p{
	font-size: 2.7em;
	padding: 5em 0 5em 18em;
	line-height: 6.1em;
	display: block;
	font-weight: bold;
	text-align: left;
	}

.recipeContent .userGuide{
	text-align: center;
}

.recipeContent .userGuide ul{
	list-style-type:none;
	padding: 0;
	text-align:left;
	width:95%;
	margin:0 auto;
	display:block;
}

.recipeContent .userGuide ul li{
	margin: 2em 0;
}
.recipeContent .userGuide ul li img{
	float: left;
	width:10%;
}

.recipeContent .userGuide ul li p{
	display: block;
	color: #563b18;
	margin: 0 0 0 3.1em;
	font-size: 2.7em;
	line-height:1.5em;
	font-weight:bold;
}

.recipeContent .userGuide ul li p img.smallImg{
	width:1.7em;
	float:none;
}

.recipeContent .onionSoup {
	background: url('../img/recipe/recipe_onion_soup.png') top no-repeat;
	background-size: 100%;
	background-color: white;
	padding: 35.5% 0 0 0;
	margin: 0 0 8% 0;
}
.recipeContent .tomato {
	background: url('../img/recipe/recipe_tomato.png') top no-repeat;
	background-size: 100%;
	background-color: white;
	padding: 35.5% 0 0 0;
	margin:0 0 0 0;
}
.recipeContent .noEnough{
	padding:7% 0 0 0;
}
.recipeContent .noEnough img{
	width:100%;
}

/***********onionSoup&tomato*************/
.recipeContent .onionSoupDesc img{
	margin: 0;
	padding: 0;
	display: block;
	width:100%;
}
.recipeContent .tomatoDesc img{
	margin: 0;
	padding: 0;
	display: block;
	width:100%;
}
.recipeContent .onionSoup h3,
.recipeContent .tomato h3 {
	background: #854704;
	color: white;
	text-align: center;
	border-radius:0.2em;
	font-size:3.1em;
	margin: 0 auto;
	line-height: 2em;
	width:95.5%;
}

.recipeContent .onionSoup ul,
.recipeContent .tomato ul {
	list-style-type:none;
	padding: 0;
	text-align:left;
	width:95%;
	margin:0 auto;
	display:block;
}
.recipeContent .onionSoup li,
.recipeContent .tomato li {
	margin: 2em 0;
}
.recipeContent .onionSoup ul li img,
.recipeContent .tomato ul li img{
	float: left;
	width:10%;
}
.recipeContent .onionSoup ul li p,
.recipeContent .tomato ul li p {
	display: block;
	color: #563b18;
	margin: 0 0 0 3.1em;
	font-size: 2.7em;
	line-height:1.5em;
	font-weight:bold;
}
.recipeContent .surplusMaterials span.lineWeight, .recipeContent .tomatoDesc span.lineWeight{
	font-weight: normal;
}

