/*--------------copyright by alva start-------------------------------*/

* {
    padding: 0px;
    margin: 0px;
}

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

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

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

td {
	vertical-align:top;
}

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

/*************************
*****services_inews******
**************************/

#services_inews {
	clear: right;
	float: none;
}

#services_inews ul {
	margin: 0;
	padding: 0;
}

#services_inews ul li {

}

#services_inews ul li:nth-child(1) {
	display: inline;
	float: left;
	width: 56%;
	background-image: url(../../images/inewsl.jpg);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
}

#services_inews ul li:nth-child(2) {
	display: inline;
	float: left;
	width: 44%;
	background-image: url(../../images/inewst.png);
	background-position: left bottom;
	background-size: auto;
	background-repeat: no-repeat;
}

@media(max-width:1800px) {
	#services_inews ul li:nth-child(2) {
		background-image: url(../../images/inewst.png);
		background-position: left bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
}

@media(max-width:1600px) {
	#services_inews ul li {
		min-height: 500px;
	}
}

@media(max-width:1400px) {
	#services_inews ul li {
		min-height: 400px;
	}
}

@media(max-width:1199px) {
	#services_inews ul li {
		min-height: 350px;
	}
}

@media(max-width:1099px) {
	#services_inews ul li:nth-child(1) {
		display: inline;
		float: left;
		width: 100%;
		background-image: url(../../images/inewsl.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 550px;
	}
	#services_inews ul li:nth-child(2) {
		display: inline;
		float: left;
		width: 100%;
		background-image: url(../../images/inewst.png);
		background-position: left bottom;
		background-size: auto;
		background-repeat: no-repeat;
		padding-bottom: 290px;
		min-height: 400px;
	}
}

@media(max-width:800px) {
	#services_inews ul li:nth-child(1) {
		min-height: 450px;
	}
	#services_inews ul li:nth-child(2) {
		background-image: url(../../images/inewst.png);
		background-position: left bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding-bottom: 290px;
	}
}

@media(max-width:700px) {
	#services_inews ul li:nth-child(1) {
		min-height: 350px;
	}
	#services_inews ul li:nth-child(2) {
		padding-bottom: 240px;
		min-height: 100px;
	}
}

@media(max-width:500px) {
	#services_inews ul li:nth-child(1) {
		min-height: 300px;
	}
	#services_inews ul li:nth-child(2) {
		padding-bottom: 160px;
	}
}

@media(max-width:400px) {
	#services_inews ul li:nth-child(1) {
		min-height: 200px;
	}
	#services_inews ul li:nth-child(2) {
		padding-bottom: 130px;
	}
}

.inews td {
	color: #5f376a;
}

.inews a {
	color: #5f376a;
}

.inews a:visited {
	color: #4c2d54;
}

.inews a:hover,
.inews a:focus {
	color: #9c34b9;
}

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

	
/*************************
*********services_loc*****
**************************/
#map_canvas {
	min-height: 560px;
	margin-top: 30px;
}
.map iframe {
    width: 100%;
    min-height: 560px;
    vertical-align: middle;
}
@media(max-width:768px) {
	#map_canvas {
		min-height: 420px;
	}
}

/*************************
********services_sce******
**************************/
#services_sce {
	padding-top: 30px;
	padding-bottom: 60px;
}

.scebtn {
	text-align: center;
	margin-bottom: 30px;
}

.scebtn h2 {
	display: inline-block;
    margin:5px;
    color: #fff;
    padding: 25px 5px;
    font-size: 16px;
    border-radius: 100%;
    min-width: 82px;
    border: 3px solid #fff;
    cursor: pointer;
	line-height:24px;
}

.scebtn h2.scebtn1 {
	background: #d85a51;
}

.scebtn h2.scebtn2 {
	background: #80a076;
}

.scebtn h2.scebtn3 {
	background: #89b5cb;
}

.scebtn h2.scebtn4 {
	background: #8dcfca;
}

.scebtn h2.scebtn5 {
	background: #b7ad6f;
}

.scebtn h2.scebtn6 {
	background: #8b8583;
}

.scebtn h2:hover.scebtn1,
.scebtn h2:hover.scebtn2,
.scebtn h2:hover.scebtn3,
.scebtn h2:hover.scebtn4,
.scebtn h2:hover.scebtn5,
.scebtn h2:hover.scebtn6 {
	background: #fff;
	border: #7e6b5a 3px solid;
	color: #656565;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media (max-width:650px) {
	.scebtn {
		padding: 0 120px;
	}
}

