/*--------------copyright by alva start-------------------------------*/

* {
    padding: 0px;
    margin: 0px;
}

ul {
    margin-bottom: 0px;
	list-style:none;
}

body {
    font-family: Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
    position: relative;
    font-size: 16px;
	line-height:30px;
	letter-spacing:1px;
}

a {
    display: block;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}

/*----header area-------------------------------------------------------------------------------------------------------------------*/
/*dex area*/
.bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index:-100;
  width:100%;
  height:1079px;
  -webkit-transition: opacity 2s linear;
  -moz-transition: opacity 2s linear;
  -o-transition: opacity 2s linear;
  transition: opacity 2s linear;
  opacity:0;
}

#bg1 {
  background:url(../../flash/dex1.jpg) top center no-repeat;
  width: 100%;
  height: 100%;
}

#bg2 {
  background:url(../../flash/dex2.jpg) top center no-repeat;
  width: 100%;
  height: 100%;
}

#bg3 {
  background:url(../../flash/dex3.jpg) top center no-repeat;
  width: 100%;
  height: 100%;
}

#bg4 {
  background:url(../../flash/dex4.jpg) top center no-repeat;
  width: 100%;
  height: 100%;
}

.fadein {
  opacity: 100;
  filter: alpha(opacity=100);
}	

.blueberry {
	position:fixed;
	top:0px;
	z-index:-100 !important;
}
.blueberry .pager {
	display:none;
}
.blueberry .slides li img {
	width:auto;
}
@media(max-width:400px) {
	.blueberry {
		position:absolute;
		top:0;
		left:0;
	}
}

/*************************
*********services_loc*****
**************************/
#map_canvas {
	min-height: 560px;
	margin-top: 30px;
}

@media(max-width:768px) {
	#map_canvas {
		min-height: 420px;
	}
}

#gotop {
	position:fixed;
	right:5px;
	bottom:15px;
	cursor:pointer;
	z-index:99;
	display:none;
	transform:scale(1);
	transition:.2s linear;
	width:5%;
}
	#gotop img {
		width:100%;
	}
	#gotop:hover {
		transform:scale(0.9);
		opacity:0.8;
	}
@media screen and (max-width: 1200px) {
	#gotop {
		width:9%;
	}
}
@media screen and (max-width: 700px) {
	#gotop {
		width:12%;
	}
}
@media screen and (max-width: 500px) {
	#gotop {
		width:15%;
	}
}
@media screen and (max-width: 400px) {
	#gotop {
		width:18%;
	}
}


/*************************
********services_sce******
**************************/
#services_sce {
	padding-top: 30px;
	padding-bottom: 60px;
}

.scebtn {
	text-align: center;
	margin-bottom: 30px;
}

.scebtn h2 {
	display: inline-block;
    margin:5px;
    color: #fff;
    padding: 25px 5px;
    font-size: 16px;
    border-radius: 100%;
    min-width: 82px;
    border: 3px solid #fff;
    cursor: pointer;
	line-height:24px;
}

.scebtn h2.scebtn1 {
	background: #d85a51;
}

.scebtn h2.scebtn2 {
	background: #80a076;
}

.scebtn h2.scebtn3 {
	background: #89b5cb;
}

.scebtn h2.scebtn4 {
	background: #8dcfca;
}

.scebtn h2.scebtn5 {
	background: #b7ad6f;
}

.scebtn h2.scebtn6 {
	background: #8b8583;
}

.scebtn h2:hover.scebtn1,
.scebtn h2:hover.scebtn2,
.scebtn h2:hover.scebtn3,
.scebtn h2:hover.scebtn4,
.scebtn h2:hover.scebtn5,
.scebtn h2:hover.scebtn6 {
	background: #fff;
	border: #7e6b5a 3px solid;
	color: #656565;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media (max-width:650px) {
	.scebtn {
		padding: 0 120px;
	}
}

@media (max-width:600px) {
	.scebtn {
		padding: 0 100px;
	}
}

@media (max-width:550px) {
	.scebtn {
		padding: 0 60px;
	}
}

@media (max-width:480px) {
	.scebtn {
		padding: 0 25px;
	}
}

@media (max-width:400px) {
	.scebtn {
		padding: 0 5px;
	}
	.scebtn {
		margin-bottom: 10px;
	}
}

@media (max-width:350px) {
	.scebtn {
		padding: 0 0px;
	}
}
/***********/

.scebox {
	border: #c3c3c3 1px solid;
	border-radius: 5px;
	box-shadow: -1px 1px 6px 0.5px rgba(138, 138, 138, 0.75);
	padding: 0 10px 10px 10px;
}

.mount .sceimg {
	background-color: #80a076;
}

.sea .sceimg {
	background-color: #89b5cb;
}

.farm .sceimg {
	background-color: #8dcfca;
}

.city .sceimg {
	background-color: #b7ad6f;
}

.hot .sceimg {
	background-color: #d85a51;
}

.scebox:hover {
	cursor: pointer;
}

.scebox:hover .sceimg img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	transform: scale(0.95);
	overflow: hidden;
}

.scebox_hot {
	padding: 0 80px;
}

.scebox_hot .scebox {
	display: inline-block;
	float: left;
	width: 23%;
	margin: 0 10px;
}

