/*--------------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;
	background:#fff;
	color:#1b1b1b;
}

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


/****************************************************************************************************************************************/
/*services_loc*/
#services_loc {
	padding:1% 0 3% 0;
	width:75%;
	margin:0 auto;
	position:relative;
	z-index:5;
	color:#fff;
}
div#map_canvas {
	height:680px;
	width:80%;
	position:relative;
	border: solid 2px #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	margin: -39% 0 0 20%;
}
#services_loc span {
	padding:4% 0 2%;
}
@media screen and (max-width:1520px) {
	div#map_canvas {
		height: 620px;
		width: 80%;
		margin: -52% 0 0 23%;
	}
}
@media screen and (max-width:1360px) {
	div#map_canvas {
		height: 620px;
		width: 80%;
		margin: -52% 0 0 23%;
	}
}
@media screen and (max-width: 1360px) {
	div#map_canvas {
		height: 535px;
		width: 80%;
		margin: -54% 0 0 25%;
	}
}
@media screen and (max-width: 1300px) {
	div#map_canvas {
		height: 530px;
		width: 70%;
		margin: -54% 0 0 32%;
	}
}
@media screen and (max-width: 1100px) {
	div#map_canvas {
		height: 500px;
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width:800px) {
	#services_loc {
		width:100%;
	}
}
@media screen and (max-width:650px) {
	div#map_canvas {
		height: 450px;
	}
}
@media screen and (max-width:425px) {
	div#map_canvas {
		height: 400px;
	}
}
@media screen and (max-width:400px) {
	div#map_canvas {
		height: 370px;
	}
}

/*************************
********services_sce******
**************************/
#services_sce {
	padding-top:3%;
	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;
	letter-spacing:0;
}

.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 110px;
	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;
	}
}
/*********************************************************************************************************************************************/
/*---loading-----------------------------------------------------------------------------------------------------------------------------*/
#loading {
	background:#fff;
	height:100vh;
	width:100vw;
	position:relative;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
	#loading img {
		position:absolute;
		top:calc(50% - 140px);
		left:calc(50% - 249px);
	}
	@media screen and (max-width:600px) {
		#loading img {
			width:80%;
			left:9%;
			top:28vh;
		}
	}
/*----header area-------------------------------------------------------------------------------------------------------------------*/
/*header*/
.header {
	position:relative;
	background: url(../../images/mask.png) top right no-repeat;
	background-size:cover;
	text-align:center;
	height:152vh;
	margin-bottom:1%;
}
	/*ilogo*/
	.ilogo {
		text-align:center;
		padding:1% 0;
		padding:12% 0 2% 0;
	}
		.ilogo img {
		}
	/*scroll*/
	.scroll {
		z-index:5;
		position:relative;
		display:inline-block;
	}
		.scroll img {
			animation:moveing 1.2s infinite;
		}
	@keyframes moveing {
		0% {
			transform:translateY(0px);
			opacity:0;
		}
		50% {
			opacity:1;
		}
		100% {
			transform:translateY(30px);
			opacity:0;
		}
	}
/*dex area*/
#imgs {
}
.bg {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: opacity 3s linear;
  -moz-transition: opacity 3s linear;
  -o-transition: opacity 3s linear;
  transition: opacity 3s linear;
  opacity:0;
  z-index:-100;
}

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

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

#bg3 {
  background:url(../../flash/dex1.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);
}

/*---mobile ibutton----------------------------------------------------*/
.mibutton {
	position: fixed;
	top:3%;
    right:1%;
	width: 50px;
	height: 40px;
	padding: 0 10px;
	z-index: 10;
	cursor:pointer;
	display:none;
}
	.mibutton span {
		display: inline-block;
		width: 29px;
		height: 2px;
		transition: .3s ease all;
		position: absolute;
		left:11px;
		background:#000;
	}
		.mibutton span:nth-child(1) {
			top:10px;
			height:1px;
		}
		.mibutton span:nth-child(2) {
			top:18px;
		}
		.mibutton span:nth-child(3) {
			top:26px;
			height:3px;
		
		}
	.mibutton_ani span {
		background:#c45959;
	}
		.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;
		}
