/*--------------copyright by alva start-------------------------------*/
/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/*---title---------------------------------------------------------------------------------------------------------------------------*/
.title {
	padding:2em 0;
	text-align:center;
	position:relative;
	z-index:6;
}
	.title:before {
		content:'';
		background:#fff;
		width:36%;
		height:1px;
		position:absolute;
		bottom:5em;
		left:0;
	}
	.title:after {
		content:'';
		background:#fff;
		width:36%;
		height:1px;
		position:absolute;
		bottom:5em;
		right:0;
	}
.title img {
}
	@media screen and (max-width:1200px) {
		.title:before,.title:after {
			width:30%;
		}
	}
	@media screen and (max-width:991px) {
		.title:before,.title:after {
			width:25%;
		}
		#services_isce {
			background-attachment:inherit;
		}
	}
	@media screen and (max-width:740px) {
		.title img {
			max-width: 45%;
		}
		.title:before,.title:after {
			width:22%;
		}
		#services_isce {
			padding-top:2em;
		}
	}
	@media screen and (max-width:500px) {
		.title img {
			max-width: 55%;
		}
		.title:before,.title:after {
			width:20%;
		}
	}
	@media screen and (max-width:430px) {
		.title img {
			max-width:60%;
		}
		.title:before,.title:after {
			width:18%;
			bottom:4em;
		}
	}
	@media screen and (max-width:380px) {
		.title img {
			max-width:70%;
		}
		.title:before,.title:after {
			width:15%;
		}
	}
/*---footer--------------------------------------------------------------------------------------------------------------------------*/
footer {
	text-align:center;
	font-size:16px;
}
/*ftlogo*/
.ftlogo {
	position:relative;
	margin:4em 0 2em;
}
	.ftlogo:before {
		content:'';
		background:url(../../images/line.png) bottom left repeat-x;
		position:absolute;
		bottom:0;
		left:0;
		height:40px;
		width:30%;
	}
	.ftlogo:after {
		content:'';
		background:url(../../images/line.png) bottom right repeat-x;
		position:absolute;
		bottom:0;
		right:0;
		height:40px;
		width:30%;
	}
.ftlogo img:nth-of-type(2) {
	padding:2em 0 1em;
	display:block;
	margin:0 auto;
}
/*ftinfo*/
.ftinfo {
	width:550px;
	margin:0 auto;
	max-width:95%;
	padding:1em 0 3em;
	text-align:left;
	color:#4a4a4a;
}
.ftinfo ul {
}
.ftinfo li {
	padding:.2em 0;
}
.ftinfo li img {
	vertical-align:middle;
}
.ftinfo li p {
	display:inline-block;
	vertical-align:top;
	line-height:1.5;
}
.ftinfo li p:nth-of-type(1) {
	white-space: nowrap;
}
.ftinfo li p:nth-of-type(2) {
	width: 62%;
    word-wrap: break-word;
    word-break: break-all;
	letter-spacing: 1px;
}
/*ftbtn*/
.ftbtn {
	width:590px;
	margin:0 auto;
	max-width:95%;
}
.ftbtn li {
	display:inline-block;
	vertical-align:baseline;
	width:31%;
	padding:0 1em 2em;
}
.ftbtn a {
	transition:.2s linear;
}
	.ftbtn a:hover {
		opacity:.8;
		transform:translateY(-5px);
	}
/***ftbtm***/
.ftbtm {
	background:#252525;
	text-align:center;
	padding:2em 1em 2em;
	font-size:14px;
}
/*ftmark*/
.ftmark {
	padding:1em 0 0 0;
}
.ftmark img {
	padding:5px;
}
/*number*/
.number {
	color:#fff;
	padding:1em 0 2em;
}
/*icon*/
.icon {
	color:#828282;
}
.icon a {
	display:inline-block;
	vertical-align:middle;
	padding:3px;
	transition:.2s linear;
}
	.icon a:hover {
		-webkit-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.52));
		filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.52));
	}