.scetag {
	float: right;
	color: #fff;
	padding: 4px 20px;
	margin-left: 5px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.scetag1 {
	background: #d85a51;
}

.scetag2 {
	background: #80a076;
}

.scetag3 {
	background: #89b5cb;
}

.scetag4 {
	background: #8dcfca;
}

.scetag5 {
	background: #b7ad6f;
}

.scet h3 {
	clear: both;
	color: #3d3d3d;
	font-size: 23px;
	letter-spacing: 1px;
	margin-top: 20px;
    display: inline-block;
}

.sceimg img {
	margin: 0 auto;
}

.scep p {
	color: #616161;
}

@media(max-width:1700px) {
	.scebox_hot {
		padding: 0 10px;
	}
}

@media(max-width:1400px) {
	.scebox_hot .scebox {
		width: 24%;
		margin: 0 5px;
	}
}

@media(max-width:1199px) {
	.scebox_hot .scebox {
		width: 48%;
		margin: 5px;
	}
	.scebox_hot .scebox:nth-child(3) {
		clear: both;
	}
}

@media(max-width:700px) {
	.scebox_hot .scebox {
		width: 100%;
		margin: 5px 0px;
	}
	.scet h3 {
		font-size: 22px;
	}
	.scep p {
		line-height: 24px;
	}
}

@media(max-width:550px) {
	.city .sceimg,
	.farm .sceimg,
	.hot .sceimg,
	.mount .sceimg,
	.sea .sceimg {
		background-color: #fff;
	}
}

@media(max-width:500px) {
	.scet h3 {
		letter-spacing: 0px;
	}
}

@media(max-width:450px) {
	.mount .sceimg {
		background-color: #80a076;
	}
	.sea .sceimg {
		background-color: #89b5cb;
	}
	.farm .sceimg {
		background-color: #8dcfca;
	}
	.city .sceimg {
		background-color: #b7ad6f;
	}
	.hot .sceimg {
		background-color: #d85a51;
	}
}

@media(max-width:350px) {
	.scet h3 {
		font-size: 20px;
	}
}


/*************/

.scebox_content {
	padding: 0 100px;
	margin-top: 30px;
}

.scebox_content .scebox {
	display: inline-block;
	float: left;
	width: 100%;
	margin: 5px;
}

@media (max-width: 1800px) {
	.scebox_content {
		padding: 0px;
	}
}

@media screen and (max-width:1700px) {
	.scebox_content {
		padding: 0 0px;
		margin-top: 30px;
	}
}


/*********************** 20170328  以上 優質a****************/

.scecontainer {
	display: block;
	margin: auto;
	width: 100%;
}

.scecontainer .item {
	margin: 0.5%;
	float: left;
	background: #ffffff;
	display: block;
	width: 16.3%;
}

@media screen and (max-width: 1800px) {
	.scecontainer {
		width: 96%;
	}
	.scecontainer .item {
		width: 19%;
	}
}

@media screen and (max-width: 1400px) {
	.scecontainer .item {
		width: 24%;
	}
}

@media screen and (max-width: 991px) {
	.scecontainer .item {
		width: 32%;
	}
}

@media screen and (max-width:767px) {
	.scecontainer .item {
		width: 49%;
	}
}

@media screen and (max-width:550px) {
	.scecontainer .item {
		width: 99%;
		margin-bottom: 10px;
	}
}

/*---dex_block------------------------------------------------------------------------------------------------------------------------------------------*/
.dex_block {
	min-height:700px;
}
	@media screen and (max-width:500px) {
		.dex_block {
			min-height:600px;
		}
	}
/*---about_1-----------------------------------------------------------------------------------------------------------------------------------*/
.about_1 {
	background:url(../../images/about_bg.png) top no-repeat;
	background-size:cover;
}
	/*navbar*/
	.navbar_area {
		text-align:center;
		padding:2% 0 3% 0;
	}
	/*moblogo*/
	.moblogo {
		display:none;
	}
		/*navbar*/
		.navbar {
			border-radius:0;
			min-height:inherit;
			margin:0;
			border:none;
		}
			.nav {
				display:inline-block;
				vertical-align:top;
				padding: 9% 10px 10px 10px;
			}
				.nav:nth-of-type(3),.nav:nth-of-type(7) {
					padding-top:10%;
				}
				.nav:nth-of-type(4),.nav:nth-of-type(6) {
					padding-top:11%;
				}
				.nav a {
					transition:.3s ease-out;
				}
					.nav a img {
						transition:.3s ease-out;
					}
					.nav a:hover img {
						opacity:.5;
					}
			/*moblogo*/
			.moblogo {
				display:none;
			}
			/*ilogo*/
			.ilogo {
				padding:1%;
			}
			/*nav_order*/
			.nav_order {
				display:none;
			}
		/*---mobile ibutton----------------------------------------------------*/
		.mibutton {
			position: fixed;
			top:1px;
			right: 0px;
			width: 50px;
			height: 40px;
			padding: 0 10px;
			border-radius: 7px;
			font-size: 12px;
			z-index: 10;
			cursor:pointer;
			display:none;
			border-radius:2px 0px 2px 2px;
		}
			.mibutton span {
				display: inline-block;
				width: 29px;
				height: 2px;
				background: #eeb92a;
				transition: .3s ease all;
				position: absolute;
				left:8px;
			}
				.mibutton span:nth-child(1) {
					top:10px;
				}
				.mibutton span:nth-child(2) {
					top:19px;
				}
				.mibutton span:nth-child(3) {
					top:29px;
				
				}
			.mibutton_ani span {
				background:#fff;
			}
				.mibutton_ani span:nth-child(1) {
					-webkit-transform:rotate(45deg);
							transform:rotate(45deg);
					-webkit-transform-origin:left top;
							transform-origin:left top;
				}
				.mibutton_ani span:nth-child(2) {
					display: none;
				}
				.mibutton_ani span:nth-child(3) {
					-webkit-transform:rotate(-45deg);
							transform:rotate(-45deg);
					-webkit-transform-origin:left bottom;
							transform-origin:left bottom;
				}
				
/*---fix樣式 start------------*/
#fixhead {
	z-index: 999; 
	position: fixed; 
	top: 0;
	left:0px;
	width: 100%;
	opacity:0;
	transition:.5s ease-in;
	display:none;
}
.menufixed#fixhead {
	opacity:1;
	display:block;
}
#fixhead.navbarbg {
	background:url(../../images/navbar_bg.png) top center no-repeat;
	background-size:cover;
}
	#fixhead .nav {
		padding:8px 10px;
	}
