/*--------------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;
	letter-spacing:1px;
	line-height:30px;
}

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

td {
	vertical-align:top;
}

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

#gotop {
	cursor:pointer;
	transition:.2s ease-in-out;
	z-index:99;
	transition:.3s ease-out;
}
	#gotop:hover {
		opacity:.7;
	}
#ordericon {
	position:fixed;
	right:0px;
	bottom:160px;
	transition:.2s ease-in-out;
	z-index:99;
}
	#ordericon:hover {
		transform:scale(0.9);
	}

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

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

/*************************
********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 120px;
	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;
	}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*menu*/
.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 52px;
    height: 40px;
    padding: 40px;
    text-align: center;
    border-radius: 0;
    font-size: 12px;
    z-index: 9999;
    cursor: pointer;
}
	.menu span {
		display: inline-block;
        width: 48px;
        height: 1px;
        background: #4e5f2a;
        transition: .3s ease all;
		position: absolute;
		border-radius:2px;
	}
		.menu span:nth-child(2) {
			bottom:10px;
		}
		.menu span:nth-child(3) {
			bottom:19px;
		}
        .menu span:nth-child(4) {
			bottom:29px;
        
        }
	.menu strong {
		font-size:15px;
		color:#4e5f2a;
		font-weight:normal;
		position:relative;
		top:-17px;
	}
	.menu_ani span {
		background:#fff;
	}
		.menu_ani span:nth-child(2) {
			-webkit-transform:rotate(-25deg);
					transform:rotate(-25deg);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.menu_ani span:nth-child(3) {
			display: none;
		}
		.menu_ani span:nth-child(4) {
			-webkit-transform:rotate(25deg);
					transform:rotate(25deg);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
		
.navbar {
	position: fixed;
    z-index: 9990;
    width: 360px;
    display: inline-block;
    background: rgba(48,67,6,.8);
	left:-360px;
    padding: 5% 2% 3%;
	top:0px;
	border-radius:0px;
}
	.navlogo {
		text-align:center;
		padding:0 0 7% 0;
	}
	.navbar ul {
		list-style:none;
		border-bottom:solid 1px #c0d592;
		border-top:solid 1px #c0d592;
		padding:3% 0;
	}
		.navbar li {
			padding:3% 1%;
			overflow:hidden;
			display:block;
			position:relative;
		}
			.navbar a {
			}
	.icon {
		text-align:center;
		color:#fff;
		font-size:13px;
		line-height:30px;
		padding:8% 0 2%;
	}
		.icon img {
			display:block;
			margin:0 auto;
		}
	.social {
		text-align:center;
	}
		.social ul {
			list-style:none;
			border:none;
		}
			.social li {
				width:48%;
				display:inline-block;
				vertical-align:bottom;
			}
			
						
/*---i1bg----------------------------------------------------------------------------------------------------------------------------------------*/				
.i1bg {
	background:url(../../images/wood_bg.jpg) top no-repeat;
	background-size:cover;
}

/*---index1_area--------------------------------------------------------------------------------------------------------------------------------*/
.index1_area {
	text-align:center;
}
	.ilogo_area {
		padding:6% 0 1% 0;
	}
	.iword {
		animation:wordmove 5s linear;
		-webkit-animation:wordmove 5s linear;
		overflow-x:hidden;
		position:absolute;
		left:34%;
	}
		@keyframes wordmove {
			0% {
				width:0;
			}
			100% {
				width:604px;
			}
		}
		@-webkit-keyframes wordmove {
			0% {
				width:0;
			}
			100% {
				width:604px;
			}
		}
	.scroll {
		padding:5% 0 3% 0;
		text-align:center;
	}
		.scroll a {
			border:solid 2px #8fc31f;
			border-radius:999px;
			width:70px;
			height:70px;
			line-height:70px;
			margin:0 auto;
			display:block;
		}
			.scroll a img {
				animation: seedmove 2s ease-in infinite;
			}
			.hvr-ripple-out:before {
				border-radius:999px;
				border:solid 2px #8fc31f;
				top: -2px;
				right: -2px;
				bottom: -2px;
				left: -2px;
			}
			@keyframes seedmove {
				0% {
					opacity:.5;
					transform:scale(.9);
				}
				50% {
					opacity:1;
					transform:scale(1);
				}
				100% {
					opacity:.5;
					transform:scale(.9);
				}
			}
			@-webkit-keyframes seedmove {
				0% {
					opacity:.5;
					transform:scale(.9);
				}
				50% {
					opacity:1;
					transform:scale(1);
				}
				100% {
					opacity:.5;
					transform:scale(.9);
				}
			}
		.scrolldown {
			position:relative;
			margin:-10px 0 0 0;
		}
			@media screen and (max-width:1500px) {
				.iword {
					left:30%;
				}
			}
			@media screen and (max-width:1200px) {
				.iword {
					left:25%;
				}
			}
			@media screen and (max-width:900px) {
				.iword {
					left:15%;
				}
				.scroll {
					padding: 10% 0 5% 0;
				}
				.ilogo_area {
					padding: 10% 0 1% 0;
				}
			}
			@media screen and (max-width:800px) {
				.ilogo_area img {
					width:85%;
				}
				.iword {
					left:12%;
				}
					.iword img {
					}
			}
			@media screen and (max-width:700px) {
				.iword {
					left:5%;
				}
			}
			@media screen and (max-width:640px) {
				.iword {
					padding:0 1%;
				}
				.iword img {
					width:500px;
				}
					@keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:500px;
						}
					}
					@-webkit-keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:500px;
						}
					}
				.scroll {
					padding: 16% 0 5% 0;
				}
			}
			@media screen and (max-width:540px) {
				.iword img {
					width:450px;
				}
					@keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:450px;
						}
					}
					@-webkit-keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:450px;
						}
					}
				.ilogo_area {
					padding: 15% 0 1% 0;
				}
				.scroll {
					padding: 25% 0 5% 0;
				}
			}
			@media screen and (max-width:480px) {
				.iword {
					left: 11%;
				}
				.iword img {
					width:360px;
				}
					@keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:360px;
						}
					}
					@-webkit-keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:360px;
						}
					}
				.ilogo_area {
					padding: 20% 0 1% 0;
				}
				.scroll {
					padding: 30% 0 5% 0;
				}
			}
			@media screen and (max-width:420px) {
				.ilogo_area img {
					width: 90%;
				}
				.iword {
					left: 11%;
				}
				.iword img {
					width:320px;
				}
					@keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:320px;
						}
					}
					@-webkit-keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:320px;
						}
					}
				.scrolldown {
					width:35%;
				}
				.scroll a img {
					width:60%;
				}
			}
			@media screen and (max-width:370px) {
				.iword img {
					width:280px;
				}
					@keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:280px;
						}
					}
					@-webkit-keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:280px;
						}
					}
			}
			@media screen and (max-width:340px) {
				.iword img {
					width:250px;
				}
					@keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:250px;
						}
					}
					@-webkit-keyframes wordmove {
						0% {
							width:0;
						}
						100% {
							width:250px;
						}
					}
			}
