/*--------------copyright by alva start-------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);
* {
    padding: 0px;
    margin: 0px;
}

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

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

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

/*----header area-------------------------------------------------------------------------------------------------------------------*/

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

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

#gotop {
	position:fixed;
	right:5px;
	bottom:0;
	cursor:pointer;
	z-index:99;
	display:none;
	transform: translateY(1);
	transition:.2s linear;
	width:5%;
}
	#gotop img {
		width:100%;
	}
	#gotop:hover {
		transform:translateY(10px);
		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;
}
.scemore {
	text-align:right;
}
.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;
	}
}

/*---mobile ibutton----------------------------------------------------*/
.mibutton {
	position: fixed;
	top:1px;
	right: 2px;
	width: 45px;
	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: 3px;
		background: #3f3a39;
		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;
		}
				
.tableimg img {
		display: block;
		height: auto;
		max-width: 100%;
		height: auto !important;
		width: 100%;
	}
	.tableimg iframe {
		display:block;
		max-width:100%;
		height:auto;
	}
/*---loading---------------------------------------------------------------------------------------------------------------------------------*/
#loading {
	background:url(../../images/loading_mask.jpg) top center no-repeat;
	background-size: cover;
	width:100%;
	height:100%;
	z-index:99999;
	position:fixed;
	top:0;
	left:0;
}
	#loading img {
		position:absolute;
		top:calc(50% - 402px);
		left:calc(50% - 227px);
	}
	@media screen and (max-width: 620px) {
		#loading img {
			top: 20%;
			left: 20%;
			width:60%;
		}
	}
/****header************************************************************************************************************************************/
/*---dex area-----------------------------------------------------------------------------------------------------------------------------------*/
div#imgs {
}
.bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index:-100;
  width:100%;
  -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%;
  background-size:cover;
}

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

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

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

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

/*header*/
.header {
	text-align:center;
	z-index:9;
	min-height:910px;
}
	/*ilogo*/
	.ilogo {
		padding-top:9%;
	}
	/*scroll*/
	.scroll {
		padding:3% 0 2%;
	}
		.scroll a {
			display:inline-block;
		}
		.scroll_line {
			animation:scrolling 1.5s infinite;
			display:block;
			margin:0 auto;
		}
		@keyframes scrolling {
			0% {
				opacity:0;
				transform:translateY(1);
			}
			50% {
				opacity:1;
			}
			100% {
				opacity:0;
				transform:translateY(30px);
			}
		}
		@media screen and (max-width: 900px) {
			.ilogo {
				padding-top: 12%;
			}
				.ilogo img {
					width:30%;
				}
			.header {
				min-height:880px;
			}
		}
		@media screen and (max-width: 780px) {
			.ilogo {
				padding-top: 20%;
			}
			.header {
				min-height:850px;
			}
		}
		@media screen and (max-width: 590px) {
			.header {
				min-height:700px;
			}
		}
		@media screen and (max-width: 500px) {
			.header {
				position:relative;
			}
			.bg {
				position:absolute;
			}
		}
		@media screen and (max-width: 460px) {
			.header {
				min-height:640px;
			}
			.scroll img:first-of-type {
				width:85%;
			}
		}
		@media screen and (max-width: 435px) {
			.header {
				min-height:600px;
			}
			.ilogo {
				padding-top: 25%;
			}
				.ilogo img {
					width:35%;
				}
		}
		@media screen and (max-width: 330px) {
			.header {
				min-height:520px;
			}
		}
