*{
	margin: 0;
	padding: 0;
}

html{ 
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
}


#PAGEITEM{
	width: 65px;
	height: 335px;
	position:fixed;
	z-index: 888;
	background: url(../images/control_bar_03.png) no-repeat;
	right: 20px;
	top: 131px;
	}
#PAGEITEM ul {
	padding:6px 10px;
	}
#PAGEITEM li{
	padding-top:6px;
	}
#PAGEITEM img:hover{
	box-shadow:1px 1px 1px #F00;
	border-radius:100px;
	}

.section {
	overflow: hidden;
	width: 100%;
	position:relative;
	height:auto;
	display:block;
}

.section-container {
	max-width: 1600px;
	width: 90%;
	padding: 0px 5%;
	margin: auto;
	position:relative;
}

#SECTION1{
	width:100%;
	min-width:1600px;
	margin:0 auto;
	height:996px;
	background:url(../images/bg001_01.jpg)  no-repeat;
	background-position:center;
	background-size:cover;
	}
	

#SECTION2{
	width:100%;
	min-width:1600px;
	margin:0 auto;
	height:996px;
	background:url(../images/bg002_02.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	}
	
#SECTION3{
	width:100%;
	min-width:1600px;
	margin:0 auto;
	height:996px;
	background:url(../images/bg003_04.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	}
	
#SECTION4{
	width:100%;
	min-width:1600px;
	margin:0 auto;
	height:996px;
	background:url(../images/bg004_04.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	}
	
.item_HAND{
	display:block;
	position:absolute;
	left:100;
	top:30;
	}
	
#SECTION1 .SAUSE {
	position:absolute;
	top: -80px;
	left:200px;
}

#SECTION1 .FOOD001{
	position: absolute;
	top: 117px;
	left: 45px;
	}
	
	
#SECTION1 #NEWS_BOX{
	position: absolute;
	width: 626px;
	height: 300px;
	overflow:hidden;
	z-index: 100;
	left: 253px;
	top: 579px;
	}
	
#SECTION1 #SILDER_BANNER{
	position: absolute;
	left:1500px;
	top: 288px;
	
	}
	
#SECTION2 .item{
	position: absolute;
	left: -500px;
	top: 150px;
	
	}
#SECTION2 .VIDEO1{
	position: absolute;
	left: 429px;
	top: 700px;
	width: 455px;
	height: 344px;
	background: #222;
	border-radius:10px;
	overflow:hidden;
	}
#SECTION2 .VIDEO1 iframe{padding:5px;}
	
#SECTION2 .MSG{
	position: absolute;
	left: 1500px;
	top: 533px;
	}

#SECTION2 #NEWS_BOX2{
	position: absolute;
	width: 626px;
	height: 300px;
	z-index: 100;
	left: 253px;
	top: 579px;
	
	}

#SECTION3 .IDX_BTN01{
	position: absolute;
	left: 193px;
	top: 146px;
	background: #FFF;
	border-radius: 200px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	}
	
#SECTION3 .IDX_BTN01　h1{
	position: absolute;
	display:block;
	}
#SECTION3 .IDX_BTN01:hover{
	margin:50px auto 0;
	
	}

#SECTION3 .IDX_BTN02{
	position: absolute;
	left: 513px;
	top: 146px;
	background: #FFF;
	border-radius: 200px;
	}
#SECTION3 .IDX_BTN03{
	position: absolute;
	left: 820px;
	top: 146px;
	background: #FFF;
	border-radius: 200px;
	}
#SECTION3 .IDX_BTN04{
	position: absolute;
	left: 194px;
	top: 417px;
	background: #FFF;
	border-radius: 200px;
	}
#SECTION3 .IDX_BTN05{
	position: absolute;
	left: 194px;
	top: 688px;
	background: #FFF;
	border-radius: 200px;
	}