@media (max-width:600px) {
	.scebtn {
		padding: 0 100px;
	}
}

@media (max-width:550px) {
	.scebtn {
		padding: 0 60px;
	}
}

@media (max-width:480px) {
	.scebtn {
		padding: 0 25px;
	}
}

@media (max-width:400px) {
	.scebtn {
		padding: 0 5px;
	}
	.scebtn {
		margin-bottom: 10px;
	}
}

@media (max-width:350px) {
	.scebtn {
		padding: 0 0px;
	}
}
/***********/

.scebox {
	border: #c3c3c3 1px solid;
	border-radius: 5px;
	box-shadow: -1px 1px 6px 0.5px rgba(138, 138, 138, 0.75);
	padding: 0 10px 10px 10px;
}

.mount .sceimg {
	background-color: #80a076;
}

.sea .sceimg {
	background-color: #89b5cb;
}

.farm .sceimg {
	background-color: #8dcfca;
}

.city .sceimg {
	background-color: #b7ad6f;
}

.hot .sceimg {
	background-color: #d85a51;
}

.scebox:hover {
	cursor: pointer;
}

.scebox:hover .sceimg img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	transform: scale(0.95);
	overflow: hidden;
}

.scebox_hot {
	padding: 0 80px;
}

.scebox_hot .scebox {
	display: inline-block;
	float: left;
	width: 23%;
	margin: 0 10px;
}

.scetag {
	float: right;
	color: #fff;
	padding: 4px 20px;
	margin-left: 5px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.scetag1 {
	background: #d85a51;
}

.scetag2 {
	background: #80a076;
}

.scetag3 {
	background: #89b5cb;
}

.scetag4 {
	background: #8dcfca;
}

.scetag5 {
	background: #b7ad6f;
}

.scet h3 {
	clear: both;
	color: #3d3d3d;
	font-size: 23px;
	letter-spacing: 1px;
	margin-top: 20px;
    display: inline-block;
}

.sceimg img {
	margin: 0 auto;
}

.scep p {
	color: #616161;
}

@media(max-width:1700px) {
	.scebox_hot {
		padding: 0 10px;
	}
}

@media(max-width:1400px) {
	.scebox_hot .scebox {
		width: 24%;
		margin: 0 5px;
	}
}

@media(max-width:1199px) {
	.scebox_hot .scebox {
		width: 48%;
		margin: 5px;
	}
	.scebox_hot .scebox:nth-child(3) {
		clear: both;
	}
}

@media(max-width:700px) {
	.scebox_hot .scebox {
		width: 100%;
		margin: 5px 0px;
	}
	.scet h3 {
		font-size: 22px;
	}
	.scep p {
		line-height: 24px;
	}
}

@media(max-width:550px) {
	.city .sceimg,
	.farm .sceimg,
	.hot .sceimg,
	.mount .sceimg,
	.sea .sceimg {
		background-color: #fff;
	}
}

@media(max-width:500px) {
	.scet h3 {
		letter-spacing: 0px;
	}
}

@media(max-width:450px) {
	.mount .sceimg {
		background-color: #80a076;
	}
	.sea .sceimg {
		background-color: #89b5cb;
	}
	.farm .sceimg {
		background-color: #8dcfca;
	}
	.city .sceimg {
		background-color: #b7ad6f;
	}
	.hot .sceimg {
		background-color: #d85a51;
	}
}

@media(max-width:350px) {
	.scet h3 {
		font-size: 20px;
	}
}


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

.scebox_content {
	padding: 0 30px;
	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;
	}
}