/*---navbar_area------------------------------------------------------------------------------------------------------------------------------*/
.navbar_area {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:url(../../images/nav_bg.png) top center repeat-y;
	text-align:center;
	display:none;
	z-index:999;
}
	/*navlogo*/
	.navlogo {
		display:inline-block;
		width:20%;
		vertical-align:top;
		padding:1% 1% 0 1%;
	}
	/*navbar*/
	.navbar {
		display:inline-block;
		width:70%;
		vertical-align:top;
		padding:2% 0 0 0;
		border-radius:0px;
		margin:0;
		min-height:inherit;
	}
		.nav {
			display:inline-block;
			width:13%;
			vertical-align:top;
		}
	/*nav_bottom*/
	.nav_bottom {
		background:url(../../images/nav_bg_bottom.png) top right no-repeat;
		background-size:cover;
		min-height:40px;
		width:100vw;
		position:absolute;
		bottom:-40px;
		left:0;
	}
	@media screen and (max-width: 1600px) {
		.nav img {
			width:100%;
		}
	}
	@media screen and (max-width: 1500px) {
		.navbar {
			width:75%;
		}
		.nav {
			width:13%;
		}
	}
	@media screen and (max-width: 1230px) {
		.navlogo {
			width:22%;
		}
			.navlogo img {
				width:100%;
			}
	}
	@media screen and (max-width: 1400px) {
		.navbar {
			display: block;
			margin: 0 auto;
			width: 100vw;
			display:none;
		}
		.mibutton {
			display:block;
		}
		.nav {
			padding:1%;
		}
	}
	@media screen and (max-width: 870px) {
		.nav {
			display: block;
			margin: 0 auto;
			width: 23%;
			padding:2%;
		}
		.navlogo {
			width: 28%;
		}
	}
	@media screen and (max-width: 650px) {
		.nav {
			display: block;
			margin: 0 auto;
			width: 31%;
			padding:2%;
		}
		.navlogo {
			width: 28%;
			padding: 2% 1% 0 1%;
		}
		.nav_bottom {
			min-height:28px;
			bottom:-28px;
		}
	}
	@media screen and (max-width: 500px) {
		.nav {
			width: 34%;
			padding:2%;
		}
		.navlogo {
			width: 37%;
			padding: 2% 1% 0 1%;
		}
	}
	@media screen and (max-width: 390px) {
		.nav {
			width: 40%;
			padding: 3%;
		}
		.navlogo {
			width: 45%;
			padding: 2% 1% 0 1%;
		}
	}
/*about1*/
.about1 {
	background:url(../../images/about1_bg.png) top center no-repeat;
	background-size:contain;
	text-align:center;
	padding:4% 2% 5%;
}
	@media screen and (max-width: 1370px) {
		.about1 {
			padding:5% 4% 5%;
		}
		.about1 img {
			width:100%;
		}
	}
	@media screen and (max-width: 550px) {
		.about1 {
			padding:5% 2% 5%;
		}
		.about1 img {
			width:100%;
		}
	}
	@media screen and (max-width: 500px){
		.about1 {
			background:url(../../images/about1_bg.png) top center no-repeat,#6f624e;
		}
	}
	@media screen and (max-width:400px) {
		.about1 {
			padding:6% 1% 6%;
		}
		.about1 img {
			width:100%;
		}
	}
