/*---header area------------------------------------------------------------------------------------------------------------------------------------------*/

/*navbar*/
.navbar {
	background:#322a25 !important;
	box-shadow:0px 4px 9px rgba(0,0,0,.5);
	border-radius:0;
	position:fixed;
	top:0px;
	width:100%;
	z-index:999;
}
.navbar.navbar {
}
	/*logo*/
	.logo {
		display:inline-block;
		float:left;
		padding:1% 0 0 5%;
	}
		.logoa {
			display:block;
		}
	
	/*ibutton*/
	.ibarea {
		display:inline-block;
		float:right;
		padding: 2% 3% 10px;
	}
		.ibutton {
			position:relative;
			display: inline-block;			
		}
			.ibutton a {
				display:block;				
			}
				.ibutton .ib {
					position:relative;
				}
				.ibutton .ib img {
					z-index:5;
					background:#312a25;
				}
			.ibh {
				position:absolute;
				bottom:0px;
				left:46px;
				-webkit-transition-duration: 0.3s;
				transition-duration: 0.3s;
				-webkit-transition-property: transform;
				transition-property: transform;
				-webkit-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
			}
				.ibh img {
					background:none;	
					opacity:0;
					transition: opacity .3s ease-in-out;
		
				}
				.ibutton:hover .ibh {
					-webkit-transform: translateY(-29px);
    				transform: translateY(-29px);	
				}
					.ibutton:hover .ibh img {
						opacity:1;
					}



/*---mobile ibutton----------------------------------------------------*/
.mibutton {
    position: absolute;
    top:25px;
    right: 25px;
    width: 52px;
    height: 40px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 12px;
	z-index: 10;
	cursor:pointer;
	display:none;
}
	.mibutton span {
		display: inline-block;
        width: 29px;
        height: 1px;
        background: #fff;
        transition: .3s ease all;
		position: absolute;
	}
		.mibutton span:nth-child(1) {
			top:10px;
		}
		.mibutton span:nth-child(2) {
			top:20px;
		}
        .mibutton span:nth-child(3) {
			top:31px;
        
        }
		.mibutton_ani span {
			background:#fff;
		}
			.mibutton_ani span:nth-child(1) {
				-webkit-transform:rotate(45deg);
						transform:rotate(45deg);
				-webkit-transform-origin:left top;
						transform-origin:left top;
			}
			.mibutton_ani span:nth-child(2) {
				display: none;
			}
			.mibutton_ani span:nth-child(3) {
				-webkit-transform:rotate(-45deg);
						transform:rotate(-45deg);
				-webkit-transform-origin:left bottom;
						transform-origin:left bottom;
			}
		@media screen and (max-width:1660px) {
			.logo {
				padding: 2% 0 0 5%;
			}
			.ibarea {
				padding: 3% 6% 10px;
			}
		}
		@media screen and (max-width:1710px) {
			.mibutton {
				display:block;
			}
			.ibarea {
				display:none;
				width: 100%;
				padding: 1% 0 1% 0;
				text-align: center;
			}
				.ibh {
					position: inherit;
				}
					.ibutton a:hover .ibh {
						-webkit-transform: inherit;
						transform: inherit;
					}
					.ibh img {
						opacity:1;
					}
			.logo {
				padding: 2% 0 1% 5%;
			}
		}
		@media screen and (max-width:1200px) {
			.ibutton {
				display:block;
				border-bottom: solid 1px rgba(255,255,255,.1);	
				margin: 2px 15px;			
			}
				.ibutton a {
					padding:1%;
				}
			.mibutton {
				top:14px;
			}
			.ibarea {
				overflow-y:auto;
				height:80vh;
			}
		}
		@media screen and (max-width:425px) {
			.logo {
				width:70%;
				padding:3% 0 3% 5%;
			}
				.logo img {
					width:100%;
				}
			.mibutton {
				top:7px;
				right:3px;
			}
		}
