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

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

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

a {
    display: block;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
td {
	vertical-align:top;
}

#loading {
	background:#fff;
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	animation:loading ease-out;
	opacity:1;
}
	#loading img {
		position:absolute;
		top:20%;
		left:calc(50% - 202px);
	}
	@keyframes loading {
		0% {
			opacity:1;
		}
		100% {
			opacity:0;
		}
	}
	@media screen and (max-width:700px) {
		#loading img {
			top: 25%;
			left: 25%;
			width:50%;
		}
	}

/*----header area-------------------------------------------------------------------------------------------------------------------*/
/*top*/
#gotop {
    opacity: 1;
	cursor:pointer;
	transition:.2s ease-in;
	z-index:9;
	text-align:center;
	width:20%;
	margin:0 auto;
}
	#gotop:hover {
		transform: translateY(-15px);
	}

/*---bbs---------------------------------------------------------------------------------------------------------------------------------------*/
.bbstable {
	width:95%;
	margin:0 auto;
}

.bbstable table {
    width: 100%;
}
.bbstable table td {
	padding:1% 0;
}
.bbstable table a {
	display: inline-block;
}
.bbstable table a:visited {
    color: #000;
}

.bbstable table a:hover,
.bbstable table a:focus {
    color: #ff9000;
}

.bbshid {
    display: none;
}
@media screen and (max-width:900px) {
	.bbstable {
		width:90%;
	}
}
@media(max-width:768px) {
    .bbsimg img {
        max-width: 80px;
    }
}

@media(max-width:650px) {
    .bbsimg img {
        max-width: 70px;
    }
	.bbstable {
		width:95%;
	}
}

@media(max-width:580px) {
    .bbsimg img {
        max-width: 60px;
    }
}

@media(max-width:500px) {
    .bbsimg img {
        max-width: 90px;
    }
    .bbshid {
        display: block;
    }
    .bbstable table td {
        font-size: 12px;
        letter-spacing: 0px;
    }
}
/*---services_loc------------------------------------------------------------------------------------------------------------------------------*/
#services_loc {
	width:80%;
	margin:0 auto;
}
div#map_canvas {
	height:490px;
	box-shadow:0px 0px 10px rgba(0,0,0,.2);
}
@media screen and (max-width:935px) {
	#services_loc {
		width:95%;
	}
	div#map_canvas {
		height:400px;
	}
}
@media(max-width:500px) {
	div#map_canvas {
		height:350px;
	}
}
@media(max-width:400px) {
	div#map_canvas {
		height:300px;
	}
}
/*************************
********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 90px;
	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;
	}
}
/********************************************************************************************************************************************
*******************************************************************************************************************************************
********************************************************************************************************************************************/
/*header*/
.header {
	position:relative;
}
/*dex area*/
#imgs {
	min-height:990px;
}
#imgs a {
}
.bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom:0;
  right:0;
  -webkit-transition: opacity 2s linear;
  -moz-transition: opacity 2s linear;
  -o-transition: opacity 2s linear;
  transition: opacity 2s linear;
  opacity:0;
  z-index:-100;
}

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

#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%;
}

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

.fadein {
  opacity: 100;
  filter: alpha(opacity=100);
}
/*ideco01*/
.ideco01 {
	position:absolute;
	top:0;
	right:0;
}
/*ilogo*/
.ilogo {
	position:absolute;
	top:7%;
	right:6%;
	text-align:center;
}
	.ilogo a {
		color:#000;
	}
	.ilogo img {
	}
	.iarrow {
		padding:3% 0;
		display:block;
		animation: imove 1.5s infinite;
		margin:0 auto;
	}
	@keyframes imove {
		0% {
			opacity:0;
			transform:translateX(-20px);
		}
		50% {
			opacity:1;
		}
		100% {
			opacity:0;
			transform:translateX(20px);
		}
	}
	.ilogo span {
		letter-spacing:2px;
		font-weight:bold;
		text-shadow: 0px 0px 10px rgba(255,255,255,1);
		display: inline-block;
	}
