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

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

ul {
    margin-bottom: 0px;
}

body {
    font-family: Arial, sans-serif,"微軟正黑體", "Microsoft JhengHei";
    position: relative;
    font-size: 16px;
	letter-spacing:1px;
	background:#fff;
	color:#000;
}

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

/*---ilogo-----------------------------------------------------------------------------------------------------------------------------------------*/
.ilogo {
	position:absolute;
	top:60px;
	left:50px;
}

/*----dex area-------------------------------------------------------------------------------------------------------------------*/
.ibcover {
	background:url(../../images/ibtop.png) top left no-repeat, url(../../images/ibbottom.png) bottom left no-repeat;
	background-size:100%;
	min-height:910px;
}
	.blueberry {
		z-index:-1;
		position:fixed;
		top:0px;
	}
		.blueberry .pager {
			display:none;
		}

/*---navbar_area-------------------------------------------------------------------------------------------------------------------------------------------*/
.navbar_area {
	background:#fff;
	text-align:center;
	width:100%;
	padding: 5% 2% 1% 2%;
}
	.logo {
		display:inline-block;
		float:left;
	}
	.navbar {
		display:inline-block;
		padding:1% 0 0 0;
	}
		.nav {
			display:inline-block;
		}
	.menufixed { 
		z-index: 999; 
		position: fixed; 
		top: 0; 
		width: 100%;
		bottom:inherit;
		transition: all 1s ease-in-out;
	}

/*---imain---------------------------------------------------------------------------------------------------------------------------------------*/
.imain {
	background:#fff;
	min-height:1000px;
}
	.about {
		text-align:center;
		padding:5% 0;
	}
		.about1 {
			display:inline-block;
			vertical-align:top;
			margin:0 3%;
		}
		.about1_1 {
			padding-top:6%;
		}
		.about1_2 {
			overflow:hidden;
			position:relative;
		}
			.about1_2 img {
			}
			.mask {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
			}
			.mask-dgreen {
				background:#293f35;
			}
			.mask-light {
				background:#f3f0e9;
			}
		.about_text {
			font-size:16px;
			line-height:35px;
			text-align:left;
			color:#12140a;
			padding: 5% 0 5% 45%;
			font-weight:bold;
		}
	
	.bload {
		font-size:0px;
		background:url(../../images/aboutbg1.jpg) top center no-repeat;
		background-size:auto;
		padding:3% 2%;
	}
		.onload {
			width:35%;
			overflow:hidden;
			display:inline-block;
		}
		.onload2 {
			width: 35%;
			overflow: hidden;
			display: inline-block;
			text-align: left;
			vertical-align: top;
		}
		.onload3 {
			width:100%;
			overflow:hidden;
			display:inline-block;
		}
			/*about2*/
			.about2 {
				position:relative;
				display:inline-block;
			}
				.about2 img {
					display:inline-block;
				}
				.mask-dyellow {
					background:#464108;
				}
				.mask-lyellow {
					background:#a19621;
				}
				.a2_text {
					font-size:16px;
					line-height:35px;
					text-align:left;
					color:#12140a;
					padding: 5% 3%;
					font-weight:bold;
				}
				.deco1 {
					float:right;
					padding:0px 40px 0px 0px;
				}
	/*aboutbg2*/
	.aboutbg2 {
		background:url(../../images/aboutbg2.jpg) top fixed no-repeat;
		background-size:cover;
		min-height:570px;
	}
/*---iview---------------------------------------------------------------------------------------------------------------------------------------------*/
.iview_block {
	margin:0 auto;
	background:url(../../images/iviewbg.png) bottom left no-repeat;
	background-size:auto;
	position:relative;	
	background-position-y: 84%;
	padding-bottom:3%;
}
	.iview_deco {
		position: absolute;
		top: 138px;
		left: 406px;
		z-index: 9;
	}
	.view_right {
	}
		.iviewa {
			font-size: 0px;
			text-align: right;
			padding: 0 13% 0 0;
		}
			.iview {
				position:relative;
				display:inline-block;
				overflow:hidden;
			}
			.mask-lgreen {
				background:#677d44;
			}
			.mask-brown {
				background:#704b2b;
			}
			.iviewtag {
				margin:8px 0px 0px 5px;
			}