/*about2*/
.about2 {
	background:url(../../images/about2_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	text-align:center;
	position: relative;
	min-height:900px;
	padding: 9% 0 0 0;
}
	/*about2_text*/
	.about2_text {
		width:37%;
		margin:0 auto;
		background:rgba(10, 9, 8, 0.8);
		text-align:center;
		padding: 2% 4% 4%;
	}
		.about2_text span {
			display:block;
			color:#c9b988;
			font-size:15px;
			line-height:30px;
			padding-top:3%;
		}
	/*about2_mask*/
	.about2_mask {
		background:url(../../images/about2_mask.png) bottom right no-repeat;
		min-height:374px;
		width:100%;
		background-size:cover;
		position:absolute;
		bottom:0;
		left:0;
	}
		.a2_img {
			position: absolute;
			bottom: 13%;
			left: calc(50% - 385px);
		}
		@media screen and (max-width:1360px) {
			.about2 {
				padding: 14% 0 0 0;
			}
			.about2_text {
				width:45%;
			}
		}
		@media screen and (max-width:1000px) {
			.about2 {
				padding: 22% 0 0 0;
			}
			.about2_text {
				width:60%;
			}
		}
		@media screen and (max-width:820px) {
			.about2 {
				padding: 25% 0 0 0;
				min-height: 850px;
			}
			.about2_text {
				width:70%;
			}
			.a2_img {
				left: calc(50% - 235px);
				bottom: 8%;
			}
				.a2_img img {
					display:block;
					padding-bottom:3%;
					margin:0 auto;
				}
		}
		@media screen and (max-width:630px) {
			.about2 {
				padding: 31% 0 0 0;
			}
			.about2_text {
				width:80%;
			}
		}
		@media screen and (max-width:550px) {
			.about2 {
				padding: 31% 0 0 0;
				min-height: 790px;
			}
			.about2_text {
				width:80%;
				padding: 4% 4% 5%;
			}
		}
		@media screen and (max-width:500px) {
			.about2 {
				background-attachment:inherit;
			}
			.a2_img {
				left: 1%;
				bottom: 5%;
			}
			.a2_img img {
				width:90%;
			}
			.a2_img img:last-of-type {
				width:68%;
			}
		}
		@media screen and (max-width:480px) {
			.about2 {
				padding: 12% 0 0 0;
				min-height: 630px;
			}
			.about2_text {
				width: 85%;
				padding: 5% 7% 6%;
			}
		}
		@media screen and (max-width:400px) {
			.about2 {
				min-height:650px;
				padding: 15% 0 0 0;
			}
			.about2_mask {
				min-height:315px;
			}
			.about2_text img {
				width:85%;
			}
		}
/*about3*/
.about3 {
	position:relative;
	z-index:1;
}
	/*a3_left*/
	.a3_left {
		background:url(../../images/about3_left_bg.jpg) top center no-repeat;
		background-size:cover;
		display:inline-block;
		width:57%;
		vertical-align:top;
		text-align:right;
	}
		.a3_left img {
			padding: 5% 6% 5% 0;
			width:70%;
		}
	/*a3_right*/
	.a3_right {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		width:43%;
	}
		.a3_right img {
			width:100%;
		}
		@media screen and (max-width:900px) {
			.a3_left {
				width:100%;
				text-align:center;
			}
				.a3_left img {
					padding:10% 0;
					width:80%;
				}
			.a3_right {
				position: relative;
				width: 100%;
				vertical-align: top;
			}
		}
		@media screen and (max-width:500px) {
			.a3_left img {
				padding:6% 2%;
				width:90%;
			}
		}
/*about4*/
.about4 {
	position:relative;
}
	.a4_container {
		background:url(../../images/about_spot.png) top center repeat-y,#fff;
		background-size:contain;
		text-align:center;
	}
		/*about4_line*/
		.about4_line {
			background:url(../../images/about4_line.png) top left no-repeat;
			background-size:cover;
			min-height:66px;
		}
		/*about4_top*/
		.about4_top {
			width:70%;
			margin:0 auto;
			padding:2% 0 2%;
			background:url(../../images/about4_bg_deco.png) bottom left no-repeat;
			background-size:auto;
			background-position-x: 35%;
		}
			.about4_top img {
				padding:0 1%;
				width:38%;
			}
			.about4_top img:last-of-type {
				width:53%;
			}
		/*about4_bottom*/
		.about4_bottom {
			width:75%;
			margin:0 auto;
			padding:0;
			text-align:right;
		}
			.about4_bottom span {
				width:28%;
				display:inline-block;
				vertical-align:top;
				text-align:left;
				margin: 12% 10% 0 0;
			}
				.about4_bottom span img {
					padding-bottom:3%;
					width:95%;
				}
				.about4_bottom p {
					color:#5e452e;
					font-size:15px;
				}
			.about4_bottom img {
				width:48%;
			}
		/*about4_bg_bottom*/
		.about4_bg_bottom {
			background:url(../../images/about4_bottom.png) top center no-repeat;
			background-size:cover;
			min-height:202px;
		}
		/*about4_deco*/
		.about4_deco {
			position:absolute;
			left:0;
			bottom:7%;
			width:16%;
		}
			.about4_deco img {
				width:100%;
			}
			@media screen and (max-width:1200px) {
				.about4_top {
					width: 80%;
					padding: 4% 0 3%;
				}
				.about4_bottom {
					width:90%;
				}
				.about4_bg_bottom {
					min-height:155px;
				}
			}
			@media screen and (max-width:900px) {
				.a3_right {
					margin-bottom: -13%;
				}
				.about4_top {
					width:100%;
					padding: 8% 0 4%;
				}
				.about4_bottom {
					width:95%;
				}
				.about4_bottom span {
					width: 30%;
					margin: 4% 6% 0 0;
				}
				.about4_bg_bottom {
					min-height:100px;
				}
			}
			@media screen and (max-width:700px) {
				.about4_top img {
					width:41%;
				}
				.about4_top img:last-of-type {
					width: 58%;
				}
				.about4_bottom span {
					display: block;
					width: 100%;
					padding: 0 15%;
				}
				.about4_bottom img {
					width: 65%;
					padding-top: 2%;
				}
				.about4_deco {
					width:22%;
				}
				.about4_bg_bottom {
					min-height:85px;
				}
			}
			@media screen and (max-width:560px) {
				.about4_top img {
					padding: 2%;
					width: 85%;
					display: block;
					margin: 0 auto;
				}
				.about4_top img:last-of-type {
					width: 85%;
				}
				.about4_bottom span {
					padding:0 10%;
				}
				.about4_bottom p {
					font-size:17px;
				}
				.about4_bottom img {
					width:73%;
				}
				.about4_bg_bottom {
					min-height: 70px;
				}
			}
			@media screen and (max-width:400px) {
				.about4_top img {
					padding: 2%;
					width: 90%;
					display: block;
					margin: 0 auto;
				}
				.about4_top img:last-of-type {
					width:90%;
				}
				.about4_bottom span {
					padding:0 5%;
				}
				.about4_bottom img {
					width:76%;
				}
				.about4_bg_bottom {
					min-height: 50px;
				}
			}
/*bottom*/
.bottom {
	background:url(../../images/bottom_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	min-height:700px;
	position:relative;
	margin-top:-15%;
	z-index:-1;
}
/*---footer---------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	text-align:center;
	position: relative;
    margin-top: -5%;
}
	/*footer_top*/
	.footer_top {
		background:url(../../images/footer_bg_top.png) bottom right no-repeat;
		min-height:59px;
		background-size:cover;
	}
	/*footer_container*/
	.footer_container {
		background:url(../../images/footer_bg.jpg) top center no-repeat;
		background-size:cover;
		padding: 1% 0 1%;
	}
		/*footer_logo*/
		.footer_logo {
			display:inline-block;
			width:30%;
			vertical-align:top;
		}
		/*footer_inner*/
		.footer_inner {
			display:inline-block;
			width:55%;
			vertical-align:top;
			text-align:left;
		}
			/*f_social*/
			.f_social {
			}
				.f_social il {
				}
					.f_social li {
						display:inline-block;
						vertical-align:middle;
						width:7%;
						padding:1%;
						position:relative;
						text-align:center;
					}
						.fs01:before {
							content:'';
							background:url(../../images/social1_01.png) top center no-repeat;
							width:85px;
							height:30px;
							position:absolute;
							top: -27%;
							left: calc(50% - 44px);
							transform:scale(0) translateY(0) ;
							transition:.2s ease-out;
						}
						.fs02:before {
							content:'';
							background:url(../../images/social1_02.png) top center no-repeat;
							width:85px;
							height:30px;
							position:absolute;
							top: -27%;
							left: calc(50% - 44px);
							transform:scale(0) translateY(0) ;
							transition:.2s ease-out;
						}
						.fs03:before {
							content:'';
							background:url(../../images/social1_03.png) top center no-repeat;
							width:85px;
							height:30px;
							position:absolute;
							top: -27%;
							left: calc(50% - 44px);
							transform:scale(0) translateY(0) ;
							transition:.2s ease-out;
						}
						.f_social li:hover:before {
							transform:scale(1) translateY(-8px) ;
						}
				.f_social p {
					font-size:16px;
					color:#654c34;
					display:inline-block;
					font-weight:bold;
				}
			/*f_info*/
			.f_info {
			}
				.f_info ul {
				}
					.f_info li {
						color:#323232;
						font-size:17px;
						line-height:30px;
					}
			/*copyright*/
			.copyright {
				padding:5% 0 2%;
			}
				/*icons*/
				.icons {
				}
					.icons span {
						display:inline-block;
						color:#70654f;
						font-weight:bold;
					}
					.icons a {
						display:inline-block;
					}
						.icons a:hover {
							animation:imgflsah 1.2s ease-out;
						}
						@keyframes imgflsah {
							0% {
								opacity:.4;
							}
							100% {
								opacity:1;
							}
						}
				.copyright strong {
					color:#70654f;
					font-size:15px;
					font-weight:normal;
				}
					.copyright strong a {
						color:#70654f;
						display:inline-block;
						transition:.3s ease-out;
					}
						.copyright strong a:hover {
							color:#277b55;
						}
						@media screen and (max-width:1300px) {
							.footer_container {
								padding:2% 0 2%;
							}
							.f_social li {
								width:10%;
							}
							.footer_logo img {
								width:60%;
							}
						}
						@media screen and (max-width:900px) {
							.footer_logo {
								display: block;
								margin: 0 auto;
								width:20%;
								padding-bottom:3%;
							}
							.footer_logo img {
								width:100%;
							}
							.footer_inner {
								display:block;
								margin:0 auto;
								width:70%;
							}
							.bottom {
								min-height:600px;
							}
						}
						@media screen and (max-width:700px) {
							.footer_top {
								min-height:30px;
							}
							.footer_inner {
								width:90%;
							}
							.icons a {
								padding:2px;
							}
							.footer_logo {
								width:25%;
							}
							.f_social li:hover:before {
								transform:scale(1) translateY(-15px) ;
							}
							.bottom {
								min-height:500px;
							}
						}
						@media screen and (max-width:530px) {
							.f_social li {
								width: 14%;
							}
							.footer_logo {
								width: 30%;
								padding-bottom: 6%;
							}
							.bottom {
								min-height:400px;
								background-attachment:inherit;
							}
						}
						@media screen and (max-width:390px) {
							.f_social li {
								width: 16%;
							}
							.f_social li img {
								width:100%;
							}
							.footer_logo {
								width: 40%;
								padding-bottom: 9%;
							}
							.bottom {
								min-height:300px;
							}
						}
/*---in_navbar---------------------------------------------------------------------------------------------------------------------------*/
.in_navbar {
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:url(../../images/nav_bg.png) top center repeat-y;
	text-align:center;
	z-index:999;
	width:100vw;
}
/*---inbanner-------------------------------------------------------------------------------------------------------------------------------*/
.inbanner {
	min-height:600px;
	position:relative;
	padding: 15% 0 0 0;
    text-align: center;
}
.inbanner_room {
	background:url(../../images/inbanner_room.jpg) top center no-repeat fixed;
	background-size:cover;
}
.inbanner_note {
	background:url(../../images/inbanner_note.jpg) top center no-repeat fixed;
	background-size:cover;
}
.inbanner_loc {
	background:url(../../images/inbanner_loc.jpg) top center no-repeat fixed;
	background-size:cover;
}
.inbanner_sce {
	background:url(../../images/inbanner_sce.jpg) top center no-repeat fixed;
	background-size:cover;
}
.inbanner_news {
	background:url(../../images/inbanner_new.jpg) top center no-repeat fixed;
	background-size:cover;
}
	/*intitle*/
	.intitle {
		position: relative;
		text-align: right;
		margin-right: 15%;
		padding-bottom: 3%;
	}
	@media screen and (max-width:1720px) {
		.inbanner {
			padding: 16% 0 0 0;
		}
	}
	@media screen and (max-width:1300px) {
		.inbanner {
			padding:17% 0 0 0;
		}
		.intitle {
			margin-right:3%;
		}
	}
	@media screen and (max-width:1200px) {
		.intitle {
			width:60vw;
			float:right;
			margin:0;
			padding:0 3% 3% 0;
		}
		.intitle img {
			width:100%;
		}
	}
	@media screen and (max-width:900px) {
		.inbanner {
			padding:19% 0 0 0;
		}
	}
	@media screen and (max-width:700px) {
		.inbanner {
			padding:20% 0 0 0;
		}
	}
	@media screen and (max-width:600px) {
		.intitle {
			width:80%;
		}
	}
	@media screen and (max-width:500px) {
		.inbanner_room,.inbanner_note,.inbanner_loc,.inbanner_sce {
			background-attachment:inherit;
		}
	}
	@media screen and (max-width:450px) {
		.inbanner {
			padding:25% 0 0 0;
		}
	}
	@media screen and (max-width:390px) {
		.intitle {
			width:70%;
		}
		.inbanner {
			padding:28% 0 0 0;
		}
	}
	@media screen and (max-width:340px) {
		.inbanner {
			padding:30% 0 0 0;
		}
	}
/*rmbt*/
.rmbt {
	width:80%;
	margin:0 auto;
	font-size:0;
	padding-bottom:2%;
}
	.rmbt ul {
	}
		.rmbt li {
			display:inline-block;
			vertical-align:top;
			width:12%;
		}
			.rmbt li img {
				width:100%;
			}
			@media screen and (max-width:1580px) {
				.rmbt li {
					width: 14%;
				}
			}
			@media screen and (max-width:1200px) {
				.rmbt li {
					width: 18%;
				}
			}
			@media screen and (max-width:980px) {
				.rmbt {
					width: 95%;
				}
				.rmbt li {
					width: 19%;
				}
			}
			@media screen and (max-width:600px) {
				.rmbt li {
					width: 26%;
				}
			}
			@media screen and (max-width:470px) {
				.rmbt li {
					width: 30%;
				}
			}
			@media screen and (max-width:390px) {
				.rmbt li {
					width: 32%;
				}
			}
/*wowslider-container1*/
#wowslider-container1 {
	background:url(../../images/room_bg.png) top center no-repeat;
	background-size:cover;
	padding:1%;
	position:relative;
}
	.ws_images div:nth-of-type(5) {
		display:none;
	}
/*room_deco01*/
.room_deco01 {
	text-align:center;
	position: relative;
    margin-top: -1%;
}
	@media screen and (max-width:1200px) {
		#wowslider-container1 {
			width:95%;
		}
	}
	@media screen and (max-width:710px) {
		.room_deco01 {
			z-index:1;
		}
		.room_deco01 img {
			width:50%;
		}
	}
	@media screen and (max-width:500px) {
		.room_deco01 img {
			width:55%;
		}
	}
	@media screen and (max-width:390px) {
		.room_deco01 {
			 margin-top: -2%;
		}
	}
