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

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

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

a {
    display: block;
	color:#333;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
td {
	vertical-align:top;
}
.note td,.news td {
	vertical-align:top;
}
.roomn_info:first-of-type td {
	vertical-align:middle;
}


/****************************************************************************************************************************************/
/*services_loc*/
#services_loc {
	padding:7% 0 0% 0;
	width:60%;
	margin:0 auto;
	position:relative;
	z-index:5;
}
#map_canvas {
	height:705px;
	width:100%;
	position:relative;
}
#map_canvas iframe {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
}
#services_loc span {
	padding:4% 0 2%;
}
.loc_frame {
	width: 100%;
    height: 675px;
    border: solid 1px #5a5858;
    position: absolute;
    top: 2%;
    left: 0;
    z-index: -1;
}
@media screen and (max-width:1300px) {
	#services_loc {
		width:70%;
	}
}
@media screen and (max-width:1000px) {
	#services_loc {
		width:80%;
		padding:11% 0 0 0;
	}
	div#map_canvas {
		height:570px;
	}
	.loc_frame {
		height:543px;
	}
}
@media screen and (max-width:600px) {
	#services_loc {
		width:90%;
	}
	div#map_canvas {
		height:480px;
	}
	.loc_frame {
		height:460px;
	}
}
@media screen and (max-width:450px) {
	div#map_canvas {
		height:350px;
	}
	.loc_frame {
		height:330px;
	}
	#services_loc {
		padding: 15% 0 0 0;
	}
}
/*************************
********services_sce******
**************************/
#services_sce {
	padding-top:3%;
	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;
	letter-spacing:0;
}

.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 110px;
	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 area-------------------------------------------------------------------------------------------------------------------*/
/*---loading---------------------------------------------------------------------------------------------------------------------------------*/
#loading {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,.8);
	width:100vw;
	height:100vh;
	z-index:9999;
}
	.loader {
		position:fixed;
		color:#fff;
		top:45%;
		left:calc(50% - 25px);
		filter: drop-shadow(0px 0px 5px rgba(255,255,255, .5));
		-webkit-filter: drop-shadow(0px 0px 5px rgba(255,255,255,.5));
	}
/*header*/
.header {
	height:100vh;
}
	/*ideco*/
	.ideco {
		display:inline-block;
		vertical-align: top;
		padding: 2% 0 0 2%;
	}
	/*mask*/
	.mask {
		width:35vw;
		height:100vh;
		display:inline-block;
		vertical-align:top;
		background:url(../../images/spot.png) top right no-repeat,url(../../images/lattice.png) repeat-y;
		background-position-y: 45%,0;
		background-size:auto;
		float:right;
		position:relative;
		text-align:center;
		padding: 5% 0 0 7%;
	}
		/*leaf*/
		.leaf {
			position:absolute;
			top:0;
			left:18%;
			width:30%;
		}
			.leaf img {
				width:100%;
			}
		/*ilogo*/
		.ilogo {
			padding: 0 0 24% 0%;
		}
		/*itext*/
		.itext {
			-webkit-writing-mode: vertical-rl;
			writing-mode: vertical-rl;
			text-align:left;
			letter-spacing:4px;
			padding: 0 0 15% 26%;
			min-height:265px;
		}
		/*scroll*/
		.scroll {
			animation:scrollimg 1.5s infinite;
		}
			@keyframes scrollimg {
				0% {
					opacity:0;
					transform:translateY(1);
				}
				50% {
					opacity:1;
				}
				100% {
					opacity:0;
					transform:translateY(50px);
				}
			}
		
div#imgs {
}
.bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index:-100;
  width:100vw;
  height:100vh;
  -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%;
  background-size:cover;
}

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

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

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

.fadein {
  opacity: 100;
  filter: alpha(opacity=100);
}

/*menu*/
.menu {
	position:fixed;
	top:0;
	right:0;
	z-index:99;
	cursor:pointer;
	padding: 15px;
	background: url(../../images/lattice.png) repeat-y;
	border-radius: 0 0 0 20px;
}
.inmenu {
	background:#fff;
}
 @media screen and (max-width:1300px) {
	 .mask {
		 padding: 10% 0 0 7%;
	 }
	 .itext {
		 padding: 0 0 15% 20%;
	 }
 }
 @media screen and (max-width:900px) {
	 .mask {
		display: block;
		width: 100vw;
		height: 32vh;
		padding: 4% 0 0 0%;
		overflow:hidden;
	 }
	 .bg {
		 height:70vh;
	 }
	 .leaf {
		 left:0;
		 width:20%;
	 }
	 .ilogo {
		padding: 0 0 0 0%;
		display: inline-block;
		vertical-align: top;
		width: 15%;
	}
		.ilogo img {
			width:100%;
		}
	.itext {
		letter-spacing: 4px;
		padding: 0 0 0 0;
		min-height:auto;
		display: inline-block;
		width: 30%;
		vertical-align: top;
	}
	.menu {
		top: 0%;
		right: 0%;
		padding: 15px;
		background: url(../../images/lattice.png) repeat-y;
		border-radius: 0 0 0 20px;
		box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	}
	.inmenu {
		background:#fff;
		box-shadow:none;
	}
	.scroll {
		display:none;
	}
	.ideco {
		height:68vh;
	}
 }
 @media screen and (max-width:760px) {
	 .itext {
		font-size: 15px;
		line-height: 26px;
	 }
	 .ilogo {
		 width:17%;
	 }
 }
 @media screen and (max-width:550px) {
	 .ideco img {
		 width:75%;
	 }
	 .ilogo {
		width: 20%;
	}
	.itext {
		line-height:24px;
	}
	.bg {
		position:absolute;
	}
 }
 @media screen and (max-width:500px) {
	 .ilogo {
		width: 22%;
	 }
	 .itext {
		 width:33%;
	 }
	 .menu {
		 width:13%;
		 padding: 12px;
	 }
	 	.menu img {
			width:100%;
		}
 }
 @media screen and (max-width:420px) {
	 .itext {
		font-size: 13px;
		line-height: 20px;
	}
	.menu {
		padding: 10px;
	}
 }
 @media screen and (max-width:360px) {
	 .itext {
		 width:36%;
	 }
	 .ilogo {
		 width:24%;
	 }
	 .menu {
		 width:15%;
	 }
 }
