#main{
	width:100%;
	background-image:url(../images/tops_bg.png);
	height:930px;
	position:relative;
	background-position: center;
	overflow: hidden;
}
#main #bg_top{
	background-image:url(../images/top_repeat.png);
	height:116px;
	width:100%;
	position:absolute;
	background-repeat: repeat-x;
	top:0;left:0;
	background-position: center;
}
#main #bg_bottom{
	background-image:url(../images/bottom_repeat.png);
	height:116px;
	width:100%;
	position:absolute;
	background-repeat: repeat-x;
	left:0;
	bottom:0;
	background-position: center;
}
#main #mainimg{
	background-image:url(../images/mainimg.png);
	width:100%;
	height:824px;
	background-repeat: no-repeat;
	position:absolute;
	background-position: center;
	top:80px;
}
#main #flag{
	background-image:url(../images/flag.png);
	height:105px;
	width:100%;
	background-position: center;
	background-repeat: repeat-x;
	position:absolute;
	top:116px;
}
#main .inner{
	position:relative;
	width:980px;
	padding:0 10px;
	margin:0 auto;
	height:930px;
}
#main .inner h1{
	background-image:url(../images/h1.png);
	width:100%;
	height:255px;
	background-position: center;
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	top:5px;
}
#main #social{
	position:absolute;
	right:0px;
	top:20px;
}
#main #social li{
	display:inline-block;
	height:20px;
	overflow:hidden;
}

#main #btn_manual{
	background-image:url(../images/btn_manual.png);
	width:162px;
	height:56px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	position:absolute;
	right:10px;
	bottom:20px;
}
#main #btn_manual:hover{
	background-position:0 -56px;
}
#middles{
	background-image:url(../images/bg.png);
	background-position: center;
	width:100%;
}
#middles .inner{
	width:1000px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
#middles .inner #movie{
	position:relative;
	margin-top:8px;
}
#middles .inner #movie img.cs,#middles .inner #movie iframe{
	position:absolute;
	left:107px;
	top:255px;
}
#middles .inner #howto{
	text-align: center;
	margin-top:30px;
}
#middles .inner #howto h2{
	background-image:url(../images/m_howto.png);
	width:860px;
	height:146px;
	text-indent:-999px;
	overflow:hidden;
	margin:0 auto;
	background-repeat: no-repeat;
}
#middles .inner #howto ul{
	margin-top:-30px;
}
#middles .inner #howto ul li{
	float:left;
	margin-bottom:20px;
}
#middles .inner #howto ul li:nth-child(odd){
	margin-right:10px;
}
#middles .inner #howto ul li:nth-child(even){
	margin-left:10px;
}
#middles .inner #recipe{
	text-align: center;
	margin-top:30px;
}
#middles .inner #recipe h2{
	background-image:url(../images/m_recipe.png);
	width:860px;
	height:145px;
	text-indent:-999px;
	overflow:hidden;
	margin:0 auto;
	background-repeat: no-repeat;
}
#middles .inner #recipe img#example{
	margin-top:-50px;
}
#middles .inner #recipe img#pino{
	margin-top:15px;
}
#middles .inner #item{
	margin-top:30px;
	position:relative;
}
#middles .inner #item #spec{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background-color:#FFF;
	position:absolute;
	top:50px;
	right:50px;
	width:340px;
	display:block;
	padding:17px 30px 15px 30px;
}
#middles .inner #item #spec #price{
	font-size:14px;
	color:#65471d;
	font-weight: bold;
	line-height:1.4em;
}

#middles .inner #item #spec #size{
	font-size:12px;
	margin-top:10px;
	line-height:1.5em;
}
#middles .inner #item a{
	background-image:url(../images/btn_t2mall.png);
	width:221px;
	height:91px;
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	right:50px;
	bottom:50px;
}
#middles .inner #item a:hover{
	background-position: 0 -91px;
}
#recomend{
	margin:30px auto;
}
#footer{
	background-color:#97bb19;
	width:100%;
}
#footer .inner{
	width:980px;
	padding:0 10px;
	margin:0 auto;
}