/*copyright*/
.copyright {
	color:#828282;
}
.copyright a {
	display:inline-block;
	color:#828282;
}
	.copyright a:hover {
		color:#fff;
	}
	@media screen and (max-width:1000px) {
		.ftlogo:before,.ftlogo:after {
			width:24%;
		}
		.ftbtn li {
			padding: 0 .2em 1em;
		}
	}
	@media screen and (max-width:500px) {
		.ftlogo img:nth-of-type(1) {
			width:195px;
		}
		.ftlogo img:nth-of-type(2) {
			padding: 1em 0 0em;
			width: 130px;
		}
		.ftbtm {
			padding:1em;
		}
		.ftmark img {
			width:20%;
		}
		.ftlogo {
			margin:3em 0 2em;
		}
	}
	@media screen and (max-width:380px) {
		.ftlogo:before, .ftlogo:after {
			width: 21%;
			height:30px;
		}
		.ftinfo {
			padding: 0em 0 1em;
		}
		.ftbtn li {
			width:32%;
		}
		.ftmark img {
			width: 23%;
		}
		.number {
			padding: 0em 0 1em;
		}
		footer {
			font-size:15px;
		}
	}
	@media screen and (max-width:350px) {
		.ftlogo {
			margin: 2em 0 2em;
		}
		.ftlogo img:nth-of-type(2) {
			width:120px;
		}
		.ftinfo li p:nth-of-type(2) {
			width:56%;
		}
		.ftbtm {
			font-size:12px;
		}
		.ftmark {
			padding:0;
		}
		.ftmark img {
			padding: 3px;
		}
	}
/*.btns*/
.btns {
	position:fixed;
	bottom:5%;
	right:1em;
	cursor:pointer;
	display:none;
	z-index:9;
	text-align:center;
}
	.btns div {
		transition:.3s ease-in-out;
		margin:5px 0;
	}
		.btns div img {
			max-width:100%;
		}
		.btns div:hover {
			transform:scale(.9);
		}
	@media screen and (max-width:768px) {
		.btns {
			width:7%;
		}
	}
	@media screen and (max-width:600px) {
		.btns {
			width:55px;
		}
	}
	@media screen and (max-width:430px) {
		.btns {
			bottom:1%;
		}
	}
/*---header---------------------------------------------------------------------------------------------------------------------------*/
header {
	text-align:center;
	background:#fff;
	width:100%;
	height:96px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	z-index:50;
}
/*intop*/
.intop {
}
.intop a {
	display: inline-block;
    width: 210px;
    padding: .2em 0;
}
	.intop a:hover {
		opacity:.8;
	}
/***mibutton***/
.mibutton {
	position: fixed;
    top: 0;
    right: 0;
    z-index: 50;
    cursor: pointer;
    width: 90px;
    height: 96px;
    text-align: left;
    background: url(../../images/menu_bg.jpg) top left repeat;
    padding:1.5em 1em 1em 1.5em;
	box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	transition: .5s;
}
	.mibutton span {
		display:block;
		border-radius:20px;
		text-align:center;
		font-weight: 700;
		transition: .3s ease all;
		font-size:12px;
		color:#cabfb4;
	}
		.mibutton span:nth-child(2) {
			width: 100%;
			height: 3px;
			transition: .3s ease all;
			background:#cabfb4;
			text-align: left;
			margin-bottom:.5em;
			margin-top: .3em;
		}
		.mibutton span:nth-child(3) {
			width: 75%;
			height: 3px;
			transition: .3s ease all;
			background:#cabfb4;
			text-align: left;
			margin-top: .3em;
		}
	.mibutton_ani {
		box-shadow:0px 0px 0px rgb(0 0 0 / 30%);
		background: none;
		transition: .5s;
		transform: scale(.8);
		transform-origin: top left;
	}
	.mibutton_ani span {
		opacity:1;
	}
		.mibutton_ani span:nth-child(1) {
			opacity:0;
		}
		.mibutton_ani span:nth-child(2) {
			-webkit-transform:rotate(45deg);
					transform:rotate(45deg);
			-webkit-transform-origin:center;
					transform-origin:center;
		}
		.mibutton_ani span:nth-child(3) {
			-webkit-transform:rotate(-45deg);
					transform:rotate(-45deg);
			-webkit-transform-origin:center;
					transform-origin:center;
					width: 100%;
					margin-top: -.5em;
		}
	.mibutton:hover span:nth-child(3) {
		width: 100%;
	}
/*navbar*/
.navbar {
	position:fixed;
	top:0;
	right:0;
	width:350px;
	text-align:center;
	z-index:30;
	border: 0;
    min-height: auto;
    border-radius: 0;
    margin: 0;
	transform: translateX(350px);
	transition:.6s ease-in-out;
}
.show {
	transform: translateX(0px);
	max-height: 90vh;
	overflow-y: scroll;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 20%);
}
/*menu_logo*/
.menu_logo {
	background:url(../../images/menu_pattern_01.png) repeat;
	padding:3em 2em;
}
.menu_logo a {
	display:inline-block;
}
	.menu_logo a:hover {
		opacity:.7;
	}
