/*--------------copyright by alva start-------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);
* {
    padding: 0px;
    margin: 0px;
}

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

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

a {
    display: block;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------*/
header {
	position:relative;
	text-align:center;
	background:url(../../images/smoke.png) top center ,url(../../images/ilogo_bg.png) bottom center no-repeat;
	background-size:cover,contain;
	height:100vh;
}
	/*ititle_spa*/
	.ititle_spa {
		position:absolute;
		top: 30%;
		left: 13%;
		width:21%;
	}
		.ititle_spa img {
			width:100%;
		}
	/*ititle_flower*/
	.ititle_flower {
		position:absolute;
		top:30%;
		right:13%;
		width:21%;
	}
		.ititle_flower img {
			width:100%;
		}
	/*snowman*/
	.snowman {
		position:absolute;
		bottom:9%;
		left:4%;
		width:12%;
	}
		.snowman img {
			width:100%;
		}
	/*ilogo*/
	.ilogo {
		margin: 0 auto;
		width: 30%;
		padding-top: 2%;
	}
		.ilogo img {
			width:100%;
		}
	/*ibuton*/
	.ibuton {
		position:fixed;
		bottom:14%;
		right:1%;
		z-index:8;
		width:115px;
		display:none;
	}
		.ibuton ul {
		}
			.ibuton li {
				vertical-align:bottom;
				text-align:center;
				margin-top:15%;
			}
				.ibuton li img {
					width:100%;
				}

div#imgs {
}
.bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index:-100;
  width:100%;
  -webkit-transition: opacity 2s linear;
  -moz-transition: opacity 2s linear;
  -o-transition: opacity 2s linear;
  transition: opacity 2s linear;
  opacity:0;
}

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

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

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

.fadein {
  opacity: 100;
  filter: alpha(opacity=100);
}
	@media screen and (max-width:1500px) {
		header {
			padding:5% 0 2%;
		}
	}
	@media screen and (max-width:1340px) {
		header {
			padding: 10% 0 2%;
		}
		.ilogo {
			width:32%;
		}
	}
	@media screen and (max-width:1200px) {
		.bg {
			position:absolute;
		}
		.ilogo {
			width:35%;
		}
		header {
			padding: 13% 0 2%;
		}
	}
	@media screen and (max-width:1060px) {
		.ilogo {
			width:40%;
		}
	}
	@media screen and (max-width:1000px) {
		header {
			background-size: 159%;
		}
	}
	@media screen and (max-width:880px) {
		.ilogo {
			width:50%;
		}
		.ititle_spa {
			left: 5%;
			width: 23%;
		}
		.ititle_flower {
			right:5%;
		}
	}
	@media screen and (max-width:820px) {
		header {
			padding: 21% 0 2%;
		}
		.ilogo {
			width: 51%;
		}
		.ibuton {
			width:100px;
		}
	}
	@media screen and (max-width:770px) {
		header {
			padding: 10% 0 2%;
		}
		.ilogo {
			width:56%;
		}
		.ititle_spa {
			position: relative;
			width: 40%;
			display: inline-block;
			text-align: left;
			padding: 0 10% 0 0;
		}
		.ititle_flower {
			position: relative;
			width: 40%;
			display: inline-block;
			text-align: right;
			padding: 0 0 0 10%;
		}
	}
	@media screen and (max-width:700px) {
		.ilogo {
			width:64%;
		}
		header {
			background-size: 227%;
			min-height:100vh;
		}
	}
	@media screen and (max-width:500px) {
		.ilogo {
			width:69%;
		}
		.ititle_flower,.ititle_spa {
			width:45%;
		}
		.ibuton {
			width:80px;
		}
	}
	@media screen and (max-width:420px) {
		.ilogo {
			width:80%;
		}
	}
	@media screen and (max-width:400px) {
		header {
			padding: 20% 0 2%;
		}
	}
	