/*---main---------------------------------------------------------------------------------------------------------------------------------------*/
.main {
	height:1080px;
	position:relative;
}

/*---dex area----------------------------------------------------------------------------------------------------------------------------------*/
/*dex area*/
.bg {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
  opacity:0;
  z-index:-10;
  min-height:1080px;
}

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

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

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

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

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

/*mask*/
.mask {
	background:url(../../images/mask.png) top center no-repeat;
	background-size:auto;
	min-height:1080px;
}
/*---leaf-------------------------------------------------------------------------------------------------------------------------------------*/
.leaf01 {
	position:absolute;
	top:0px;
	left:10%;
}
.btf {
	position:absolute;
	top: 15%;
    left: 8%;
}
.leaf02 {
	position:absolute;
	bottom:25%;
	left:6%;
}
.leaf03 {
	position:absolute;
	top:0px;
	right:19%;
}
.leaf04 {
	position:absolute;
	top:0px;
	right:0;
}
.logo {
	text-align: center;
    z-index: 99;
    position: absolute;
    left: calc(50% - 105px);
    top: 2%;
}

/*inav*/
.inav {
	text-align: center;
    position: relative;
    margin: -5% 0 0 0;
}
	.inav ul {
	}
		.inav li {
			display:inline-block;
			width:7%;
			vertical-align:bottom;
			position:relative;
		}
			.inav li a:after {
				content:'';
				width:100%;
				height:1px;
				background:rgba(255,255,255,.5);
				position:absolute;
				top:31px;
				left:0px;
				z-index:0;
			}
				.inav li img {
					z-index:5;
					position:relative;
				}
	@media screen and (max-width:1500px) {
		.mask {
		}
		.leaf01 {
			left: 4%;
		}
			.leaf01 img {
				width:100%;
			}
		.btf {
			left:0;
		}
			.btf img {
				width:70%;
			}
		.leaf02 {
			bottom: 19%;
			left: 3%;
		} 
			.leaf02 img {
				width:100%;
			}
		.leaf03 {
			right:11%;
		}
			.leaf03 img {
				width:100%;
			}
		.leaf04 {
			display:none;
		}
		.inav {
			margin: -6% 0 0 0;
		}
	}
	@media screen and (max-width:1200px) {
		.inav {
			margin: -8% 0 0 0;
		}
		.inav li {
			width:10%;
		}
		.leaf03 {
			right: 2%;
		}
		.leaf02 {
			display:none;
		}
	}
	@media screen and (max-width:900px) {
		.leaf03 {
			display:none;
		}
		.inav {
			margin: -11% 0 0 0;
		}
		.inav li {
			width: 12%;
		}
	}
	@media screen and (max-width:600px) {
		.leaf01 {
			left: 0;
		}
			.leaf01 img {
				width:45%;
			}
		.btf img {
			width: 50%;
		}
		.inav {
			margin: -17% 0 0 0;
		}
		.inav li {
			width: 15%;
		}
		.menu {
			top: -14px;
			left: -24px;
		}
	}
	@media screen and (max-width:480px) {
		.inav img {
			width:100%;
		}
		.inav {
			margin: -20% 0 0 0;
		}
	}
	@media screen and (max-width:400px) {
		.navlogo img {
			width:50%;
		}
		.navbar li img {
			width:80%;
		}
		.icon img {
			width:8%;
		}
		.navbar {
			width:320px;
			height:100%;
		}
		.inav li a:after {
			display:none;
		}
	}
	@media screen and (max-width:350px) {
		.logo {
			top:3%;
		}
			.logo img {
				width:95%;
			}
		.inav {
			margin: -25% 0 0 0;
		}
			.inav li {
				width:17%;
			}
	}