/*ideco02*/
.ideco02 {
	position:absolute;
	bottom:0;
	left:0;
}
/*ifooter*/
.ifooter {
	position:absolute;
	bottom: 4%;
    left: 1%;
    text-align: right;
    width: 18%;
}
	.ifooter span {
		display:block;
		font-size:14px;
		color:#fff;
		text-align:right;
	}
	.ifooter ul {
		padding:2% 0;
	}
		.ifooter li {
			display:inline-block;
			width:22%;
			padding:0 2%;
			text-align:right;
		}
			.ifooter li a {
				transition:.3s ease-in;
			}
			.ifooter li a:hover {
				opacity:.6;
			}
			.ifooter li img {
				filter: drop-shadow(0px 0px 5px rgba(255,255,255, 0.7));
				-webkit-filter: drop-shadow(0px 0px 5px rgba(255,255,255, 0.7));
			}
	/*copyright*/
	.copyright {
		font-size:14px;
		color:#fff;
	}
		.copyright a {
			font-size:14px;
			color:#fff;
			display:inline-block;
			transition:.3s ease-out;
		}
			.copyright a:hover {
				color:#000;
			}
			@media screen and (max-width:1550px) {
				.ifooter {
					width:22%;
				}
			}
			@media screen and (max-width:1240px) {
				.ifooter {
					width:28%;
				}
				.ideco02 {
					width:50%;
				}
				.ideco01 {
					width:40%;
				}
				.ideco02 img,.ideco01 img {
					width:100%;
				}
				.ilogo img {
					width:90%;
				}
				.iarrow {
					padding: 4% 10%;
				}
			}
			@media screen and (max-width:950px) {
				.ilogo {
					top:5%;
					right:5%;
				}
				.ifooter {
					width: 30%;
				}
				#imgs {
					min-height: 1100px;
				}
			}
			@media screen and (max-width:870px) {
				.ifooter {
					width: 32%;
					bottom:1%;
					left:1%;
				}
				.ifooter li img {
					width:100%;
				}
				.ideco01 {
					width: 50%;
				}
			}
			@media screen and (max-width:800px) {
				#imgs {
					min-height: 980px;
				}
				.ifooter {
					width: 95%;
					position: absolute;
					padding: 2% 2% 3% 4%;
					text-align: left;
					bottom:0;
					left:0;
				}
				.ifooter li {
					width:12%;
					padding:0 1%;
				}
				.ifooter span {
					text-align:left;
				}
			}
			@media screen and (max-width:600px) {
				.ilogo {
					top: 3%;
					right: 3%;
				}
				.ilogo img {
					width: 70%;
				}
				#imgs {
					min-height: 700px;
				}
			}
			@media screen and (max-width:500px) {
				.ideco01 {
					width: 59%;
				}
				.ilogo {
					right:0;
				}
				.ideco02 {
					width: 61%;
				}
				.ifooter li {
					width: 14%;
				}
				#imgs {
					min-height: 600px;
				}
			}
			@media screen and (max-width:400px) {
				.ilogo img {
					width: 55%;
				}
				.ideco01 {
					width: 62%;
				}
				.ideco02 {
					width: 74%;
				}
				#imgs {
					min-height: 580px;
				}
			}
			@media screen and (max-width:380px) {
				#imgs {
					min-height: 650px;
				}
			}

