/*--------------copyright by alva start-------------------------------*/
* {
    padding: 0px;
    margin: 0px;
}

ul,ol {
    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;
	color: #343434;
	background:#fff;
}

a {
    display: block;
	color:#333;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
td {
	vertical-align:top;
}


/****************************************************************************************************************************************/
/*************************
********services_sce******
**************************/
#services_sce {
	padding-top: 0px;
	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.333%;
	height:auto;
}

@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;
	}
}
/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
	position:fixed;
	bottom:10px;
	right:1%;
	cursor:pointer;
	display:none;
	z-index:9;
}
	@media screen and (max-width:500px) {
		#gotop {
			width:15%;
		}
		#gotop img {
			width:100%;
		}
	}
/*************************
*********services_news*****
**************************/

#services_news a {
	color: #b37525;
}

#services_news a:visited {
	color: #87571a;
}

#services_news a:hover,
#services_news a:focus {
	color: #6d4715;
}

.newstable table {
	width: 100%;
}
	.newstable table a {
		display:inline-block;
		color:#000;
		transition:.2s ease all;
	}
		.newstable table a:hover {
			color:#ff6e13;
		}
button, html input[type=button], input[type=reset], input[type=submit] {
	background: #d3d3d3;
    border: solid 1px #a7a7a7;
    border-radius: 5px;
    padding: 7px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.3);
	transition:.2s ease all;
}
input[type=reset] {
	background: rgb(173, 176, 176);
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background: #fff;
    box-shadow: 0px 0px 4px rgba(0,0,0,.3);
}
@media screen and (max-width:600px) {
	.newstable td {
		letter-spacing: 0px;
	}
}

.tableimg img {
	display: block;
	height: auto;
	max-width: 100%;
	max-height: auto;
}

.newstable iframe {
	display: block;
	height: 600px;
	max-width: 100%;
	max-height: auto;
}

@media screen and (max-width:991px) {
	.newstable table {
		width: 100%;
	}
}

@media screen and (max-width:767px) {
	.newstable iframe {
		padding-left: 15px;
		padding-right: 15px;
		height: 400px;
	}
	.table-responsive {
		border: 0px solid transparent;
		margin-bottom: 0px;
	}
}

/*carousel-fade*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
#intro {
	background:url(../../images/ibg.jpg) repeat;
	width:100%;
	height:100vh;
	text-align:center;
	padding:54px;
	transform:opacity .3s;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
	.introhide {
		transition: opacity 1s, visibility 0s 0.5s;
		opacity:0;
		visibility:hidden;
	}
	/*intro_block*/
	.intro_block {
		position:relative;
		background:url(../../images/icloud.png) top center no-repeat, url(../../images/idog.png) bottom center no-repeat,#fff;
		background-size:contain, auto;
		height:100%;
	}
		.intro_block a {
			height:100%;
		 }
			/*itext*/
			.itext {
				padding:7% 0 1% 0;
			}
			svg {
				width:15%;
			}
			/*ilogo*/
			.ilogo {
				width: 10%;
				margin: 0 auto;
			}
			/*pull*/
			.pull {
				position:absolute;
				bottom:0;
				left:44%;
				width:12%;
			}
				.pull img {
					width:100%;
				}
			/*idoor1*/
			.idoor1 {
				position:absolute;
				left: -5px;
				bottom: -54px;
				width:29%;
			}
				.idoor1 img {
					width:100%;
				}
			/*idoor2*/
			.idoor2 {
				position:absolute;
				bottom:-54px;
				right:-5px;
				width:29%;
			}
				.idoor2 img {
					width:100%;
				}
				@media screen and (max-width:1024px) {
					.itext {
						padding: 12% 0 1% 0;
					}
					svg {
						width: 20%;
					}
					.pull {
						left: 41%;
						width: 18%;
					}
					.intro_block {
						background-size: contain, 65%;
					}
				}
				@media screen and (max-width:800px) {
					.itext {
						padding: 20% 0 3% 0;
					}
					svg {
						width: 30%;
					}
				}
				@media screen and (max-width:600px) {
					.intro_block {
						background-size: contain,80%;
					}
					svg {
						width: 35%;
					}
				}
				@media screen and (max-width:500px) {
					.ilogo {
						width:13%;
					}
						.ilogo img {
							width:100%;
						}
					svg {
						width: 40%;
					}
					.intro_block {
						background-size: contain,100%;
					}
					.pull {
						left: 37%;
						width: 26%;
					}
					.idoor2,.idoor1 {
						width:35%;
					}
				}
				@media screen and (max-width:425px) {
					#intro {
						padding:50px;
						height:90vh;
					}
					.idoor2,.idoor1 {
						bottom:-50px;
					}
					svg {
						width: 50%;
					}
					.ilogo {
						width:15%;
					}
					.itext {
						padding: 18vh 0 3% 0;
					}
				}
				@media screen and (max-width:410px) {
					.itext {
						padding: 30vh 0 3% 0;
					}
				}
				@media screen and (max-width:375px) {
					.itext {
						padding: 13vh 0 3% 0;
					}
				}
				