/*---inner-------------------------------------------------------------------------------------------------------------------------------------*/
.inner {
}
	/*inbanner*/
	.inbanner {
		text-align:center;
		min-height:485px;
	}
	.inbanner_about {
		background:url(../../images/inbanner_about.jpg) top no-repeat;
		background-size:cover;
	}
	.inbanner_map {
		background:url(../../images/inbanner_map.jpg) top no-repeat;
		background-size:cover;
	}
	.inbanner_note {
		background:url(../../images/inbanner_note.jpg) top no-repeat;
		background-size:cover;
	}
	.inbanner_room {
		background:url(../../images/inbanner_room.jpg) top no-repeat;
		background-size:cover;
	}
	.inbanner_sce {
		background:url(../../images/inbanner_sce.jpg) top no-repeat;
		background-size:cover;
	}
		/*intitle*/
		.intitle {
			padding:180px 0 0 0;
		}
			@media screen and (max-width:500px) {
				.inbanner {
					min-height:400px;
				}
				.intitle {
					padding: 102px 0 0 0;
				}
			}
			@media screen and (max-width:400px) {
				.inbanner {
					min-height:355px;
				}
				.intitle {
					padding: 60px 0 0 0;
				}
			}
	/*about_story*/
	.about_story {
		background:url(../../images/about_bg01.png) top left no-repeat;
		background-size:cover;
		text-align:right;
	}
		.about_story img {
			padding:3% 170px 3% 0;
		}
		@media screen and (max-width:1300px) {
			.about_story img {
				padding: 3% 40px 3% 0;
				width:65%;
			}
		}
		@media screen and (max-width:600px) {
			.about_story img {
				padding: 6% 10px 10% 0;
    			width: 63%;
			}
		}
		@media screen and (max-width:500px) {
			.about_story img {
				padding: 3% 10px 3% 0;
    			width: 65%;
			}
		}
	/*about_bg02*/
	.about_bg02 {
		background:url(../../images/about_bg02.png) top no-repeat;
		background-size:cover;
		min-height:720px;
		position:relative;
	}
		/*text_area*/
		.text_area {
			text-align:center;
			background:rgba(106, 10, 0, 0.83);
			position:absolute;
			top:-3%;
			left:0px;
			width:560px;
			padding: 6% 2% 0 10%;
			z-index:9;
		}
			.about_logo {
				padding:0 0 9% 0;
			}
			.text {
				text-align:right;
				position: relative;
    			margin-bottom: -25%;
				height: 665px;
				overflow-y: scroll;
				padding: 0 5% 0 0;
			}
				.text span {
					font-size:14px;
					color:#fff;
					line-height:30px;
					text-align:left;
					display:block;
					padding: 0 0 5% 0;
				}
				.text img {
				}
	/*about_bg03*/
	.about_bg03 {
		background:url(../../images/about_bg03.png) top no-repeat;
		background-size:cover;
		min-height:360px;
		position:relative;
		text-align:center;
	}
		.about_bg03 span {
			font-size:24px;
			line-height:64px;
			color:#fff;
			background:rgba(160, 160, 160, 0.7);
			display:block;
			width:100%;
			position:absolute;
			bottom:0px;
			left:0px;
		}
	/*about_bg04*/
	.about_bg04 {
		background:url(../../images/about_bg04.png) top no-repeat;
		background-size:cover;
		min-height:360px;
	}