/*---ibox_area----------------------------------------------------------------------------------------------------------------------------------*/
.ibox_area {
	text-align:center;
	padding:3% 0;
}
	.ibox {
		display:inline-block;
		width:15%;
	}
	.ibox_c {
		width:257px;
		height:257px;
		border-radius:100%;
		-moz-box-shadow: 1px 1px 4px 2px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow: 1px 1px 4px 2px rgba(20%,20%,40%,0.5);
		box-shadow: 1px 1px 4px 2px rgba(20%,20%,40%,0.5);
	}
	img.ibox4 {
		width:140%;
	}

/*---wave1------------------------------------------------------------------------------------------------------------------------------------------*/
.wave1 {
	text-align:right;
	padding-bottom:3%;
}

/*---about3------------------------------------------------------------------------------------------------------------------------------------------*/
.about3 {
	font-size:0px;
	text-align:center;
	background:url(../../images/aboutbg3.png) top center no-repeat;
	background-size:auto;
	padding:0 0 2% 0;
}
	.ab3a {
		display:inline-block;
		overflow:hidden;
	}
	.ab3last {
		vertical-align:top;
		padding-top:369px;
	}
		.ab3 {
			position:relative;
		}
			.mask-lbrown {
				background:#c4bcb3;
			}
			.ab3_text {
				padding: 11% 4% 0 0;
    			text-align: right;
			}

/*---footer_area---------------------------------------------------------------------------------------------------------------------------------*/
.footer_area {
	background:#fff;
}
	.contact {
		background:url(../../images/contact.png) left no-repeat;
		background-size:auto;
		min-height:75px;
	}
	.footer {
		padding:1% 2% 3% 2%;
	}
		.footer ul {
			text-align:center;
		}
			.footer li {
				display:inline-block;
				width:23%;
				text-align:left;
				vertical-align:middle;
			}
				.footer li:nth-of-type(3) img {
					padding:3px 0;
				}
				.footer li span {
					font-size:16px;
					color:#18130d;
					line-height:25px;
				}
				.footer li a {
					color:#000;
					transition:.2s ease-in-out;
				}
					.footer li a:hover {
						opacity:0.8;
					}
	.copyright {
		background:url(../../images/wave2.png) top left no-repeat;
		background-size:auto;
		color:#18130d;
		font-size:12px;
		padding:2% 0;
	}
		.copy_info {
			background:url(../../images/copyright_bg.jpg) left repeat-x;
			background-size:auto;
			line-height:30px;
			margin:0 0 0 50%;
			letter-spacing:2px;
		}
			.copyright a {
				color:#18130d;
				transition:.2s ease-in-out;
			}
				.copyright a:hover {
					color:#309089;
				}
				
/*---mobile ibutton----------------------------------------------------*/
.mibutton {
	position: absolute;
	top:8px;
	right: 25px;
	width: 52px;
	height: 40px;
	padding: 0 10px;
	border-radius: 7px;
	font-size: 12px;
	z-index: 10;
	cursor:pointer;
	display:none;
}
	.mibutton span {
		display: inline-block;
		width: 29px;
		height: 1px;
		background: #309089;
		transition: .3s ease all;
		position: absolute;
	}
		.mibutton span:nth-child(1) {
			top:10px;
		}
		.mibutton span:nth-child(2) {
			top:20px;
		}
		.mibutton span:nth-child(3) {
			top:31px;
		
		}
	.mibutton_ani span {
		background:#309089;
	}
		.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;
		}
	.menufixed { 
		z-index: 999; 
		position: fixed; 
		top: 0; 
		width: 100%;
		bottom:inherit;
		transition: all 0.3s ease-in-out;
		margin:0px;
		padding: 1% 2% 1% 2%;
	}

