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

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

ul {
    margin-bottom: 0px;
}

body {
    font-family:Times New Roman, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
    position: relative;
    font-size: 20px;
	letter-spacing:1px;
}

a {
    display: block;
}
.clear {
	clear:both;
}

/*----header area-------------------------------------------------------------------------------------------------------------------*/
/*alldex area*/
.dex {
	position:relative;
	background: url(../../images/bannercover_01.png) top no-repeat;
	height:1080px;
}

	/*inews*/
	.inews {
		position:absolute;
		top:290px;
		display:flex;
		z-index:9;
	}
	.cbp-spmenu-push {
		    transition: all 0.3s ease;
			position:absolute;
			left:0px;
	}
		/*inews list area*/
		.inews_list {
			width:300px;
			height:293px;
			background:rgba(0,0,0,.5);
			text-align:center;
		}
			.cbp-spmenu-left {
				left:-300px;
			}
			.cbp-spmenu-left.cbp-spmenu-open {
				left:0px;
			}
			/*inews in area*/
			.inews_in {
				border:solid 1px #a6937c;
				margin:12px;
				    height: 87%;
			}
				.inews_in img {
					padding:15px 0px 35px 0px;
				}
		/*inews tit area*/
		.inews_tit {
			display:inline-block;
		}
		button#showLeftPush {
			border:0px;
		}
		.inews_tit img:hover {
			opacity:.9;
			transition:.3s ease all;
		}

	/*logo*/
	.logo {
		text-align:center;
		padding:100px 0px;
	}
	/*scroll*/
	.scroll {
		text-align:center;
		padding-bottom:5%;
	}
		.scroll a {
			display:inline-block;
		}
	/*ibutton area*/
	.navlogo {
		display:inline-block;
		padding:25px 140px;
		vertical-align:top;
	}
	
	.bannercover {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1;
}
.bannercover img {
	width:100%;
}
/*dex area*/
#sliderbox {
	
}
.blueberry {
	position:fixed;
	top:0px;
	z-index:-1;s
}
.blueberry .pager {
	display:none;
}