/*---fix樣式 end---------------*/
/*intop*/
.intop#fixhead {
	opacity:1;
	display:block;
}

/*---inavbar---*/
.inavbar {
	padding: 2% 0 3% 0;
}
	.inavbar .ilogo {
		width:13%;
		position:relative;
	}
	.inavbar .ilogo img {
		width:100%;
		opacity:1;
	}
		.inavbar .ilogo:hover img {
			animation:imgflash 1.5s;
		}
		@keyframes imgflash {
			0% {
				opacity:.6;
			}
			100% {
				opacity:1;
			}
		}
	#title {
		color:#000;
	}
	/*inews*/
	.inews {
		background:rgba(0,0,0,.3);
		text-align:center;
		padding:1% 5% 5%;
		width:70%;
		border-radius:5px;
		margin:0 auto;
	}
		.ihot_tit {
			padding:0 0 2% 0;
			text-align:center;
		}
		.inews table {
			color:#fff;
		}
			.inews table a {
				color:#fff;
				letter-spacing:1px;
				line-height:30px;
			}
			.inews table td {
				vertical-align:top;
			}
	/*about*/
	.about {
		text-align:center;
		width:72%;
		margin:0 auto;
		padding:3% 0 3% 0;
	}
		.about_text {
			display:inline-block;
			vertical-align:top;
			width:35%;
			text-align:left;
			padding:7% 0 0 0;
		}
			.about_text span {
				display:block;
				color:#99835c;
				text-align:left;
				font-size:15px;
				line-height:30px;
				letter-spacing:1px;
				padding:3% 0;
			}
		.about_img {
			display:inline-block;
			vertical-align:top;
			width:62%;
		}
			.about_img img {
				width:100%;
			}
			@media screen and (max-width:1600px) {
				.inews,.about {
					width:80%;
				}
				.about_text {
					padding:4% 0 0 0;
				}
				.about_text img {
					width:100%;
				}
				.about_img {
					padding:0 1%;
				}
				.ilogo {
					width:20%;
				}
					.ilogo img {
						width:100%;
					}
			}
			@media screen and (max-width:1200px) {
				.navbar_area {
					display:none;
				}
				.inavbar#fixhead {
					display:block;
					position:fixed;
					top:0;
					left:0;
					width:100%;
					opacity:1;
				}
				.about_1 {
					padding: 15% 0 2% 0;
					background: url(../../images/about_bgm.png) top no-repeat;
					background-size: cover;
				}
				.inews,.about {
					width:90%;
				}
				.about_text {
					padding:2% 0 0 0;
				}
				.inews {
					padding:3% 5% 5%;
				}
				.blueberry .slides li img {
					width:100%;
				}
				.dex_block {
					min-height: 550px;
				}
				.blueberry {
					padding-top:7%;
				}
			}
			@media screen and (max-width:1130px) {
				.dex_block {
					min-height: 480px;
				}
				.blueberry {
					padding-top:8%;
				}
			}
			@media screen and (max-width:1025px) {
				.blueberry {
					padding-top:9%;
				}
			}
			@media screen and (max-width:1060px) {
				#fixhead .nav {
					width:13%;
					padding: 8px 4px;
				}
				#fixhead .nav img {
					width:100%;
				}
			}
			@media screen and (max-width:940px) {
				.blueberry {
					padding-top:9%;
				}
			}
			@media screen and (max-width:900px) {
				.about_1 {
					padding: 22% 0 2% 0;
				}
				.about_text {
					display: block;
					width: 100%;
				}
				.about_text img {
					width: 70%;
				}
				.about_img {
					display:block;
					width:100%;
				}
				.mibutton {
					display:block;
				}
				#fixhead.navbarbg {
					background:none;
				}
				.inavbar {
					padding: 0% 0 0% 0;
				}
				.inavbar .ilogo {
					display:none;
				}
				.moblogo {
					display:block;
					text-align:center;
					background: url(../../images/navbar_bg.png) top center no-repeat;
					background-size: cover;
					padding:2% 0;
				}
					.moblogo img {
						width:23%;
					}
				.navbar {
					display:none;
					background:url(../../images/about_bg_02.png) repeat-y;
					position: fixed;
					left: 0;
					top: 11%;
					width: 100%;
					padding: 10% 0 3% 0;
					z-index: -1;
					box-shadow: 0px 1px 12px rgba(0,0,0,.6);
				}
					#fixhead .nav {
						width:15%;
						display:block;
						margin:0 auto;
					}
					.nav_order {
						display:block;
					}
					#fixhead .ilogo {
						display:none;
					}
				.blueberry {
					padding-top:12%;
				}
			}
			@media screen and (max-width:880px) {
				.dex_block {
					min-height: 450px;
				}
			}
			@media screen and (max-width:820px) {
				.dex_block {
					min-height: 400px;
				}
			}
			@media screen and (max-width:830px) {
				.navbar {
					top: 5%;
					padding: 15% 0 3% 0;
				}
			}
			@media screen and (max-width:760px) {
				.dex_block {
					min-height: 370px;
				}
			}
			@media screen and (max-width:720px) {
				.dex_block {
					min-height: 340px;
				}
			}
			@media screen and (max-width:650px) {
				.dex_block {
					min-height: 310px;
				}
			}
			@media screen and (max-width:550px) {
				.dex_block {
					min-height: 255px;
				}
			}
			@media screen and (max-width:590px) {
				.blueberry {
					padding-top:15%;
				}
				.dex_block {
					min-height: 280px;
				}
			}
			@media screen and (max-width:600px) {
				.about_1 {
					padding: 26% 0 2% 0;
				}
				.ihot_tit {
					padding: 0 0 5% 0;
				}
				.moblogo {
					padding:3% 0;
				}
				.moblogo img {
					width:28%;
				}
				#fixhead .nav {
					display:block;
					width:25%;
					margin:0 auto;
					padding:2%;
				}
				#fixhead .nav.ilogo {
					display:none;
				}
				.navbar {
					top: 3%;
					padding: 22% 0 4% 0;
				}
			}
			@media screen and (max-width:500px) {
				#fixhead .nav {
					width:30%;
				}
				.moblogo img {
					width: 32%;
				}
			}
			@media screen and (max-width:490px) {
				.dex_block {
					min-height: 225px;
				}
			}
			@media screen and (max-width:450px) {
				.dex_block {
					min-height: 200px;
				}
			}
			@media screen and (max-width:420px) {
				.dex_block {
					min-height: 180px;
				}
			}
			@media screen and (max-width:430px) {
				.about_1 {
					padding: 34% 0 2% 0;
				}
				.about_text img {
					width: 90%;
				}
				#fixhead .nav {
					width:33%;
				}
				.moblogo img {
					width: 35%;
				}
			}
			@media screen and (max-width:375px) {
				.dex_block {
					min-height: 165px;
				}
			}
			@media screen and (max-width:380px) {
				.blueberry {
					padding-top: 19%;
				}
			}
			@media screen and (max-width:390px) {
				.about_1 {
					padding: 38% 0 2% 0;
				}
				#fixhead .nav {
					width:35%;
				}
				.moblogo img {
					width: 37%;
				}
			}
			@media screen and (max-width:350px) {
				.dex_block {
					min-height: 140px;
				}
			}