/*---roomb_area--------------------------------------------------------------------------------------------------------------------------------------*/
.roomb_area {
	font-size:0;
	width:61%;
	margin:0 auto;
	position:relative;
	padding:3% 0 10%;
}
	/*room_deco02*/
	.room_deco02 {
		position:absolute;
		left:0;
		top:-20%;
	}
	.roomb {
		color:#fff;
		width:49%;
		display:inline-block;
		vertical-align:top;
		font-size:18px;
		padding:0 1%;
		text-align:left;
	}
		/*roomb_title*/
		.roomb_title {
			text-align:center;
			padding-bottom: 2%;
		}
			.roomb_title span:first-of-type {
				border-bottom:solid 1px #cfa972;
				display:block;
				font-size:20px;
				padding-bottom:4px;
				margin-bottom:5px;
				line-height:20px;
			}
			.roomb_title span:last-of-type {
				border-top:solid 1px #cfa972;
				display:block;
				font-size:13px;
				padding-top:4px;
				line-height:20px;
			}
		.roomb table {
		}
			.roomb table td {
				vertical-align:top;
			}
			@media screen and (max-width:1500px) {
				.roomb_area {
					width:80%;
				}
			}
			@media screen and (max-width:1220px) {
				.roomb_area {
					width:100%;
				}
			}
			@media screen and (max-width:900px) {
				.roomb {
					width:100%;
					padding:0 3% 5%;
				}
			}
			@media screen and (max-width:500px) {
				.room_deco02 {
					display:none;
				}
			}
			@media screen and (max-width:400px) {
				.roomb {
					font-size:15px;
				}
			}