/*ibutton area*/
.ibutton-area {
	width:100%;
	background: #102138;
	opacity:0.9;
	position:absolute;
	bottom:0px;
	z-index:9;
}
	.ib_bg {
		display:inline-block;
		font-size:16px;
		letter-spacing:1px;
	}
		.ib_bg a {
			display:inline-block;
		}
	
	.button {
		float: left;
		display: block;
		border: none;
		background: none;
		color: #fff;
		vertical-align: middle;
		position: relative;
		z-index: 1;
	}
	.button:focus {
		outline: none;
	}
	
	.ib_bg .button {
		color: #fff;
		border-color: #fff;
	}
		.button__icon p {
			color:#fff;
			text-decoration:none;
		}


	.button_itzel {
		border: none;
		margin: 15px 10px 13px 10px;
		overflow: hidden;
		width: 120px;
	}
	.button_itzel:before {
		content: '';
		position: absolute;
		top: 1px;
		left: 0;
		width: 100%;
		height: 100%;
		border: 2px solid;
		border-radius: inherit;
		-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
		transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
	}
	
	.button_itzel:before {
		-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
		transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
	}
	
	.button_itzel:before,
	.button_itzel .button__icon {
		-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);
	}
	.button_itzel .button__icon {
		position: absolute;
		top: 88%;
		left: 50%;
		width:100%;
		font-size: 16px;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
		.button_itzel .button__icon p {
			padding: 10px;
			margin:0px;
			letter-spacing:1px;
		}
	.button_itzel > span {
		display: block;
		-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;
	}
		.button_itzel > span {
			padding: 17px;
			color:#fff;
			letter-spacing:2px;
		}
	.button_itzel:hover {
		
	}
	.button_itzel:hover:before {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.button_itzel:hover .button__icon {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
		-webkit-transform: translate3d(-50%, -100%, 0);
		transform: translate3d(-50%, -100%, 0);
	}
	.button_itzel:hover > span {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

/*---mobile ibutton----------------------------------------------------*/
.mibutton {
    position: absolute;
    top:16px;
    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: #fff;
        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:#fff;
	}
		.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;
		}
		@media screen and (max-width: 1230px) {
			.mibutton {
				display:block;
				z-index:10;
			}
			.ib_bg a {
				display:block;
			}
		}
	
		@media screen and (max-width: 1500px) {
			.dex {
				height:844px;
			}
			.logo img {
				width:7%;    
			}
		}
		@media screen and (max-width: 1455px) {
			.dex {
				height:818px;
			}
			.ibutton-area {
				top:0px;
				bottom:inherit;
				position:fixed;
			}
			.navlogo {
				padding:25px;
			}
		}
		@media screen and (max-width: 1230px) {
			.dex {
				height:auto;
				background: none;
			}
			.logo {
				padding: 130px 0px 70px 0px;
			}
				
			.inews {
				top:180px;
			}
			.ibutton-area {
				top:0px;
				bottom:inherit;
				position:fixed;
			}
			.ib_bg {
				display:none;
				position: absolute;
				width: 100%;
				top: 88px;
				right:0px;
				text-align: center;
				background: #102138;
    			opacity: 0.9;
				box-shadow: -3px 2px 10px rgba(0,0,0,.5);
				height:300px;
				overflow:hidden;
				overflow-y:scroll;
			}
				.ib_bg .button {
					width:98%;
				}
			.navlogo {
				float:left;
			}
			.bannercover {
				display:none;
			}
		}
		@media screen and (max-width: 1000px) {
			.bannercover {
 			   bottom: -75px;
			}
		}
		@media screen and (max-width: 900px) {
			.logo img {
				width: 6%;
			}
			.scroll {
				width: 5%;
				margin: 0 auto;
			}
				.scroll img {
					width:100%;
				}
			.inews {
				top: 118px;
			}
		}
		@media screen and (max-width: 700px) {
			.blueberry {
				padding-top:87px;
				position: absolute;
    			top: 0px;
			}
		}
		@media screen and (max-width: 600px) {
			.navlogo {
				padding:12px;
			}
			.ib_bg {
				width:100%;
				top:60px;
			}
				.ib_bg .button {
					width:97%;
				}
			.inews_list {
				height:220px;
			}
			button#showLeftPush {
				width:75%;
			}
				button#showLeftPush img {
					width:100%;
				}
				.inews_in img {
					width:55%;
				}
			.blueberry {
				padding-top: 60px;
			}
			.mibutton {
				top:8px;
			}
		}
		@media screen and (max-width: 500px) {
			.logo {
				padding: 110px 0px 50px 0px;
			}
			.ib_bg .button {
				width: 95%;
			}
			.button_itzel {
				margin:10px;
			}
			.inews {
				top: 100px;
			}
			.inews_list {
				height:176px;
			}
			button#showLeftPush {
				width:60%;
			}
			
		}
		@media screen and (max-width: 380px) {
			.logo {
				padding: 89px 0px 40px 0px;
			}
			.inews {
				top: 65px;
			}
		}
		@media screen and (max-width: 320px) {
			.inews_list {
				height: 155px;
			}
			.inews_in img {
				width: 50%;
				padding: 10px 0px 10px 0px;
			}
		}