#gotop {
	position:fixed;
	bottom:10px;
	right:15px;
	cursor:pointer;
	display:none;
	transition:.2s ease-in-out;
}
	#gotop:hover {
		transform:scale(0.9);
		opacity:.9;
	}
			@media screen and (max-width:1800px) {
				.ibcover {
					min-height:830px;
				}
				.iview_deco {
					left: 335px;
				}
				.copyright {
					background-position-x: -10%;
				}
				.navbar_area {
					padding: 1% 2% 1% 2%;
				}
			}
			@media screen and (max-width:1660px) {
				.navbar_area {
					position:fixed;
					top:0px;
					z-index: 999;
				}
				.logo {
					width:15%;
				}
					.logo img {
						width:100%;
					}
				.ilogo {
					display:none;
				}
				.ibcover {
					min-height: 809px;
					background-size: 0,100%;
				}
				.blueberry {
					padding-top:4%;
				}
				.about2 img {
					width:100%;
				}
				.a2_text {
					line-height:30px;
					padding:5% 2%;
				}
				.iview img {
					width:100%;
				}
				.iview_deco {
					left: 208px;
					top: 147px;
				}
				.ibox {
					width:16%;
				}
					.ibox_c {
						width: 210px;
						height: 210px;
					}
					img.ibox4 {
						width: 120%;
					}
				.copyright {
					background-position-x: -20%;
				}
				.footer li {
					width:26%;
				}
			}
			@media screen and (max-width:1520px) {
				.ibcover {
					min-height:750px;
				}
				.blueberry {
					padding-top: 7%;
				}
				.deco1 {
					width: 75%;
				}
				.iview_deco {
					left: 110px;
					top: 192px;
				}
				.ab3 img {
					width:100%;
				}
				.ab3_text {
					width: 70%;
					float: right;
				}
				.footer li {
					width: 32%;
				}
				.copyright {
					background-position-x: -40%;
				}
			}
			@media screen and (max-width:1490px) {
				.ab3a {
					width: 40%;
					margin: 0 auto;
					padding: 1% 0;
					display:block;
				}
				.ab3last {
					padding-top:0px;
				}
			}
			@media screen and (max-width:1310px) {
				.ibcover {
					min-height: 655px;
				}
				.iview_deco {
					left: 37px;
					top: 255px;
					width: 18%;
				}
					.iview_deco img {
						width:100%;
					}
				.ibox {
					width: 20%;
				}
				.copyright {
					background-position-x: -75%;
				}
			}
			@media screen and (max-width:1100px) {
				.ibcover {
					min-height: 560px;
				}
				.about1_1 {
					padding: 2% 0;
				}
				.about_text {
					padding:5% 15%;
				}
				.onload {
					width:40%;
				}
				.onload2 {
					width:40%;
				}
				.aboutbg2 {
					min-height:400px;
				}
				.iviewa {
					padding:0 2%;
				}
				.iview_deco {
					left: 13px;
					top: 296px;
				}
				.ibox {
					width: 21%;
				}
				.ab3a {
					width:50%;
				}
				.copyright {
					background-size: 68%;
				}
				img.lb-image {
					max-width:100% !important;
					height:auto !important;
				}
			}
			@media screen and (max-width:970px) {
				.ibcover {
					min-height: 480px;
				}
				.about_text {
					padding: 5% 11%;
				}
				.onload {
					width: 50%;
					display: block;
					margin: 0 auto;
				}
				.onload2 {
					width: 50%;
				}
				.ibox {
					width: 30%;
				}
				img.ibox4 {
					padding-top: 10%;
				}
				.wave1 img {
					width:100%;
				}
			}
			@media screen and (max-width:840px) {
				.logo {
					width: 18%;
					padding: 2% 0 0 0;
				}
				.ibcover {
					min-height: 445px;
				}
				.blueberry {
					padding-top: 11%;
				}
				.about1_2 img {
					width: 100%;
				}
				.onload {
					width: 80%;
				}
				.onload2 {
					width: 80%;
				}
				.deco1 {
					float: right;
					padding: 0px 40px 30px 0px;
				}
				.ab3a {
					width: 80%;
				}
				.contact {
					background-size: 117%;
				}
				.aboutbg2 {
					background: url(../../images/aboutbg2.jpg) top no-repeat;
					background-size: cover;
				}
			}
			@media screen and (max-width:730px) {
				.ibcover {
					min-height: 375px;
				}
				.iview_deco {
					left: 24px;
					top: 167px;
					width:25%;
				}
				.iviewtag {
					width:100%;
				}
				.copyright {
					background-size: 60%;
				}
				.copy_info {
					margin: 0 0 0 36%;
				}
			}
			@media screen and (max-width:650px) {
				.mibutton {
					display:block;
					z-index:999;
				}
				.navbar {
					display:none;
					top: 60px;
					left:0px;
					text-align: center;
					background: rgba(255, 255, 255, 0.85);
					width: 100%;
					position:fixed;
					min-height:auto;
					padding:1%;
				}
				.ibcover {
					min-height: 318px;
				}
				.aboutbg2 {
					min-height: 300px;
				}
				.ibox_c {
					width: 150px;
					height: 150px;
				}
				.footer li {
					width: 100%;
					display: block;
					padding: 2% 3%;
				}
					.footer li:nth-of-type(1) {
						text-align:center;
					}
				.copy_info {
					margin: 0 0 0 32%;
				}
			}
			@media screen and (max-width:560px) {
				.navbar {
					top:50px;
				}
				.nav {
					display:block;
					padding:1%;
				}
			}
			@media screen and (max-width:530px) {
				.ibcover {
					min-height: 270px;
				}
				.contact {
					background-size: 155%;
				}
				.copyright {
					background-size: 100%;
					padding: 2% 0 4% 0;
				}
				.copy_info {
					margin: 0 0 0 14%;
				}
			}
			@media screen and (max-width:460px) {
				.logo {
					width: 25%;
					padding: 2% 0;
				}
				.ibcover {
					min-height: 240px;
				}
				.iview_deco {
					left: 25px;
					top: 197px;
					width: 28%;
				}
				.ibox {
					width: 60%;
					padding: 2% 3%;
					display: block;
					margin: 0 auto;
				}
				.ibox_c {
					height: 210px;
					width:210px;
				}
				img.ibox4 {
					width: 100%;
				}
				.ab3a {
					width: 90%;
				}
				.copy_info {
					margin: 0 0 0 8%;
				}
			}
			@media screen and (max-width:400px) {
				.ibcover {
					min-height: 215px;
				}
				.onload {
					width: 95%;
				}
				.onload2 {
					width: 95%;
				}
				.aboutbg2 {
					min-height: 200px;
				}
				.iview_deco {
					top:94px;
				}
				.iview11 {
					width:60%;
				}
				.ibox_c {
					height: 100px;
					width: 100px;
				}
				.copy_info {
					margin: 0 0 0 1%;
				}
			}
			@media screen and (max-width:350px) {
				.ibcover {
					min-height: 186px;
				}
				.about1_1 img {
					width:100%;
				}
				.copy_info {
					letter-spacing:0px;
				}
			}
			@media screen and (max-width:320px) {
				.blueberry {
					padding-top: 13%;
				}
				.navbar {
					top: 43px;
				}
				.logo {
					width: 30%;
				}
				.mibutton {
					top: 5px;
					right: 18px;
				}
				.about_text {
					padding: 5% 5%;
					font-size:15px;
					line-height:30px;
				}
				.a2_text {
					font-size:15px;
					line-height:30px;
				}
				.ab3_text {
					width:100%;
				}
				.copyright {
					background-size: 100%;
					padding: 2% 0 6% 0;
				}
			}