/*---notice--------------------------------------------------------------------------------------------------------------------------------*/
.notice {
	width:60%;
	margin:0 auto;
	color:#fff;
	padding:0 0 10%;
}
	/*note*/
	.note {
		text-align:center;
		padding-bottom:5%;
	}
		.note img {
			padding-bottom:3%;
		}
		@media screen and (max-width:1200px) {
			.notice {
				width:80%;
			}
		}
		@media screen and (max-width:950px) {
			.note img {
				width:70%;
			}
		}
		@media screen and (max-width:600px) {
			.notice {
				width:90%;
				padding:0 0 15%;
			}
		}
		@media screen and (max-width:420px) {
			.note img {
				width:75%;
			}
		}
/*---services_loc----------------------------------------------------------------------------------------------------------------------------*/
#services_loc {
	padding-bottom:20%;
}
/*---sce----------------------------------------------------------------------------------------------------------------------------------*/
.sce {
	padding-bottom:10%;
}
	@media screen and (max-width:500px) {
		.sce {
			padding-bottom:15%;
		}
	}
/*---inews--------------------------------------------------------------------------------------------------------------------------------*/
#about{
	transform: translateY(-140px);
}
.inews {
	text-align:center;
	padding:0 5% 3%;
	background:url(../../images/inews_bg.png) top left no-repeat;
	background-size:cover;
}
	.inews_title img {
		margin:0 auto;
	}
	.inews table {
		width:50%;
		margin:0 auto;
		color:#c9b988;
	}
		.inews table a {
			color:#c9b988;
			transition:.2s ease-out;
		}
			.inews table a:hover {
				color:#fff;
			}
			@media screen and (max-width:1250px) {
				.inews table {
					width:70%;
				}
			}
			@media screen and (max-width:900px) {
				.inews table {
					width:80%;
				}
			}
			@media screen and (max-width:800px) {
				.inews table {
					width:100%;
				}
			}
			@media screen and (max-width:500px) {
				img.inews_title {
					width:70%;
				}
			}
/*news*/
.news {
	width:50%;
	margin:0 auto;
	color:#ffdc38;
}
	.newstable {
		width:100%;
	}
	table {
		width:100%;
	}
	.newstable a {
		color:#20d8d1 !important; 
		transition:.3s ease-out;
		display:inline;
	}
	.newstable a:hover {
		color:#fff;
	}
.ripple2 input {
	background: #79571e;
    border: solid 1px #938678;
    border-radius: 4px;
    padding: 1% 2%;
    letter-spacing: 2px;
    color: #fff;
	transition:.3s ease-out;
}
	.ripple2 input:hover {
		color:#fff;
		background:transparent;
	}
	@media screen and (max-width:1100px) {
		.news {
			width:70%;
		}
	}
	@media screen and (max-width:600px) {
		.news {
			width:100%;
			padding:0 3%;
		}
	}
	
.tableimg img {
	  display:block;
	  width:auto;
	  height:auto;
	  max-width:100%;
  }
	
/**order**/
.ordericon {
	position:fixed;
	bottom:165px;
	right:10px;
	display:inline-block;
	z-index:99;
}
.ordericon a {
	display: block;
	transition: .3s ease-in-out;
}
.ordericon a:hover {
	transform: scale(0.9);
    opacity: .9;