/*---navbar---------------------------------------------------------------------------------------------------------------------------------*/		
.navbar {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	text-align:center;
	background:url(../../images/nav_bg.png) repeat;
	z-index:999;
	overflow:scroll;
	visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
	opacity:0;
}
	/*close*/
	.close {
		position: absolute;
		top: 1%;
		right: 1%;
		opacity: 1;
		font-size: 50px;
		font-weight: normal;
		color: #616161;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 30px;
	}
		.close span {
			display: block;
			font-size: 10px;
			letter-spacing: 0;
		}
	/*menu_title*/
	.menu_title {
		padding: 7% 0 2% 0;
	}
	/*ibuttons*/
	.ibuttons {
		width: 50%;
		margin: 0 auto;
	}
		/*ibutton*/
		.ibutton {
			display: inline-block;
			vertical-align: bottom;
			width: 40%;
			padding: 2%;
		}
			.ibutton a {
				transition:.2s ease-in;
			}
			.ibutton a:hover {
				opacity:.5;
			}
/*navbarshow*/
.navbarshow {
	opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
		@media screen and (max-width:1380px) {
			.ibuttons {
				width: 70%;
			}
		}
		@media screen and (max-width:1100px) {
			.menu_title {
				padding: 9% 0 4% 0;
			}
			.ibuttons {
				width: 80%;
			}
				.ibutton img {
					width:82%;
				}
			.menu_title img {
				width:18%;
			}
		}
		@media screen and (max-width:900px) {
			.menu_title {
				padding: 11% 0 4% 0;
			}
			.ibutton img {
				width: 87%;
			}
			.ibutton {
				padding:3%;
			}
			.ibuttons {
				width: 85%;
			}
		}
		@media screen and (max-width:680px) {
			.menu_title {
				padding: 15% 0 5% 0;
			}
			.ibuttons {
				width: 95%;
			}
		}
		@media screen and (max-width:500px) {
			.ibutton img {
				width: 100%;
			}
			.ibutton {
				width:43%;
			}
			.menu_title img {
				width: 25%;
			}
		}
		@media screen and (max-width:450px) {
			.menu_title {
				padding: 21% 0 5% 0;
			}
			.ibuttons {
				width: 100%;
			}
		}
		@media screen and (max-width:400px) {
			.close {
				line-height:23px;
				font-size:40px;
			}
			.close span {
				transform:scale(.7);
			}
		}
		@media screen and (max-width:350px) {
			.menu_title {
				padding: 23% 0 6% 0;
			}
		}
/*---inews--------------------------------------------------------------------------------------------------------------------------------*/
.inews {
	position:relative;
	background:url(../../images/lattice.png) top right no-repeat,#fff;
	background-size:50%;
}
	/*news*/
	#news {
		width:50%;
		margin:0 auto;
		padding:3% 0;
	}
		/*inews_top*/
		.inews_top {
			background:url(../../images/frame_01.png) bottom center no-repeat;
			background-size:contain;
			min-height:50px;
		}
		/*inews_main*/
		.inews_main {
			background:url(../../images/frame_02.png) top center repeat-y;
			background-size:contain;
			min-height:26px;
			text-align:center;
		}
			/*inews_title*/
			.inews_title {
				padding-bottom:2%;
			}
			/*inews_table*/
			.inews_table {
				min-height:70px;
				padding:0 6%;
			}
				.inews_table table {
				}
					.inews_table table a {
						color:#a28362;
						transition:.2s ease-in;
					}
					.inews_table table a:hover {
						color:#000;
					}
		/*inews_bottom*/
		.inews_bottom {
			background:url(../../images/frame_03.png) top center no-repeat;
			background-size:contain;
			min-height:43px;
		}
	/*inews_deco02*/
	.inews_deco02 {
		position: absolute;
		top: 10%;
		left: 8%;
		width: 21%;
	}
		.inews_deco02 img {
			width:100%;
		}
	/*inews_deco01*/
	.inews_deco01 {
		position:absolute;
		top:0;
		right:0;
		width:30%;
	}
		.inews_deco01 img {
			width:100%;
		}
		@media screen and (max-width:1400px) {
			#news {
				width:55%;
			}
			.inews_title img {
				width:40%;
			}
		}
		@media screen and (max-width:900px) {
			#news {
				width: 60%;
			}
			.inews_deco02 {
				top: 23%;
				left: 2%;
			}
			.inews_deco01 {
				top:15%;
			}
		}
		@media screen and (max-width:600px) {
			#news {
				width: 75%;
			}
			.inews_title img {
				width: 38%;
			}
			.inews_top {
				min-height:34px;
			}
		}
		@media screen and (max-width:430px) {
			#news {
				width: 85%;
			}
		}
		@media screen and (max-width:400px) {
			.inews_top {
				min-height:20px;
			}
		}