/*---title area----------------------------------------------------------------------------------------------------------------------------------------*/
.titarea {
	background:url(../../images/taiTitBg.jpg) repeat;
	    padding: 7% 3% 3%;
}
	.title {
		text-align:center;
		padding-bottom:4%;
	}
		.title img {
		}
		.title h2 {
			text-align: center;
			color: #8f8e83;
			margin: 20px 0 0;
		}
	.search {
		text-align:center;
		padding:0 0 0 0;
		font-size:0px;
	}
		.s_l_area {
			margin:0 auto;
			width:70%;
			/*border: solid 5px rgba(206, 206, 206, 0.22);*/
			/*border-radius: 6px;*/
		}
			.s_list {
				display: inline-block;
				width: 16%;
				padding: 1%;
				vertical-align: bottom;
			}
			.s_list p {
				text-align:left;
			}
			/*date*/
			.date {
				background: #fff;
				height: 40px;
				font-size: 14px;
				line-height: inherit;
				border: none;
				color: #757575;
				width: 100%;
				padding: 5px 5%;
				vertical-align: top;
				border-radius: 2px;
				text-align:left;
			}
			svg {
				width:18px;
				height:auto;
				fill: #a5a5a5;
				margin: 2% 0 0 6%;
			}
			.date strong {
				vertical-align:super;
			}
			.s_list input[type='text'] {
				width: 100%;
				border: #fff;
				margin:0%;
				padding:5px 3px;
				height:40px;
				border-radius:2px;
				font-size:14px;
				border-right: solid 1px #e4e4e4;
				vertical-align:top;
			}
			.s_icon {
				display: inline-block;
				width: 15%;
				vertical-align: bottom;
				padding: 1%;
				cursor:pointer;
			}
			.s_icon button {
				width: 100%;
				padding: 6px 0;
				margin-top: 0%;
				background: transparent;
				color: #fff;
				border: solid 1px #fff;
				transition:.2s ease all;
				position:relative;
				z-index:0;
			}
				.s_icon button:after {
					position:absolute;
					top:0;
					left:0;
					content:'';
					background:#fff;
					width:0%;
					height:100%;
					transition:.2s ease all;
					z-index:-1;
				}
				.s_icon:hover button:after {
					letter-spacing:2px;
					width:100%;
				}
				.s_icon:hover button {
					color:#333;
				}
			.small {
				font-size:14px;
			}
select {
	width: 100%;
    border: #fff;
    border-radius: 2px;
    font-size: 14px;
    border-right: solid 1px #e4e4e4;
    color: #757575;
    vertical-align: top;
	padding:5px 3px;
	height:40px;
}
label {
	color: #737373;
    font-size: 14px;
	line-height:40px;
}
.s_city {
	width: 35%;
    display: inline-block;
    vertical-align: bottom;
    padding: 1%;
    text-align: left;
}
.s_city select {
	width: 45%;
    margin: 0 4% 0 0;
}
				@media screen and (max-width:1530px) {
					.s_l_area {
						width:70%;
					}
				}
				@media screen and (max-width:1200px) {
					.titarea {
						padding: 10% 3% 2%;
					}
					.s_l_area {
						width:80%;
					}
				}
				@media screen and (max-width:970px) {
					.titarea {
						padding: 12% 3% 3%;
					}
					.s_l_area {
						width:90%;
					}
				}
				@media screen and (max-width:850px) {
					.titarea {
						padding: 12% 3% 4%;
					}
					.search {
						padding:2% 2% 0 2%;
					}
					.s_l_area {
						width:100%;
					}
				}
				@media screen and (max-width:790px) {
					.titarea {
						padding: 12% 3% 4%;
					}
					.search {
						padding:2% 2% 0 2%;
					}
					.s_l_area {
						width:100%;
						background:none;
						border: none;					
					}
						.s_list {
							width:100%;
							display:block;
							margin:0px 0px 1% 0px;
						}
							.s_list input[type='text'] {
								margin:0px;
								width:100%;
							}
						.s_icon {
							width:100%;
						}
						select {
							width: 100%;
							border: #fff;
							margin: 0%;
							font-size: 14px;
							border-right: solid 1px #e4e4e4;
							background:#fff;
						}
						label {
							display:none;
						}
					.s_icon button {
						margin:9px 0 0 0;
					}
					.s_city {
						width:100%;
					}
					.s_city select {
						width: 100%;
						margin: 0 0% 2% 0;
					}
					.date {
						padding:5px 2%;
					}
				}
				@media screen and (max-width:650px) {
					.titarea {
						padding: 16% 4% 10%;
					}
					.title {
						padding: 4% 6% 10%;
					}
						.title img {
							width:100%;
						}
					.title h2 {
						font-size:17px;
					}
				}

				@media screen and (max-width:320px) {
					.titarea {
						padding: 21% 5% 4%;
					}
				}