/*---navbar------------------------------------------------------------------------------------------------------------------------------*/
#navbar {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	text-align:center;
	display:none;
}
.navbar-in {
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
	display:block !important;
	opacity:1 !important;
}
	/*navbar*/
	.navbar {
		background:rgba(255,255,255,.9);
		border-radius:0;
		border:none;
		min-height:inherit;
		margin:0;
		box-shadow:none;
	}
	/*nav_deco*/
	.nav_deco {
		text-align:center;
	}
		/*navlogo*/
		.navlogo {
			display:none;
		}
			.navlogo a {
			}
		/*ibutton*/
		.ibutton {
			width:100%;
		}
			.ibutton ul {
			}
				.ibutton li {
					display: inline-block;
					vertical-align: bottom;
					width: 6%;
					text-align: center;
					font-weight: bold;
					transition: .3s ease-in;
					margin: 0 1%;
					padding: 1% 0;
				}
				li.lilogo {
					width:14%;
				}
					.ibutton li a {
						transition:.3s ease-in;
					}
					.ibutton li img {
						transition:.3s ease-in;
					}
					.ibutton li:hover {
						transform:scale(1.1);
						background:#fff;
						box-shadow: 0px 2px 3px rgba(0,0,0,.2);
					}
					.ibutton li.lilogo:hover {
						transform:none;
						background:rgba(255,255,255,.9);
						box-shadow:none;
					}
					@media screen and (max-width:1440px) {
						.ibutton li {
							width:7%;
						}
						li.lilogo {
							width: 20%;
						}
					}
					@media screen and (max-width:1200px) {
						.header {
							height:110vh;
						}
						#navbar {
							position:fixed;
							left:0;
							width:100%;
							display:block !important;
							opacity:1 !important;
						}
						.navlogo {
							display:inline-block;
							padding:1% 0;
						}
						li.lilogo {
							display:none;
						}
						.ibutton {
							display:none;
						}
						.mibutton {
							z-index:9999;
							display:block;
						}
						.ibutton li {
							width: 8%;
							padding:2% 0;
						}
						.ilogo {
							padding:18% 0 2%;
						}
							.ilogo img {
								width:25%;
							}
					}
					@media screen and (max-width:1100px) {
						.ibutton li {
							width:10%;
						}
						.ilogo {
							padding: 22% 0 2%;
						}
					}
					@media screen and (max-width:900px) {
						.ibutton li img {
							width:100%;
						}
						.header {
							height: 100vh;
						}
					}
					@media screen and (max-width:768px) {
						.navlogo {
							padding: 2% 0;
							width: 30%;
						}
							.navlogo img {
								width:100%;
							}
						.ibutton li {
							width: 23%;
						}
							.ibutton li img {
								width:65%;
							}
						.ilogo {
							padding: 30% 0 2%;
						}
					}
					@media screen and (max-width:500px) {
						.nav_deco img {
							width:50%;
							vertical-align:top;
						}
						.mibutton {
							top:1%;
						}
						.ibutton li img {
							width: 90%;
						}
						.ilogo {
							padding: 35% 0 2%;
						}
						.bg {
							/*position:absolute;*/
						}
						.navlogo {
							padding: 2% 0 0;
							width: 32%;
						}
					}
					@media screen and (max-width:450px) {
						.ibutton li img {
						}
						.ilogo img {
							width: 30%;
						}
					}
					@media screen and (max-width:375px) {
						.navlogo {
							padding: 3% 0 1%;
							width: 40%;
						}
						.ibutton li {
							width: 25%;
							padding:4% 0;
						}
						.ilogo {
							padding: 45% 0 2%;
						}
						.ilogo img {
							width: 35%;
						}
						.scroll img {
							width:50%;
						}
					}