/*---about1----------------------------------------------------------------------------------------------------------------------------------*/
.about1 {
	position:relative;
	background:url(../../images/about1.jpg) top center no-repeat;
	background-size:cover;
	min-height:978px;
}
	/*a1_text*/
	.a1_text {
	}
		.a1_text img {
			width:18%;
		}
		.a1_text p {
			text-align:left;
			display:inline-block;
			vertical-align:top;
			padding-top:11%;
		}
		.a1_text span {
			font-size:26px;
			display:block;
			line-height:30px;
		}
		.a1_text span img {
			width: auto;
			transform: translateY(-11px);
		}
		@media screen and (max-width:1400px) {
			.a1_text img {
				width: 20%;
			}
			.a1_text p {
				padding-top: 12%;
				font-size:15px;
			}
		}
		@media screen and (max-width:1200px) {
			.about1 {
				min-height:720px;
			}
			.a1_text img {
				width:15%;
			}
			.a1_text p {
				padding-top:9%;
			}
		}
		@media screen and (max-width:970px) {
			.a1_text p {
				line-height:24px;
			}
			.about1 {
				min-height: 630px;
			}
			.a1_text span {
				font-size:22px;
			}
		}
		@media screen and (max-width:800px) {
			.a1_text {
				padding-top: 4%;
			}
		}
		@media screen and (max-width:640px) {
			.about1 {
				min-height: 570px;
			}
			.a1_text {
				padding-top: 6%;
			}
		}
		@media screen and (max-width:470px) {
			.about1 {
				min-height: 515px;
			}
			.a1_text {
				padding-top: 9%;
			}
			.a1_text span {
				font-size: 20px;
			}
			.a1_text p {
				line-height: 22px;
				font-size:14px;
			}
		}
		@media screen and (max-width:365px) {
			.a1_text {
				padding-top: 11%;
			}
			.a1_text p {
				width:80%;
				font-size:13px;
				line-height:20px;
			}
		}
/*--about2--------------------------------------------------------------------------------------------------------------------------------*/
.about2 {
	text-align:right;
	background:#fff;
}
	/*a2_img01*/
	.a2_img01 {
		display:inline-block;
		vertical-align:bottom;
		width: 62%;
		margin: 0 -6px 0 0px;
	}
		.a2_img01 img {
			width:60%;
			padding-right:2%;
		}
		.a2_img01 img:last-of-type {
			width:100%;
			padding:0;
		}
	/*a2_img02*/
	.a2_img02 {
		display:inline-block;
		vertical-align:top;
		width:38%;
		margin-top:-4%;
		position:relative;
	}
		.a2_img02 img {
			width:100%;
		}
		@media screen and (max-width:900px) {
			.a2_img01 {
				display:block;
				width:100%;
				text-align:center;
				padding-top:3%;
				margin:0;
			}
				.a2_img01 img {
					padding:0;
				}
			.a2_img02 {
				margin:0;
				width:75%;
			}
		}
		@media screen and (max-width:500px) {
			.a2_img01 img {
				width:70%;
			}
			.a2_img02 {
				width:100%;
			}
		}
		@media screen and (max-width:400px) {
			.a2_img01 img {
				width:80%;
			}
		}
/*---about3--------------------------------------------------------------------------------------------------------------------------------*/
.about3 {
}
	/*a3*/
	.a3 {
		position:relative;
		background:#000;
		overflow:hidden;
		z-index:1;
	}
		/*a3_img*/
		.a3_img {
			overflow:hidden;
		}
			.a3_img div {
				transition: .8s ease-in;
				position: absolute;
				width: 62vw;
				height: 100%;
				top: 0;
				opacity:.6;
			}
		/*a3_text*/
		.a3_text {
			color:#858585;
			text-align:left;
			z-index: 9;
			width: 45vw;
			display: inline-block;
			height: 100%;
			padding: 20% 2% 2% 5%;
			position: relative;
			background:#000;
			float:right;
			min-height: 640px;
			transition: .8s ease-in;
		}
			.a3_text span {
				color:#858585;
				position:relative;
				display:inline-block;
			}
			.a3_text strong {
				display:inline-block;
				vertical-align:top;
				padding-left:2%;
				font-weight:normal;
			}
		h1 {
			font-size:22px;
		}
		.a3:hover .a3_img div {
			opacity:1;
		}
		.a3:hover .a3_text {
			width:40vw;
		}
		/*2n+0 style*/
		.a3:nth-of-type(2n+0) {
		}
			.a3:nth-of-type(2n+0) .a3_text {
				float:none;
				text-align:right;
				padding: 20% 5% 2% 2%;
			}
			.a3:nth-of-type(2n+0) .a3_img div {
				right:0;
			}
			@media screen and (max-width:1400px) {
				.a3_text {
					min-height:600px;
				}
				.a3_img div {
					opacity:1;
				}
			}
			@media screen and (max-width: 1400px) {
				.a3_text {
					min-height: 500px;
				}
			}
			@media screen and (max-width:900px) {
				.a3_text {
					min-height:450px;
					padding: 15% 2% 0% 5%;
				}
				.a3:nth-of-type(2n+0) .a3_text {
					padding: 15% 5% 0% 2%;
				}
				.a3_text span,.a3_text strong {
					font-size: 15px;
					line-height: 25px;
				}
				h1 {
					font-size: 20px;
				}
			}
			@media screen and (max-width: 800px) {
				.a3_text {
					min-height: 400px;
				}
			}
			@media screen and (max-width: 740px) {
				.a3_text,.a3:nth-of-type(2n+0) .a3_text {
					min-height: auto;
					display: block;
					float: none;
					width: 100vw;
					text-align: left;
					padding: 5% 7%;
				}
				.a3_img div {
					position: relative;
					width: 100vw;
					min-height: 350px;
				}
				.a3:hover .a3_text {
					width:100vw;
				}
			}
			@media screen and (max-width:600px) {
				.a3_img div {
					min-height:300px;
				}
			}
			@media screen and (max-width:500px) {
				.a3_img div {
					min-height:250px;
				}
			}
			@media screen and (max-width:400px) {
				.a3_img div {
					min-height:200px;
				}
				h1 {
					font-size: 18px;
				}
				.a3_text span {
					font-size: 14px;
					line-height: 24px;
				}
			}