/*---navbar----------------------------------------------------------------*/
.navbar {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	background:rgba(255,255,255,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	text-align:left;
	z-index:999;
	padding:1% 2% 1% 2%;
	border-radius:0;
	margin:0;
}
	.navlogo {
		display:inline-block;
		vertical-align:top;
		width:15%;
	}
	.ibutton {
		display:inline-block;
		vertical-align:bottom;
		text-align:center;
		width:55%;
		padding:0 0 1% 0;
		border-bottom:solid 1px #000;
	}
		.ibutton ul {
		}
			.ibutton li {
				display:inline-block;
				vertical-align:bottom;
				width:13%;
				padding:0 1%;
				position:relative;
			}
/*---mobile ibutton----------------------------------------------------*/
.mibutton {
	position: fixed;
	top: 9px;
    right: 5px;
	width: 50px;
	height: 40px;
	padding: 0 10px;
	border-radius: 7px;
	font-size: 12px;
	z-index: 10;
	cursor:pointer;
	display:none;
	border-radius:2px 0px 2px 2px;
}
	.mibutton span {
		display: inline-block;
		width: 29px;
		height: 5px;
		background: #ffb115;
		transition: .3s ease all;
		position: absolute;
		left:11px;
		border: solid 1px #000;
	}
		.mibutton span:nth-child(1) {
			top:10px;
		}
		.mibutton span:nth-child(2) {
			top:19px;
		}
		.mibutton span:nth-child(3) {
			top:29px;
		
		}
	.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:1300px) {
			.navlogo {
				width:20%;
			}
			.ibutton {
				width:70%;
			}
		}
		@media screen and (max-width:990px) {
			.navlogo {
				width:25%;
				padding:1%;
			}
				.navlogo img {
					width:100%;
				}
			.ibutton {
				width:74%;
			}
		}
		@media screen and (max-width:900px) {
			.mibutton {
				display:block;
			}
			.ibutton {
				display:none;
				width:100%;
			}
			.navlogo {
				width:20%;
			}
			.navbar {
				padding:1%;
				background: rgba(255,255,255,.8);
				box-shadow: 0px 0px 10px rgba(0,0,0,.3);
			}
			.ibutton li {
				padding:1%;
				width: 12%;
			}
			.ibutton li img {
				width:100%;
			}
		}
		@media screen and (max-width:700px) {
			.ibutton li {
				display: block;
				margin: 0 auto;
				width:15%;
			}
			.ibutton {
				border:none;
			}
		}
		@media screen and (max-width:600px) {
			.navlogo {
				width: 25%;
				padding: 1% 1% 1% 3%;
			}
			.ibutton li {
				width:17%;
			}
		}
		@media screen and (max-width:450px) {
			.navlogo {
				width: 30%;
			}
			.ibutton li {
				width:20%;
			}
		}
		@media screen and (max-width:380px) {
			.navlogo {
				width: 34%;
			}
			.ibutton li {
				width:25%;
			}
			.mibutton {
				top:5px;
			}
			.ibutton {
				height:430px;
				overflow-y:scroll;
			}
		}
		@media screen and (max-width:350px) {
			.ibutton {
				height:400px;
				overflow-y:scroll;
			}
		}
/*---about_top------------------------------------------------------------------------------------------------------------------------------------*/
.about_top {
	background:url(../../images/intop_mask.png) top center no-repeat;
	min-height:939px;
	background-size:cover;
	position:relative;
	z-index:1;
}
	/*about_title*/
	.about_title {
		position:absolute;
		bottom:30%;
		left:185px;
	}
	@media screen and (max-width:1390px) {
		.about_title {
			position: absolute;
			left: 100px;
		}
	}
	@media screen and (max-width:1075px) {
		.about_title {
			width: 30%;
		}
		.about_title img {
			width:100%;
		}
	}
	@media screen and (max-width:900px) {
		.about_title {
			width: 34%;
		}
	}
	@media screen and (max-width:700px) {
		.about_title {
			width: 38%;
			position: absolute;
			bottom: 28%;
			left: 56px;
		}
	}
	@media screen and (max-width:600px) {
		.about_title {
			width:42%;
		}
	}
	@media screen and (max-width:530px) {
		.about_title {
			width:46%;
		}
	}
	@media screen and (max-width:440px) {
		.about_title {
			width:55%;
			left:1%;
		}
	}
	@media screen and (max-width:390px) {
		.about_title {
			width:60%;
			bottom: 31%;
		}
	}
	@media screen and (max-width:350px) {
		.about_title {
			width:65%;
			bottom: 33%;
		}
	}
/*---about1-------------------------------------------------------------------------------------------------------------------------------------*/
.about1 {
	background:url(../../images/about1_bg.jpg) top right no-repeat fixed;
	background-size:cover;
	position: relative;
    margin-top: -26%;
    padding: 20% 0 0 0;
}
	/*about1_container*/
	.about1_container {
		background:url(../../images/about1_bg_mask.png) bottom center no-repeat;
		background-size:cover;
	}
		/*a1_top*/
		.a1_top {
			text-align:right;
		}
			/*a1t_1*/
			.a1t_1 {
				display:inline-block;
				width:52%;
				padding:0 10% 0 0;
			}
				.a1t_1 img {
					padding-bottom: 5%;
				}
				.a1t_1 span {
					display:block;
					letter-spacing:2px;
					color:#fff;
					position:relative;
					text-align:left;
					line-height:30px;
				}
					.a1t_1 span strong {
						font-size:47px;
					}
					.comma1_1 {
						position: absolute;
						top: -53%;
						left: -7%;
					}
					.comma1_2 {
						position: absolute;
						bottom: -57%;
						right: 0;
					}
			/*a1t_2*/
			.a1t_2 {
				display: inline-block;
				vertical-align: top;
				padding-top:4%;
				width:40%;
			}
				.a1t_2 img {
					width:100%;
				}
		/*a1_bottom*/
		.a1_bottom {
			padding:3% 0 0 0;
			text-align:center;
			position: relative;
		    margin-bottom: -10%;
		}
			/*inews*/
			.inews {
				display: inline-block;
				vertical-align: top;
				width: 22%;
				text-align:left;
			}
				.inews img {
					padding-bottom:5%;
				}
				.inews table {
					width:100%;
					border-top:solid 1px #fff;
					padding-top:5%;
					color:#FFF;
					text-align:left;
				}
					.inews table a {
						color:#fff;
					}
			/*a1b*/
			.a1b {
				display:inline-block;
				vertical-align:top;
				width:28%;
				padding:1%;
			}
				.a1b img {
					width:100%;
				}