/*gotop*/
#gotop {
	position:fixed;
	bottom:1%;
	right:6px;
	cursor:pointer;
	z-index:8;
	display:none;
}
	@media screen and (max-width:425px) {
		#gotop {
			width:16%;
		}
			#gotop img {
				width:100%;
			}
	}
/*---about------------------------------------------------------------------------------------------------------------------------------*/
.about {
	position:relative;
}
	/*about_mask*/
	.about_mask {
		background:url(../../images/about_mask_01.png) bottom right no-repeat;
		background-size: cover;
		min-height:1241px;
		position:relative;
	}
		/*about_text*/
		.about_text {
			position:absolute;
			top: 18%;
			right: 14%;
			width:30%;
			letter-spacing:2px;
		}
			.about_text img {
				padding: 0 0 14% 9%;
				width: 85%;
			}
			.about_text span {
				display:block;
				text-align:left;
				color:#fff;
			}
			.about_text strong {
				font-weight:normal;
				font-size:20px;
			}
			.about_text hr {
				margin:5% 0;
			}
	/*a1_img*/
	.a1_img {
	}
		.a1_img01 {
			position: absolute;
			left: 0;
			bottom: -36%;
			width: 43%;
			z-index:1;
		}
		.a1_img02 {
			position: absolute;
			right: 0;
			bottom: -24%;
			width: 24%;
		}