/*---footer-------------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:url(../../images/f_leaf_bg.png) bottom center no-repeat, url(../../images/wood_bg.jpg) top no-repeat;
	background-size:auto,cover;
	text-align:center;
	position:relative;
	box-shadow: 0px 1px 13px rgba(0,0,0,.5);
}
	.flogo {
		padding:2% 0 2% 0;
	}
	.footer span {
		display:inline-block;
		font-size:13px;
		line-height:24px;
		letter-spacing:1px;
	}
	.footer ul {
		padding:15px 0;
	}
		.footer li {
			display:inline-block;
			vertical-align:top;
			width:9%;
		}
		.footer li:last-of-type {
			display:block;
			vertical-align:top;
			width:9%;
			margin: 0 auto;
		}
			.footer li img {
				width:100%;
			}
	.copyright {
		font-size:12px;
		padding-bottom:1%;
	}
		.copyright a {
			display:inline-block;
			color:#000;
			font-size:12px;
			transition:.2s ease-in;
		}
			.copyright a:hover {
				color:#209464;
			}
	.fleaf01 {
		position:absolute;
		top: -11%;
		left: 14%;
	}
	.fflower {
		position:absolute;
		top:-11%;
		right:14%;
	}
	#gotop {
		position:absolute;
		top: -49px;
		left: calc(50% - 48px);
	}
	@media screen and (max-width:1000px) {
		.text_area {
			width: 480px;
			padding: 6% 2% 0 6%;
		}
		.footer li, .footer li:last-of-type {
			width: 15%;
		}
		
	}
	@media screen and (max-width:700px) {
		.text_area {
			width: 360px;
			padding: 6% 3% 0 3%;
		}
		.text {
			margin-bottom: -8%;
			height: 590px;
		}
		.footer li, .footer li:last-of-type {
			width: 22%;
			padding: 0 1%;
		}
		.fleaf01 {
			left:2%;
		}
		.fflower {
			right:2%;
		}
	}
	@media screen and (max-width:500px) {
		.text_area {
			top:-1%;
		}
		.about_bg02 {
			min-height:580px;
		}
		.text {
			margin-bottom: -8%;
			height: 450px;
		}
		.about_bg03 {
			min-height: 320px;
		}
		.about_bg03 span {
			font-size:16px;
			line-height:50px;
		}
		.about_bg04 {
			min-height:290px;
		}
		.fflower {
			right: 0%;
			width: 20%;
			top:14%;
		}
			.fflower img {
				width:100%;
			}
		.fleaf01 {
			left:0;
			top:20%;
			width:18%;
		}
			.fleaf01 img {
				width:100%;
			}
		.footer li, .footer li:last-of-type {
			width:27%;
		}
		.copyright {
			transform:scale(.9);
		}
	}
	@media screen and (max-width:420px) {
		.about_bg02 {
			min-height: 500px;
		}
		.text_area {
			width: 87%;
			position:relative;
			margin:0 auto;
		}
		.text {
			height: 360px;
		}
		.about_bg03 {
			min-height: 270px;
		}
		.footer li, .footer li:last-of-type {
			width: 30%;
		}
		.footer {
			margin-top:10%;
		}
	}
	@media screen and (max-width:380px) {
		.about_bg03 span {
			font-size:14px;
		}
		.about_logo {
			width:65%;
		}
		.footer span {
			display:block;
			font-size:12px;
		}
		.about_bg03 span {
			font-size:12px;
		}
	}
/*---rmbt-------------------------------------------------------------------------------------------------------------------------------------*/
.rmbt {
	padding:3% 0 1% 0;
	text-align:center;
}
	.rmbt ul {
	}
		.rmbt li {
			display:inline-block;
			width:10%;
			vertical-align:bottom;
			padding:0 1%;
		}