/*---scebg-----------------------------------------------------------------------------------------------------------------------------------*/
.sce1 {
	background:url(../../images/sce_bg01.jpg) top right no-repeat;
	background-size:cover;
}
.sce2 {
	background:#dde9f3;
}
.sce3 {
	background:url(../../images/sce_bg03.jpg) top right no-repeat;
	background-size:cover;
}
.sce4 {
	background:url(../../images/sce_bg04.jpg) top right no-repeat;
	background-size:cover;
}
.sce5 {
	background:url(../../images/sce_bg05.jpg) top right no-repeat;
	background-size:cover;
}
.sce6 {
	background:#dde9f3;
}
.sce7 {
	background:url(../../images/sce_bg07.jpg) top right no-repeat;
	background-size:cover;
}
.sce8 {
	background:url(../../images/sce_bg08.jpg) top right no-repeat;
	background-size:cover;
}
.sce9 {
	background:url(../../images/sce_bg09.jpg) top right no-repeat;
	background-size:cover;
}
/*---sce_area------------------------------------------------------------------------------------------------------------------------------*/
.sce_area {
	text-align:center;
	background:#fff;
}
	/*sce*/
	.sce {
		padding: 2% 0 6%;
		position:relative;
	}
		/*sce_title*/
		.sce_title {
			display:inline-block;
			width:30%;
			vertical-align:top;
			padding-top:8%;
			position:relative;
		}
			.sce_title img {
				width:100%;
			}
		/*sce_text*/
		.sce_text {
			display:inline-block;
			width:35%;
			vertical-align:top;
			text-align:left;
			position:relative;
		}
			/*sce_img*/
			.sce_img {
				padding-bottom:2%;
				position:relative;
			}
				.sce_img img {
					width:100%;
				}
			.sce_text span {
				display:block;
				font-size:18px;
				line-height:30px;
				color:#3a3a3a;
				padding: 2% 4% 4%;
			}
			/*bnb*/
			.bnb {
				text-align:center;
			}
				.bnb ul {
					display:inline-block;
					vertical-align:middle;
					width:80%;
				}
					.bnb li {
						display:inline-block;
						width:45%;
						padding:0 3%;
						color:#000;
						font-size:16px;
					}
						.bnb li a {
							color:#000;
						}
							.bnb li img {
								width:100%;
							}
						.bnb li a:hover img {
							filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
							animation:imgflash 1.2s;
						}
						@keyframes imgflash {
							0% {
								opacity:.5;
							}
							100% {
								opacity:1;
							}
						}
				.bnb img {
					padding:0 1%;
					transition:.2s all;
					width:16%;
				}
				.bnb_bg {
					background:url(../../images/bnb_line01.png) bottom center no-repeat;
					background-size:contain;
					min-height:26px;
					margin-top:-3%;
				}
				.bnb_bg2 {
					background:url(../../images/bnb_line02.png) bottom center no-repeat;
					background-size:contain;
					min-height:26px;
				}
				/*複數時*/
				.sce:nth-of-type(2n+0) {
					padding: 2% 17% 6% 0;
				}
				.sce:nth-of-type(2n+0) .sce_title {
					float:right;
				}
				.sce:nth-of-type(2n+0) .sce_text {
					float:right;
					width:42%;
				}
				.sce:nth-of-type(2n+0) .bnb img {
					float: right;
					padding-top: 12%;
				}
				@media screen and (max-width:1300px) {
					.sce_title {
						width:36%;
					}
					.sce_text {
						width:40%;
					}
				}
				@media screen and (max-width:1060px) {
					.sce:nth-of-type(2n+0) .sce_text {
						float:right;
						width:50%;
					}
					.sce:nth-of-type(2n+0) .sce_title {
						width:38%;
					}
					.sce:nth-of-type(2n+0) {
						padding: 2% 10% 6% 0;
					}
					.bnb li {
						padding:0 2%;
					}
				}
				@media screen and (max-width:950px) {
					.sce_title {
						width:45%;
					}
					.sce_text {
						width:48%;
					}
					.sce:nth-of-type(2n+0) {
						padding: 2% 2% 6% 0;
					}
					.sce:nth-of-type(2n+0) .sce_text {
						width:53%;
					}
					.sce:nth-of-type(2n+0) .sce_title {
						width:41%;
					}
				}
				@media screen and (max-width:650px) {
					.sce_title {
						width:75%;
						display:block;
						margin:0 auto;
						padding-bottom:3%;
					}
					.sce_text {
						width:80%;
						display:block;
						margin:0 auto;
					}
					.sce,.sce:nth-of-type(2n+0) {
						padding: 2% 3% 6%;
					}
					.sce:nth-of-type(2n+0) .sce_text,.sce:nth-of-type(2n+0) .sce_title {
						float:none;
					}
					.sce:nth-of-type(2n+0) .sce_text {
						width:80%;
					}
					.sce:nth-of-type(2n+0) .sce_title {
						width:75%;
					}
					.bnb img {
						width:18%;
					}
				}
				@media screen and (max-width:500px) {
					.sce_title,.sce:nth-of-type(2n+0) .sce_title {
						width:100%;
					}
					.sce_text,.sce:nth-of-type(2n+0) .sce_text {
						width:100%;
					}
					.bnb li {
						width:48%;
					}
				}
				@media screen and (max-width:400px) {
					.sce_title,.sce:nth-of-type(2n+0) .sce_title {
						width:100%;
					}
					.sce:nth-of-type(2n+0) .bnb img {
						float:none;
						padding-top:0;
					}
					.bnb ul {
						width:100%;
					}
					.bnb li {
						width:48%;
						font-size:15px;
					}
				}
	/*flower*/
	.flower {
		text-align:right;
		background:url(../../images/flower_bg.jpg) top left no-repeat fixed;
		background-size:cover;
		min-height:780px;
	}
		.flower img {
			padding:10% 10% 0 0;
		}
		@media screen and (max-width:1400px){
			.flower {
				min-height:640px;
			}
		}
		@media screen and (max-width:1000px){
			.flower {
				min-height:540px;
				background-position-x: 27%;
			}
		}
		@media screen and (max-width:750px){
			.flower {
				min-height:450px;
				background-position-x: 21%;
			}
				.flower img {
					width:70%;
				}
		}
		@media screen and (max-width:570px){
			.flower {
				min-height:400px;
			}
		}
		@media screen and (max-width:500px){
			.flower {
				min-height:350px;
				background-attachment:inherit;
				background-position-x: 29%;
			}
		}
		@media screen and (max-width:400px){
			.flower {
				min-height:280px;
			}
		}