/*a2*/
.a2 {
	background:url(../../images/a2_mask.png) top center no-repeat,url(../../images/a2_bg.png) top center no-repeat fixed;
	background-size:cover;
	text-align:center;
}
	/*about_mask02*/
	.about_mask02 {
		background:url(../../images/about_mask_02.png) top center no-repeat;
		background-size:cover;
		min-height:372px;
	}
	/*a2_img*/
	.a2_img {
		margin-bottom: 0%;
		position: relative;
	}
		.a2_img01 {
			vertical-align: top;
			padding: 2% 1% 0%;
			width: 42%;
		}
		.a2_img02 {
			vertical-align: top;
			width: 54%;
			position: relative;
			margin-top: -9%;
			padding: 1%;
		}
		/*a2_deco*/
		.a2_deco {
			text-align:right;
			margin-top:-9%;
		}
			/*irbtn*/
			.irbtn {
				display: inline-block;
				vertical-align: top;
				padding: 2% 6% 1% 1%;
				z-index: 5;
				position: relative;
			}
				.irbtn img {
				}
			/*car*/
			.car {
				display: inline-block;
				vertical-align: top;
				padding:0 3% 0 0;
			}
		@media screen and (max-width:1600px) {
			.about_text img {
				width:90%;
			}
			.about_text {
				right: 19%;
				width: 32%;
			}
			.about_mask {
				min-height:1180px;
			}
		}
		@media screen and (max-width:1400px) {
			.about_mask {
				min-height: 1000px;
			}
			.about_text {
				right:15%;
			}
			.about_mask02 {
				min-height:310px;
			}
			.a2_img02 {
				width:56%;
				padding:5px;
				margin-top: -12%;
			}
		}
		@media screen and (max-width:1300px) {
			.about_mask {
				min-height: 900px;
			}
			.a1_img01 {
				width:47%;
			}
		}
		@media screen and (max-width:1200px) {
			.about_mask {
				min-height: 800px;
			}
			.about_text img {
				padding: 0 0 4% 9%;
			}
			.about_mask02 {
				min-height: 240px;
			}
		}
		@media screen and (max-width:1030px) {
			.about_mask {
				min-height: 750px;
			}
			.about_text {
				right: 18%;
				width:30%;
			}
		}
		@media screen and (max-width:990px) {
			.about_mask {
				background:url(../../images/abmask_mobile.png) bottom center no-repeat;
				background-size:cover;
				min-height:1215px;
			}
			.about_text {
				width:56%;
			}
			.about_text img {
				padding: 0 0 12% 9%;
			}
			.a1_img01 {
				width: 50%;
				bottom:-20%;
			}
			.a1_img02 {
				bottom: -10%;
				width: 33%;
			}
			.a2_deco {
				margin-top: -7%;
			}
			.car {
				width:45%;
			}
			.car img,.irbtn img {
				width:100%;
			}
			.irbtn {
				padding: 2% 6% 1% 7%;
				width: 45%;
			}
		}
		@media screen and (max-width:900px) {
			.about_mask {
				background-size:115%;
				min-height:1050px;
			}
			.about_text {
				position: relative;
				width: 100%;
				right: 0;
				padding: 22% 22% 0%;
			}
			.a1_img01 {
				bottom:-28%;
			}
		}
		@media screen and (max-width:820px) {
			.about_mask {
				min-height:980px;
			}
		}
		@media screen and (max-width:768px) {
			.about_mask {
				min-height:915px;
			}
			.about_text {
				padding:24% 22% 0;
			}
			.a1_img01 {
				width:55%;
			}
			.irbtn {
				padding:0% 0 1% 7%;
			}
			.car {
				width:40%;
			}
		}
		@media screen and (max-width:700px) {
			.about_mask {
				min-height:834px;
			}
			.irbtn {
				display: block;
				width: 50%;
				margin:0 auto;
				text-align: center;
				padding: 2% 0;
			}
		}
		@media screen and (max-width:625px) {
			.about_mask {
				min-height:743px;
			}
			.about_text {
				padding: 16% 13% 0 23%;
			}
			.a1_img01 {
				bottom: -37%;
				width:65%;
			}
			.a2_img01 {
				width:85%;
			}
			.a2_img02 {
				width: 95%;
				padding: 1%;
				margin-top: 0;
			}
			.a2_deco {
				margin-top: 0%;
			}
			.car {
				width: 50%;
			}
		}
		@media screen and (max-width:580px) {
			.about_mask {
				min-height: 713px;
				background-size:120%;
			}
			.a1_img01 {
				bottom: -46%;
				width: 74%;
			}
		}
		@media screen and (max-width:560px) {
			.about_mask {
				min-height: 688px;
			}
			.about_text {
				padding: 16% 18% 0 28%;
			}
			.about_text img {
				padding: 0 0 2% 9%;
			}
			.a1_img01 {
				bottom: -53%;
				width: 77%;
			}
			.about_text strong {
				font-size:18px;
			}
		}
		@media screen and (max-width:500px) {
			.about_mask {
				background-size: 130%;
				background-position-x: 64%;
				min-height: 663px;
			}
			.about_text {
				padding: 16% 18% 0 22%;
				font-size:14px;
				line-height:25px;
			}
			.about_text strong {
				font-size: 16px;
			}
			.a1_img01 {
				bottom: -46%;
				width: 85%;
			}
			.irbtn {
				width:65%;
			}
		}
		@media screen and (max-width:460px) {
			.about_mask {
				min-height:608px;
			}
			.a1_img01 {
				bottom:-52%;
			}
		}
		@media screen and (max-width:425px) {
			.about_mask {
				min-height: 570px;
			}
			.a1_img01 {
				bottom:-58%;
			}
		}
		@media screen and (max-width:375px) {
			.about_mask {
				min-height:492px;
			}
			.a1_img01 {
				bottom:-58%;
			}
			.about_text {
				padding: 9% 17% 0 25%;
				font-size: 12px;
			}
			.about_text strong {
				font-size: 14px;
			}
			.a1_img01,.a2_img01 {
				width:90%;
			}
		}
		@media screen and (max-width:350px) {
			.about_mask {
				min-height: 457px;
			}
			.about_text {
				padding: 3% 6% 0 23%;
			}
		}