/*---about_2-----------------------------------------------------------------------------------------------------------------------------------*/
.aboutm {
	z-index:5;
}
.about_2 {
	background:url(../../images/about_2_bg.png) top left no-repeat;
	background-size:cover;
	text-align:right;
	padding: 2% 8% 7% 0;
	position:relative;
	z-index:2;
}
	.about_2_text {
		display:inline-block;
		vertical-align:top;
		width:50%;
	}
		.a2_title {
			padding:1% 0 2%;
		}
		.about_2_img {
		}
			.about_2_img img {
				vertical-align:top;
			}
			.about_2_img span {
				color:#645c38;
				font-size:15px;
				line-height:30px;
				text-align:left;
				border-top:solid 2px #5b5228;
				padding:2% 0 0 2%;
				display:inline-block;
				width:35%;
				margin: 5% 0 0 2%;
				vertical-align:top;
			}
			@media screen and (max-width:1685px) {
				.about_2 {
					padding: 2% 5% 7% 0;
				}
				.about_2_img img {
					width: 62%;
				}
			}
			@media screen and (max-width:1300px) {
				.a2_title {
					width:100%;
				}
			}
			@media screen and (max-width:1155px) {
				.about_2 {
					padding: 2% 3% 7% 0;
					background-position-x: 44%;
				}
				.about_2_text {
					width:57%;
				}
			}
			@media screen and (max-width:1000px) {
				.about_2 {
					background-position-x: 27%;
				}
				.about_2_text {
					width: 50%;
				}
				.about_2_img span {
					display: block;
					width: 100%;
					margin: 5% 0 0 0;
					padding:2% 0;
					font-weight:bold;
				}
				.about_2_img img {
					width:100%;
				}
			}
			@media screen and (max-width:600px) {
				.about_2 {
					background-position-x: 88%;
					padding: 5% 6% 23%;
				}
				.about_2_text {
					width: 100%;
				}
			}
			@media screen and (max-width:400px) {
				.about_2 {
					padding: 5% 6% 28%;
				}
			}