/*inpattern*/
.inpattern {
	background:url(../../images/pattern.jpg) repeat;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*menu*/
.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 52px;
    height: 40px;
    padding: 42px;
    text-align: center;
    border-radius: 0;
    font-size: 12px;
    background: rgba(255,255,255,.7);
    z-index: 9999;
    cursor: pointer;
}
	.menu span {
		display: inline-block;
        width: 48px;
        height: 3px;
        background: #747474;
        transition: .3s ease all;
		position: absolute;
		border-radius:2px;
	}
		.menu span:nth-child(1) {
			top:10px;
		}
		.menu span:nth-child(2) {
			top:19px;
		}
        .menu span:nth-child(3) {
			top:29px;
        
        }
	.menu strong {
		font-size:16px;
		color:#747474;
		letter-spacing:1px;
		position:absolute;
		bottom:-64px;
		font-weight:normal;
	}
	.menu_ani span {
		background:#747474s;
	}
		.menu_ani span:nth-child(1) {
			-webkit-transform:rotate(25deg);
					transform:rotate(25deg);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.menu_ani span:nth-child(2) {
			display: none;
		}
		.menu_ani span:nth-child(3) {
			-webkit-transform:rotate(-25deg);
					transform:rotate(-25deg);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
		
.menuin {
	position:absolute;
	top:8px;
	left:20px;
}

.navbar {
	position: fixed;
    z-index: 9990;
    width: 270px;
    display: inline-block;
    background: rgba(255,255,255,.8);
	left:-300px;
    padding: 5% 2% 3%;
	top:0px;
}
	.navbar ul {
		list-style:none;
	}
		.navbar li {
			padding:3% 1%;
			overflow:hidden;
			display:block;
			position:relative;
		}
			.navbar a {
			}
				.navbar a:hover {
					text-decoration:none;
				}
				.fa {
					color:#747474;
					font-size:20px;
					transition:.3s ease all;
				}
				.navtw {
					padding: 8px;
					-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
					transition: transform 0.3s, opacity 0.3s;
					-webkit-transition-delay: 0.3s;
					transition-delay: 0.3s;
					left: 20%;
					top: 0px;
					width:100%;
					position:absolute;
					color:#747474;
				}
				.naven {
					color:#747474;
					position: absolute;
					left: 70%;
					top: 100%;
					padding:6px;
					width:100%;
					-webkit-transform: translate3d(-50%, 0, 0);
					transform: translate3d(-50%, 0, 0);
				}
					.navbar li,.naven {
						-webkit-transition: -webkit-transform 0.3s;
						transition: transform 0.3s;
						-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
						transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
					}
					.navbar li:hover {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
					}
					.navbar li:hover .naven {
						-webkit-transition-delay: 0.1s;
						transition-delay: 0.1s;
						-webkit-transform: translate3d(-50%, -100%, 0);
						transform: translate3d(-50%, -100%, 0);
						color:#da8a00;
					}
					.navbar li:hover .navtw {
						opacity: 0;
						-webkit-transform: translate3d(0, -50%, 0);
						transform: translate3d(0, -50%, 0);
						-webkit-transition-delay: 0s;
						transition-delay: 0s;
					}
					.navbar li:hover .fa {
						color:#da8a00;
					}
						
/*---main--------------------------------------------------------------------------------------------------------------------------------------------*/				
.main {
}
	/*ileft*/
	#top_fixed {
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		width:50%;
		box-shadow:0px 5px 10px rgba(0,0,0,.3);
		background:url(../../images/pattern.jpg) repeat;
		z-index:99;
	}
		.inner {
			text-align:center;
			padding: 5% 7% 3% 20%;
		}
			.ilogo {
			}
			.about {
				text-align:left;
				padding:7% 0 3%;
			}
			.ideco {
				padding:12% 3% 5% 0;
			}
				.ideco img {
					width:100%;
				}
			.copyright {
				font-size:12px;
				color:#616161;
			}
				.copyright span {
					display:inline-block;
				}
				.copyright a {
					display:inline-block;
					color:#616161;
					transition:.3s linear;
				}
					.copyright a:hover {
						color:#d56100;
					}
	/*iright*/
	#top_right {
		text-align:right;
	}
		#top_right ul {
			list-style:none;
		}
			#top_right li {
				overflow:hidden;
			}
				#top_right li img {
					transform:scale(1);
					transition: all .4s ease-out;
				}
				#top_right li:hover img {
					transform: scale(1.2);
				}
		/*islider*/
		.islider {
			display:none;
		}
		#wowslider-container1 {
			display:none;
		}
				@media screen and (max-width:1730px) {
					.navbar {
						padding: 7% 2% 3%;
					}
				}
				@media screen and (max-width:1250px) {
					.navbar {
						padding: 9% 5% 3%;
					}
				}
				@media screen and (max-width:1200px) {
					#top_fixed {
						position:relative;
						width:100%;
					}
					#top_right {
						display:none;
					}
					#wowslider-container1 {
						display:block;
					}
					.inner {
						padding: 7% 10%;
					}
				}
				@media screen and (max-width:870px) {
					.navbar {
						padding: 12% 6% 3%;
					}
				}
				@media screen and (max-width:730px) {
					.navbar {
						padding: 15% 6% 3%;
					}
					.ilogo img {
						width:50%;
					}
				}
				@media screen and (max-width:560px) {
					.navbar {
						padding: 18% 2% 3% 8%;
					}
					.inner {
						padding: 7% 5%;
					}
					.ilogo {
						padding:5% 0 0 0;
					}
					
				}
				@media screen and (max-width:430px) {
					.navbar {
						padding: 22% 2% 3% 8%;
					}
				}
				@media screen and (max-width:350px) {
					.navbar {
						padding: 30% 2% 3% 8%;
					}
					.menu {
						padding:38px;
					}
					.menuin {
						top: 6px;
						left: 13px;
					}
				}