/*---about2_top------------------------------------------------------------------------------------------------------------------------------*/
/*about2_top*/
.about2_top {
	background:url(../../images/about2_bg_top.png) top center no-repeat;
	background-size:cover;
	min-height:280px;
}
	@media screen and (max-width:1300px) {
		.about_top {
			min-height:820px;
		}
		.a1b {
			width:31%;
		}
		.a1t_1 {
			padding:0 3% 0 0;
		}
	}
	@media screen and (max-width:1075px) {
		.about_top {
			min-height: 650px;
		}
		.a1_bottom {
			padding:10% 0 0 0;
		}
		.inews {
			width:30%;
		}
	}
	@media screen and (max-width:900px) {
		.about2_top {
			min-height:190px;
		}
		.about_top {
			min-height: 585px;
		}
		.a1t_1 {
			padding: 0 5%;
			width:100%;
			display:block;
		}
		.comma1_1 {
			left:0;
		}
		.a1t_2 {
			display: block;
			width: 100%;
			padding: 6%;
		}
		.inews {
			display: block;
			width: 100%;
			padding: 0 6% 3%;
		}
		.inews img {
			padding-bottom: 3%;
		}
		.inews table {
			padding-top:3%;
		}
		.a1b {
			width: 45%;
		}
		.a1_bottom {
			padding: 0% 0 0 0;
		}
	}
	@media screen and (max-width:840px) {
		.about_top {
			min-height: 500px;
		}
	}
	@media screen and (max-width:700px) {
		.a1t_1 img {
			width:30%;
		}
		img.comma1_1,img.comma1_2 {
			width:20%;
		}
		.about1 {
			margin-top:-32%;
		}
		.a1t_1 {
			padding: 0 5% 7%;
		}
		.about2_top {
			min-height: 130px;
		}
	}
	@media screen and (max-width:550px) {
		.about_top {
			min-height: 450px;
		}
		img.comma1_1, img.comma1_2 {
			width: 10%;
		}
		.comma1_1 {
			top:-20%;
		}
		.comma1_2 {
			bottom:-20%;
		}
		.a1t_1 span strong {
			font-size: 40px;
		}
		.a1b {
			padding: 6% 1% 1% 1%;
		}
	}
	@media screen and (max-width:500px) {
		.about1 {
			background-attachment: inherit;
			margin-top: -40%;
		}
		.about2_top {
			min-height: 100px;
		}
	}
	@media screen and (max-width:400px) {
		.a1t_1 span strong {
			font-size: 35px;
		}
		.comma1_1 {
			top:-10%;
		}
		.comma1_2 {
			bottom:-10%;
		}
		.about2_top {
			min-height: 80px;
		}
	}
	@media screen and (max-width:365px) {
		.about1 {
			margin-top: -46%;
		}
	}