/*---about_3------------------------------------------------------------------------------------------------------------------------------*/
.about_3 {
	background:url(../../images/about_3_bg.png) top no-repeat;
	text-align:center;
	margin-top: -13%;
	padding: 16% 0 2% 0;
	position:relative;
	background-size:cover;
}
	.about_3_img01 {
		display:inline-block;
		vertical-align:top;
		width:15%;
	}
	.about_3_img02 {
		display:inline-block;
		vertical-align:top;
		width:23%;
		position: relative;
		margin-right: -4%;
		z-index: 2;
	}
	.about_3_img03 {
		display:inline-block;
		vertical-align:top;
		width:25%;
	}
	@media screen and (max-width:1200px) {
		.about_3 {
			padding: 16% 0 3% 0;
		}
		.about_3_img01 {
			width: 17%;
			margin: 0 1% 0 0;
		}
		.about_3_img02 {
			width: 28%;
			margin-right: -3%;
		}
		.about_3_img03 {
			width:30%;
		}
	}
	@media screen and (max-width:900px) {
		.about_3_img01 {
			width: 22%;
			margin: 0 1% 0 0;
		}
		.about_3_img02 {
			width: 34%;
		}
		.about_3_img03 {
			width:39%;
		}
	}
	@media screen and (max-width:600px) {
		.about_3 {
			margin-top: -60%;
			padding: 40% 0 3% 0;
		}
		.about_3_img01 {
			width: 70%;
			display:block;
			margin:0 auto;
			padding:2%;
		}
		.about_3_img02 {
			width: 70%;
			display:block;
			margin:0 auto;
			padding:2%;
		}
		.about_3_img03 {
			width:70%;
			display:block;
			margin:0 auto;
			padding:2%;
		}
	}
	@media screen and (max-width:500px) {
		.about_3_img01 {
			width: 80%;
			display:block;
			margin:0 auto;
			padding:2%;
		}
		.about_3_img02 {
			width: 95%;
			display:block;
			margin:0 auto;
			padding:2%;
		}
		.about_3_img03 {
			width:95%;
			display:block;
			margin:0 auto;
			padding:2%;
		}
	}
/*---about_4-----------------------------------------------------------------------------------------------------------------------------*/
.about_4 {
	text-align:right;
	background:url(../../images/about_4_bg.jpg) bottom center no-repeat fixed;
	min-height:605px;
	background-size:cover;
}
	.about_4 img {
		vertical-align:top;
		padding:5% 15% 0 0;
	}
	@media screen and (max-width:1200px) {
		.about_4 {
			min-height:450px;
		}
	}
	@media screen and (max-width:700px) {
		.about_4 {
			min-height:350px;
			text-align:left;
		}
		.about_4 img {
			padding: 14% 0 0 8%;
		}
	}
	@media screen and (max-width:550px) {
		.about_4 {
			min-height:300px;
			text-align:left;
		}
		.about_4 img {
			padding: 18% 3% 0;
			width:100%;
		}
	}
	@media screen and (max-width:450px) {
		.about_4 {
			min-height:250px;
			text-align:left;
			background:url(../../images/about_4_bg.jpg) bottom center no-repeat;
			background-size:cover;
		}
	}
/*---about_5---------------------------------------------------------------------------------------------------------------------------------*/
.about_5 {
	background:url(../../images/about_5_bg.jpg) top center no-repeat;
	padding: 0 0 40% 0;
    background-size: cover;
	text-align:center;
}
	.a5_top {
		width:70%;
		margin:0 auto;
		padding:2% 0 1%;
	}
		.about_5_img01 {
			display:inline-block;
			vertical-align:top;
			padding: 6% 1% 1% 1%;
			width:45%;
		}
		.about_5_img02 {
			display:inline-block;
			vertical-align:top;
			padding:1%;
			width:45%;
		}
	.food {
		width:70%;
		margin:0 auto;
	}
		.food img {
			display:inline-block;
			vertical-align:top;
			width:45%;
		}
		@media screen and (max-width:1200px) {
			.about_5 {
				padding: 0 0 35% 0;
			}
			.a5_top,.food {
				width:80%;
			}
		}
		@media screen and (max-width:900px) {
			.about_5 {
				padding: 0 0 37% 0;
			}
			.a5_top,.food {
				width:95%;
			}
		}
		@media screen and (max-width:700px) {
			.about_5 {
				padding: 0 0 42% 0;
			}
			.about_5_img01,.about_5_img02,.food img {
				width:49%;
			}
		}
		@media screen and (max-width:600px) {
			.about_5 {
				padding: 0 0 45% 0;
			}
			.about_5_img01,.about_5_img02 {
				width:95%;
			}
			.food img {
				width:100%;
				padding:5% 0 0 0;
			}
		}