/*ibutton*/
.ibutton {
	background:url(../../images/menu_pattern_02.png) repeat;
	padding:2em 0;
}
.ibutton a {
	color:#5a4f4a;
	transition:.3s ease-in-out;
	padding:.5em 0;
}
.ibutton p.ch {
	font-size:16px;
	letter-spacing:3px;
	transition:.2s ease-in-out;
}
.ibutton p.en {
	font-size:14px;
	line-height:1.5;
}
	.ibutton a:hover {
		background: rgba(0, 0, 0, 0.15);
	}
	.ibutton a:hover p.ch {
		color:#fff;
	}
/*---main-----------------------------------------------------------------------------------------------------------------------------*/
.main {
}
/***abt1***/
.abt1 {
	position:relative;
	padding:4em 0 1em;
}
	.abt1:before {
		content:'';
		clip-path: polygon(0 85%, 50% 100%, 100% 85%, 100% 0, 0 0);
		-webkit-clip-path: polygon(0 85%, 50% 100%, 100% 85%, 100% 0, 0 0);
		background:url(../../images/abt1_bg.jpg) top center no-repeat fixed;
		background-size:cover;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
/*abt_slider*/
.abt_slider {
	width:1080px;
	margin:0 auto;
	max-width:85%;
	background:url(../../images/abt1_pattern.jpg) repeat;
	padding:20px;
}
/*abt_tt*/
.abt_tt {
	position:relative;
	padding-bottom:.5em;
}
	.abt_tt:after {
		content:'';
		background:url(../../images/abt2_bg.png) top right no-repeat;
		background-size:cover;
		position:absolute;
		top:0;
		right:0;
		width:55%;
		height:100%;
	}
/***abt2***/
.abt2 {
	display:inline-block;
	vertical-align:top;
	float:right;
	text-align:left;
	width:48%;
	padding:2em 2em 2em 4em;
	position:relative;
}
/*abt_text*/
.abt_text {
	display:inline-block;
	position:relative;
	max-width:90%;
}
	.abt_text:before {
		content:'';
		background:#534750;
		width:90%;
		height:1px;
		position:absolute;
		bottom:2px;
		left:0;
	}
	.abt_text:after {
		content:'';
		background:url(../../images/abt2_dots.png) bottom right no-repeat;
		background-size:contain;
		width:28px;
		height:6px;
		position:absolute;
		bottom:0;
		right:0;
	}
.abt_text img {
}
.abt_text p {
	border-top:solid 1px #534750;
	padding:3em 0;
	min-height:580px;
	font-size:16px;
}
/***abt3***/
.abt3 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:48%;
	text-align:right;
	padding:5em 0 3em 0;
}
	.abt3:before {
		content:'';
		background:url(../../images/abt3_img2.png) bottom left no-repeat;
		background-size:contain;
		position:absolute;
		bottom:0;
		left:0;
		width: 67%;
		height: 54%;
	}