/*---main------------------------------------------------------------------------------------------------------------------------------------------------*/
.main {
}
	/*intro*/
	.intro {
		min-height:740px;
		position:relative;
		background: url(../../images/bg1.jpg) bottom no-repeat,#fff;
		background-position:100% 100%;
		background-size:100%;
	}
		.intro img {
			position:absolute;
			bottom:-70px;
			width:78%;
			padding: 0px 0px 0px 28%;
			z-index:8;
		}
		@media screen and (max-width: 1450px) {
			.intro img {
				width:88%;
			}
		}
		@media screen and (max-width: 1080px) {
			.intro {
				min-height:545px;
			}
		}
		@media screen and (max-width: 940px) {
			.intro {
				min-height:440px;
			}
		}
		@media screen and (max-width: 700px) {
			.intro {
				min-height:350px;
			}
				.intro img {
					bottom:-40px;
				}
		}
		@media screen and (max-width: 520px) {
			.intro {
				min-height:250px;
			}
				.intro img {
					bottom:-40px;
				}
		}
		@media screen and (max-width: 400px) {
			.intro {
				min-height:180px;
			}
				.intro img {
					bottom: -24px;
				}	
		}
	
	/*about*/
	.about {
		background:url(../../images/aboutbg.jpg) top no-repeat;
		padding:140px 0px 137px 200px;
	}
		img.abouttit {
			padding:0px 0px 85px 0px;
		}
		.about span {
			color:#fff;
			font-size:18px;
			line-height:35px;
			padding-left:145px;
			padding-top:20px;
			display:block;
		}
		.leaf2 {
			position:absolute;
			left:0px;
			top:-237px;
			z-index:8;
		}
			.leaf2 img {
				padding: 0px;
    			width: 100%;
			}
		@media screen and (max-width: 1500px) {
			.about span {
				padding-left:0px;
			}
		}
		@media screen and (max-width: 1300px) {
			.leaf2 {
				bottom:-90px;
			}
				.leaf2 img {
					width:60%;
				}
		}
		@media screen and (max-width: 900px) {
			.about {
				padding: 100px 25px;
    			text-align: center;
			}
				img.abouttit {
					width:80%;
					padding: 0px 0px 30px 0px;
				}
				.about span {
					text-align:left;
					padding: 20px 10% 0px;
				}
			.leaf2 {
				bottom:-45px;
			}
				.leaf2 img {
					width:50%;
				}
		}
		@media screen and (max-width: 690px) {
			.about {
				padding: 70px 25px 80px 25px;
			}
				img.abouttit {
					padding:0px;
				}
			.leaf2 {
				bottom:-35px;
			}
				.leaf2 img {
					width:30%;
				}
		}
		@media screen and (max-width: 500px) {
			.about {
				padding: 55px 25px 20px 25px;
			}
				.about span {
					padding:20px 0px 0px;
					font-size:14px;
				}
			.leaf2 {
				bottom:-20px;
			}
				.leaf2 img {
					width:20%;
				}
			img.abouttit {
				width:100%;
			}
		}
		
	/*nature area*/
	.nature {
		position:relative;
		min-height: 670px;
	}
		.naturearea {
			background:url(../../images/naturecover.png) top no-repeat;
			background-size:100%;
			z-index:7;
			position:absolute;
			top:-195px;
			width:100%;
			text-align:center;
		}
			.naturearea img {
				display:inline-block;
				vertical-align:top;
				padding:230px 0px 10px 0px;
			}
			@media screen and (max-width: 1820px) {
				.nature {
					background:url(../../images/naturebg.jpg) center center no-repeat;
					background-size: cover;
				}
					.naturearea {
						background:none;
					}
					.naturearea img {
						padding:250px 0px 30px 0px;
					}
			}
			@media screen and (max-width: 1600px) {
				.naturearea {
					top:-160px;
				}
				.naturearea img {
					width:40%;
				}
			}
			@media screen and (max-width: 1300px) {
				.nature {
				}
				.naturearea {
					background-size: 100% 100%;
					top:-3px;
					/*background:url(../../images/naturebg.jpg) center center no-repeat;
					background-size: cover;*/
					position:inherit;
				}
				.naturearea img {
					width:45%;
					padding: 10% 0;
				}
			}
			@media screen and (max-width: 1000px) {
				.nature {
					min-height:540px;
				}
			}
			@media screen and (max-width: 1200px) {
					.naturearea img {
						padding: 12% 0;
					}
			}
			@media screen and (max-width: 700px) {
				.nature {
					min-height:390px;
				}
			}
			@media screen and (max-width: 440px) {
				.nature {
					min-height:275px;
				}
				.relax img {
					display:block;
					width:100%;
				}
					.relax img:nth-of-child(2) {
						width: 90%;
						margin: 0 auto;
						padding: 20px 0px
					}

			}
			@media screen and (max-width: 380px) {
				.nature {
					min-height:205px;
				}
			}
			
	/*relax area*/
	.relax {
		background:#fff;
	}
		.relax img {
			display:inline-block;
			width:49%;
		}
		@media screen and (max-width: 440px) {
				.relax img {
					display:block;
					width:100%;
				}
					.relax img:last-child {
						width: 90%;
						margin: 0 auto;
						padding: 20px 0px
					}
				.naturearea img {
					width:100%;
					padding:6% 6%;
				}

			}