/*---footer---------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:url(../../images/footer_bg.png) bottom center no-repeat;
	background-size:cover;
	text-align:center;
	min-height: 525px;
    position: relative;
    margin-top: -9%;
    padding: 9% 2% 2%;
}
	/*f_logo*/
	.f_logo {
		display:inline-block;
		width:18%;
		text-align:center;
		vertical-align:top;
		margin-right:1%;
	}
		.f_logo img {
			width:100%;
		}
	/*f_area*/
	.f_area {
		display:inline-block;
		width:40%;
		vertical-align:top;
		text-align:left;
	}
		/*f_info*/
		.f_info {
		}
			.f_info ul {
			}
				.f_info li {
					color:#ae8c51;
					font-size:15px;
					line-height:24px;
					letter-spacing:1px;
				}
		/*f_social*/
		.f_social {
			padding:2% 0;
		}
			.f_social a {
				display:inline-block;
				vertical-align:top;
				width:20%;
				padding:0 2% 0 0;
			}
		/*f_icon*/
		.f_icon {
		}
			.f_icon ul {
			}
				.f_icon li {
					display:inline-block;
					vertical-align:top;
					width:25%;
					padding:0 2% 0 0;
				}
		/*social_icon*/
		.social_icon {
			padding:1% 0;
		}
			.social_icon span {
				color:#7c5344;
				font-size:15px;
				vertical-align:middle;
			}
			.social_icon a {
				display:inline-block;
				width:7%;
				padding:1%;
			}
		/*copyright*/
		.copyright {
			color:#7c5344;
			font-size:14px;
		}
			.copyright a {
				color:#7c5344;
				font-size:14px;
				transition:.3s ease-out;
				display:inline-block;
			}
				.copyright a:hover {
					color:#ea7c51;
				}
				.f_social img:hover,.social_icon img:hover {
					animation:imgflash 1.5s;
					opacity:1;
				}
				@keyframes imgflash {
					0% {
						opacity:.5;
					}
					100% {
						opacity:1;
					}
				}
				@media screen and (max-width:1580px) {
					.footer {
						padding: 12% 2% 2%;
					}
					.f_social a {
						width:24%;
					}
					.f_social img {
						width:100%;
					}
					.f_icon li {
						width:26%;
					}
					.f_icon img {
						width:100%;
					}
					.social_icon a {
						width:9%;
					}
					.social_icon img {
						width:100%;
					}
					.f_logo {
						width:23%;
					}
					.f_area {
						width:45%;
					}
				}
				@media screen and (max-width:1400px) {
					.footer {
						padding: 12% 2% 2%;
					}
					.f_area {
						width:45%;
					}
				}
				@media screen and (max-width:1140px) {
					.footer {
						padding: 14% 2% 2%;
						margin-top: -13%;
					}
					.f_logo {
						width:30%;
					}
					.f_area {
						width:45%;
					}
				}
				@media screen and (max-width:1000px) {
					.footer {
						padding: 16% 2% 2%;
						margin-top: -13%;
					}
					.f_logo {
						width:33%;
					}
					.f_area {
						width:50%;
					}
				}
				@media screen and (max-width:900px) {
					.footer {
						padding: 18% 2% 2%;
						margin-top: -15%;
					}
					.f_logo {
						width: 35%;
					}
					.f_area {
						width: 55%;
					}
				}
				@media screen and (max-width:750px) {
					.footer {
						padding: 30% 2% 2%;
						margin-top: -27%;
					}
					.f_logo {
						display: block;
						width: 40%;
						margin: 0 auto;
						padding:0 0 3% 0;
					}
					.f_area {
						width: 70%;
						display:block;
						margin:0 auto;
					}
				}
				@media screen and (max-width:600px) {
					.footer {
						padding: 32% 2% 3%;
						margin-top: -35%;
					}
					.f_logo {
						display: block;
						width: 45%;
						margin: 0 auto;
						padding:0 0 3% 0;
					}
					.f_area {
						width: 80%;
						display:block;
						margin:0 auto;
					}
				}
				@media screen and (max-width:500px) {
					.footer {
						padding: 40% 2% 3%;
						margin-top: -40%;
					}
					.f_logo {
						display: block;
						width: 50%;
						margin: 0 auto;
						padding:0 0 3% 0;
					}
					.f_area {
						width: 90%;
						display:block;
						margin:0 auto;
					}
					.f_social {
						padding: 3% 0;
					}
					.f_social a {
						width: 30%;
					}
					.f_icon li {
						width: 32%;
					}
					.social_icon a {
						width: 12%;
					}
				}
				@media screen and (max-width:430px) {
					.footer {
						padding: 43% 2% 3%;
						margin-top: -45%;
					}
					.f_logo {
						display: block;
						width: 52%;
						margin: 0 auto;
						padding:0 0 3% 0;
					}
					.f_icon li {
						width: 31%;
					}
					.f_area {
						width: 90%;
						display:block;
						margin:0 auto;
					}
					.f_social a {
						width: 37%;
					}
					.f_social {
						padding: 4% 0;
					}
				}
				@media screen and (max-width:400px) {
					.footer {
						padding: 52% 2% 3%;
						margin-top: -50%;
					}
					.f_logo {
						display: block;
						width: 52%;
						margin: 0 auto;
						padding:0 0 3% 0;
					}
					.f_area {
						width: 90%;
						display:block;
						margin:0 auto;
					}
				}