/*---about2--------------------------------------------------------------------------------------------------------------------------------*/
.about2 {
	background:url(../../images/about2_bg_line.png) top center no-repeat;
	padding:0 5%;
	position:relative;
	text-align:center;
}
	/*a2_left*/
	.a2_left {
		display:inline-block;
		width:47%;
		vertical-align:top;
		padding:0 1%;
		z-index:5;
	}
		/*a2*/
		.a2 {
			padding: 0 0 15% 0;
		}
			.a2_text {
				position:relative;
				background:url(../../images/about_text_bg.jpg) repeat;
				padding:5%;
				width:75%;
				margin:0 auto;
				z-index:1;
				box-shadow: 2px 3px 10px rgba(0,0,0,.2);
			}
				.a2_text span {
					line-height:30px;
					letter-spacing:2px;
					text-align:left;
					display:block;
					position:relative;
				}
				h1 {
					font-size:47px;
					margin:0;
					display:inline-block;
				}
				/*comma2_1*/
				.comma2_1 {
					position:absolute;
					top:3%;
					left:-5%;
					background:url(../../images/comma2_1.png) top left no-repeat;
					height:108px;
					width:141px;
					z-index:-1;
				}
				/*comma2_2*/
				.comma2_2 {
					position:absolute;
					right:0;
					bottom:0;
					background:url(../../images/comma2_2.png) top left no-repeat;
					width:75px;
					height:57px;
					z-index:-1;
				}
			.a2_img {
				position: relative;
				margin-top: -10%;
				z-index: 0;
			}
				.a2_img img {
					filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.3));
					-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.3));
					width:100%;
				}
	/*a2_right*/
	.a2_right {
		display:inline-block;
		width:47%;
		vertical-align:top;
		padding:0 1%;
		z-index:5;
	}
		/*heart*/
		.heart {
			cursor:pointer;
			text-align: center;
			padding: 6% 0;
		}
			.heart img:hover {
				animation:imgflash 1.2s ease-out;
			}
		@keyframes imgflash {
			0% {
				opacity:.5;
			}
			100% {
				opacity:1;
			}
		}
		/*a2_r_img*/
		.a2_r_img {
		}
			.a2_r_img img {
				width:100%;
				filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.3));
				-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0, 0.3));
			}
		/*a2_r_text*/
		.a2_r_text {
			line-height:30px;
			letter-spacing:2px;
			text-align:left;
			position:relative;
			width:80%;
			margin:0 auto;
			margin-top:30%;
		}
			.comma3_1 {
				position:absolute;
				top: -43%;
				left: -10%;
				z-index: -1;
			}
			.comma3_2 {
				position:absolute;
				right:0;
				bottom: -28%;
				z-index: -1;
			}
/*about2_bottom*/
.about2_bottom {
	background:url(../../images/about2_bg_bottom.png) top right no-repeat;
	min-height:165px;
}
/*a2_deco01*/
.a2_deco01 {
	background:url(../../images/about_deco.png) top right no-repeat;
	min-height:141px;
	position:absolute;
	top:28%;
	left:0;
	width:100%;
	z-index:-1;
}
/*a2_deco02*/
.a2_deco02 {
	background: url(../../images/about_deco02.png) bottom right no-repeat;
	min-height:102px;
	position:absolute;
	bottom:25%;
	right:0;
	width:100%;
	z-index:-1;
}
	@media screen and (max-width:1400px) {
		.about2 {
			padding:0 2%;
		}
		.a2_text {
			width:90%;
		}
		.comma2_1,.comma2_2 {
			background-size:50%;
		}
		.comma2_2 {
			bottom:-25px;
			right:-15px;
		}
	}
	@media screen and (max-width:1300px) {
		.heart img {
			width:100%;
		}
	}
	@media screen and (max-width:1200px) {
		.comma3_1 {
			width:20%;
			top:-15%;
		}
		.comma3_2 {
			width:18%;
			bottom:-20%;
		}
		.comma3_1 img,.comma3_2 img {
			width:100%;
		}
		h1 {
			font-size:38px;
		}
	}
	@media screen and (max-width:990px) {
		.a2_left,.a2_right {
			display: block;
			width: 90%;
			margin: 0 auto;
		}
		.heart {
			padding:0 0 5% 0;
		}
		.heart img {
			width: 60%;
		}
		.a2_r_text {
			margin-top:16%;
			padding-bottom:5%;
		}
		.comma3_2 {
			width: 10%;
			bottom: 0;
		}
	}
	@media screen and (max-width:600px) {
		h1 {
			font-size: 32px;
		}
		.a2_left, .a2_right {
			width:100%;
		}
		.a2_text {
			width: 95%;
		}
	}
	@media screen and (max-width:400px) {
		.heart img {
			width: 70%;
		}
		.a2_r_text {
			width:90%;
		}
		.comma3_1 {
			left:-5%;
			top: -6%;
		}
	}
/*---in_bottom-------------------------------------------------------------------------------------------------------------------------------*/
.in_bottom {
	background:url(../../images/in_bottom_bg.jpg) top center no-repeat fixed;
	min-height:1000px;
	background-size:cover;
	position:relative;
	margin-top:-7%;
	text-align:center;
	z-index:-1;
}
	.in_bottom img {
		padding-top: 20%;
	}
	@media screen and (max-width:990px) {
		.in_bottom img {
			width:90%;
		}
	}