/*---footer------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:#102138;
	padding:3% 6%;
	font-size:17px;
	color:#fff;
	position:relative;
}
	.fshadow {
		background:url(../../images/f_shadow.png) left no-repeat;
		height:30px;
		position:absolute;
		top:-29px;
		left:0px;
		width:100%;
		z-index:0;
	}
	.footer ul {
		display:flex;
	}
		.footer ul li {
			width:33%;
			float:left;
			list-style:none;
			text-align:center;
			position:relative;
		}
			.footer ul li:after {
				content:"";
				width:1px;
				height:120px;
				background:#fff;
				position:absolute;
				right:0px;
				top:78px;
			}
			.footer ul li span {
				text-align:left;
				display:block;
				line-height:40px;
			}
			.footer ul li img {
				display:inline-block;
			}
			.footer ul li a {
				display:inline-block;
			}
			.footer ul li:nth-child(1) {
			}
			.footer ul li:nth-child(2) {
				padding:70px 0px 0px 54px;
			}
			.footer ul li:nth-child(3) {
				padding:75px 20px 0px 54px;
				text-align:left;
			}
			.footer ul li:nth-child(4) {
				padding:75px 0px 0px 54px;
				text-align:left;
			}
				.footer ul li:nth-child(4):after {
					display:none;
				}
			
				
		
a.fb {
	position:relative;
}
	.fb:before{
		position:absolute;
		content: url(../../images/fb1.png);
		top: -63px;
		left: -9px;
		display:none;
		transition:2s ease all;
	}
	.fb:hover:before {
		display:block;
		transition:2s ease all;
	}
	
a.travel {
	position:relative;
}
	.travel:before{
		position:absolute;
		content: url(../../images/travel1.png);
		top: -63px;
		left: -9px;
		display:none;
		transition:0.3s ease all;
	}
	.travel:hover:before {
		display:block;
	}
	
a.hotel {
	position:relative;
}
	.hotel:before{
		position:absolute;
		content: url(../../images/hotel1.png);
		top: -63px;
		left: -9px;
		display:none;
		transition:0.3s ease all;
	}
	.hotel:hover:before {
		display:block;
	}
	@media screen and (max-width: 1750px) {
		.footer {
			padding:3% 0px;
		}
	}
	@media screen and (max-width: 1750px) {
		.footer ul li {
			width:50%;
			float:none;
			display:block;
		}
	}
	@media screen and (max-width: 1460px) {
		.footer ul li:nth-child(3) {
			padding: 7% 1% 0 2%;
			text-align:center;
		}
		.footer ul {
			display:block;
		}
			.footer ul li {
				text-align:center;
				display:inline-block;
				vertical-align:top;
			}
				.footer ul li:nth-child(1) {
					width:100%;
				}
					.footer ul li:nth-child(1):after {
						display:none;
					}
				.footer ul li:nth-child(2) {
					width:30%;
				}
				.footer ul li:nth-child(3) {
					width:30%;
				}
				.footer ul li:nth-child(4) {
					width:30%;
					padding:7% 0 0 0;
					text-align:center;
				}
	}
	@media screen and (max-width: 1200px) {
		.footer ul li:nth-child(2) {
			width: 100%;
    		padding: 3% 33%;
		}
		.footer ul li:nth-child(3) {
			width: 100%;
			padding: 1% 2%;
		}
		.footer ul li:nth-child(4) {
			width: 100%;
			padding: 2% 0 2% 0;
		}
			.footer ul li:after {
				display:none;
			}
	}
	@media screen and (max-width: 830px) {
		.footer ul li:nth-child(2) {
			padding: 3% 2% 3% 30%;
		}
	}
	@media screen and (max-width: 490px) {
		.footer ul li:nth-child(2) {
			padding: 3% 5%;
		}
	}
	@media screen and (max-width: 540px) {
		.footer ul li:nth-child(3) {
			padding:8% 3% 3% 3%;
		}
			.footer ul li:nth-child(3) img {
				width:80%;
			}
	}
	@media screen and (max-width: 480px) {
		.footer ul li:nth-child(3) {
			padding:12% 3% 3% 3%;
		}
			.footer ul li:nth-child(3) img {
				width:100%;
			}
	}
	@media screen and (max-width: 380px) {
		.footer ul li a {
			width:25%;
		}
		.fb:before {
			left:-19px;
		}
		.travel:before {
			left:-19px;
		}
		.hotel:before {
			left:-19px;
		}
		.footer ul li:nth-child(3) {
			padding:16% 3% 3% 3%;
		}
	}
	@media screen and (max-width: 320px) {
		.fb:before {
			left:-24px;
		}
		.travel:before {
			left:-24px;
		}
		.hotel:before {
			left:-24px;
		}
		.footer ul li:nth-child(2) {
			padding: 5% 2%;
		}
		.footer ul li span {
			line-height:30px;
		}
		.footer ul li:nth-child(3) {
			padding:18% 3% 3% 3%;
		}
	}
/*copyright*/
.copyright {
	font-size:15px;
	color:#616161;
	text-align:center;
	width:100%;
	background:#fff;
	padding:18px;
}
	.copyright span {
		display:block;
		width:100%;
		padding:10px 0px;
	}
		.copyright span a {
			display:inline-block;
			color:#616161;
		}