/*---about4-----------------------------------------------------------------------------------------------------------------------------*/
.about4 {
	position:relative;
	text-align:center;
	background:#fff;
	padding:5% 0 3%;
}
	/*a4_deco*/
	.a4_deco {
		position:absolute;
		top:-20%;
		left:0;
		width:26%;
		z-index:1;
	}
		.a4_deco img {
			width:100%;
		}
	/*a4_title*/
	.a4_title {
		padding-bottom:2%;
	}
		.a4_title img {
		}
	/*a4_img*/
	.a4_img {
	}
		.a4_img ul {
		}
			.a4_img li {
				display:inline-block;
				width: 21%;
				padding: 10px;
				vertical-align:top;
			}
				.a4_img li img {
					width:100%;
				}
				@media screen and (max-width:1200px) {
					.about4 {
						padding:6% 0 4%;
					}
					.a4_img li {
						width:25%;
					}
				}
				@media screen and (max-width:1000px) {
					.about4 {
						padding:7% 0 5%;
					}
					.a4_img li {
						width:30%;
					}
					.a4_deco {
						width:23%;
					}
				}
				@media screen and (max-width:820px) {
					.a4_title img {
						width:70%;
					}
					.a4_img li {
						width: 32%;
					}
				}
				@media screen and (max-width:740px) {
					.a4_deco {
						width: 23%;
						z-index: 1;
						top: -25%;
						right: 0;
						left:inherit;
						transform:rotate(180deg);
					}
				}
				@media screen and (max-width:500px) {
					.a4_img li {
						display: block;
						width: 80%;
						margin: 0 auto;
					}
					.a4_deco {
						top:-6%;
					}
					.about4 {
						padding: 9% 0 7%;
					}
					.a4_title img {
						width: 80%;
					}
				}