/*---imenu----------------------------------------------------------------------------------------------------------------------------------------------*/
.imenu {
	display:none;
}
.navblock {
	width:18%;
	background:#e89e00;
	box-shadow: 0px 5px 15px rgba(0,0,0,.3);
	display:inline-block;
	z-index:99;
	min-height:100%;
	position:fixed;
}
.inav {
	left:0px;
	text-align:center;
	background:#fff;
	padding:0 10%;
	width:100%;
	position:relative;
	margin:0px;
}
	.inav li {
		text-align:left;
	}
	.logo {
		padding: 15% 0 12%;
	}
		.logo img {
			width:60%;
		}
	.inav ul {
		list-style: none;
		width: 65%;
		margin: 0 auto;
	}
	#icon {
		border-top:solid 1px  #c5bbb5;
		padding:20% 0;
		margin-top: 5%;
	}
		#icon ul {
			list-style:none;
			width:100%;
		}
			#icon li {
				display:inline-block;
				padding:0 1%;
				width:30%;
			}
			#icon span {
				text-align:center;
				color:#828282;
				line-height: 20px;
				letter-spacing: 0px;
				display: block;
				padding: 2%;
			}
			#icon img {
				width:100%;
			}
.inav_bg {
	background:url(../../images/inav_bg.png) bottom no-repeat;
	background-size:auto;
	min-height:25px;
}

.nav_sev {
	padding:0 3%;
	display:inline-block;
	border-right: solid 1px #4c4c4c;
}
	.sevinfo {
		text-align:left;
	}
		.sevinfo a {
			display:inline-block;
			vertical-align:top;
			float:left;
		}
		.sevinfo span {
			display: inline-block;
    		padding:4% 0 0 0;
			text-align:left;
			line-height:20px;
		}