/*a3*/
.a3 {
	background:url(../../images/a3_bg.jpg) top left no-repeat;
	background-size:cover;
	text-align:left;
	margin-top:-2%;
}
	.a3 img {
		padding:6% 3% 6% 3%;
		max-width:100%;
	}
/*---footer-------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:rgba(0,0,0,.9);
	text-align:center;
	padding:3% 0;
	color:#fff;
}
	/*flogo*/
	.flogo {
		display:inline-block;
		vertical-align:top;
		width:20%;
		padding:0 1%;
	}
	/*f_info*/
	.f_info {
		display:inline-block;
		vertical-align:top;
		text-align:left;
		width:20%;
		padding:0 1%;
	}
		/*fbtn*/
		.fbtn {
			padding: 6% 0 6%;
		}
			.fbtn ul {
			}
				.fbtn li {
					display:inline-block;
					vertical-align:top;
					width:32%;
					padding:1%;
					transition:.2s ease-in;
				}
					.fbtn li img {
						transition:.2s ease-in;
					}
					.fbtn li:hover img {
						transform: rotate(5deg);
						-webkit-filter:drop-shadow(0px 0px 10px rgba(255,255,255,.3));
						filter:drop-shadow(0px 0px 10px rgba(255,255,255,.3));
					}
		/*finfo*/
		.finfo {
		}
			.finfo ul {
			}
				.finfo li {
					color:#fff;
				}
	/*f_icon*/
	.f_icon {
		display:inline-block;
		vertical-align:bottom;
		text-align:left;
		width:24%;
		padding:0 1%;
	}
		/*bnbnumber*/
		.bnbnumber {
		}
		/*icons*/
		.icons {
			padding:4% 0;
		}
			.icons span {
				display:block;
			}
			.icons a {
				display:inline-block;
				vertical-align:top;
				transition:.3s ease-in;
				padding:3px 0;
			}
				.icons a:hover {
					transform:rotate(360deg);
				}
		/*copyright*/
		.copyright {
			color:rgba(102,102,102,1);
			font-size:12px;
			line-height:20px;
		}
			.copyright a {
				display:inline-block;
				color:rgba(102,102,102,1);
				transition:.3s ease-in;
			}
				.copyright a:hover {
					color:#fff;
				}
				@media screen and (max-width:1540px) {
					.f_info,.f_icon {
						width:30%;
					}
				}
				@media screen and (max-width:1260px) {
					.f_info,.f_icon {
						width:35%;
					}
					.flogo img {
						width:100%;
					}
					.flogo,.fbtn li {
						width:26%;
					}
					.flogo img,.fbtn li img {
						width:100%;
					}
				}
				@media screen and (max-width:900px) {
					.flogo {
						width: 100%;
						text-align: center;
						display: block;
						padding:2%;
					}
						.flogo img {
							width:30%;
						}
					.f_info, .f_icon {
						width: 47%;
					}
				}
				@media screen and (max-width:600px) {
					.f_info, .f_icon {
						width: 100%;
						display: block;
						padding: 4%;
					}
					.fbtn li {
						width:32%;
						text-align:center;
					}
					.fbtn li img {
						width: 60%;
					}
				}
				@media screen and (max-width:425px) {
					.flogo img {
						width: 37%;
					}
					.fbtn li img {
						width: 80%;
					}
				}
				@media screen and (max-width:375px) {
					.flogo img {
						width: 40%;
					}
					.fbtn li img {
						width: 100%;
					}
				}