#SECTION3 .IDX_BTN06{
	position: absolute;
	left: 512px;
	top: 688px;
	background: #FFF;
	border-radius: 200px;
	}
#SECTION3 .IDX_BTN07{
	position: absolute;
	left: 811px;
	top: 688px;
	background: #FFF;
	border-radius: 200px;
	}
#SECTION3 .BLOCK3_TITLE{
	position: absolute;
	left: 542px;
	top: 418px;
	}

#SECTION3 .MENU_BOX{
	background:#ffeee0;
	}
#SECTION3 .MENU_BOX:hover{
	background-color:rgba(0,0,0,.3);
	box-shadow:2px 2px 2px  rgba(0,0,0,.1), inset 0 0 3px #FFF;
	}
.list {
	width:1150px;
	overflow:hidden;
	margin:auto;
	margin-top:150px;
	position:absolute;
	}

.list li{
	display:block;
	position:relative;
	float:left;
	margin:20px 50px;
	width:200px;
	height:200px;
	overflow:hidden;
	
	border-radius:100px;
	border:1px solid rgba(204,204,204,0);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;}
.list li h6{
	position:absolute;
	top:-50px;
	font-size:15px;
	color:#fff;
	text-align:center;
	width:192px;
	height:30px;
	line-height:30px;
	padding:5px;
	text-shadow:0 -1px 0 #000;
	box-shadow:0 2px 2px #666;
	border-radius:10px 10px 0 0;
	background-color:rgba(250,0,0,.5);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;}
.list li p{
	position:absolute;
	width:100px;
	height:150px;
	font-size:14px;
	color:#FFF;
	top:40px;
	right:-140px;
	padding:10px;
	overflow:hidden;
	border-radius:6px;
	text-shadow:1px -1px 0 #333;
	-webkit-transition:all .75s;
	-moz-transition:all .75s;
	background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
	background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
	background-image:linear-gradient(-45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
}
.list li p a{
	color:#FFC;
	text-decoration:none;}
.list li p a:hover{
	color:#FF9;}
.list li img{
	display:block;
	position:absolute;
	z-index:10;
	width:200px;
	height:auto;
	-webkit-transition:all .75s;
	-moz-transition:all .75s;}

.list li:hover,
.list li:focus{
	background-color:rgba(0,0,0,.3);
	box-shadow:2px 2px 2px  rgba(0,0,0,.1), inset 0 0 3px #FFF;}	
.list li:hover h6,
.list li:focus h6{
	top:0px;}
.list li:hover img,
.list li:focus img
{
	top:60px;
	left:5px;
	width:80px;}
.list li:hover p,
.list li:focus p{
	top:50px;
	right:2px;}


#SECTION4 .BLOCK4_TITLE{
	position: absolute;
	left: 258px;
	top: 129px;
	
	
	}
	
#SECTION4 .FOOD01{
	display: block;
	position: absolute;
	width: 600px;
	height: 232px;
	background: url(../images/foodimg03.png) no-repeat left center;
	left: -256px;
	top: 333px;
	}
#SECTION4 .FOOD02{
	display: block;
	position: absolute;
	width: 600px;
	height: 232px;
	background: url(../images/foodimg02.png) no-repeat left center;
	left: 1800px;
	top: 370px;
	}
#SECTION4 .FOOD03{
	display: block;
	position: absolute;
	width: 600px;
	height: 232px;
	background: url(../images/foodimg01.png) no-repeat left center;
	left: 1800px;
	top: 653px;
	}

#SECTION4 .TXT_BLOCK{
	float:right;
	width:350px;
	height:180px;
	margin:2%;
	font-size:14px;
	color:#333;
	line-height:1.6;
	background:RGBA(255,255,255,0.6);
	letter-spacing:0px;
	}
#SECTION4 .TXT_BLOCK ul{
	padding-left:12px;
	}
.BLOD_WORD{
	font-weight:bold;
	}
	
.RECIPES_BTN{
	float:right;
	padding-right:1em;
	}