/*---footer--------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	position: relative;
    margin-top: -23%;
}
	/*footer_bg*/
	.footer_bg {
		background:url(../../images/footer_bg.png) bottom center no-repeat;
		background-size:cover;
		text-align:center;
	}
		.footer_logo {
			padding:5% 0 3%;
		}
			footer_logo img {
			}
	/*footer_area*/
	.footer_area {
		background:#fff;
		text-align:center;
		padding: 0 0 2%;
	}
		/*f_info*/
		.f_info {
			text-align:left;
			padding: 0% 0 2%;
			width:20%;
			margin:0 auto;
		}
			.f_info ul {
			}
				.f_info li {
					font-size:15px;
					line-height:31px;
					letter-spacing:2px;
				}
		/*f_icon*/
		.f_icon {
			width:20%;
			margin:0 auto;
		}
			.f_icon ul {
			}
				.f_icon li {
					display:inline-block;
					width:22%;
					padding:0 1%;
					vertical-align:top;
				}
						.f_icon a:hover {
							animation:imgflash 1.2s;
						}
			.f_icon span {
				font-size:12px;
				display:block;
			}
		/*incopy*/
		.incopy {
			color:#5e5e5e;
			font-size:12px;
			width:100%;
			padding: 1% 0 0 0;
			z-index:9;
		}
			.incopy a {
				color:#5e5e5e;
				font-size:12px;
				transition:.3s ease;
				display:inline-block;
			}
				.incopy a:hover {
					color:#e29c10;
				}
/*f_deco01*/
.f_deco01 {
	position:absolute;
	bottom:0;
	left:8%;
}
/*f_deco02*/
.f_deco02 {
	position:absolute;
	bottom:0;
	right:0;
}
	@media screen and (max-width:1600px) {
		.in_bottom {
			min-height:900px;
		}
		.f_info,.f_icon {
			width:22%;
		}
	}
	@media screen and (max-width:1400px) {
		.in_bottom {
			min-height:775px;
		}
		.f_info,.f_icon {
			width:27%;
		}
	}
	@media screen and (max-width:1200px) {
		.in_bottom {
			min-height:690px;
		}
		.f_info,.f_icon {
			width:30%;
		}
		.f_deco01 {
			left:0;
		}
	}
	@media screen and (max-width:1054px) {
		.footer {
			margin-top: -31%;
		}
	}
	@media screen and (max-width:990px) {
		.f_deco01 {
			width:18%;
		}
		.f_deco02 {
			width:15%;
		}
		.f_deco01 img,.f_deco02 img {
			width:100%;
		}
	}
	@media screen and (max-width:930px) {
		.in_bottom {
			min-height:590px;
		}
		.f_info,.f_icon {
			width:40%;
		}
	}
	@media screen and (max-width:780px) {
		.in_bottom {
			min-height:530px;
		}
		.f_info,.f_icon {
			width:46%;
		}
		.f_deco01 {
			bottom: 13%;
			left: -5%;
		}
		.f_deco02 {
			width: 10%;
		}
		.footer_bg {
			background-size: 175%;
		}
		.footer_logo {
			width: 20%;
			margin: 0 auto;
		}
		.footer_logo img {
			width:100%;
		}
	}
	@media screen and (max-width:700px) {
		.in_bottom {
			min-height:455px;
		}
		.f_info,.f_icon {
			width:52%;
		}
		.f_info {
			padding:4% 0;
		}
		.footer_logo {
			padding: 5% 0 2%;
		}
	}
	@media screen and (max-width:590px) {
		.in_bottom {
			min-height:410px;
		}
		.f_info,.f_icon {
			width:60%;
		}
	}
	@media screen and (max-width:500px) {
		.in_bottom {
			min-height:355px;
			background-attachment: initial;
		}
		.f_info,.f_icon {
			width:65%;
		}
		.footer_bg {
			background-size: 216%;
		}
		.footer_logo {
			width:25%;
		}
		.footer {
			margin-top: -37%;
		}
	}
	@media screen and (max-width:430px) {
		.in_bottom {
			min-height:310px;
		}
		.footer_area {
			padding:0 2% 2%;
		}
		.f_info, .f_icon {
			width: 80%;
		}
		.f_info li {
			letter-spacing:1px;
		}
		.footer {
			margin-top: -37%;
		}
		.f_info li {
			font-size:13px;
		}
	}
	@media screen and (max-width:370px) {
		.in_bottom img {
			padding-top:29%;
		}
		.f_info, .f_icon {
			width: 90%;
		}
	}