/*---main------------------------------------------------------------------------------------------------------------------------------*/
#main {
	text-align:center;
}
	/*inbg*/
	.inbg {
	}
	.inbg_room {
		background:url(../../images/inbg_room.png) top center no-repeat fixed;
		background-size:cover;
	}
	.inbg_news {
		background:url(../../images/inbg_news.png) top center no-repeat fixed;
		background-size:cover;
	}
	.inbg_note {
		background:url(../../images/inbg_note.png) top right no-repeat fixed;
		background-size:cover;
	}
	.inbg_loc {
		background:url(../../images/inbg_loc.png) top center no-repeat fixed;
		background-size:cover;
	}
	.inbg_sce {
		background:url(../../images/inbg_sce.png) top center no-repeat fixed;
		background-size:cover;
	}
	/*intitle*/
	.intitle {
		height:70vh;
		position:relative;
		text-align:left;
	}
		.intitle img {
			position: absolute;
			left: 10%;
			bottom: 12%;
		}
	/*inner*/
	.inner {
		background:rgba(0,0,0,.6);
		min-height:300px;
		padding:2%;
	}
	/*inbottom*/
	.inbottom {
		text-align:center;
		padding:1% 4%;
	}
		.inbottom img {
			max-width:100%;
		}
	@media screen and (max-width:1100px) {
		.intitle img {
			left:calc(50% - 140px);
		}
	}
	@media screen and (max-width:900px) {
		.intitle img {
			width:30%;
			left:35%;
		}
	}
	@media screen and (max-width:600px) {
		.intitle img {
			width:40%;
			left:30%;
		}
	}
	@media screen and (max-width:500px) {
		.intitle {
			height:55vh;
		}
		.intitle_room {
			background:url(../../images/inbg_room.png) top center no-repeat;
			background-size:cover;
		}
		.intitle_note {
			background:url(../../images/inbg_note.png) top center no-repeat;
			background-size:cover;
		}
		.intitle_news {
			background:url(../../images/inbg_news.png) top center no-repeat;
			background-size:cover;
		}
		.intitle_loc {
			background:url(../../images/inbg_loc.png) top center no-repeat;
			background-size:cover;
		}
		.intitle_sce {
			background:url(../../images/inbg_sce.png) top center no-repeat;
			background-size:cover;
		}
		.inbg {
			background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
		}
		.intitle img {
			-webkit-filter: drop-shadow(1px 1px 0px rgba(0,0,0,.4));
			filter: drop-shadow(1px 1px 0px rgba(0,0,0,.4));
		}
	}
	@media screen and (max-width:400px) {
		.intitle img {
			width:45%;
			left:28%;
		}
	}
/*rmbt*/
.rmbt {
	display:inline-block;
	vertical-align:top;
	width:33%;
}
	.rmbt ul {
	}
		.rmbt li {
			display:inline-block;
			width:30%;
			vertical-align:top;
			padding:1%;
		}
			.rmbt li img {
				width:95%;
			}
/*wowslider-container1*/
#wowslider-container1 {
	display:inline-block;
	vertical-align:top;
	width:55%;
	margin-top: -26%;
}
.ws_images div:nth-of-type(5) {
	display:none;
}
	@media screen and (max-width:1260px) {
		.rmbt {
			width:35%;
		}
			.rmbt li img {
				width:100%;
			}
		#wowslider-container1 {
			width: 60%;
			margin-top: -32%;
		}
	}
	@media screen and (max-width:1100px) {
		.rmbt {
			width: 100%;
			display: block;
			text-align: center;
			padding:0 0 3% 0;
		}
			.rmbt li img {
				width: 55%;
			}
		#wowslider-container1 {
			width: 80%;
			margin-top: 0;
		}
	}
	@media screen and (max-width:700px) {
		.rmbt li img {
			width: 70%;
		}
		#wowslider-container1 {
			width:90%;
		}
	}
	@media screen and (max-width:600px) {
		.rmbt li img {
			width:100%;
		}
		#wowslider-container1 {
			width:100%;
		}
		#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev {
			display:none;
		}
	}