/*---sce deco------------------------------------------------------------------------------------------------------------------------------*/
.cow {
	position: absolute;
    top: 26%;
    right: -32%;
    z-index: 0;
	width:60%;
}
	.cow img {
		width:100%;
	}
	@media screen and (max-width:1300px) {
		.cow {
			top: 25%;
			right: -20%;
			width:56%;
		}
	}
	@media screen and (max-width:1030px) {
		.cow {
			top: 20%;
		}
	}
	@media screen and (max-width:950px) {
		.cow {
			top: 24%;
			right: -4%;
			width:40%;
		}
	}
	@media screen and (max-width:820px) {
		.cow {
			top: 20%;
		}
	}
	@media screen and (max-width:700px) {
		.cow {
			top: 18%;
		}
	}
	@media screen and (max-width:650px) {
		.cow {
			top: 25%;
			right: -12%;
		}
	}
	@media screen and (max-width:550px) {
		.cow {
			top: 20%;
		}
	}
	@media screen and (max-width:500px) {
		.cow {
			top: 24%;
			right: 0;
		}
	}
	@media screen and (max-width:400px) {
		.cow {
			top: 17%;
		}
	}
	@media screen and (max-width:350px) {
		.cow {
			top: 15%;
		}
	}
.mapleleaf {
	position:absolute;
	top:-13%;
	left:0px;
	width:22%;
	z-index:1;
}
	.mapleleaf img {
		width:100%;
	}
	@media screen and (max-width:650px) {
		.mapleleaf {
			top:-3%;
			width:35%;
		}
	}
.petal {
	position:absolute;
	top: 17%;
    left: 2%;
    z-index: 0;
	width:32%;
}
	.petal img {
		width:100%;
	}
	@media screen and (max-width:1000px) {
		.petal {
			top:13%;
			left:0;
		}
	}
	@media screen and (max-width:650px) {
		.petal {
			width:100%;
			top:3%;
		}
	}
	@media screen and (max-width:500px) {
		.petal {
			top:0%;
		}
	}
.wood {
	position:absolute;
	bottom: 0;
    right: -33%;
    z-index: 1;
    width: 55%;
}
	.wood img {
		width:100%;
	}
	@media screen and (max-width:1300px) {
		.wood {
			right: -25%;
		}
	}
	@media screen and (max-width:950px) {
		.wood {
			right: -5%;
			width:40%;
		}
	}
	@media screen and (max-width:500px) {
		.wood {
			right: -2%;
		}
	}
.sakura {
	position:absolute;
	right:0;
	bottom: 23%;
    width: 24%;
}
	.sakura img {
		width:100%;
	}
	
#loading {
	background: url(../../images/dot.png) repeat,rgba(0,0,0,.7);
	position: fixed;
	width:100vw;
	height:100vh;
	z-index:999;
}
	.loader {
		position:absolute;
		top: calc(50% - 25px);
		left: calc(50% - 10px);
	}