.abt3 img {
	position:relative;
	z-index:3;
	max-width:85%;
}
	@media screen and (max-width:1400px) {
		.abt_text p {
			min-height:480px;
		}
	}
	@media screen and (max-width:1200px) {
		.abt_text p {
			min-height:400px;
		}
		.abt2 {
			padding: 2em 2em 2em 1em;
		}
	}
	@media screen and (max-width:991px) {
		.abt1 {
			padding: 3em 0 1em;
		}
		.abt1:before {
			background-attachment:inherit;
		}
		.abt_tt:after {
			width:65%;
		}
		.abt_text p {
			padding:2em 0;
			min-height:auto;
		}
		.abt3 img {
			max-width:90%;
		}
	}
	@media screen and (max-width:768px) {
		.abt_slider {
			padding:12px;
		}
		.abt2 {
			padding: 2em;
			float: none;
			width: 100%;
			display: block;
			text-align: center;
		}
		.abt_tt:after {
			width: 100%;
		}
		.abt_text {
			max-width: 100%;
			text-align: left;
		}
		.abt3 {
			width: 80%;
			padding: 0em 2em 3em 0;
		}
		.abt1 {
			padding: 2em 0 1em;
		}
	}
	@media screen and (max-width:540px) {
		.abt3 {
			width: 100%;
			padding: 0em 2em 2em 0;
		}
		.menu_logo {
			padding: 3em 2em 1em;
		}
		.menu_logo a {
			width: 160px;
		}
		header {
			height:80px;
		}
		.intop a {
			width:175px;
		}
		.mibutton {
			height:80px;
			width:80px;
			padding: 1.2em 1em 1em 1em;
		}
	}
	@media screen and (max-width:450px) {
		.abt_slider {
			padding: 8px;
		}
		.abt_text p {
			padding:1em 0;
		}
		.navbar {
			width:100%;
			transform: translateX(100%);
		}
		.show {
			transform: translateX(0px);
		}
	}
	@media screen and (max-width:380px) {
		.abt2 {
			padding:1em 1em 2em;
		}
	}
	@media screen and (max-width:350px) {
		.intop a {
			width: 155px;
		}
		header {
			height: 75px;
		}
		.mibutton {
			height: 75px;
			width: 75px;
			padding: 1em 1em 1em 1em;
		}
	}