/*---inner----------------------------------------------------------------------------------------------------------------------------------------------*/
.inner {
}
.ibutton-area.inner {
	position: fixed;
	top:0px;
	bottom:inherit;
	background: #102138;
	opacity:1;
}

/*inner banner area*/
.inbanner {
	position:relative;
	background:url(../../images/inbanner.jpg) no-repeat;
	background-size:cover;
	width:100%;
	min-height:555px;
	z-index:2;
}
	.inbanner img {
		display:inline-block;
		position:absolute;
		top:173px;
		right:225px;
	}
	@media screen and (max-width: 912px) {
		.inbanner {
			min-height:480px;
		}
			.inbanner img {
				left:28px;
				width:58%;
			}
	}
	@media screen and (max-width: 600px) {
		.inbanner {
			min-height:300px;
		}
			.inbanner img {
				left:28px;
				width:50%;
				top:129px;
			}
	}
	@media screen and (max-width: 390px) {
		.inbanner {
			min-height:250px;
		}
			.inbanner img {
				width:50%;
			}
	}

/*---inmain------------------------------------------------------------------------------------------------------------------------------------------*/
.inmain {
	background:url(../../images/inmainbg.png) repeat;
	min-height:500px;
	position:relative;
	padding:20px;
}
	.inleaf1 {
		position:absolute;
		top:-200px;
		left:0px;
		z-index:3;
		width:18%;
	}
		.inleaf1 img {
			width:100%;
		}
	.inleaf2 {
		position:absolute;
		top:320px;
		right:0px;
		z-index:3;
		width:20%;
	}
		.inleaf2 img {
			width:100%;
		}
		@media screen and (max-width: 1000px) {
			.inleaf1 {
				top:-90px;
				width:30%;
			}
			.inleaf2 {
				width:30%;
			}
		}
		@media screen and (max-width: 500px) {
			.inleaf1 {
				top:-50px;
			}
			.inleaf2 {
				top:200px;
			}
		}
		