/*---footer------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background:#dadada;
	text-align:center;
	line-height:1.7;
}
	/*travel*/
	.travel {
		padding:4% 0;
	}
		.travel ul {
		}
			.travel li {
				display:inline-block;
				vertical-align:top;
				padding:0 1%;
				width:20%;
			}
				.travel li:hover {
					animation:flash 0.5s ease-in;
				}
	/*footer_list*/
	.footer_list {
		color:#565353;
		padding-bottom:3%;
	}
		/*f_logo*/
		.f_logo {
			display:inline-block;
			vertical-align:bottom;
			width:20%;
		}
		/*f_service*/
		.f_service {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			/*house*/
			.house {
			}
			.f_service ul {
			}
				.f_service li {
					padding:5% 0 0;
				}
					.f_service a {
						display:inline-block;
						font-size:18px;
						transition:.2s;
					}
						.f_service a:hover {
							color:#ff9d00;
						}
					.f_service li span {
						border-bottom:solid 1px #565353;
						width:85%;
						display:inline-block;
						vertical-align:top;
					}
			i {
				border-bottom:0px;
				width:8%;
				color:#f5a525;
				font-size:20px;
			}
		/*f_info*/
		.f_info {
			display:inline-block;
			vertical-align:top;
			text-align:left;
			width:32%;
		}
			.f_info ul {
			}
				.f_info li {
					padding:5% 0 0;
				}
					.f_info li span {
						border-bottom:dashed 1px #565353;
						display:inline-block;
						width:80%;
						vertical-align:top;
					}
	/*footer_link*/
	.footer_link {
		background:#ebebeb;
		padding:2% 1%;
		color:#909090;
	}
		.footer_link a {
			display:inline-block;
			color:#909090;
			transition:.2s;
			text-decoration:none;
		}
			.footer_link a:hover {
				color:#000;
			}
	/*copyright*/
	.copyright {
		background:#2d2d2d;
		color:#fff;
		padding:2%;
	}
	@media screen and (max-width: 992px) {
		.travel {
			padding: 5% 0;
		}
			.travel li {
				padding:0 3%;
			}
				.travel li img {
					width:100%;
				}
		.f_logo {
			padding: 1%;
			display: block;
			margin: 0 auto;
			width: 25%;
		}
			.f_logo img {
				width:100%;
			}
		.house img {
			width:100%;
		}
		.footer_link {
			padding:2%;
		}
		.copyright {
			padding:3%;
		}
		.f_service,.f_info {
			width:45%;
		}
	}
	@media screen and (max-width: 768px) {
		.copyright img {
			width:16%;
		}
	}
	@media screen and (max-width: 650px) {
		.travel li {
			width:22%;
		}
		.f_logo {
			width:33%;
		}
		.f_service, .f_info {
			width: 80%;
			padding:2% 0;
		}
		.f_info li span {
			width:85%;
		}
	}
	@media screen and (max-width: 450px) {
		.travel li {
			width:23%;
			padding:0;
		}
		.f_logo {
			width:50%;
		}
		.f_service, .f_info {
			width: 90%;
			padding:2% 0;
		}
		.footer_link {
			padding: 3%;
		}
		.copyright {
			padding:4%;
			font-size:13px;
		}
	}
	@media screen and (max-width: 375px) {
		i {
			width:10%;
			font-size:18px;
		}
		.f_logo {
			width:53%;
		}
		.copyright img {
			width: 20%;
		}
	}
/***footer_v1****************************************/
.footer_list {
    vertical-align: top;
    font-size: 14px;
    color: #fff;
	text-align:left;
	background:#4a5960;
	padding:3% 0;
}

.footer_list p {
	text-align: center;
}
.footer_list img {
}

/*************************
**********footer**********
**************************/
.footer_list a {
	display:inline-block;
	color:#fff;
}
.footer_list a:hover,
.footer_list a:focus {
	color: #6fe5d1;
	text-decoration:none;
}
.footertop {
	background: url(../../images/footertop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 23px;
	margin-bottom: 40px;
}
.footerp {
	font-size: 14px;
}
.footer_list hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #3e4549;
}
.footerp i {
	font-size: 30px;
	color: #6fe5d1;
}
.font18 {
	font-size: 18px;
}
.font22 {
	font-size: 22px;
}
.footersocial img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	
	100% {
		opacity: 1;
	}
}
.footertext {
	padding-top: 10px;
}
.footertext i {
	font-size: 20px;
	color: #6fe5d1;
}
.footertext hr {
	border-top: 1px dashed #3e4549;
	margin-top: 0px;
	margin-bottom: 5px;
}
.footerht hr {
	border-top: 1px solid #fff;
	margin: 3% 0 3% 0;
}
.webveiw img {
	float: right;
}
.Copyright {
	font-size: 13px;
	padding-top: 20px;
}
.Copyright a {
	color: #fff;
}
.Copyright a:visited,
.Copyright a:focus {
	color: #fff;
}
.Copyright a:hover {
	color: #6fe5d1;
}
.brs {
	display: none;
}
@media(max-width:991px) {
	.brs {
		display: block;
		height: 1px;
	}
	
	.Copyright {
		padding-top: 0px;
	}
	.footer_list img {
		margin:0 auto;
	}
}
@media(max-width:767px) {
	.footerp img {
		margin: 0 auto;
	}
	
	.footerp {
		text-align: center;
		padding-top:5%;
	}
	
	.footerp hr {
	}
	
	.footersocial {
		text-align: center;
	}
	
	.footertext {
		text-align: center;
	}
	
	.footertext hr {
		display: none;
	}
	
	.webveiw img {
		float: none;
		margin: 0 auto;
	}
	
	.Copyright {
		text-align: center;
	}
}
@media(max-width:500px) {
	.footer_list {
		padding:6%;
	}
}


.fa-angle-up {
	width:100%;
	font-size:30px;
}