/***abt4***/
.abt4 {
	background:url(../../images/abt4_deco.png) top right no-repeat,url(../../images/abt4_bg.jpg) center center no-repeat fixed;
	background-size:contain,cover;
	text-align:right;
	position:relative;
	min-height:660px;
}
.abt4 div {
	display:inline-block;
	padding: 0 4em 0 13em;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
/***abt5***/
.abt5 {
	position:relative;
	background:url(../../images/abt5_bg.png) repeat;
	padding:6em 2em 4em 23em;
}
	.abt5:before {
		content:'';
		background:url(../../images/abt5_pattern.png) repeat;
		position:absolute;
		top:0;
		left:0;
		width:17%;
		height:100%;
	}
/*abt5_text*/
.abt5_text {
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:30%;
	padding:0 1em 0 0;
}
.abt5_text img {
	max-width:60%;
}
.abt5_text p {
	padding:1em 0;
}
/*abt5_img*/
.abt5_img {
	display:inline-block;
	vertical-align:top;
	width: 60%;
    padding: 0 1em;
}
	@media screen and (max-width:1300px) {
		.abt4 {
			min-height:550px;
		}
		.abt4 div {
			padding: 0 2em 0 0em;
			max-width:40vw;
		}
		.abt5 {
			padding: 6em 1em 4em 16em;
		}
	}
	@media screen and (max-width:1060px) {
		.abt5 {
			padding: 6em 1em 4em 13em;
		}
		.abt5_img {
			width:66%;
		}
	}
	@media screen and (max-width:991px) {
		.abt4 {
			background-attachment:inherit;
			min-height: 470px;
		}
		.abt4 div {
			padding: 0 2em 0em 0em;
		}
		.abt5 {
			padding: 3em 1em 3em 13em;
		}
		.abt5_text {
			width: 100%;
			padding: 0 1em 1em 0;
		}
		.abt5_img {
			width: 100%;
			padding: 0 2em 0 0;
		}
	}
	@media screen and (max-width:840px) {
		.abt4 {
			min-height: 380px;
		}
		.abt4 div {
			padding:0em 2em 0em 0em;
		}
	}
	@media screen and (max-width:730px) {
		.abt4 div {
			max-width:50vw;
		}
		.abt5 {
			padding: 3em 1em 2em 10em;
		}
	}
	@media screen and (max-width:600px) {
		.abt4 {
			min-height: auto;
		}
		.abt4 div {
			max-width: 75%;
			position: relative;
			top: 0;
			transform: none;
			padding: 3em 2em;
		}
		.abt5 {
			padding: 2em 1em 2em 8em;
		}
	}
	@media screen and (max-width:450px) {
		.abt4 div {
			padding:2em 1em;
		}
		.abt5 {
			padding: 2em 1em 1em 6em;
		}
		.abt5_img {
			padding:0;
		}
	}
	@media screen and (max-width:380px) {
		.abt4 div {
			max-width:85%;
		}
		.abt5:before {
			width:15%;
		}
		.abt5 {
			padding: 2em 1em 1em 5em;
		}
	}
	@media screen and (max-width:350px) {
		.abt5 {
			padding:1em 1em 1em 4em;
		}
	}
/***abt6***/
.abt6 {
	padding-bottom:.5em;
}
.abt6 div {
	float:left;
	width:33.3333333333%;
}
/***iroom***/
.iroom {
	background:url(../../images/rg_bg.jpg) top center no-repeat fixed;
	background-size:cover;
}
/*irm_list*/
.irm_list {
	width:1450px;
	margin:0 auto;
	max-width:90%;
	text-align:center;
}
/* grid style */
.grid {
	text-align:center;
	padding:2em 0em 4em;
}
.grid a {
	width:19%;
	float:none;
	padding:0 10px;
	color: #333;
	display:inline-block;
	vertical-align:top;
}
.grid figure {
	position: relative;
	overflow: hidden;
	margin: 5px;
	background: #333;
	pointer-events: none;
}
.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.7;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.grid figcaption {
	position: absolute;
	top: 0;
	z-index: 11;
	width: 100%;
	height: 100%;
	text-align: center;
}
.grid figcaption h2 {
	margin: 0 5px 5px;
	color: #987817;
	font-size:20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:25px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: 0.3s;
}
.grid figcaption p {
	padding: 0 20px;
	font-size:15px;
	color: #b6b6ae;
	font-style:italic;
	font-weight: 300;
	line-height:12px;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.grid figcaption h2,
.grid figcaption p {
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
}
.grid figure button {
	position: absolute;
    padding: 2px 0;
	width:80px;
    top: 45%;
    left: calc(50% - 40px);
	font-size:14px;
    background: transparent;
    border: solid 3px #fff;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
	opacity:0;
	transform:scale(0);
	box-shadow:none;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.grid figcaption,
.grid figcaption h2,
.grid figcaption p,
.grid figure button {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* Style for SVG */
.grid svg {
	position: absolute;
	top: -1px;
	left:0;
	z-index: 10;
	width: 100%;
	height:100%;
}
.grid svg path {
	fill: #fff;
}
/* Hover effects */
.grid a:hover figure img {
	opacity: 1;
}
.grid a:hover figcaption h2,
.grid a:hover figcaption p {
	-webkit-transform: translateY(7px);
	transform: translateY(7px);
}
.grid a:hover figcaption p {
	opacity: 0;
}
.grid a:hover figure button {
	opacity:1;
	transform:scale(1);
}
	@media screen and (max-width:1440px){
		.grid a {
			padding:0 5px;
		}
		.grid figcaption h2 {
			font-size:18px;
		}
		.grid figcaption p {
			font-size:14px;
		}
			
	}
	@media screen and (max-width:1200px){
		.grid a {
			padding: 0 0px;
		}
		.grid figure {
			margin:3px;
		}
		.grid {
			padding: 2em 0 3em;
		}	
	}
	@media screen and (max-width:1050px) {
		.grid a {
			width:24%;
		}
		.grid figure {
			margin: 3px 5px 10px;
		}
		.grid {
			padding: 2em 0 2em;
		}
		.iroom {
			background-attachment:inherit;
		}
	}
	@media screen and (max-width:800px) {
		.grid a {
			width:35%;
		}
	}
	@media screen and (max-width:700px) {
		.grid {
			padding: 1em 0;
		}
	}
	@media screen and (max-width:600px) {
		.grid figcaption h2 {
			font-size: 16px;
		}
		.grid figcaption p {
			font-size: 12px;
		}
	}
	@media screen and (max-width:550px) {
		.iroom {
			padding:0 0 1em;
		}
		.grid a {
			width:46%;
		}
	}
	@media screen and (max-width:450px) {
		.grid a {
			width:49%;
		}
		.abt6 {
			line-height: 0;
		}
		.abt6 div {
			width: 50%;
		}
		.abt6 div:nth-of-type(3) {
			width: 100%;
		}
	}
	@media screen and (max-width:400px) {
		.grid figcaption h2, .grid figcaption p {
			-webkit-transform: translateY(15px);
			transform: translateY(15px);
		}
		.grid figcaption h2 {
			letter-spacing:0;
		}
	}
/***loc***/
.loc {
	background:url(../../images/loc_bg.jpg) top center no-repeat fixed;
	background-size:cover;
	padding-bottom:3em;
}
	/*space*/
	.space {
		min-height:18px;
		box-shadow: 0px 7px 15px rgba(0,0,0,.2);
	}
	/*map_canvas*/
	#map_canvas {
		width:1475px;
		height:635px;
		max-width:80%;
		margin:0 auto;
		position:relative;
	}
		iframe {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
	@media screen and (max-width:800px) {
		#map_canvas {
			height:500px;
		}
	}
	@media screen and (max-width:600px) {
		#map_canvas {
			height:450px;
		}
	}
	@media screen and (max-width:500px) {
		.loc {
			background-attachment:inherit;
			padding-bottom: 2em;
		}
	}
	@media screen and (max-width:425px) {
		#map_canvas {
			height:300px;
			max-width:90%;
		}
	}
/*---inbg------------------------------------------------------------------------------------------------------------------------------*/
.inbg {
	padding: 1em 0 6em;
}
.inbg_room {
	background:url(../../images/inbg_room.jpg) top center no-repeat fixed;
	background-size:cover;
}
.inbg_note {
	background:url(../../images/inbg_note.jpg) top center no-repeat fixed;
	background-size:cover;
}
.inbg_other {
	background:url(../../images/inbg_other.jpg) top center no-repeat fixed;
	background-size:cover;
}
/*---inner----------------------------------------------------------------------------------------------------------------------------*/
.inner {
	width:1250px;
	margin:0 auto;
	max-width:100%;
}
/*inner_top*/
.inner_top {
	clip-path: polygon(50% 90%, 100% 0, 100% 100%, 0 100%, 0 0);
	-webkit-clip-path: polygon(50% 90%, 100% 0, 100% 100%, 0 100%, 0 0);
	background:url(../../images/inpattern.jpg) repeat;
	text-align:center;
	min-height:110px;
	margin-top:-6em;
}
/*inner_block*/
.inner_block {
	background:url(../../images/inpattern.jpg) repeat;
	text-align:center;
	margin-top:-1px;
}
/***rmbt***/
.rmbt {
	width:1030px;
	margin:0 auto;
	max-width:90%;
	padding:3em 0;
}
.rmbt li {
	float:left;
	width:20%;
	padding:0 .2em;
}
.rmbt a {
	color:#000;
	text-align:left;
	transition:.2s ease-in-out;
}
.rmbt h4 {
	font-size:24px;
	font-weight:700;
}
.rmbt span {
	display:block;
	letter-spacing:0;
	font-size:16px;
	white-space: nowrap;
}
	.rmbt a:hover {
		color:rgba(102,102,102,1);
		transform:translateY(-5px);
	}
@media screen and (max-width: 480px){
.rmbt ul {
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
    cursor: pointer;
}
.rmbt ul>li:nth-of-type(1){
	order:1;
	-webkit-order:1;
}
.rmbt ul>li:nth-of-type(2){
	order:3;
	-webkit-order:3;
}
.rmbt ul>li:nth-of-type(3){
	order:5;
	-webkit-order:5;
}
.rmbt ul>li:nth-of-type(4){
	order:2;
	-webkit-order:2;
}
.rmbt ul>li:nth-of-type(5){
	order:4;
	-webkit-order:4;
}
}
/***room_slider***/
.room_slider {
	width:1036px;
	margin:0 auto;
	max-width:90%;
}
/*---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;
	letter-spacing:1px;
}

@media screen and (max-width:1199px) {
	.icons li {
		width: 10%;
	}
}

@media screen and (max-width:900px) {
	.icons li span {
		font-size: 14px;
		white-space: nowrap;
	}
}

@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;
	}
}
@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: 21%;
	float: left;
}
table.fac {
	padding: 0 0 3% 2%;
	display: block;
}
table.fac td {
	vertical-align: top;
}
@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: 765px) {
	.r_icons li {
		width: 17%;
	}
}
@media screen and (max-width:580px) {
	.r_icons li {
		width: 21%;
	}
}
@media screen and (max-width:480px) {
	.r_icons li {
		width: 22%;
	}
}
@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:1% 0;
}
.note_icon ul {
	list-style: none;
}
.note_icon li {
	width: 10.666666%;
	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: 12%;
	}
}
@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:505px) {
	.note_icon li {
		width: 23%;
		padding: 7px;
	}
	.note_icon li img {
		width: 100%;
	}
}
@media screen and (max-width:453px) {
	.note_icon li {
		width: 31%;
	}
}
@media screen and (max-width:400px) {
	.note_icon li {
		padding: 6px;
	}
}
/*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%;
}
/***rm_info***/
.rm_info {
	width:1035px;
	margin:0 auto;
	max-width:90%;
	padding:3em 0 4em;
}
/***roomb***/
.roomb {
}
.roomb td {
	vertical-align:middle;
}
.roomb h5 {
	font-size:20px;
	padding-bottom:1em;
	font-weight:700;
}
.roomb sub {
	font-size:14px;
	position:relative;
	bottom:0;
	font-weight:normal;
}
	@media screen and (max-width:991px) {
		.rmbt {
			padding: 2em 0 1em;
		}
		.rmbt li {
			width: 25%;
			padding: 0 .2em 1em;
		}
		.roomb {
			padding-bottom:2em;
		}
		.rm_info {
			padding: 3em 0 1em;
		}
		.inbg {
			background-attachment:inherit;
			padding: 1em 0 4em;
		}
	}
	@media screen and (max-width:800px) {
		.rmbt li {
			width:33%;
		}
		.rmbt h4 {
			font-size:22px;
		}
		.rmbt span {
			font-size:15px;
		}
	}
	@media screen and (max-width:590px) {
		.rmbt li {
			width:50%;
			padding: 0 .2em 1em 2em;
		}
	}
	@media screen and (max-width:500px) {
		.rmbt h4 {
			font-size: 20px;
		}
		.rmbt span {
			font-size: 14px;
		}
		.inbg {
			padding: 1em 0 3em;
		}
		.rm_info {
			max-width:95%;
		}
	}
	@media screen and (max-width:430px) {
		.inbg {
			padding: 0em 0 3em;
		}
		.inner_top {
			min-height: 90px;
			margin-top: -5em;
		}
		.rmbt li {
			padding: 0 .2em 1em 1em;
		}
		.rmbt h4 {
			font-size:18px;
		}
		.rm_info {
			padding: 2em 0 0em;
		}
		.rinfo li span:nth-of-type(2) {
			width: 76%;
		}
	}
	@media screen and (max-width:380px) {
		.inner_top {
			min-height: 80px;
			margin-top: -4.5em;
		}
		.rmbt {
			max-width:95%;
			padding: 1em 0 0em;
		}
		.rmbt span {
			font-size: 13px;
		}
		.roomb h5 {
			padding-bottom: .5em;
		}
		.rinfo li span:nth-of-type(2) {
			width: 75%;
		}
	}
	@media screen and (max-width:350px) {
		.rmbt span {
			font-size: 12px;
		}
		.rinfo li span:nth-of-type(2) {
			width: 69%;
		}
	}
/*---notice-------------------------------------------------------------------------------------------------------------------------*/
.notice {
	width:1035px;
	margin:0 auto;
	max-width:90%;
	padding:1em 0;
}
/*note*/
.note {
	text-align:center;
	padding:1% 0 6%;
}
	@media screen and (max-width:425px) {
		.note {
			padding:0 0 10%;
		}
	}
/*newstable*/
.newstable {
	width: 80%;
    margin: 0 auto;
    padding: 2em 0;
    position: relative;
    z-index: 3;
}
	.newstable table {
		width:100%;
	}
	img.newsicon {
		width:auto;
		max-width:inherit;
	}
	table.tableimg img {
		max-width:100%;
	}
	.newstable a {
		display:inline-block;
		color:#000;
		transition:.3s ease-in-out;
	}
	a.newstitle {
		display: block;
	}
		.newstable a:hover {
			color:rgba(255,153,0,1);
		}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #dddddd;
    border-radius: 5px;
    padding: 0% 4%;
	transition:.3s ease-in-out;
	letter-spacing:2px;
	margin:0 1%;
	height:45px;
	line-height:45px;
}
	button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
		background:#fff ;
	}
	@media screen and (max-width:430px) {
		.newstable {
			width: 90%;
			padding: 1em 0;
		}
	}
	
/****************************************************************************************************************************************/
/*************************
********services_sce******
**************************/
#services_sce {
	padding:0 3em 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;
}
.scet {
	text-align: right;
}
.scetag {
	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: 10px 0 10px;
    display: block;
	text-align: center;
}

.sceimg img {
	margin: 0 auto;
}

.scep p {
	color: #616161;
	text-align:left;
	margin:10px 0 0 0;
}
.scemore {
	text-align:right;
}

@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;
	}
	#services_sce {
		padding:0 1em 60px;
	}

}

@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 0px;
	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: 24%;
}

@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;
	}
}