/*---intop_block-----------------------------------------------------------------------------------------------------------------------------------*/
.intop_block {
	border-top:20px solid #dcc502;
	background:url(../../images/in_top_bg.png) bottom no-repeat;
	background-size:cover;
	text-align:center;
}
	.innav {
		width:40%;
		display:inline-block;
		background: rgba(255, 255, 255, 0);
		padding: 3% 0 0 0;
	}
		.innav .logo {
			float:none;
		}
	.intop {
		width:40%;
		display:inline-block;
		background: rgba(255, 255, 255, 0);
		vertical-align:top;
	}

/*---intit----------------------------------------------------------------------------------------------------------------------------------------------*/
.intit {
	text-align:center;
	background:url(../../images/intit_bg.png) top center no-repeat;
	background-size:auto;
}

/*---rmbt---------------------------------------------------------------------------------------------------------------------------------------------*/
.rmbt {
	text-align:center;
	padding:5% 0 2% 0;
}
	.rmbt ul {
	}
		.rmbt li {
			display:inline-block;
			padding:1%;
		}
/*---main-----------------------------------------------------------------------------------------------------------------------------------------*/
.main {
	background:url(../../images/inbg.png) top right no-repeat;
	background-size:auto;
}
	.roombb {
		padding: 3% 2%;
		width: 75%;
		margin: 0 auto;
	}
		.roomb {
			line-height:30px;
		}
			.roomb img {
				padding-bottom:5%;
			}
			@media screen and (max-width:1660px) {
				.innav {
					width: 100%;
					display: block;
					background:#fff;
					padding:1% 2%;
				}
				.intop_block {
					margin-top: 9%;
				}
			}
			@media screen and (max-width:1365px) {
				#wowslider-container1 {
					max-width:100%;
				}
				.roomslider {
					padding:0 2%;
				}
				.intop_block {
					text-align:right;
				}
				.intop {
					width:50%;
				}
					.intop img {
						width:100%;
					}
				.roombb {
					width:100%;
				}
			}
			@media screen and (max-width:1200px) {
				.intop_block {
					margin-top: 11%;
				}
				.intop {
					padding-right:10%;
				}
				.rmbt li {
					width:25%;
				}
			}
			@media screen and (max-width:990px) {
				.roomb {
					padding-bottom: 3%;
				}
				.roomb img {
					padding-bottom: 2%;
				}
			}
			@media screen and (max-width:890px) {
				.intop_block {
					margin-top: 13%;
				}
				.intit {
					padding: 1% 5%;
				}
					.intit img {
						width:100%;
					}
			}
			@media screen and (max-width:730px) {
				.intop_block {
					margin-top: 15%;
				}
			}
			@media screen and (max-width:630px) {
				.intop_block {
					margin-top: 17%;
				}
				.rmbt li {
					width: 30%;
				}
					.rmbt li img {
						width:100%;
					}
			}
			@media screen and (max-width:500px) {
				.innav .logo {
					width:25%;
				}
				.rmbt li {
					width: 32%;
				}
			}
			@media screen and (max-width:400px) {
				.rmbt li {
					width: 45%;
				}
				.intop_block {
					margin-top: 14%;
				}
				.innav .logo {
					width:27%;
					padding:3% 0;
				}
			}