/*---footer--------------------------------------------------------------------------------------------------------------------------------*/
.footer,.infooter {
	background:rgba(255,255,255,.45);
}
.footer_sur {
	background:url(../../images/inbanner_sur.jpg) top center no-repeat fixed;
	background-size:cover;
}
.footer_news {
	background:url(../../images/inbanner_news.jpg) top center no-repeat fixed;
	background-size:cover;
}
.footer_room {
	background:url(../../images/inbanner_room.jpg) top center no-repeat fixed;
	background-size:cover;
}
.footer_note {
	background:url(../../images/inbanner_note.jpg) top center no-repeat fixed;
	background-size:cover;
}
.footer_loc {
	background:url(../../images/inbanner_loc.jpg) top center no-repeat fixed;
	background-size:cover;
}
.footer_sce {
	background:url(../../images/inbanner_sce.jpg) top center no-repeat fixed;
	background-size:cover;
}
	/*space*/
	.space {
		min-height:415px;
	}
	/*f_main*/
	.f_main {
		text-align:center;
		background:url(../../images/footer_bg.png) bottom center no-repeat;
		background-size:cover;
	}
		/*f_logo*/
		.f_logo {
		}
			.f_logo img {
				margin-top: -9%;
			}
		.f_main ul {
			padding: 2% 0 2% 13%;
			position: relative;
			width: 45%;
			margin: 0 auto;
			text-align: left;
		}
			.f_main li {
				color:#484848;
			}
			.f_main ul:after {
				content:'';
				background:#282828;
				height:1px;
				width:96px;
				position:absolute;
				bottom:0;
				left:calc(50% - 48px);
			}
	/*f_icon*/
	.f_icon {
		background:rgba(255,255,255,.7);
		text-align:center;
		padding:1% 0 2% 0;
	}
		.f_icon ul {
		}
			.f_icon li {
				display:inline-block;
				vertical-align:bottom;
				width:10%;
				padding:1%;
			}
				.f_icon li a {
					transition:ease-in;
				}
					.f_icon li a:hover {
						animation:imgflash 1.5s;
					}
					@keyframes imgflash {
						0% {
							opacity:.5;
						}
						100% {
							opacity:1;
						}
					}
	/*space2*/
	.space2 {
		min-height:36px;
		background:rgba(0,0,0,.5);
	}
	/*copyright*/
	.copyright {
		text-align:center;
		background:rgba(255,255,255,.7);
		padding:1% 0;
	}
		/*icons*/
		.icons {
			display:inline-block;
			vertical-align:bottom;
			width:45%;
		}
			.icons span {
				color:#7b7b7b;
				width:auto !important;
			}
			.icons a {
				display:inline-block;
				padding:3px;
				transition:.2s ease-out;
			}
				.icons a img {
					transition:.2s ease-out;
				}
				.icons a:hover img {
					-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
					filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
					transform:translateY(-3px);
				}
		.copyright span {
			display:inline-block;
			vertical-align:bottom;
			width:45%;
		}
		.copyright a {
			display:inline-block;
		}
			.copyright a:hover {
				color:#2e6da4;
			}
			@media screen and (max-width:1500px) {
				.f_logo img {
					margin-top: -11%;
				}
				.f_main ul {
					padding: 2% 0 2% 10%;
				}
			}
			@media screen and (max-width:1165px) {
				.space {
					min-height: 355px;
				}
				.f_logo img {
					margin-top: -15%;
				}
				.f_main ul {
					padding: 2% 0 2% 7%;
				}
				.f_icon li {
					width:15%;
				}
				.copyright span {
					width:54%;
				}
			}
			@media screen and (max-width:975px) {
				.icons {
					width:100%;
					padding:0 1%;
				}
				.copyright span {
					width:100%;
					padding:0 1%;
				}
				.f_main ul {
					padding: 2% 0 2% 2%;
				}
			}
			@media screen and (max-width:900px) {
				.footer {
					background: url(../../images/f_bg_mob.jpg) top center no-repeat;
					background-size:cover;
				}
				.f_logo img {
					margin-top: -19%;
				}
				.f_main ul {
					padding: 2% 0 2% 0;
				}
			}
			@media screen and (max-width:755px) {
				.f_logo img {
					margin-top: -23%;
				}
				.f_main ul {
					width:55%;
					padding:3% 0;
				}
				.f_icon li {
					width: 20%;
				}
			}
			@media screen and (max-width:650px) {
				.space {
					min-height: 300px;
				}
				.f_logo img {
					margin-top: -26%;
				}
				.f_main ul {
					width:65%;
					padding:4% 0;
				}
				.f_icon li {
				}
			}
			@media screen and (max-width:530px) {
				.f_logo img {
					margin-top: -32%;
					width: 55%;
				}
				.f_main ul {
					width:85%;
					padding:4% 0;
					font-size:15px;
				}
				.f_icon li {
					width: 23%;
					padding:2%;
				}
					.f_icon li img {
						width:100%;
					}
				.footer_sur,.footer_news,.footer_room,.footer_note,.footer_loc,.footer_sce {
					background-attachment:inherit;
				}
			}
			@media screen and (max-width:430px) {
				.space {
					min-height: 255px;
				}
				.f_main ul {
					width:95%;
				}
			}
			@media screen and (max-width:390px) {
				.space {
					min-height: 220px;
				}
				.icons a {
					width:8%;
				}
				.icons img {
					width:100%;
				}
				.f_main ul {
					font-size:14px;
				}
			}
			@media screen and (max-width:350px) {
				.space {
					min-height: 200px;
				}
				.f_main ul {
					font-size: 13px;
					letter-spacing:0;
				}
			}
/*gotop*/
#gotop {
	position:fixed;
	bottom:1%;
	right:1%;
	display:none;
	z-index:99;
	cursor:pointer;
	transition:.2s ease-in;
}
	#gotop:hover {
		opacity:.5;
	}
#order {
	position:fixed;
	bottom:21%;
	right:1%;
	z-index:99;
	transition:.2s ease-in;
	display:none;
}
	#order:hover {
		opacity:.5;
	}
/*---intop----------------------------------------------------------------------------------------------------------------------------------*/
.intop {
	text-align:center;
}
	/*logo*/
	.logo {
		padding:1% 0;
	}
		.logo a {
			display:inline-block;
		}
	/*inbanner*/
	.inbanner {
	}
	.inbanner_sur {
		background:url(../../images/inbanner_sur.jpg) top center no-repeat fixed;
		background-size:cover;
	}
	.inbanner_news {
		background:url(../../images/inbanner_news.jpg) top center no-repeat fixed;
		background-size:cover;
	}
	.inbanner_room {
		background:url(../../images/inbanner_room.jpg) top center no-repeat fixed;
		background-size:cover;
	}
	.inbanner_note {
		background:url(../../images/inbanner_note.jpg) top center no-repeat fixed;
		background-size:cover;
	}
	.inbanner_loc {
		background:url(../../images/inbanner_loc.jpg) top center no-repeat fixed;
		background-size:cover;
	}
	.inbanner_sce {
		background:url(../../images/inbanner_sce.jpg) top center no-repeat fixed;
		background-size:cover;
	}
	/*intitle*/
	.intitle {
		display: inline-block;
		background: #fff;
		padding: 3% 4%;
	}
	@media screen and (max-width:1000px) {
		.logo a {
			width:18%;
		}
		.logo a img {
			width:100%;
		}
		.intitle {
			width:29%;
		}
		.intitle img {
			width:100%;
		}
	}
	@media screen and (max-width:770px) {
		.logo {
			padding: 2% 0;
		}
		.intitle {
			width: 32%;
		}
	}
	@media screen and (max-width:600px) {
		.logo a {
			width: 21%;
		}
	}
	@media screen and (max-width:500px) {
		.inbanner {
			background-attachment:inherit;
		}
	}