/*---common---------------------------------------------------------------------------------------------------------------------------------------*/
.common {
	background:#f4e7ce;
}
	/*common_bg_top*/ 
	.common_bg_top {
		background:url(../../images/common_bg_top.jpg) top center no-repeat;
		min-height:959px;
		background-size:cover;
	}
	/*common_bg_middle*/
	.common_bg_middle {
		min-height:850px;
	}
		/*inner*/
		.inner {
			width:75%;
			margin:0 auto;
			position:relative;
			margin-top:-36%;
			z-index:1;
		}
			/*intitle*/
			.intitle {
				text-align:left;
				border-left:solid 1px #000;
				margin: 0 0 4% 5%;
				padding: 2% 0 2% 1%;
			}
			/*deco*/
			.deco {
				position:absolute;
				top: 25%;
				left: -6%;
				z-index: -1;
			}
			/*inner_top*/
			.inner_top {
				background:url(../../images/inner_bg_01.png) bottom center no-repeat;
				min-height:57px;
				background-size:contain;
			}
			/*inner_main*/
			.inner_main {
				background:url(../../images/inner_bg_02.png) center repeat-y;
				min-height:800px;
			}
			/*inner_bottom*/
			.inner_bottom {
				background:url(../../images/inner_bg_03.png) top center no-repeat;
				min-height:61px;
				background-size:contain;
			}
	/*common_bg_bottom*/
	.common_bg_bottom {
		background:url(../../images/commoc_bg_bottom.png) top right no-repeat;
		min-height:220px;
	}
	/*common_bottom*/
	.common_bottom {
		margin-top: -17%;
	}
	@media screen and (max-width:1720px) {
		.inner {
			width:80%;
			margin-top: -40%;
		}
		.common_bottom img {
			padding-top: 25%;
		}
	}
	@media screen and (max-width:1600px) {
		.inner_main {
			background-size:contain;
		}
	}
	@media screen and (max-width:1500px) {
		.inner {
			width:85%;
			margin-top: -46%;
		}
	}
	@media screen and (max-width:1300px) {
		.inner {
			margin-top: -57%;
		}
	}
	@media screen and (max-width:1100px) {
		.inner {
			margin-top: -69%;
		}
	}
	@media screen and (max-width:990px) {
		.inner {
			margin-top: -80%;
		}
	}
	@media screen and (max-width:880px) {
		.inner {
			margin-top: -81%;
			width: 95%;
		}
	}
	@media screen and (max-width:768px) {
		.inner {
			margin-top: -90%;
		}
	}
	@media screen and (max-width:760px) {
		.inner {
			margin-top: -97%;
		}
		.common_bg_bottom {
			min-height: 120px;
			background-size: cover;
		}
	}
	@media screen and (max-width:680px) {
		.inner {
			margin-top: -110%;
		}
	}
	@media screen and (max-width:620px) {
		.inner {
			margin-top: -119%;
		}
		.intitle {
			width:48%;
		}
		.intitle img {
			width:100%;
		}
	}
	@media screen and (max-width:570px) {
		.common_bg_top {
			min-height:760px;
		}
		.inner {
			margin-top: -97%;
		}
	}
	@media screen and (max-width:520px) {
		.common_bg_top {
			min-height:690px;
		}
		.common_bg_bottom {
			min-height: 50px;
			background-size: cover;
		}
		.inner_top {
			min-height:40px;
		}
		.inner_main {
			min-height:600px;
		}
	}
	@media screen and (max-width:490px) {
		.common_bg_top {
			min-height:635px;
		}
	}
	@media screen and (max-width:430px) {
		.common_bg_top {
			min-height:570px;
		}
	}
	@media screen and (max-width:390px) {
		.common_bg_top {
			min-height:500px;
		}
		.common_bg_bottom {
			min-height: 43px;
			background-size: cover;
		}
	}
	@media screen and (max-width:370px) {
		.common_bottom img {
			padding-top: 32%;
		}
	}
	@media screen and (max-width:350px) {
		.common_bg_top {
			min-height:485px;
		}
		.inner {
			margin-top: -104%;
		}
	}
	@media screen and (max-width:360px) {
		.common_bg_top {
			min-height:460px;
		}
	}