/*room_slider*/
.room_slider {
	text-align:center;
	position:relative;
}
	.rtitle  {
		color:#363636;
		font-size:20px;
		display:block;
		border-top:solid 13px #cecece;
		margin: 1% 0 0 0;
		padding: 1% 0 1% 0;
		text-align: center;
	}
		.room_slider:after {
			content:'';
			background:#e5e5e5;
			height:230px;
			width: 106%;
			position: absolute;
			bottom: 0px;
			left: -3%;
			z-index: -3;
		}
		@media screen and (max-width:1450px) {
			.rmbt li {
				width:12%;
			}
				.rmbt li img {
					width:100%;
				}
			#wowslider-container1 .ws_images > div > img {
				width:100%;
			}
			.room_slider:after {
				display:none;
			}
			#wowslider-container1 {
				width:95%;
			}
		}
		@media screen and (max-width:900px) {
			.rmbt li {
				width: 16%;
			}
		}
		@media screen and (max-width:500px) {
			.rmbt li {
				width: 25%;
				padding: 6px 2%;
			}
			.rtitle {
				font-size:16px;
				border-top: solid 8px #cecece;
			}
		}
		@media screen and (max-width:400px) {
			.rmbt li {
				width: 27%;
			}
		}
/*---roomb_area-----------------------------------------------------------------------------------------------------------------------------*/
.roomb_area {
	padding:4% 0 5%;
}
	.roomb img {
		padding-bottom:4%;
	}
	.roomb td {
		vertical-align:top;
	}
	.roomb_area a {
		display:inline-block;
	}
	@media screen and (max-width:991px) {
		.roomb {
			padding-bottom:3%;
		}
		.roomb img {
			width:30%;
		}
	}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
	@media screen and (max-width:500px) {  
		.roomb img {
			width:48%;
		}
	}
/*---notice--------------------------------------------------------------------------------------------------------------------------------*/
.notice {
}
	.note {
		width:50%;
		margin:0 auto;
		padding:3% 0 4% 0;
	}
		.note img {
			padding-bottom:3%;
		}
		@media screen and (max-width:1200px) {
			.note {
				width:80%;
			}
			.notice  {
				padding:2% 1em 3em;
			}
		}
		@media screen and (max-width:700px) {
			.note {
				width:95%;
			}
		}
		@media screen and (max-width:400px) {
			.note img {
				width:90%;
			}
		}
/*services_loc*/
#services_loc {
}
	@media screen and (max-width:900px) {
		#services_loc {
			padding-bottom:10%;
		}
	}
	
/*---navh-------------------------------------------------------------------------------------------------------------------------------*/
.navbar {
	height:100%;
}
#navh {
}
	@media screen and (max-width:900px) {
		#navh {
			height:600px;
			overflow-y:scroll;
		}
		.menu {
			border: solid 1px rgb(83, 115, 42);
			border-radius: 8px;
			background: rgba(255, 255, 255, 1);
			padding:27px;
			top: 9px;
			left: 11px;
		}
		.menuin {
			position: fixed;
			left: 20px;
			top: 35px;
		}
		.menu strong {
			top:-26px;
			font-size:12px;
		}
		.menu span {
			left:0px;
			width:38px;
		}
		.menu_ani span {
			background:#4e5f2a;
		}
	}
	@media screen and (max-width:500px) {
		#navh {
			height:400px;
			overflow-y:scroll;
		}
	}
	