/*---inbanner-------------------------------------------------------------------------------------------------------------------------------------*/
.inbanner {
	min-height:570px;
}
.inbanner_room {
	background:url(../../images/inbanner_room.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_news {
	background:url(../../images/inbanner_news.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_note {
	background:url(../../images/inbanner_note.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_loc {
	background:url(../../images/inbanner_loc.jpg) top center no-repeat;
	background-size:cover;
}
.inbanner_sce {
	background:url(../../images/inbanner_sce.jpg) top center no-repeat;
	background-size:cover;
}
	@media screen and (max-width:1300px) {
		.inbanner {
			min-height:450px;
		}
	}
	@media screen and (max-width:1000px) {
		.inbanner {
			min-height:400px;
		}
	}
	@media screen and (max-width:900px) {
		.inbanner {
			min-height: 365px;
			margin-top: 4%;
		}
	}
	@media screen and (max-width:800px) {
		.inbanner {
			min-height: 300px;
			margin-top: 5%;
		}
	}
	@media screen and (max-width:600px) {
		.inbanner {
			min-height: 290px;
			margin-top: 7%;
		}
	}
	@media screen and (max-width:500px) {
		.inbanner {
			min-height: 260px;
			margin-top: 7%;
		}
	}
	@media screen and (max-width:400px) {
		.inbanner {
			min-height: 220px;
			margin-top: 7%;
		}
	}
/*---main----------------------------------------------------------------------------------------------------------------------------------------*/
.main {
	background:url(../../images/in_pattern.jpg) repeat;
	min-height:1000px;
}
	/*rmbt*/
	.rmbt {
		text-align:center;
		width:65%;
		margin:0 auto;
		padding:3% 0 1% 0;
	}
		.rmbt ul {
		}
			.rmbt li {
				display:inline-block;
				width:18%;
				vertical-align:top;
				padding:1%;
			}
				.rmbt li:nth-of-type(2),.rmbt li:nth-of-type(4) {
					padding:4% 1% 1% 1%;
				}
				.rmbt li img {
					transition:1s ease-in;
					width:100%;
				}
				.rmbt li img:hover {
					animation:imgflash 2s;
				}
				@media screen and (max-width:1300px) {
					.rmbt {
						width:75%;
					}
				}
				@media screen and (max-width:1000px) {
					.rmbt {
						width:90%;
					}
				}
				@media screen and (max-width:800px) {
					.rmbt {
						width:95%;
					}
					.rmbt li,.rmbt li:nth-of-type(2),.rmbt li:nth-of-type(4) {
						width:28%;
						padding:2%;
					}
				}
				@media screen and (max-width:500px) {
					.rmbt {
						width:95%;
					}
					.rmbt li,.rmbt li:nth-of-type(2),.rmbt li:nth-of-type(4) {
						width:32%;
						padding:1%;
					}
				}
	/*room*/
	#wowslider-container1 {
		display:block;
		width:80%;
		margin:0 auto;
		background:url(../../images/room_bg.png) top no-repeat;
		padding:1% 4% 10%;
		position:relative;
	}
	.deco_cup {
		position:absolute;
		bottom: 3%;
		right: -15%;
		z-index: 5;
	}
	#wowslider-container1 .ws_images {
		border:solid 14px #fff;
	}
	/*roomb_area*/
	.roomb_area {
		color:#fff;
		padding:3% 0 15%;
		width:70%;
		margin:0 auto;
		text-align:center;
	}
		.roomb {
			display:inline-block;
			width:40%;
			vertical-align:top;
			text-align:left;
			padding:0 2%;
		}
		.roomb img {
			padding-bottom:5%;
		}
		.roomb table {
			border:#fff;
		}
		@media screen and (max-width:1700px) {
			#wowslider-container1 {
				width:90%;
				padding: 1% 4% 12%;
			}
			.roomb_area {
				width:80%;
			}
		}
		@media screen and (max-width:1400px) {
			#wowslider-container1 {
				width:100%;
				padding: 1% 4% 17%;
			}
			.roomb_area {
				width:90%;
			}
			.roomb {
				width:48%;
			}
			.deco_cup {
				bottom: 8%;
				right: -14%;
				width:40%;
			}
			.deco_cup img {
				width:100%;
			}
		}
		@media screen and (max-width:1290px) {
			.deco_cup {
				bottom: 10%;
				right: -8%;
				width: 34%;
			}
		}
		@media screen and (max-width:1160px) {
			#wowslider-container1 {
				padding: 2% 6% 17%;
			}
			.deco_cup {
				bottom: 10%;
				right: -2%;
				width: 29%;
			}
		}
		@media screen and (max-width:1080px) {
			#wowslider-container1 {
				padding: 2% 0 20%;
				background-size: 90%;
			}
			.deco_cup {
				bottom: 9%;
				right: 4%;
				width: 20%;
			}
			#wowslider-container1 .ws_images {
				width:80%;
				margin:0 auto;
			}
		}
		@media screen and (max-width:800px) {
			#wowslider-container1 .ws_images {
				border: solid 8px #fff;
				width:85%;
			}
			.roomb {
				width:100%;
				padding:0 0 5% 0;
			}
			.roomb img {
				padding-bottom: 3%;
			}
		}
		@media screen and (max-width:500px) {
			#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
				display:none;
			}
			#wowslider-container1 .ws_images {
				border: solid 5px #fff;
			}
		}
	/*news_area*/
	.news_area {
		width: 50%;
		margin: 0 auto;
		color: #fff;
		padding: 3% 0 15%;
	}
		.news table {
			width:100%;
		}
			.news table a {
				color:#ffb04e;
				transition:.3s ease all;
				font-size:18px;
				line-height:35px;
				letter-spacing:1px;
				display:inline;
			}
				.news table a:hover{
					color:#fff;
				}
			input[type=button], input[type=reset], input[type=submit] {
				background: none;
				padding: 1%;
				border: solid 1px #fff;
				border-radius: 5px;
				letter-spacing: 2px;
				transition:.3s ease all;
			}
			input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
				background: #fff;
				padding: 1%;
				border: solid 1px #5d4930;
				border-radius: 5px;
				letter-spacing: 2px;
				color:#5d4930;
			}
			@media screen and (max-width:1200px) {
				.news_area {
					width:80%;
					padding: 3% 0 15%;
				}
			}
			@media screen and (max-width:600px) {
				.news_area {
					width:90%;
					padding: 5% 0 15%;
				}
			}
	/*notice*/
	.notice {
		width:50%;
		margin:0 auto;
		color:#fff;
		padding:5% 0 12%;
	}
		.note {
			padding:0 0 5% 0;
			text-align:center;
		}
			.note img {
				padding:0 0 3% 0;
			}
			.note table {
				text-align:left;
			}
			@media screen and (max-width:1200px) {
				.notice {
					width:70%;
					padding:7% 0 15%;
				}
				.note {
					padding:0 0 6% 0;
				}
			}
			@media screen and (max-width:900px) {
				.notice {
					width:80%;
					padding:7% 0 20%;
				}
				.note {
					padding:0 0 10% 0;
				}
			}
			@media screen and (max-width:700px) {
				.notice {
					width:90%;
					padding:10% 0 20%;
				}
				.note img {
					padding:0 0 5% 0;
				}
			}
			@media screen and (max-width:600px) {
				.notice {
					width:95%;
					padding:10% 0 23%;
				}
				.note img {
					padding:0 0 5% 0;
					width:70%;
					margin:0 auto;
				}
			}
			@media screen and (max-width:400px) {
				.notice {
					padding:10% 0 25%;
				}
				.note img {
					padding:0 0 5% 0;
					width:75%;
					margin:0 auto;
				}
			}
	/*services_loc*/
	#services_loc {
		width:60%;
		margin:0 auto;
		padding:5% 0 15%;
	}
		@media screen and (max-width:1300px) {
			#services_loc {
				width:80%;
				margin:0 auto;
				padding:5% 0 17%;
			}
		}
		@media screen and (max-width:900px) {
			#services_loc {
				width:95%;
				margin:0 auto;
				padding:5% 0 22%;
			}
		}
		@media screen and (max-width:540px) {
			#services_loc {
				width:95%;
				margin:0 auto;
				padding:8% 0 27%;
			}
		}
	/*sce*/
	.sce {
		padding:3% 0 15%;
	}
	@media screen and (max-width:1200px) {
		.sce {
			padding:3% 0 20%;
		}
	}
	@media screen and (max-width:900px) {
		.sce {
			padding:3% 0 22%;
		}
	}
	@media screen and (max-width:700px) {
		.sce {
			padding:3% 0 25%;
		}
	}