.nav_copy {
	text-align:center;
	border-top:solid 3px #98a4a3;
	padding-top:2%;
}
.footer {
	text-align:center;
	padding: 5% 2% 3%;
}
.info {
	color:#4b5259;
	text-align:left;
	padding:0 3%;
	display:inline-block;
	line-height: 22px;
}
@media screen and (max-width:768px) {
	.nav_sev {
		display:block;
		border:none;
		padding:3%;
	}
	.info {
		display:block;
		padding:3%;
	}
}
/*---imain------------------------------------------------------------------------------------------------------------------------------------------*/
.imain {
	background-size:auto;
	display:inline-block;
	width:81%;
	padding:4% 5%;
	vertical-align:top;
	float:right;
}
	.rborder {
		border:solid 15px rgba(255,255,255,.5);
	}
		.room {
			background:url(../../images/room_bg.jpg) repeat;
			padding: 5% 7%;
			
		}
			.intit {
				text-align:left;
			}
			.room_tit {
				margin: 6% 0 4%;
				text-align: center;
				position:relative;
			}
				.room_tit:after {
					content:"";
					width:100%;
					height:1px;
					background:#dcdcdc;
					position:absolute;
					left:0px;
					bottom:0px;
				}
			.rmbt {
				border-bottom: solid 1px #dcdcdc;
				padding: 0 0 8% 0;
				margin-bottom: 4%;
			}
				.rmbt ul {
					list-style:none;
				}
					.rmbt li {
						display:inline-block;
						width:24%;
						padding:0 1%;
					}
						.rmbt li img {
							width:100%;
						}
			.rmbt5 {
				border-bottom:solid 1px #dcdcdc;
				padding:0 0 8% 0;
				margin-bottom: 4%;
			}
				.rmbt5 ul {
					list-style:none;
				}
					.rmbt5 li {
						display:inline-block;
						padding:0 1%;
						width:20%;
					}
						.rmbt5 li img {
							width:100%;
						}
						
			.rmbt3 {
				border-bottom:solid 1px #dcdcdc;
				padding:0 0 8% 0;
				margin-bottom: 4%;
			}
				.rmbt3 ul {
					list-style:none;
				}
					.rmbt3 li {
						display:inline-block;
						padding:0 1%;
						width:25%;
					}
						.rmbt3 li img {
							width:100%;
						}
			.note {
				padding:2% 0 0 0;
			}

				@media screen and (max-width:1500px) {
					.imenu {
						display:block;
					}
					.navblock {
						left:-320px;
						width:20%;
						position:fixed;
						height: 100%;
					}
					.imain {
						display:block;
						float:none;
						width:95%;
						margin:0 auto;
					}
					.nav_copy {
						padding-bottom: 5%;
					}
				}
				@media screen and (max-width:1300px) {
					.navblock {
						width:320px;
					}
					.inav .logo {
						padding: 40% 0 12%;
					}
				}
				@media screen and (max-width:900px) {
					.imain {
						width: 100%;
						padding: 7% 4%;
					}
					.room {
						padding: 6% 2%;
					}
					.rmbt li {
						width:33%;
					}
				}
				@media screen and (max-width:700px) {
					.room_tit {
						margin:6% 2% 6%;
					}
						.room_tit img {
							width:100%;
						}
					.navblock {
						overflow-y: scroll;
						height: 100%;
					}
					.rmbt li {
						width:40%;
					}
				}
				@media screen and (max-width:500px) {
					.imain {
						padding: 12% 4% 7%;
					}
					.rmbt li {
						width: 49%;
					}
				}
				@media screen and (max-width:390px) {
					.navblock {
						width: 270px;
					}
					.inav ul {
						width:70%;
					}
					.imain {
						padding: 18% 2% 7%;
					}
				}
				@media screen and (max-width:340px) {
					.rmbt li {
						width: 48%;
					}
				}

/*---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;
}
.carousel {
	border: solid 8px #fff;
	box-shadow:0px 5px 10px rgba(0,0,0,.3);
}

/*---roomin----------------------------------------------------------------------------------------------------------------------------------------*/
.roomin {
}
	.roomin_left {
		display:inline-block;
		width:28%;
		vertical-align:top;
		text-align:center;
		padding:0 4%;
	}
		.roomin_left .intit {
			padding:3% 2% 25%;
			text-align:center;
		}
		#room {
		}
			#room ul {
				list-style:none;
			}
				#room li {
					font-size:18px;
					background:#e89e00;
					margin-bottom:3%;
					transition:.3s linear;
				}
					#room li a {
						color:#fff;
						transition:.3s linear;
						padding: 20px 15px;
					}
						#room li:hover a {
							text-decoration:none;
							color:#363535;
						}
						#room li:hover {
							background:#fff;						
						}
	.roomin_right {
		display:inline-block;
		width:70%;
		vertical-align:top;
	}

	.roomb_area {
		padding:5% 1% 3% 1%;
	}
		.rmf {
			padding:2% 0 5% 0;s
		}
	.rorder {
		padding:2% 0;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
		.rorder a {
			display:inline-block;
			transition:.3s linear;
		}
		.rorder a:hover {
			-webkit-transform: translateX(12px);
			transform: translateX(12px);
			animation: paused;
			opacity:.8;
		}
	@keyframes moving {
		0% {
			opacity:0.2;
		}
		100% {
			opacity:1;
		}
	}
	
		@media screen and (max-width:1130px) {
			.roomin_left {
				width:100%;
			}
			.roomin_right {
				width:100%;
			}
			.roomin_left .intit {
				padding: 3% 2% 6%;
			}
			#room li {
				display:inline-block;
				width:24%;
				vertical-align:top;
				font-size:15px;
			}
		}
		@media screen and (max-width:800px) {
			#room li {
				width:45%;
			}
			.rorder img {
				width:80%;
			}
		}
		@media screen and (max-width:430px) {
			#room li {
				width:49%;
			}
			.rorder img {
				width:80%;
			}
			.carousel-indicators {
				display:none;
			}
			.rorder {
				padding:6% 0;
			}
			#room li a {
				padding: 10px 15px;
					}
		}