/*---form_area-----------------------------------------------------------------------------------------------------------------------------*/
.form_area {
	padding:5% 2%;
	width: 70%;
    margin: 0 auto;
	color:#333;
}
	.form_area a {
		color:#f2a42d;
		transition:.2s ease-out;
	}
	.form_area a:hover {
		color:#333;
	}
#form {
	transform:translateY(-50px);
}
table.formtable {
	width:100%;
}
	table.formtable td {
		display:block;
	}
	table.formtable td:nth-of-type(odd) {
		/*width:100%;*/
	}
	table.formtable td:nth-of-type(2n+0) {
		/*width:100%;*/
	}
	.telp {
		padding-top:4%;
	}
input {
	font-size: 14px;
    line-height: inherit;
    border: none;
    color: #757575;
    width: 100%;
    padding: 6px 0;
    vertical-align: top;
	border-radius:2px;
}
	@media screen and (max-width:1220px) {
		.form_area {
			width:80%;
		}
	}
	@media screen and (max-width:990px) {
		.telp {
			padding-top:7%;
		}
	}
	@media screen and (max-width:800px) {
		.form_area {
			width:100%;
		}
	}
	@media screen and (max-width:790px) {
		input {
			width:100%;
			padding:10px 0;
			background:#fff;
			color:#666;
		}
	}
	@media screen and (max-width:450px) {
		.telp {
			padding-top:10%;
		}
		input {
			padding: 2% 3%;
		}
		table.formtable td:nth-of-type(2n+0) {
			width:70%;
		}
	}
	@media screen and (max-width:400px) {
		.telp {
			padding-top:13%;
		}
		.form_area {
			padding:10% 3%;
		}
	}




/*---search result---------------------------------------------------------------------------------------------------------------------------*/
/*main*/
.main {
	background:url(../../images/mobile_bg.png) top center no-repeat fixed;
	background-size:cover;
}
	#navbar {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:99;
	}
	/*s_logo*/
	.s_logo {
		background:#322a25;
		width:100%;
		padding:1%;
		text-align:left;
	}
	/*result*/
	.result {
		width:100%;
	}
	.result .s_l_area {
		width:100%;
		border-radius:0;
	}
	/*s_title*/
	.s_title {
		text-align:center;
		height: 84vh;
		padding: 18% 0 0 0;
		position:fixed;
		width:100%;
		background:url(../../images/mobile_bg.png) top center no-repeat fixed;
		background-size:cover;
	}
		.s_title img {
		}