/*---main------------------------------------------------------------------------------------------------------------------------------------*/
.main {
	background:#fff;
	padding:1% 0 1% 0;
	text-align:center;
	position:relative;
}
	/*sur1*/
	.sur1 {
		background:url(../../images/sur1_img.png) top right no-repeat;
		background-size:cover;
		min-height:1009px;
		position:relative;
	}
		.sur1_text {
			text-align: left;
			position: absolute;
			top: 0;
			right: 17%;
			line-height: 26px;
		}
		h2 {
			color:#25221f;
			font-size:26px;
			letter-spacing:5px;
		}
		@media screen and (max-width:1300px) {
			.sur1 {
				background-position-x:83%;
				min-height: 840px;
			}
			.sur1_text {
				right:13%;
			}
			h2 {
				margin-top:10px;
			}
		}
		@media screen and (max-width:900px) {
			.sur1 {
				min-height: 590px;
			}
			.sur1_text {
				right: 4%;
				line-height: 20px;
				font-size: 14px;
			}
			h2 {
				margin-top:6px;
				margin-bottom:2px;
				font-size:24px;
			}
		}
		@media screen and (max-width:600px) {
			.sur1_text{
				right:1%;
				top: -3%;
			}
			.sur1 {
				min-height: 490px;
				margin-top: 5%;
			}
		}
		@media screen and (max-width:450px) {
			.sur1_text{
				right:1%;
				top: -8%;
				font-size:13px;
				line-height:18px;
			}
			.sur1 {
				min-height: 360px;
				margin-top: 8%;
			}
			h2 {
				font-size:20px;
			}
		}
		@media screen and (max-width:350px) {
			.sur1 {
				min-height: 320px;
				margin-top: 12%;
			}
			.sur1_text {
				top: -12%;
			}
		}
	/*sur2*/
	.sur2 {
		text-align:center;
		position:relative;
		padding:3% 0 0 0;
		overflow:hidden;
	}
		/*sur2_img01*/
		.sur2_img01 {
			display:inline-block;
			width:31%;
			vertical-align:top;
			margin-bottom: -9%;
			z-index: 7;
			position: relative;
		}
			.sur2_img01 img {
				width:100%;
			}
			/*sur_text*/
			.sur_text {
				text-align:left;
				width:65%;
				margin:0 auto;
				padding-bottom:22%;
			}
				.sur_text img {
					display:block;
					padding-bottom:3%;
				}
		/*sur2_img02*/
		.sur2_img02 {
			display:inline-block;
			width:32%;
			vertical-align:top;
		}
			.sur2_img02 img {
				width:100%;
			}
		/*sur2_img03*/
		.sur2_img03 {
			background: url(../../images/sur2_img03bg.png) bottom center no-repeat;
			background-size: auto;
			padding: 0 5% 0 0;
			text-align: right;
			background-position-x: 100%;
		}
			.sur2_img03 img {
				width:60%;
			}
		/*sur2_deco01*/
		.sur2_deco01 {
			position: absolute;
			top: 0;
			left: 0;
			width: 20%;
		}
			.sur2_deco01 img {
				width:100%;
			}
		/*sur2_deco02*/
		.sur2_deco02 {
			position: absolute;
			top: 12%;
			right: 0;
			width: 22%;
		}
			.sur2_deco02 img {
				width:100%;
			}
			@media screen and (max-width:1790px){
				.sur2_img03 {
					background-size: 74%;
				}
			}
			@media screen and (max-width:1200px) {
				.sur2_img01 {
					width:42%;
					margin-bottom: -10%;
				}
				.sur_text {
					padding-bottom:5%;
				}
				.sur2_img02 {
					width:40%;
				}
				.sur2_img03 img {
					width: 70%;
				}
				.sur2_img03 {
					background-size: 80%;
				}
				.sur2_deco02 {
					width:17%;
				}
			}
			@media screen and (max-width:900px) {
				.sur2_img02 {
					width: 46%;
				}
				.sur2_img03 img {
					width: 74%;
				}
				.sur2_img03 {
					background-size: 87%;
				}
			}
			@media screen and (max-width:650px) {
				.sur2_img01 {
					display: block;
					width: 80%;
					margin: 0 auto;
				}
				.sur2_img02 {
					display: block;
					width: 81%;
					margin: 0 auto;
					padding: 2% 0;
				}
				.sur2_img01 img {
					-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
					filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
				}
				.sur_text img {
					filter:none;
					-webkit-filter:none;
				}
				.sur2_deco02 {
					top:46%;
					z-index:8;
				}
				.sur2_img03 img {
					width: 90%;
				}
				.sur2_img03 {
					background-size: 97%;
				}
			}
			@media screen and (max-width:500px) {
				.sur_text {
					font-size:15px;
					width:75%;
				}
			}
			@media screen and (max-width:400px) {
				.sur2_img01,.sur2_img02 {
					width:90%;
				}
				.sur_text {
					width:100%;
				}
				.sur2_img02 {
					padding:5% 0;
				}
				.sur2_img03 img {
					width: 98%;
				}
			}
	/*sur3*/
	.sur3 {
		position:relative;
		background:url(../../images/lattice.png) top right no-repeat;
		background-size:50%;
		background-position-y: -6%;
		text-align:center;
		padding:6% 0 3%;
	}
		.sur3_title {
			text-align:left;
			width:16%;
			margin:0 auto;
		}
			.sur3_title span {
			}
			h3 {
				margin:0;
			}
		.sur3 ul {
			padding-top:1%;
		}
			.sur3 li {
				display:inline-block;
				width:22%;
				padding:1%;
			}
				.sur3 li img {
					width:100%;
				}
		/*sur3_deco*/
		.sur3_deco {
			position:absolute;
			top:-42%;
			left:0;
			width:29%;
		}
			.sur3_deco img {
				width:100%;
			}
			@media screen and (max-width:1610px) {
				.sur3_title {
					width:21%;
				}
			}
			@media screen and (max-width:1240px) {
				.sur3_title {
					width:28%;
				}
				.sur3 li {
					width:30%;
				}
				.sur3_deco {
					top:-29%;
				}
			}
			@media screen and (max-width:935px) {
				.sur3_title {
					width: auto;
					position: absolute;
					top: 11%;
					left: calc(50% - 128px);
				}
				.sur3 ul {
					padding-top: 6%;
				}
				.sur3 li {
					width:30%;
				}
				.sur3_deco {
					top:-29%;
				}
			}
			@media screen and (max-width:768px) {
				h3 {
					font-size:20px;
				}
				.sur3_title {
					font-size:15px;
				}
				.sur3 {
					padding:8% 0 3%;
				}
				.sur3_deco {
					top: -16%;
				}
				.sur3 li {
					width: 32%;
				}
			}
			@media screen and (max-width:650px) {
				.sur3 {
					padding: 15% 0 3%;
					background-size: 65%;
					background-position-y: 0%;
				}
				.sur3 li {
					width:70%;
					margin:0 auto;
					display:block;
					padding:3%;
				}
				.sur3_deco {
					top: 1%;
				}
				.sur3_title {
					top:5%;
					left:calc(50% - 120px);
				}
			}
			@media screen and (max-width:550px) {
				.sur3_deco {
					position:relative;
				}
				.sur3 {
					padding:4% 0 3%;
				}
				.sur3_title {
					top: 0;
					left: 0;
					position: relative;
					text-align: center;
					margin-top:-9%;
				}
				.sur3 ul {
					padding-top: 0%;
				}
				.sur3 li {
					width:80%;
				}
			}
	/*sur4*/
	.sur4 {
		background:url(../../images/sur4_img.jpg) top center no-repeat fixed;
		background-size:cover;
		min-height:730px;
	}
	@media screen and (max-width:1400px) {
		.sur4 {
			min-height:680px;
		}
	}
	@media screen and (max-width:1200px) {
		.sur4 {
			min-height:600px;
		}
	}
	@media screen and (max-width:880px) {
		.sur4 {
			min-height:500px;
		}
	}
	@media screen and (max-width:700px) {
		.sur4 {
			min-height:400px;
		}
	}
	@media screen and (max-width:500px) {
		.sur4 {
			min-height:300px;
			background-attachment:inherit;
		}
	}
	@media screen and (max-width:400px) {
		.sur4 {
			min-height:200px;
		}
	}
	/*sur5*/
	.sur5 {
		text-align:center;
		padding:3% 0 2%;
	}
		/*sur5_img*/
		.sur5_img {
			display:inline-block;
			vertical-align:bottom;
			width:60%;
		}
			.sur5_img img {
			}
		.sur5_text {
			display:inline-block;
			vertical-align:bottom;
			width:30%;
			text-align:left;
			line-height:28px;
		}
			.sur5_text h3 {
				margin:0 0 2% 0;
			}
			@media screen and (max-width:1280px){
				.sur5 {
					padding: 4% 0 3%;
				}
				.sur5_img {
					width: 53%;
					padding-right: 2%;
				}
					.sur5_img img {
						width:100%;
					}
			}
			@media screen and (max-width:1020px) {
				.sur5 {
					padding: 6% 0 4%;
				}
				.sur5_img {
					width:60%;
				}
			}
			@media screen and (max-width:850px) {
				.sur5_img {
					display: block;
					margin: 0 auto;
					padding: 0 0 4% 0;
				}
				.sur5_text {
					width:60%;
				}
			}
			@media screen and (max-width:520px) {
				.sur5_img,.sur5_text {
					width:80%;
				}
				.sur5_text h3 {
					font-size:18px;
				}
				.sur5_text {
					font-size:13px;
					line-height:22px;
				}
			}
			@media screen and (max-width:400px) {
				.sur5_img,.sur5_text {
					width:90%;
				}
			}