/*---service---------------------------------------------------------------------------------------------------------------------------------------*/
.service {
	color:#44413c;
}
	.service .intit {
		padding: 0 0 5% 0;
	}
	@media screen and (max-width:960px) {
		.service .intit {
			padding: 16% 0 5% 0;
		}
	}
	.sev_deco {
		text-align:left;
		padding:3% 0 6%;
	}
	.sevbottom img {
		width:100%;
	}
	@media screen and (max-width:1600px) {
		.sevtop img {
			width:100%;
		}
		.sevbottom img {
			padding:2% 1%;
		}
	}
	@media screen and (max-width:500px) {
		.sev_deco img {
			width:100%;
		}
	}
.loc .intit {
	padding:0 0 6% 0;
}

.sce .intit {
	padding:0 0 6% 0;
}
	@media screen and (max-width:960px) {
		.loc .intit,.sce .intit  {
			padding: 16% 0 2% 0;
		}
	}
	
/*---icons----------------------------------------------------------------------------------------------------------------------------------*/
.icons {
}
	.icons ul {
		list-style:none;
	}
	.icons li {
		margin: 5px 5px;
		display:inline-block;
		vertical-align:top;
		width: 21%;
		background:rgba(255,255,255,.6);
		border-radius: 7px;
		padding: 5px 0 8px;
		text-align:center;
	}
		.icons li img {
			padding:0 7px;
			margin:0 auto;
		}
		.icons li span {
			display:block;
			font-size:14px;
			line-height:20px;
		}
	@media screen and (max-width:1199px) {
		.icons li {
			width:10%;
		}
	}
	@media screen and (max-width:768px) {
		.icons li {
			width:13%;
		}
	}
	@media screen and (max-width:600px) {
		.icons li {
			width:17%;
		}
	}
	@media screen and (max-width:500px) {
		.icons li {
			width:21%;
		}
	}
	@media screen and (max-width:430px) {
		.icons li {
			width:27%;
			margin:5px 8px;
			padding: 5px 4px 8px;
		}
		.icons li span {
			font-size:13px;
		}
	}
	@media screen and (max-width:360px) {
		.icons li span {
			font-size:12px;
		}
	}
	@media screen and (max-width:340px) {
		.icons li {
			width: 28%;
			margin: 5px 5px;
			padding: 5px 2px 8px;
		}
	}
/*---r_icons-----------------------------------------------------------------------------------------------------------------------------------*/
.r_icons {
	padding-bottom:4%;
}
	.r_icons ul {
		list-style:none;
	}
	.r_icons li {
		width:15%;
	}
	@media screen and (max-width:1199px) {
		.r_icons li {
			width:12%;
		}
	}
	@media screen and (max-width:768px) {
		.r_icons li {
			width:13%;
		}
	}
	@media screen and (max-width:690px) {
		.r_icons li {
			width: 16.6666%;
			padding: 3px;
		}
	}
	@media screen and (max-width:580px) {
		.r_icons li {
			width: 21%;
		}
	}
	@media screen and (max-width:480px) {
		.r_icons li {
			width: 23%;
			margin:5px 0;
		}
	}
	@media screen and (max-width:440px) {
		.r_icons li {
			width: 30%;
			margin: 5px 3px;
			padding:5px;
		}
		.r_icons li img {
			padding:0 20px;
		}
	}
	@media screen and (max-width:360px) {
		.r_icons li {
			width: 31%;
			margin: 5px 0px;
		}
		.r_icons li img {
			padding:0 12px;
		}
	}
/*--note_icons--------------------------------------------------------------------------------------------------------------------------------*/
.note_icon {
	padding:3% 0 0 0;
	text-align:left;
}
	.note_icon ul {
		list-style:none;
	}
	.note_icon li {
		width:10%;
		padding: 5px 0 0px;
	}
		.note_icon li img {
			padding-bottom:5px;
		}
		@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:16%;
			}
		}
		@media screen and (max-width:580px) {
			.note_icon {
				text-align:center;
			}
			.note_icon li {
				width:18%;
				margin:5px 0;
			}
		}
		@media screen and (max-width:500px) {
			.note_icon li {
				width:25%;
				padding:7px;
			}
		}
		@media screen and (max-width:453px) {
			.note_icon li {
				width:27%;
			}
		}
		@media screen and (max-width:400px) {
			.note_icon li {
				width:31%;
				padding:6px;
			}
		}