/*************************
*********services_loc*****
**************************/

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

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

/*---notice-------------------------------------------------------------------------------------------------------------------------------------------*/
.notice {
	text-align:center;
	line-height:30px;
	padding:3%;
}
	.note img {
		padding:3%;
	}
	.note {
		padding-bottom:2%;
	}
	@media(max-width:730px) {
		.note {
			padding-bottom: 6%;
		}
			.note img {
				padding:3%;
			}
	}
/*---sce_area----------------------------------------------------------------------------------------------------------------------------------------*/
.sce_area {
	text-align:left;
	width:80%;
	margin:0 auto;
	padding:5% 0;
}
	.sce {
		padding:1% 2% 4% 2%;
		display:inline-block;
		width:48%;
		vertical-align:top;
	}
		.sceb {
			padding:0 1%;
			display:block;
		}
		.sce_pic {
		}
			.sce_pic img {
				width:100%;
			}
		.sce_text {
			font-size:16px;
			color:#6f6f6f;
			line-height:25px;
			text-align:left;
			vertical-align:top;
			padding: 6% 9% 1% 1%;
		}
		@media(max-width:1320px) {
			.sce_area {
				width:100%;
			}
		}
		@media(max-width:965px) {
			.sce_text {
				padding: 6% 5px 1% 5px;
			}
		}
		@media(max-width:860px) {
			.sce {
				width: 100%;
				display: block;
				margin: 0 auto;
			}
			.sce_text {
				padding: 3% 1% 3% 1%;
			}
			.sce_area {
				padding:7% 0 5% 0;
			}
		}
		@media(max-width:680px) {
			.sceb {
				width: 100%;
				display: block;
				margin: 0 auto;
			}
			.sce_text {
				padding: 3% 1% 3% 1%;
			}
			.sce_area {
				padding:7% 2% 5% 2%;
			}
		}
		