/*---room---------------------------------------------------------------------------------------------------------------------------------*/
.rmbt {
	text-align:center;
	padding:4% 0 0 0;
}
	.rmbt ul {
	}
		.rmbt li {
			display:inline-block;
			vertical-align:bottom;
			width:10%;
			padding:6px;
		}
			.rmbt li img {
				width:100%;
			}
/*room_dot*/
.room_dot {
	text-align:center;
	padding:3% 0;
}
	@media screen and (max-width:1450px) {
		.rmbt li {
			width:12%;
		}
	}
	@media screen and (max-width:1080px) {
		.rmbt li {
			width:14%;
		}
	}
	@media screen and (max-width:800px) {
		.rmbt li {
			width:16%;
		}
	}
	@media screen and (max-width:700px) {
		.rmbt li {
			width: 24%;
			padding:2%;
		}
		.room_dot {
			padding:5% 0;
		}
	}
	@media screen and (max-width:500px) {
		.rmbt {
			padding: 7% 0 0 0;
		}
		.rmbt li {
			width: 35%;
		}
	}
/*roomslider*/
.roomslider {
	position:relative;
}
	.roomslider:after {
		background:url(../../images/room_bg.jpg) repeat;
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:50%;
	}
/*room_bg*/
.room_bg {
	background:url(../../images/room_bg.jpg) repeat;
	min-height:110px;
	width:100%;
}
	@media screen and (max-width:1320px) {
		.roomslider {
			padding:0 3%;
		}
		.room_bg {
			min-height:85px;
		}
	}
	@media screen and (max-width:800px) {
		.room_bg {
			min-height:55px;
		}
	}
	@media screen and (max-width:600px) {
		.room_bg {
			min-height:40px;
		}
	}
	@media screen and (max-width:450px) {
		.room_bg {
			min-height:30px;
		}
		#wowslider-container1 .ws_bullets {
			bottom:0;
		}
	}