/*---imain-------------------------------------------------------------------------------------------------------------------------------*/
.imain {
	background:url(../../images/ibg2.jpg) repeat;
	text-align:center;
	padding:0 150px;
	height:100vh;
	position:relative;
}
	/*imain_block*/
	.imain_block {
		position:relative;
	}
	/*carousel*/
	.carousel {
	}
		/*item*/
		.item {
			background: url(../../flash/dex1.jpg) top center no-repeat;
			background-size:cover;
			width:100%;
			height:100vh;
		}
		.carousel .item:nth-of-type(2) {
			background: url(../../flash/dex2.jpg) top center no-repeat;
			background-size:cover;
		}
		.carousel .item:nth-of-type(3) {
			background: url(../../flash/dex3.jpg) top center no-repeat;
			background-size:cover;
		}
		.carousel .item:nth-of-type(4) {
			background: url(../../flash/dex4.jpg) top center no-repeat;
			background-size:cover;
		}
/*---menu_area----------------------------------------------------------------------------------------------------------------------------*/
/*menu*/
.menu {
	position: fixed;
    top: 32%;
    left: 0;
    z-index: 99;
    cursor: pointer;
    background:#d94f4f;
    border-radius: 0px 10px 10px 0px;
    padding: 1%;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
/*navbar*/
.navbar {
	border-radius: 2px;
    min-height: inherit;
    margin: 0;
    z-index: 999;
	width:200px;
	position:fixed;
	top:32%;
	left:-200px;
	transition:  all .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	background: rgba(255,255,255,.8);
    border-radius: 0px 10px 10px 0px;
}
/*navbarshow*/
.navbarshow {
	left:0;
}
.in {
	top:0;
	border-radius: 0px 0px 10px 0px;
}
	/*close*/
	.menuclose {
		text-align:left;
		float:none;
		opacity:1;
		cursor:pointer;
		padding:5%;
	}
	/*ibuttons*/
	.ibuttons {
		padding: 4% 6%;
		text-align:left;
	}
		.ibuttons ul {
			text-align:center;
		}
			.ibuttons li {
				text-align:left;
				position:relative;
				transition:.2s ease-in;
				margin-bottom:5%;
			}
				.ibuttons li a {
					width:100%;
				}
					.ibuttons li img {
						padding-right:20px;
					}
					/*ibutton*/
					.ibutton {
						transition:.2s ease-in;
					}
					/*ibutton01*/
					.ibutton01 {
						position:absolute;
						top:0;
						left:0;
						opacity:0;
						transition:.2s ease-in;
						width:100%;
					}
					h1 {
						font-size:16px;
						display:inline-block;
						vertical-align:middle;
						color:#585858;
						position:relative;
					}
						h1:after {
							content:'';
							position:absolute;
							bottom:-2px;
							left:0;
							height:1px;
							width:0;
							transition:.2s ease-in;
							background:#252525;
						}
					/*hover*/
					.ibuttons li:hover .ibutton01 {
						opacity:1;
						
					}
					.ibuttons li:hover .ibutton {
						opacity:0;
						
					}
					.ibuttons li:hover h1:after {
						width:100%;
						
					}
/*top*/
.top {
	background:url(../../images/topbg01.png) top center no-repeat;
	background-size:cover;
	min-height:167px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.intop {
	background:url(../../images/topbg02.png) top center no-repeat;
	background-size:cover;
	position:fixed;
	z-index:9;
	text-align:center;
}
	.top a {
		display:inline-block;
	}
		.top img {
			padding:9px 0 0 0;
		}
		.intop img {
			padding:13% 0 0 0;
		}
/*inews*/
.inews {
	position: absolute;
    bottom: 0;
    left:2%;
    width: 96%;
    margin: 0 auto;
}
	/*inews_title*/
	.inews_title {
		background:url(../../images/inews_title.png) bottom center no-repeat;
		background-size:cover;
		min-height:63px;
	}
	/*inews_table*/
	.inews_table {
		background:rgba(125,0,0,.75);
		min-height:145px;
		text-align:left;
		padding:1% 5%;
		color:#fff;
	}
		.inews_table a　{
			display:inline-block;
			color:#fff;
		}
		table.newsline a {
			color:#fff;
		}
		@media screen and (max-width:1200px) {
			.imain {
				padding:0 100px;
			}
		}
		@media screen and (max-width:700px) {
			.imain {
				padding:0 80px;
			}
			.inews_table {
				min-height:110px;
			}
		}
		@media screen and (max-width:500px) {
			.imain {
				padding:0 30px;
			}
			.inews_table {
				min-height:110px;
			}
			.menu,.navbar {
				top:0;
			}
			.navbar {
				border-radius: 0px 0px 10px 0px;
			}
			.menu {
				border-radius: 0px 0px 10px 0px;
				padding: 2%;
			}
				.menuclose img {
					width:25%;
				}
			.ibuttons li img {
				width:37%;
				display:inline-block;
			}
		}
		@media screen and (max-width:425px) {
			.top {
				min-height:100px;
			}
				.top img {
					width:90%;
					padding:5px 0 0 0;
				}
		}
/*---about-------------------------------------------------------------------------------------------------------------------------------*/
/*about1*/
.about1 {
	background:url(../../images/a1_bg.png) bottom right no-repeat,url(../../images/bg_light.png) top right no-repeat,url(../../images/triangle.png) top left no-repeat,url(../../images/about_bg.png) repeat;
	text-align:left;
	position:relative;
	padding:0 0 1% 0;
	background-size: auto,20%,28%,auto;
    background-position-x: 0,70%,0;
}
	/*a1_img01*/
	.a1_img01 {
		display:inline-block;
		vertical-align:bottom;
		width:51%;
	}
		.a1_img01 img {
			width:100%;
		}
	/*text*/
	.text {
		background:#fff;
		display:inline-block;
		vertical-align:bottom;
		margin-bottom: 4%;
		padding: 2% 0 2% 2%;
		min-height:510px;
		width:40%;
	}	
		.text img {
			margin-top: -92px;
			position:relative;
		}
		img.board {
			position:relative;
			vertical-align:bottom;
			padding-right:3%;
			width:39%;
		}
		img.text_title {
			vertical-align:bottom;
			width:59%;
		}
		.text span {
			display:block;
			color:#de7b23;
			padding:8% 0 0;
		}
	/*light*/
	.light {
		position:absolute;
		top:0;
		right: 5%;
		width: 23%;
	}
		.light img {
			width:100%;
		}
	/*flower*/
	.flower {
		position:absolute;
		bottom:0;
		right: 3%;
		width: 18%;
	}
		.flower img {
			width:100%;
		}
		@media screen and (max-width:1780px) {
			.about1 {
				background-position-x: 100%,70%,0,0;
			}
			.text {
				min-height:548px;
				padding: 4% 0 2% 2%;
			}
		}
		@media screen and (max-width:1520px) {
			.light {
				width:20%;
			}
		}
		@media screen and (max-width:1440px) {
			.about1 {
				background-position-x: 45%,70%,0,0;
			}
			.light {
				width:17%;
				right:3%;
			}
			.flower {
				width:15%;
			}
			.intop {
				min-height:140px;
			}
			.intop img {
				padding: 8% 0 0 0;
			}
		}
		@media screen and (max-width:1300px) {
			.about1 {
				background-position-x: 45%,70%,0,0;
				background-size: 107%,20%,28%,auto;
			}
			.text {
				min-height:370px;
			}
		}
		@media screen and (max-width:1200px) {
			.about1 {
				background-size: 111%,20%,28%,auto;
				padding-bottom:3%;
			}
			.text {
				padding: 6% 0 2% 2%;
			}
			.a1_img01 {
				display: block;
				width:100%;
				vertical-align:top;
				background:url(../../images/a1_bg_01.png) bottom center no-repeat;
				background-size:cover;
				text-align:center;
				padding-bottom:3%;
			}
			.a1_img01 img {
				width: 60%;
				margin:0 auto;
			}
			.text {
				padding:0% 0 4% 2%;
				width: 60%;
				margin: 2% auto 0;
				display: block;
				min-height:inherit;
				border-top: solid 6px #fdd45c;
			}
			.text img {
				margin-top: -11px;
			}
		}
		@media screen and (max-width:768px) {
			.a1_img01 img {
				width:70%;
			}
			.text {
				width:80%;
			}
		}
		@media screen and (max-width:580px) {
			.intop {
				min-height: 120px;
			}
			.intop img {
				padding: 4% 0 0 0;
			}
		}
		@media screen and (max-width:520px) {
			.a1_img01 {
				padding:7% 0;
			}
			.text {
				margin:6% auto;
			}
			.text span {
				padding: 8% 2% 10%;
			}
			.light {
				width:26%;
			}
			.flower {
				right:1%;
				width:17%;
			}
		}
		@media screen and (max-width:375px) {
			.a1_img01 {
				padding: 12% 0;
			}
			.a1_img01 img {
				width: 85%;
			}
			.text {
				width: 90%;
			}
			img.board {
				padding-right:1%;
				width:38%;
			}
			.text img {
				margin-top: -8px;
			}
			.intop img {
				padding: 6% 0 0 0;
				width:80%;
			}
		}
/*---about2---------------------------------------------------------------------------------------------------------------------------*/
.about2 {
	background:url(../../images/a2_bg.png) top center no-repeat;
	background-size:cover;
	min-height:1087px;
	text-align:center;
	padding:7% 0 0 0;
	position:relative;
	margin-bottom:-5%;
}
	.about2 img {
		vertical-align:bottom;
		width:26%;
		padding:0 3px;
	}
	.about2 img:nth-of-type(1) {
		padding-bottom:4%;
	}
	.about2 img:nth-of-type(2) {
		width:21%;
	}
	.about2 img:nth-of-type(3) {
		width:28%;
	}
	@media screen and (max-width:1650px) {
		.about2 {
			min-height:930px;
		}
	}
	@media screen and (max-width:1440px) {
		.about2 {
			min-height:900px;
			padding:10% 0 0 0;
		}
		.about2 img {
			width:30%;
		}
		.about2 img:nth-of-type(2) {
		width:23%;
		}
		.about2 img:nth-of-type(3) {
			width:31%;
		}
	}
	@media screen and (max-width:1240px) {
		.about2 {
			min-height:inherit;
			padding: 10% 0 13% 0;
		}
	}
	@media screen and (max-width:768px) {
		.about2 {
			padding: 10% 0 16% 0;
		}
		.about2 img:nth-of-type(1) {
			margin: 0 auto;
			width: 52%;
			display:block;
		}
		.about2 img:nth-of-type(2) {
			width: 30%;
		}
		.about2 img:nth-of-type(3) {
			width: 40%;
		}
	}
	@media screen and (max-width:500px) {
		.about2 {
			padding: 10% 0 20% 0;
		}
		.about2 img:nth-of-type(1) {
			width: 70%;
		}
		.about2 img:nth-of-type(2) {
			width: 40%;
		}
		.about2 img:nth-of-type(3) {
			width: 54%;
		}
	}
	@media screen and (max-width:375px) {
		.about2 img:nth-of-type(1) {
			width: 80%;
		}
	}
/*--banner---------------------------------------------------------------------------------------------------------------------------------*/
.space {
	min-height:500px;
}
.banner_about {
	background:url(../../images/banner_about.jpg) top center no-repeat fixed;
	background-size:cover;
}
.banner_room {
	background:url(../../images/banner_room.jpg) top center no-repeat fixed;
	background-size:cover;
}
.banner_news {
	background:url(../../images/banner_news.jpg) top center no-repeat fixed;
	background-size:cover;
}
.banner_note {
	background:url(../../images/banner_note.jpg) top center no-repeat fixed;
	background-size:cover;
}
.banner_loc {
	background:url(../../images/banner_loc.jpg) top center no-repeat fixed;
	background-size:cover;
}
.banner_sce {
	background:url(../../images/banner_sce.jpg) top center no-repeat fixed;
	background-size:cover;
}
/*bottom*/
.bottom {
	min-height:89px;
}
.bottom_room {
	background:url(../../images/bottom_room.png) top center no-repeat;
}
.bottom_news {
	background:url(../../images/bottom_news.png) top center no-repeat;
}
.bottom_note {
	background:url(../../images/bottom_note.png) top center no-repeat;
}
.bottom_loc {
	background:url(../../images/bottom_loc.png) top center no-repeat;
}
.bottom_sce {
	background:url(../../images/bottom_sce.png) top center no-repeat;
}

	/*footer_top*/
	.footer_top {
		background: url(../../images/footer_top.png) bottom center no-repeat,url(../../images/footer_deco.png) bottom center no-repeat;
		background-size:auto,cover;
		min-height:144px;
		text-align:center;
	}
	@media screen and (max-width:1300px) {
		.about2 {
			margin-bottom:-6%;
		}
		.space {
			min-height: 450px;
		}
	}
	@media screen and (max-width:1024px) {
		.space {
			min-height:400px;
		}
	}
	@media screen and (max-width:768px) {
		.space {
			min-height:250px;
		}
		.footer_top {
		}
		.about2 {
			margin-bottom: -12%;
		}
	}
	@media screen and (max-width:600px) {
		.space {
			min-height:250px;
		}
		.banner {
			background-attachment:inherit;
		}
		.footer_top {
			background-size: auto,255%;
			background-position-y: 0,67%;
		}
		.about2 {
			margin-bottom: -13%;
		}
	}
	@media screen and (max-width:470px) {
		.space {
			min-height:220px;
		}
		.footer_top {
			background-position-y: 0,77%;
		}
		.about2 {
			margin-bottom: -14%;
		}
	}
	@media screen and (max-width:425px) {
		.space {
			min-height:40px;
		}
	}
/*---footer----------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background: url(../../images/footer_bg.png) top center repeat-y;
	text-align:center;
	background-size:auto;
	padding:0 2% 2%;
}
	/*flogo*/
	.flogo {
	}
	/*finfo*/
	.finfo {
		padding:1% 0;
	}
		.finfo ul {
		}
			.finfo li {
				display:inline-block;
				vertical-align:top;
				padding:0 10px;
			}
	/*fbtn*/
	.fbtn {
	}
		.fbtn ul {
		}
			.fbtn li {
				display:inline-block;
				vertical-align:top;
				padding:1% 8px;
			}
			/*hover*/
			.fbtn li:hover {
				animation:imgflash 1s ease-in;
			}
			@keyframes imgflash {
				0% {
					opacity:.4;
				}
				100% {
					opacity:1;
				}
			}
	/*icon*/
	.icon {
		padding:1% 0;
	}
		.icon a {
			display:inline-block;
			transition:.3s ease-out;
		}
			.icon a:hover {
				transform:rotate(360deg);
			}
	/*copyright*/
	.copyright {
		color:#898339;
		font-size:14px;
		padding:0;
	}
		.copyright a {
			display:inline-block;
			color:#898339;
			transition:.3s ease-out;
		}
			.copyright a:hover {
				color:rgba(51,51,51,1);
			}
		@media screen and (max-width:660px) {
			.flogo img {
				width:37%;
			}
			.finfo {
				padding: 4% 0;
			}
			.icon {
				padding: 2% 0;
			}
		}
		@media screen and (max-width:470px) {
			.flogo img {
				width:40%; 
			}
			.finfo {
				padding: 4% 0;
			}
			.icon {
				padding: 2% 0;
			}
				.icon a {
					width:8%;
				}
					.icon a img {
						width:100%;
					}
			.finfo li {
				font-size:14px;
			}
			.fbtn li {
				width:26%;
			}
				.fbtn li img {
					width:100%;
				}
		}
		@media screen and (max-width:375px) {
			.flogo img {
				width:45%; 
			}
			.fbtn li {
				padding:1% 3px;
				width:30%;
			}
		}
/*---main---------------------------------------------------------------------------------------------------------------------------*/
main {
}
	.bg_room {
		background:url(../../images/bg_room.png) top center repeat-y;
		text-align:center;
	}
	.bg_news {
		background:url(../../images/bg_news.png) top center repeat-y;
	}
	.bg_note {
		background:url(../../images/bg_note.png) top center repeat-y;
	}
	.bg_loc {
		background:url(../../images/bg_loc.png) top center repeat-y;
	}
	.bg_sce {
		background:url(../../images/bg_sce.png) top center repeat-y;
	}
/*---room-------------------------------------------------------------------------------------------------------------------------------*/
.innertop {
	min-height:265px;
	position:relative;
}
	/*room_title*/
	.room_title {
		background:url(../../images/room_title.png) bottom center no-repeat;
		background-size:cover;
		min-height:91px;
		position:absolute;
		bottom:-21px;
		left:0;
		z-index:3;
		width:100%;
	}
/*rmbt*/
.rmbt {
	text-align:center;
	padding-bottom:3%;
}
	.rmbt ul {
	}
		.rmbt li {
			display:inline-block;
			vertical-align:top;
			padding:0 3px;
		}
/*roomb*/
.roomb {
	display:inline-block;
	vertical-align:top;
	width:40%;
	padding:1% 2%;
	text-align:center;
}
	/*roomb_title*/
	.roomb_title {
		padding-bottom:3%;
	}
	/*room_info*/
	.room_info {
		background:rgba(255,255,255,.5);
		padding:3%;
		border-radius:5px;
		text-align:left;
	}
	@media screen and (max-width:1440px) {
		.roomb {
			width:47%;
		}
	}
	@media screen and (max-width:1200px) {
		.roomb {
			width:47%;
		}
		.room_title {
			min-height:80px;
			bottom:-19px;
		}
		.innertop {
			min-height:240px;
		}
		.rmbt li {
			width:20%;
			padding:0 1%;
		}
			.rmbt img {
				width:100%;
			}
		.roomb_title {
			width:90%;
			margin:0 auto;
		}
			.roomb_title img {
				width:100%;
			}
	}
	@media screen and (max-width:900px) {
		.innertop {
			min-height: 208px;
		}
			.room_title {
				min-height: 65px;
				bottom: -15px;
			}
	}
	@media screen and (max-width:768px) {
		.rmbt li {
			width:23%;
		}
		.roomb {
			width: 80%;
			display: block;
			margin: 0 auto;
			padding:0 3% 5%;
		}
		.roomb_title {
			width:80%;
			padding-bottom:10px;
		}
	}
	@media screen and (max-width:620px) {
		.innertop {
			min-height: 190px;
		}
		.room_title {
			min-height: 60px;
			bottom: -14px;
		}
		.rmbt li {
			width: 24%;
			padding:0;
		}
		.roomb {
			width:100%;
		}
		.bottom {
			min-height: 40px;
		}
	}
	@media screen and (max-width:500px) {
		.innertop {
			min-height: 165px;
		}
		.room_title {
			min-height: 50px;
			bottom: -12px;
		}
		.bottom {
			min-height: 29px;
		}
	}
	@media screen and (max-width:425px) {
		.innertop {
			min-height: 160px;
		}
		.room_title {
			min-height: 40px;
			bottom: -9px;
		}
		.bottom {
			min-height: 25px;
		}
		.rmbt li {
			width:23.5%;
		}
		#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev {
			display:none;
		}
		#wowslider-container1 .ws_bullets {
			bottom:0;
		}
		.roomb_title {
			padding-bottom:3px;
		}
	}