/*ihot*/
.ihot {
	background:#a1d9ce;
	min-height:450px;
}
	.ihot_tit {
		text-align:center;
		padding:2%;
	}
	@media(max-width:620px) {
		.ihot_tit img {
			width:100%;
			padding:3% 2%;
		}
	}
	@media(max-width:480px) {
		.ihot {
			min-height:365px;
		}
	}
	@media(max-width:390px) {
		.ihot {
			min-height:320px;
		}
	}
.news {
	padding: 5% 2%;
	min-height:1000px;
}
	table.ntable {
		width: 75%;
		margin: 0 auto;
	}
	@media(max-width:1300px) {
		table.ntable {
			width: 100%;
		}
	}
	@media(max-width:600px) {
		.news {
			min-height:600px;
		}
	}

/*---roomqty-------------------------------------------------------------------------------------------------------------------------------------------*/
.roomqty {
	text-align:center;
	line-height:30px;
	padding:3%;
	text-align: -webkit-center;
}
	.roomqty img {
		padding:3%;
	}
	.roomqty {
		padding-bottom:2%;
	}
	@media(max-width:730px) {
		.roomqty {
			padding-bottom: 6%;
		}
			.roomqty img {
				padding:3%;
			}
	}

/**roomqty**/

.ripple3 input[type="submit"] {
	position: relative;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent;
	color: #000;
	padding: 8px 20px;
	border-radius: 2px;
	font-size: 14px;
	border: 1px #333 solid;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.ripple3 input[type="submit"]:hover {
	background: #00654a;
	border-radius: 10px;
	color: #ea606f;
}

.ripple3 input[type="button"] {
	position: relative;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent;
	color: #000;
	padding: 8px 20px;
	border-radius: 2px;
	font-size: 14px;
	border: 1px #333 solid;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.ripple3 input[type="button"]:hover {
	background: #00654a;
	border-radius: 10px;
	color: #ea606f;
}

.ripple3 button {
	position: relative;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent;
	color: #000;
	padding: 8px 20px;
	border-radius: 2px;
	font-size: 14px;
	border: 1px #333 solid;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.ripple3 button:hover {
	background: #ffffff;
	border-radius: 10px;
	color: #ea606f;
}

@media screen and (max-width:767px) {
	.table-responsive {
		border: 0px solid transparent;
		margin-bottom: 0px;
	}
}

.inqtable table {
	width: 80%;
}
@media screen and (max-width:991px) {
	.inqtable table {
		width: 95%;
	}
}

.inqspan{
	color: #000;
}
#services_inq {
	color: #000;
}

#services_inq td {
	color: #000;
	/*border: #000 1px solid;*/
	font-size: 18px;
	letter-spacing: 0px;
	padding-left: 3px;
}

#services_inq label {
	color: #000;
	font-size: 14px;
	letter-spacing: 0px;
}

#services_inq a {
	color: #0a06b1;
}

#services_inq a:visited {
	color: #0a06b1;
}

#services_inq a:hover,
#services_inq a:focus {
	color: #000;
}

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