.tableimg img {
		display: block;
		height: auto;
		max-width: 100%;
		height: auto !important;
		width: 100%;
	}
	.tableimg iframe {
		display:block;
		max-width:100%;
		height:auto;
	}

/**order**/
.ordericon {
	position:fixed;
	bottom:150px;
	right:22px;
	z-index:5;
}
.ordericon a {
	transition: .3s ease-in-out;
}
.ordericon a:hover {
	transform: scale(0.9);
    opacity: .9;
}
	@media screen and (max-width:1500px) {
		.ordericon {
			bottom: 123px;
			right: 11px;
		}
	}
	@media screen and (max-width:1200px) {
		.ordericon {
			bottom: 162px;
			right: 28px;
		}
	}
	@media screen and (max-width:1000px) {
		.ordericon {
			bottom: 137px;
			right: 17px;
		}
	}
	@media screen and (max-width:850px) {
		.ordericon {
			bottom: 121px;
			right: 11px;
			z-index: 5;
			width: 9.6%;
		}
			.ordericon img {
				width:100%;
			}
	}
	@media screen and (max-width:700px) {
		.ordericon {
			bottom: 130px;
			right: 17px;
		}
	}
	@media screen and (max-width:560px) {
		.ordericon {
			bottom: 105px;
			right: 12px;
			width:13%;
		}
	}
	@media screen and (max-width:425px) {
		.ordericon {
			bottom: 102px;
			right: 10px;
			width:16%;
		}
	}
	@media screen and (max-width:400px) {
		.ordericon {
			bottom: 112px;
			right: 13px;
			width: 17%;
		}
	}