/*---rmbt----------------------------------------------------------------------------------------------------------------------------------*/
.rmbt {
	text-align: center;
    padding: 1% 7% 3%;
}
	.rmbt ul {
	}
		.rmbt li {
			display:inline-block;
			width:15%;
			padding:1%;
			vertical-align:bottom;
		}
		@media screen and (max-width:1500px) {
			#wowslider-container1 {
				margin: 0px 3%;
				width:93%;
			}
		}
		@media screen and (max-width:1200px) {
			.rmbt li {
				width:17%;
			}
		}
		@media screen and (max-width:995px) {
			.rmbt {
				padding: 1% 2% 3%;
			}
			.rmbt li {
				width:19%;
				padding:2%;
			}
			.rmbt li img {
				width:100%;
			}
		}
		@media screen and (max-width:700px) {
			.rmbt li {
				padding:1%;
			}
		}
		@media screen and (max-width:600px) {
			.rmbt li {
				padding:2%;
				width:25%;
			}
			#wowslider-container1 {
				border: solid 3px #fff;
				margin: 0px 2%;
				width: 95%;
			}
		}
		@media screen and (max-width:480px) {
			.rmbt li {
				width:28%;
			}
		}
		@media screen and (max-width:400px) {
			.rmbt li {
				width:31%;
			}
		}
/*---roomb_area------------------------------------------------------------------------------------------------------------------------------*/
.roomb_area {
	text-align:center;
	padding:5% 0 0;
}
	.roomb {
		width:42%;
		padding:0 2%;
		display:inline-block;
		vertical-align:top;
		text-align:left;
		border-right:dashed 1px #000;
	}
		.roomb:nth-of-type(2) {
			border:none;
		}
		.roomb img {
			padding-bottom:6%;
			display:block;
			margin:0 auto;
		}
		.roomb table {
			text-align:left;
		}
		@media screen and (max-width:1200px) {
			.roomb {
				width:49%;
			}
		}
		@media screen and (max-width:900px) {
			.roomb {
				width: 90%;
				display: block;
				margin: 0 auto;
				border:none;
				padding: 0 2% 5%;
			}
		}
		@media screen and (max-width:450px) {
			.roomb {
				padding: 0 0 8%;
				font-size:14px;
			}
		}
/*---notice------------------------------------------------------------------------------------------------------------------------------------*/
.notice {
	text-align:center;
	width:80%;
	margin:0 auto;
}
	.note {
		padding:3% 0;
	}
		.note_title {
			padding-bottom: 3%;
		}
		.note table {
			text-align:left;
		}
		@media screen and (max-width:1000px) {
			.notice {
				width:95%;
			}
			.note {
				padding: 4% 0;
			}
			.note_title {
				padding-bottom: 3%;
			}
		}
		@media screen and (max-width:600px) {
			.note_title {
				width: 28%;
				margin: 0 auto;
			}
			.note_title img {
				width:100%;
			}
		}
		@media screen and (max-width:500px) {
			.note {
				padding: 6% 0;
			}
			.note_title {
				width: 33%;
			}
		}
/*---news----------------------------------------------------------------------------------------------------------------------------------------*/
.news {
	width:85%;
	margin:0 auto;
}
	.newstable {
		padding:3%;
	}
		.newstable table {
			width:100%;
		}
			.newstable table a {
				color:#3f4241;
				font-size:18px;
				display:inline;
				transition:.2s ease-out;
				line-height:30px;
			}
				.newstable table a:hover {
					color:#feb70f;
				}
			.tableimg img {
				display:block;
				width:auto;
				height:auto;
				max-width:100%;
			}
	.news_bg {
		background:url(../../images/news_bg.png) top center no-repeat;
		background-size:cover;
		min-height:16px;
		margin-top:7px;
	}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: transparent;
    padding: 1% 2%;
    border: solid 1px #302f2f;
    border-radius: 9px;
    color: #302f2f;
    font-size: 18px;
	margin:0 1% 0 0;
	transition:.3s ease-out;
}
	button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
		background:#f2ae0c;
		border:solid 1px #f2ae0c;
		color:#fff;
	}
.ripple button {
	background:#f2ae0c;
	border:solid 1px #f2ae0c;
	-webkit-appearance: button;
    cursor: pointer;
    padding: 1% 2%;
    border-radius: 9px;
    color: #fff;
    font-size: 18px;
	margin:0 1% 0 0;
	transition:.3s ease-out;
}
	.ripple button:hover {
		background: transparent;
		color:#f2ae0c;
	}
input,textarea {
	border: solid 1px #f2ae0c;
	background: transparent;
}
	@media screen and (max-width:1200px) {
		.news {
			width:95%;
		}
	}