/*---title------------------------------------------------------------------------------------------------------------------------------*/
.title {
	position:absolute;
	bottom:6%;
	left:calc(50% - 155.5px);
}
/*---news_main------------------------------------------------------------------------------------------------------------------------------*/
.news_main {
	background: url(../../images/news_bg.png) bottom right no-repeat,#e47c57;
	background-size:contain;
	width:80%;
	margin:0 auto;
	min-height:800px;
	padding:3%;
}
	/*news_deco*/
	.news_deco {
		color:#fff;
		text-shadow:2px 2px 0px #cc4110;
		font-size:20px;
		text-align:center;
		padding:0 0 2%;
	}
	.news_main table {
		width:100%;
	}
		.news_main table a {
			display:inline-block;
			color:rgb(255, 231, 174);
			transition:.2s;
		}
			.news_main table a:hover {
				color:#fff;
			}
/*block*/
.block {
	min-height:10vh;
}
	@media screen and (max-width:768px) {
		.title {
			left: 30%;
			width: 40%;
		}
			.title img {
				width:100%;
			}
		.news_main {
			min-height:600px;
			width:90%;
		}
	}
	@media screen and (max-width:425px) {
		.title {
			left: 28%;
			width: 45%;
		}
		.news_deco {
			font-size:18px;
			padding:0 0 3%;
		}
		.news_main {
			min-height:500px;
		}
		.block {
			min-height: 5vh;
		}
	}
/*---note-------------------------------------------------------------------------------------------------------------------------------*/
.note {
	padding:2% 0 4%;
}
	/*note_title*/
	.note_title {
		min-height:97px;
		padding-bottom:1%;
	}
	.note_title01 {
		background:url(../../images/note01.png) top center no-repeat;
		background-size:cover;
	}
	.note_title02 {
		background:url(../../images/note02.png) top center no-repeat;
		background-size:cover;
	}
	.note_title03 {
		background:url(../../images/note03.png) top center no-repeat;
		background-size:cover;
	}
	@media screen and (max-width:768px) {
		.note_title {
			min-height:70px;
		}
	}
	@media screen and (max-width:425px) {
		.note_title {
			min-height:60px;
		}
		.note {
			padding:3% 0 6%;
		}
	}
/*---services_loc------------------------------------------------------------------------------------------------------------------------*/
#services_loc {
}
	#map_canvas {
		width:100%;
		height:600px;
	}
	@media screen and (max-width:500px) {
		#map_canvas {
			height:400px;
		}
	}
	@media screen and (max-width:425px) {
		#map_canvas {
			height:340px;
		}
	}