@charset "UTF-8";

.double{ margin-bottom: 40px !important; }

.site-content{
	background: url(../../images/common/topImg/img6.jpg) no-repeat;
	background-color: #ffffff;
	padding-top: 100px;
	padding-bottom: 40px;
}
.site-content-inner{
	width: 934px;
}
.recipe-container{
	background: url(../../images/recipe/index/binder-bg-top.png) no-repeat top;
	/*padding-top: 53px;*/
}
.recipe-content{
	background: url(../../images/recipe/index/binder-bg-bottom.png) no-repeat bottom;
	/*padding-bottom: 86px;*/
	padding-bottom: 10px;
}
.recipe-inner {
	background: url(../../images/recipe/index/binder-bg-middle.png) no-repeat;
	padding-left: 70px;
	padding-bottom: 40px;
}

/*---------- tab ----------*/
.tab{
	padding: 1px 0 0 55px;
	margin-bottom: 17px;
}
.tab li{
	float: left;
	margin-right: 5px;
}
.tab li.last{
	margin-right: 0;
}
.tab li a{
	width: 8em;
	display: block;
	color: #FFFFFF;
	padding: 0.5em 0;
	text-align: center;
	background: #f6bb55;
	border-radius: 5px 5px 0 0;
}
.tab li.active a{
	background: #ff8400;
}
/*.tab-content{
	border: 1px solid #CCC;
	border-top: 0;
	padding: 20px;
}*/
/*.tab-content .heading-b{
	position: relative;
	margin: -20px -20px 0;
}*/

/*---------- index ----------*/

.lead{
	padding-top: 0.5em;
	margin-bottom: 16px;
	*margin-bottom: 0;
}
.recipe-list{
	*padding-top: 20px;
}
.recipe-list li{
	float: left;
	margin: 0 20px 15px 0;
}
.recipe-list li dl{
	width: 380px;
	padding: 10px 10px 30px 10px;
	background: #fff;
	position: relative;
}
.recipe-list li dl dt{
	float: left;
	margin-right: 10px;
}
.recipe-list li dl .sub-title{
	color: #486a00;
	padding-top: 4px;
}
.recipe-list li dl .title{
	font-weight: bold;
	margin-bottom: 6px;
}
.recipe-list li dl .description{
	font-size: 86%;
	overflow: hidden;
}
.recipe-list li dl .more{
	font-size: 86%;
	color: #482d0a;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.recipe-list li dl .more a{
	background: url(../../images/recipe/index/recipeArrow.gif) no-repeat 100% 50%;
	color: #482d0a;
	padding-right: 20px;
}



/*---------- recipe lower ----------*/

.pb50 { padding-bottom: 50px !important; }

.recipe-content-lower{
	background: url(../../images/recipe/category/binder-bg-bottom-lower.png) no-repeat bottom;
	/*padding-bottom: 86px;*/
	/*padding-bottom: 53px;*/
	*padding-bottom: 20px;
	position: relative;
}
.back{
	position: absolute;
	right: 20px;
	bottom: -10px;
}

.column-left {
	float: left;
	width: 220px;
	padding: 10px;
	background: #fff;
	box-shadow: 2px 2px 2px #DDD;
	font-size: 93%;
	margin-right: 40px;
}
.column-left .size img{
	float: left;
	margin-right: 8px;
}
.column-left .size span{
	padding-top: 0.4em;
	display: block;
}
.column-right{
	float: left;
	width: 520px;
}
.column-right h1{
	/*min-width: 520px;*/
	padding: 0.1em 2em;
	margin-bottom: 12px;
	background: url(../../images/recipe/category/bg-title-1.gif) no-repeat;
}
.column-right h1 .sub-title{
	color: #486a00;
	font-weight: bold;
	font-size: 121%;
}
.column-right h1 .title{
	color: #3c3330;
	font-weight: bold;
	font-size: 200%;
}
.column-right ol li{
	width: 486px;
	background: url(../../images/recipe/category/bg-line.gif) no-repeat top;
	padding: 14px 6px;
}
.column-right ol li.last dl{
	background: url(../../images/recipe/category/bg-line.gif) no-repeat bottom;
	padding-bottom: 14px;
}
.process li dl dt{
	float: left;
	color: #fff;
	font-weight: bold;
	padding: 0.2em 0.8em 0.2em 0.8em;
	background: url(../../images/recipe/category/bg-number.gif) no-repeat;
}
.process li dl dd{
	margin-left: 3.3em;
}

.tips{
	background: url(../../images/recipe/category/bg-title-2.gif) no-repeat top;
	padding: 27px 11px 0 6px;
	color: #fff;
}
.tips .tips-inner{
	background: #96b30e;
	padding: 0 16px 14px 16px;
}
.tips .tips-inner h4{
	font-weight: bold;
	margin-bottom: 6px;
}
.tips .tips-inner p{
	font-size: 86%;
}
/*ul.plain li { *width:100%; *vertical-align:top; *zoom: 1; *display:inline-block; }*/
/*ul.plain li dl.plain { *width:100%; *vertical-align:top; *zoom: 1; *display:inline-block; }*/
/*ul.plain li { background: url(../../images/recipe/category/icon-list-plain.gif) no-repeat 0% 45% !important; padding-left: 1.2em; }*/

ul.plain { list-style-type:none !important; padding: 0; margin-left: 0; }
ul.plain li { background: url(../../images/recipe/category/icon-list-plain.gif) no-repeat 0% 6px !important; padding-left: 1.2em; }
ul.plain li dl.plain { margin: 0; padding: 0; }
ul.plain li dl.plain dt { float: left; font-weight: normal; }
ul.plain li dl.plain dd { margin-left: 1.5em; }
ul.plain li dl.plain-l dd { margin-left: 2.5em; }