/*************************
********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 120px;
	margin-top: 30px;
}

.scebox_content .scebox {
	display: inline-block;
	float: left;
	width: 100%;
	margin: 5px;
}

@media (max-width: 1800px) {
	.scebox_content {
		padding: 0px;
	}
}

@media(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 (max-width: 1800px) {
	.scecontainer {
		width: 96%;
	}
	.scecontainer .item {
		width: 19%;
	}
}

@media (max-width: 1400px) {
	.scecontainer .item {
		width: 24%;
	}
}

@media (max-width: 991px) {
	.scecontainer .item {
		width: 32%;
	}
}

@media (max-width:767px) {
	.scecontainer .item {
		width: 49%;
	}
}

@media (max-width:550px) {
	.scecontainer .item {
		width: 99%;
		margin-bottom: 10px;
	}
}
#gotop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 55px;
    padding: 0 10px;
    font-size: 54px;
    cursor: pointer;
    z-index: 999;
	transition:0.2s ease all;
}
#gotop:hover {
	opacity:0.8;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}


.incopyright {
	background:#383838;
	color:#fff;
}
	.incopyright span a {
		color:#fff;
	}

/*---notice------------------------------------------------------------------------------------------------------------------------*/
.notice {
	text-align:center;
	padding:20px 0px;
}
	.nlist {
		padding:0px 0px 50px 0px;
	}
		.noticetit {
			width:30%;
			float:left;
			padding:0px 30px 0px 0px;
			display:inline-block;
		}
		.notetext {
			width:70%;
			display:inline-block;
			line-height:30px;
			font-size:17px;
		}
			.notetext table {
				width:100%;
			}
			@media (max-width:1200px) {
				.noticetit {
					width:30%;
					padding:0px 30px;
				}
					.noticetit img {
						width:100%;
					}

			}
			@media (max-width:1000px) {
				.noticetit {
					width:100%;
					padding:30px 30px;
					text-align:center;
				}
					.noticetit img {
						width:40%;
					}
				.notetext {
					width:100%;
					padding:0px 16%;
				}

			}
			@media (max-width:700px) {
				.noticetit img {
					width:70%;
				}
			}
			@media (max-width:450px) {
				.noticetit {
					padding: 6% 3%;
				}
				.noticetit img {
					width:100%;
				}
				.notetext {
					padding:0px 3%;
				}
					.notetext table {
						z-index:6;
					}
			}

/*---fac area-------------------------------------------------------------------------------------------------------------------------------------------*/
.fac_area {
	background: url(../../images/facbg.jpg) center no-repeat, url(../../images/inmainbg.png) repeat;
	background-size:cover;
	position:relative;
	padding-top:90px;
	min-height:1020px;
}
	.factit {
		width:39%;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		padding:8% 0px 0px 0px;
	}
		.factit img {
		}
	.facslider {
		width:60%;
		display:inline-block;
		padding:1% 0px 0px 0px;
	}
		.factext {
			padding:35px 30px 0px 100px;
			width:100%;
		}
			.factext img {
				width:20%;
				vertical-align:top;
				padding-right:10px;
			}
			.factext span {
				display:inline-block;
				width:75%;
				font-size:17px;
			}
	.facdoll {
		position:absolute;
		bottom: 97px;
    	left: 445px;
	}
		.facdoll img {
		}
#wowslider-container1 .ws_images {
	box-shadow: 2px 3px 14px rgba(0,0,0,.5);
}