/*---result-------------------------------------------------------------------------------------------------------------------------------*/
#result {
	background:#fff;
	z-index:9;
	position:relative;
	text-align:center;
	padding:3% 15%;
}
	/*space*/
	#space {
		height:25vh;
	}
	/*search_bar*/
	.search_bar {
		color:#000;
		text-align:left;
		font-size:18px;
		padding:0 0 3% 0;
	}
	/*search_block*/
	.search_block {
		padding:2%;
		box-shadow:0px 0px 8px rgba(0,0,0,.3);
		border-radius:2px;
		margin:0 0 3% 0;
		transition:.3s ease-in;
		cursor:pointer;
	}
		.search_block:hover {
			background:#eee;
			box-shadow:0px 0px 0px;
		}
		/*s_img*/
		.s_img {
			display:inline-block;
			vertical-align:top;
			width:40%;
			padding:0 2% 0 0;
		}	
			.s_img img {
				width:100%;
			}
		/*s_info*/
		.s_info {
			display: inline-block;
			vertical-align: top;
			width: 57%;
			text-align: left;
			padding: 1% 0 0 2%;
		}
			/*s_top*/
			.s_top {
			}
				/*s_name*/
				.s_name {
					display:inline-block;
					vertical-align:top;
					width:48%;
				}
					.s_name h1 {
						color:#ff8f2f;
						font-size: 28px;
						font-weight: bold;
					}
					.s_name h2 {
						color: #bdbdbd;
						font-size:15px;
						letter-spacing:0;
						text-transform: capitalize;
						font-family: sans-serif;
						font-weight: 600;
					}
					.s_name h3 {
						color:#000;
						margin:2px 0;
					}
				/*s_price*/
				.s_price {
					display:inline-block;
					vertical-align:top;
					width:50%;
					text-align:right;
					color:#000;
				}
					.s_price del {
						margin-right: 2rem;
						font-weight: 300;
						color: #ccc;
						font-size:3rem;
					}
					.s_price strong{
						color:#ff8f2f;
						font-size:3rem;
					}
					.currency {
						margin-right: .2rem;
						font-size: 1.3rem;
						position: relative;
						top: -1rem;
					}
			/*s_text*/
			.s_text {
				color: #333;
				margin: 3% 0 0 0;
				border-left: solid 1px #a3a3a3;
				padding: 0 0 0 2%;
			}
			.no_re {
				color:#C00;
			}
			/*no_result*/
			.no_result .s_text {
				border:none;
			}
			/*result_mo*/
			.result_mo {
				display:none;
			}
			.mobileline {
				display:none;
			}
			@media screen and (max-width:1440px) {
				.s_title {
					padding:20% 0 0 0;
				}
				#result {
					padding:3% 10%;
				}
			}
			@media screen and (max-width:1200px) {
				.s_title {
					padding: 23% 0 0 0;
				}
				#result {
					padding:3% 6%;
				}
			}
			@media screen and (max-width:950px) {
				.s_title {
					padding: 25% 0 0 0;
				}
				.s_title img {
					width: 41%;
				}
				.s_name {
					width:100%;
				}
				.s_price {
					width:100%;
					text-align:left;
					padding:1% 0;
				}
				#space {
					height:20vh;
				}
			}
			@media screen and (max-width:900px) {
				#space {
					height:10vh;
				}
				.result {
					display:none;
				}
				.s_logo {
					padding:2%;
				}
				.result_mo  {
					display:block;
					color: #aaa;
					padding:0 0 8% 0;
				}
				.result_mo .s_l_area {
					background:none;
				}
				.result_mo .s_list p {
					display:none;
				}
				.result_mo select,.result_mo input {
					background:#e8e8e8 !important;
				}
				.result_mo .s_icon button {
					background: #f5b24d;
					border: solid 1px #f5b24d;
				}
				.mobileline {
					display:block;
					padding: 0 0 5% 0;
				}
				.s_img {
					width:100%;
					padding:1%;
				}
				.s_info {
					width:100%;
					padding:5% 2%;
				}
			}
			@media screen and (max-width:800px) {
				.result {
					margin:0;
				}
			}
			@media screen and (max-width:500px) {
				.s_title {
					height:auto;
					background-attachment: inherit;
					height: 45vh;
					background: url(../../images/mobile_bg.png) top center no-repeat;
					background-size: cover;
					position: relative;
				}
				.s_title img {
					width:50%;
				}
			}
			@media screen and (max-width:425px) {
				.s_logo {
					padding: 3%;
				}
					.s_logo img {
						width:85%;
					}
			}
			@media screen and (max-width:375px) {
				.s_title img {
					width:40%;
				}
				#result {
					padding: 3% 4%;
				}
			}