/*roomb*/
.roomb {
	color:#fff;
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:3% 2%;
	text-align:center;
}
	/*roomb_title*/
	.roomb_title {
		padding-bottom:4%;
	}
	/*room_info*/
	.room_info {
		text-align:left;
	}
	@media screen and (max-width:1100px) {
		.roomb {
			width:80%;
			padding:5% 2%;
		}
		.roomb_title {
			padding-bottom: 3%;
		}
	}
	@media screen and (max-width:700px) {
		.roomb {
			width:90%;
		}
	}
	@media screen and (max-width:600px) {
		.roomb {
			width:100%;
		}
	}
	@media screen and (max-width:500px) {
		.roomb_title img {
			width:35%;
		}
	}
	@media screen and (max-width:400px) {
		.roomb_title img {
			width:40%;
		}
	}
/*---news_main--------------------------------------------------------------------------------------------------------------------------*/
.news_main {
}
	.news_main table {
		width:100%;
		color:#fff;
	}
	table.tableimg img {
		max-width:100%;
	}
		.news_main table a {
			color:#ddce21;
			display:inline-block;
			transition:.2s ease-in;
		}
			.news_main table a:hover {
				color:#000;
			}
button, html input[type=button], input[type=reset], input[type=submit] {
	border:solid 2px #fff;
	background:transparent;
	padding:10px 3%;
	margin:1% 2%;
	border-radius:5px;
	transition:.2s ease-in;
}
	button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
		background:rgba(255,255,255,.5);
	}
/*---note--------------------------------------------------------------------------------------------------------------------------------*/
.note {
	color:#fff;
	padding:3% 0;
}
	/*note_title*/
	.note_title {
		display:inline-block;
		vertical-align:top;
		width:20%;
		padding:2% 0;
	}
	.notelist {
		display:inline-block;
		vertical-align:top;
		width:75%;
	}
	@media screen and (max-width:730px) {
		.note {
			padding:4% 0;
		}
		.note_title {
			display:block;
			width:100%;
			text-align:center;
		}
		.notelist {
			display:block;
			width:100%;
		}
	}
	@media screen and (max-width:480px) {
		.note_title img {
			width:40%;
		}
	}
	@media screen and (max-width:400px) {
		.note_title img {
			width:45%;
		}
	}
/*---inews---------------------------------------------------------------------------------------------------------------------------------*/
.inews {
	position:fixed;
	top:50vh;
	left:-300px;
	z-index:6;
	transition:.3s ease-in;
	-webkit-filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));
	filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));
}
	.inews:hover {
		left:0px;
	}
	/*inew_title*/
	.inew_title {
		cursor:pointer;
		float:right;
	}
		.inew_title img:last-of-type {
			display:none;
		}
	/*inews_list*/
	.inews_list {
		border-left:solid 10px #ccbf25;
		background:#fff;
		height: 279px;
		width: 300px;
		display: inline-block;
		vertical-align: top;
		padding:5%;
		text-align:left;
	}
		.inews_list table a {
			color:#000;
			transition:.2s ease-in;
		}
		.inews_list table a:hover {
			color:#d0c321;
		}
		@media screen and (max-width:600px) {
			.inews {
				position:relative;
				top:0;
				left:0;
				width:80%;
				margin:0 auto;
				background:rgba(255,255,255,.5);
				text-align:center;
				border-radius:5px;
				-webkit-filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));
				filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));
			}
			.inews_list {
				width:100%;
				height:auto;
				min-height:150px;
				background:none;
				border:0px;
			}
			.inew_title {
				float:none;
				text-align:center;
				padding:3% 0 1%;
			}
			.inew_title img:first-of-type {
				display:none;
			}
			.inew_title img:last-of-type {
				display:block;
				margin:0 auto;
			}
		}
		@media screen and (max-width:400px) {
			.inews {
				width:90%;
				margin-bottom:2%;
			}
			.inew_title img {
				width:60%;
			}
		}
		@media screen and (max-width:375px) {
			.inews {
				width:95%;
			}
			.inew_title img {
				width:50%;
			}
		}