.fac_area .inleaf1 {
	bottom:0px;
	top:inherit;
}
.fac_area .inleaf2 {
	bottom:0px;
	top:inherit;
	z-index:10;
}
	@media (max-width:1700px) {
		.fac_area {
			min-height:900px;
		}
			.factit {
				padding:8% 2% 2% 2%;
			}
				.factit img {
					width:100%;
				}
			.facdoll {
				bottom: 9%;
				left: 20%;
				width:14%;
			}
				.facdoll img {
					width:100%;
				}
			.facslider {
				padding:3% 2%;
			}
		.fac_area .inleaf1 {
			width:15%;
		}
		.fac_area .inleaf2 {
			width:15%;
		}
	}
	@media (max-width:1500px) {
		.facslider {
			padding: 8% 2% 3%;
		}
		.factit {
			padding: 10% 2% 2% 2%;
		}
	}
	@media (max-width:1300px) {
		.fac_area {
			min-height: 700px;
		}
	}
	@media (max-width:990px) {
		.fac_area {
			min-height: 620px;
		}
		.factext {
			padding: 22px 30px 0px 130px;
		}
			.factext img {
				width:30%;
				padding-bottom:10px;
			}
			.factext span {
				width:100%;
			}
	}
	@media (max-width:850px) {
		.factit {
			padding: 3% 2% 2% 2%;
			width:100%;
		}
			.factit img {
				width:50%;
			}
		.facslider {
			padding: 4% 4% 3%;
			width:100%;
		}
			.factext {
				padding: 20px 0px 0px 28%;
				width: 100%;
			}
				.factext img {
					width:30%;
				}
		.facdoll {
			bottom: 0%;
			left: 12%;
			width: 14%;
		}
	}
	@media (max-width:500px) {
		.fac_area {
			min-height: 600px;
		}
		.factit {
			padding:0 2%;
		}
		.facslider {
			padding:4% 2% 3%;
		}
		.facdoll {
			display:none;
		}
		.factext {
			padding:20px 0px 0px 0px;
		}
	}
	@media (max-width:400px) {
		.fac_area {
			min-height: 555px;
		}
		.factit {
			padding: 3% 2%;
		}
			.factit img {
				width: 80%;
			}
	}
	@media (max-width:350px) {
		.fac_area {
			min-height: 510px;
		}
	}
	@media (max-width:320px) {
		.fac_area {
			min-height: 485px;
		}
	}

/*---room area-----------------------------------------------------------------------------------------------------------------------------------*/
.room {
	background:url(../../images/rbt_bg.jpg) center center no-repeat;
	background-size:cover;
	padding-top:85px;
}

	/* Bubba */
	.grid {
		position: relative;
		margin: 0 auto;
		padding: 5% 8%;
		list-style: none;
		text-align: center;
		min-height:960px;
	}
	/* Common style */
	.grid figure {
		position: relative;
		overflow: hidden;
		margin: 10px 1%;
		width: 20%;
		background: #000;
		text-align: center;
		cursor: pointer;
		display:inline-block;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		opacity: 0.8;
	}
	
	.grid figure figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}
	
	.grid figure figcaption,
	.grid figure figcaption > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	

	figure.effect-bubba {
		background: #000;
	}
	
	figure.effect-bubba img {
		opacity: 0.7;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}
	
	figure.effect-bubba:hover img {
		opacity: 0.4;
	}
	
	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	
	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	
	figure.effect-bubba h2 {
		/*-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);*/
		font-family: Cabin;
	}
	
	figure.effect-bubba p {
		border-top:solid 1px #fff;
		margin:0 40px;
		padding: 7px 0px;
		opacity: 1;
		font-size:22px;
		/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);*/
	}
	
	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	figure.effect-bubba:hover h2,
	figure.effect-bubba:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	h2 {
		margin-top:17%;
		margin-bottom:7px;
	}
	
	.rbt_tit {
		width:100%;
		padding:5% 2%;
	}
	@media (max-width:1500px) {
		.grid {
			padding:5% 0%;
		}
	}
	@media (max-width:1450px) {
		.grid figure {
			width:40%;
		}
			figure.effect-bubba img {
				width:100%;
			}
		h2 {
			margin-top:27%;
		}
		figure.effect-bubba h2,
		figure.effect-bubba p {
			/* -webkit-transition: -webkit-transform 0.35s; */
			transition: inherit;
			/* -webkit-transform: translate3d(0,-20px,0); */
			transform: inherit;
		}
		figure.effect-bubba p {
			opacity:1;
		}
	}
	@media (max-width:1000px) {
		h2 {
			margin-top: 21%;
		}
	}
	@media (max-width:700px) {
		h2 {
			margin-top: 15%;
			font-size:25px;
		}
		figure.effect-bubba p {
			margin:0 20px;
		}
	}
	@media (max-width:600px) {
		.grid figure {
			width:80%;
		}
		h2 {
			margin-top: 25%;
		}
	}
	@media (max-width:400px) {
		.grid figure {
			width:90%;
		}
		h2 {
			margin-top: 19%;
		}
		.rbt_tit {
			padding:5% 5%;
		}
			.rbt_tit img {
				width:100%;
			}
	}