/*---quick_block---------------------------------------------------------------------------------------------------------------------------*/
.quick_block {
	text-align:center;
	width:570px;
	max-width:90%;
	margin:0 auto 1%;
}
	/*quick_block_title*/
	.quick_block_title {
		padding:0 0 3%;
	}
	/*qkbtn*/
	.qkbtn {
		position:relative;
	}
		.qkbtn:before {
			content:'';
			background:url(../../images/qkdeco.png) top left no-repeat;
			background-size:auto;
			width:40px;
			height:25px;
			position:absolute;
			left:0;
			bottom:33%;
		}
		.qkbtn:after {
			content:'';
			background:url(../../images/qkdeco.png) top right no-repeat;
			background-size:auto;
			width:40px;
			height:25px;
			position:absolute;
			right:0;
			bottom:33%;
		}
		.qkbtn ul {
			padding:0;
		}
			.qkbtn li {
				display:inline-block;
				width:30%;
				padding:1%;
				vertical-align:top;
			}
				.qkbtn li img {
					transition:.3s ease-in;
					opacity:.8;
				}
				.qkbtn li:hover img {
					-webkit-filter: brightness(1.4);
					-webkit-filter: brightness(1.4);filter: brightness(1.4);
				}
				@media screen and (max-width:630px) {
					.quick_block_title img {
						width:56%;
					}
					.qkbtn li {
						width:25%;
					}
						.qkbtn li img {
							width:100%;
						}
					.qkbtn:after,.qkbtn:before {
						background-size:90%;
					}
				}
				@media screen and (max-width:425px) {
					.quick_block_title {
						padding: 2% 0 4%;
					}
					.quick_block_title img {
						width:63%;
					}
					.qkbtn li {
						width:28%;
					}
					.qkbtn:after,.qkbtn:before {
						background-size:54%;
						bottom:28%;
					}
				}
/*---ilink_title_area--------------------------------------------------------------------------------------------------------------------------*/
.ilink_title_area {
	text-align:center;
	padding-top:2%;
}
	/*ilink_arrow*/
	.ilink_arrow {
		padding-bottom:2%;
		display:inline-block;
		animation:bounce .8s infinite alternate ease-in;
	}
	.ilink_title {
		background:url(../../images/ilink_title.png) top center no-repeat;
		background-size:cover;
		width:633px;
		min-height:44px;
		margin:0 auto;
	}
	@keyframes bounce {
		0% {
			transform:translateY(0px);
		}
		100% {
			transform:translateY(20px);
		}
	}
		@media screen and (max-width:1000px) {
			.ilink_title_area {
				text-align: center;
				padding-top: 4%;
			}
			.ilink_arrow {
				padding-bottom:2%;
			}
		}
		@media screen and (max-width:700px) {
			.ilink_title_area {
				padding-top:5%;
			}
			.ilink_title_area img {
				width:90%;
			}
			.ilink_arrow {
				padding-bottom:6%;
			}
			.ilink_title {
				width:100%;
				-webkit-filter: drop-shadow(2px 2px 5px #000);
				filter: drop-shadow(2px 2px 5px #000);
			}
		}
		@media screen and (max-width:600px) {
			.ilink_title_area {
				padding-top:5%;
			}
			.ilink_title_area img {
				width:90%;
			}
			.ilink_arrow {
				width:8%;
			}
		}
		@media screen and (max-width:425px) {
			.ilink_title {
				min-height:43px;
			}
		}
/*---section_htbnb------------------------------------------------------------------------------------------------------------------------------*/	
#section_htbnb {
	text-align:center;
	padding:3% 0 5% 0;
	overflow:hidden;
}
	/*htbnb_title*/
	.htbnb_title {
		padding-bottom:2%;
	}
	/*htbnb*/
	.htbnb {
		z-index:8;
	}
ul.newyear {
}
ul.newyear a {
	transition:.6s ease all;
}
	ul.newyear a:hover {
		transform:translateY(15px);
	}
	@media screen and (max-width:800px) {
		ul.newyear li {
			width: 15%;
		}
	}
	@media screen and (max-width:600px) {
		ul.newyear l i {
			width: 30%;
			padding:1em;
		}
	}
	@media screen and (max-width:430px) {
		ul.newyear li {
			width: 40%;
			padding:0 1em;
		}
	}