.link_note {
	margin-right:35%;
	transition:.2s ease;
}
	.link_note:hover {
		text-decoration:underline;
	}
	@media screen and (max-width:1500px) {
		.link_note {
			margin-right:3%;
		}
	}
	@media screen and (max-width:1000px) {
		.link_note {
			margin-right:0;
		}
	}
/*---icons----------------------------------------------------------------------------------------------------------------------------------*/
.icons {}
.icons ul {
	list-style: none;
}
.icons li {
	margin: 5px 5px;
	display: inline-block;
	vertical-align: top;
	width: 21%;
	background: rgba(255, 255, 255, .6);
	border-radius: 7px;
	padding: 5px 0 8px;
	text-align: center;
}
.icons li img {
	padding: 0 7px;
	margin: 0 auto;
}
.icons li span {
	display: block;
	font-size: 14px;
	line-height: 20px;
}
@media screen and (max-width:1199px) {
	.icons li {
		width: 10%;
	}
}
@media screen and (max-width:900px) {
	.icons li span {
		font-size: 13px;
	}
}
@media screen and (max-width:768px) {
	.icons li {
		width: 13%;
	}
}
@media screen and (max-width:600px) {
	.icons li {
		width: 17%;
	}
}
@media screen and (max-width:500px) {
	.icons li {
		width: 21%;
	}
}
@media screen and (max-width:430px) {
	.icons li {
		width: 27%;
		margin: 5px 8px;
		padding: 5px 4px 8px;
	}
	.icons li span {
		font-size: 14px;
		letter-spacing:1px;
	}
}
@media screen and (max-width:360px) {
	.icons li span {
		font-size: 12px;
	}
}
@media screen and (max-width:340px) {
	.icons li {
		width: 28%;
		margin: 5px 5px;
		padding: 5px 2px 8px;
	}
}
/*---r_icons-----------------------------------------------------------------------------------------------------------------------------------*/
.r_icons {
	padding-bottom: 0;
	text-align: left;
}
.r_icons ul {
	list-style: none;
}
.r_icons li {
	width: 17%;
	float: left;
}
table.fac {
	padding: 0 0 3% 2%;
	display: block;
}
table.fac td {
	vertical-align: top;
}
@media screen and (max-width:1290px) {
	.r_icons li {
		width: 21%;
	}
}
@media screen and (max-width:1060px) {
	.r_icons li {
		width: 28%;
	}
}
@media screen and (max-width:991px) {
	.r_icons li {
		width: 15%;
	}
}
@media screen and (max-width:815px) {
	.r_icons li {
		width: 17%;
	}
}
@media screen and (max-width:765px) {
	.r_icons li {
		width: 20%;
	}
}
@media screen and (max-width:580px) {
	.r_icons li {
		width: 21%;
	}
}
@media screen and (max-width:440px) {
	.r_icons li {
		width: 31%;
		margin: 5px 3px;
		padding: 5px;
	}
}
/*--note_icons--------------------------------------------------------------------------------------------------------------------------------*/
.note_icon {
	padding:0;
	text-align: left;
	padding:1em 0;
}

.note_icon ul {
	list-style: none;
}
.note_icon li {
	width: 14%;
	padding: 5px 0 5px;
}
.note_icon li img {
	padding-bottom: 5px;
	max-width: 100%;
}
@media screen and (max-width:1220px) {
	.note_icon li {
		width: 12%;
	}
}
@media screen and (max-width:1080px) {
	.note_icon li {
		width: 14%;
	}
}
@media screen and (max-width:760px) {
	.note_icon li {
		width: 14%;
	}
}
@media screen and (max-width:700px) {
	.note_icon li {
		width: 17%;
	}
}
@media screen and (max-width:580px) {
	.note_icon li {
		width: 19%;
		margin: 5px 0;
	}
}
@media screen and (max-width:500px) {
	.note_icon li {
		width: 32%;
		padding: 6px;
	}
	.note_icon li img {
		width: 100%;
	}
}
@media screen and (max-width:430px) {
	.note_icon li {
		width: 31%;
		padding: 6px 2px;
	}
}
/*rinfo*/
.rinfo {
	text-align: left;
	padding: 3% 0%;
}
.rinfo li span {
	display: inline-block;
	vertical-align: top;
}
.rinfo li span:nth-of-type(1) {}
.rinfo li span:nth-of-type(2) {
	width: 78%;
}