/*---roomin area------------------------------------------------------------------------------------------------------------------------------*/
.roomin {
	/*padding-top:89px;*/
	background:#131313;
	display:flex;
}
	
	.rslider {
		width:70%;
		float:left;
		background:url(../../images/rscover.png) right repeat-y;
	}
		#wowslider-container1 {
			margin:0px;
			z-index:1;
		}
		.rslider #wowslider-container1 .ws_images {
			box-shadow:none;
		}
	.rinfo {
		width:30%;
		float:left;
		text-align:center;
		max-width: 100%;
		max-height: 100%;
	}
		.rtt {
			padding:5% 3% 2%;
			text-align:center;
		}
		.rparea {
			width:100%;
			padding:0% 5%;
			color:#fff;
		}
			.rparea table {
				border:#fff;
				width:100%;
				font-size:17px;
				line-height:27px;
			}
			.rparea img {
				display:inline-block;
				padding:5% 2%;
			}
			.row {
				margin:0px;
				text-align:center;
			}
			@media (max-width:1490px) {
				.roomin {
					display:block;
				}
					.rslider {
						width: 100%;
						float: none;
						display: block;
					}
					.rinfo {
						width: 100%;
						float: none;
						display: block;
						padding: 0px 20% 5% 20%;
					}
			}
			@media (max-width:850px) {
				.rinfo {
					padding: 0px 12% 5% 12%;
				}
			}
			@media (max-width:615px) {
				.rinfo {
					padding: 0px 5% 5% 5%;
				}
			}
			@media (max-width:450px) {
				.rinfo {
					padding: 0px 0% 5% 0%;
				}
				.rparea {
					padding:5%;
				}
			}
			@media (max-width:360px) {
				.rtt {
					padding: 12% 6% 2%;
				}
					.rtt img {
						width:100%;
					}
			}
			
/*************************
*****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;
}


/*---news area-----------------------------------------------------------------------------------------------------------------------------------*/
.news {
	text-align:center;
	padding:0 15%;
}
	.news table {
		width:100%;
	}

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

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

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

#gotop {
}

.menufixed { 
	z-index: 999; 
	position: fixed; 
	top: 0; 
	width: 100%;
	bottom:inherit;
	transition: all 1s ease-in-out;
}

/*---ris area---*/
.ris_area {
	padding:6% 20% 2%;
	text-align:center;
}
	.ris {
		display:inline-block;
		width:20%;
		text-align:center;
	}
		.ris a {
			display:inline-block;
		}
			.ris a img {
			}
			@media(max-width:1400px) {
				.ris_area {
					padding: 8% 13% 2%;
					text-align: center;
				}
			}
			@media(max-width:1200px) {
				.ris_area {
					padding: 10% 13% 2%;
					text-align: center;
				}
			}
			@media(max-width:970px) {
				.ris_area {
					padding: 12% 5% 2%;
					text-align: center;
				}
			}
			@media(max-width:780px) {
				.ris_area {
					padding: 14% 3% 4%;
					text-align: center;
				}
			}
			@media(max-width:677px) {
				.ris_area {
					padding: 16% 0% 5%;
					text-align: center;
				}
			}
			@media(max-width:500px) {
				.ris {
					width:35%;
					padding:1%;
				}
			}
			@media(max-width:420px) {
				.ris_area {
					padding: 18% 0% 5%;
					text-align: center;
				}
				.ris {
					width:40%;
					padding:2%;
				}
			}
			@media(max-width:360px) {
				.ris_area {
					padding: 21% 0% 5%;
					text-align: center;
				}
			}

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

table.ntable {
	width:100%;
}