/*roomb*/
.roomb {
	text-align:center;
	display:inline-block;
	width:35%;
	padding:3% 1%;
	vertical-align:top;
}
	.roomb_title {
		text-align:center;
		padding-bottom:3%;
	}
	@media screen and (max-width:1450px) {
		.roomb {
			width:45%;
		}
	}
	@media screen and (max-width:930px) {
		.roomb {
			width:80%;
			display:block;
			margin:0 auto;
			padding:4% 0;
		}
	}
	@media screen and (max-width:600px) {
		.roomb {
			width:90%;
			padding:4% 0;
		}
		.roomb_title img {
			width:40%;
			margin:0 auto;
		}
	}
	@media screen and (max-width:400px) {
		.roomb_title img {
			width:50%;
		}
		.roomb {
			font-size:15px;
		}
	}
/*---news-------------------------------------------------------------------------------------------------------------------------------------*/
/*news_deco*/
.news_deco {
	position:absolute;
	top:15%;
	right:0;
	width:30%;
	z-index:5;
}
	.news_deco img {
		width:100%;
	}
.loc_deco {
	top: 2%;
    z-index: 1;
}
/*news_lattice*/
.news_lattice {
	background:url(../../images/lattice.png) top right no-repeat;
	background-size:auto;
	min-height:200px;
	margin-top:1%;
	width: 945px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
/*news*/
.news {
	width:55%;
	margin:5% auto;
	position:relative;
}
	/*news_top*/
	.news_top {
		background:url(../../images/news_frame_01.png) bottom center no-repeat;
		background-size:contain;
		min-height:63px;
	}
	/*news_main*/
	.news_main {
		background:url(../../images/news_frame_02.png) top center repeat-y;
		background-size:contain;
		min-height:300px;
		padding:0 6%;
	}
		.news_title {
			text-align:center;
			padding-bottom:2%;
		}
		.news_main table {
			width:100%;
		}
			.news_main table a {
				display:inline;
				color:#a45818;
				transition:.2s ease-out;
			}
				.news_main table a:hover {
					color:#333;
				}
	/*news_bottom*/
	.news_bottom {
		background:url(../../images/news_frame_03.png) top center no-repeat;
		background-size:contain;
		min-height:56px;
	}
button, html input[type=button], input[type=reset], input[type=submit] {
	border: solid 2px #a18261;
    padding: 1% 2%;
    background: transparent;
    border-radius: 6px;
	transition:.2s ease-in;
	color:#5a5858;
	margin:0 2%;
}
	button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
		background:#a18261;
		color:#fff;
	}
.tableimg img {
    max-width: 500px;
    height: auto;
    width: 100%;
}
	@media screen and (max-width:1400px) {
		.news {
			width:75%;
		}
	}
	@media screen and (max-width:1200px) {
		.news_lattice {
			width:600px;
		}
	}
	@media screen and (max-width:1050px) {
		.news {
			width:85%;
		}
		.news_title img {
			width:55%;
		}
	}
	@media screen and (max-width:760px) {
		.news {
			width:90%;
		}
		.news_lattice {
			width: 400px;
			min-height: 180px;
		}
	}
	@media screen and (max-width:530px) {
		.news_lattice {
			width: 280px;
			min-height: 145px;
		}
		.news_title img {
			width: 60%;
		}
	}
	@media screen and (max-width:430px) {
		.news_lattice {
			width: 200px;
			min-height: 125px;
		}
		.news_title img {
			width: 65%;
		}
		.news_top {
			min-height:45px;
		}
		button, html input[type=button], input[type=reset], input[type=submit] {
			padding:1% 4%;
		}
	}
/*---note-----------------------------------------------------------------------------------------------------------------------------------*/
/*note_deco*/
.note_deco {
	text-align:center;
	padding:2% 0 1%;
}
.note {
	padding:3% 0;
	width:50%;
	margin:0 auto;
}
	.note_title {
		padding-bottom:2%;
	}
	@media screen and (max-width:1200px) {
		.note {
			width:90%;
		}
	}
	@media screen and (max-width:900px) {
		.note_deco img {
			width:35%;
		}
	}
	@media screen and (max-width:730px) {
		.note_deco img {
			width:40%;
		}
		.note_title img {
			width:16%;
		}
	}
	@media screen and (max-width:530px) {
		.note_deco img {
			width:43%;
		}
		.note_title img {
			width:20%;
		}
		.note {
			padding:5% 0;
			width:95%;
		}
	}