@charset "utf-8";
/*============================================================================*/

section.ere-searchpk.s1 {  }

/*----------------------------------------------------------------------------*/

section.ere-searchpk.s1 .main { margin: 50px auto; }

section.ere-searchpk.s1 .main .col {  }

section.ere-searchpk.s1 .main .col .reveal {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall { position: relative; }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall > small:after {
	position: absolute; top: 20px; right: 20px;
	content: '\f5c1';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 280px; color: rgba(0, 0, 0, .05);
}
@media screen and (min-width: 1280px) and (max-width: 999999px) {
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall > small:after { display: none; }
}

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol {
	display: flex; justify-content: center; flex-direction: row; flex-wrap: nowrap;
	margin: 0 auto; padding: 20px; /*width: 50vw;*/
	border: 1px solid rgba(0, 0, 0, .35); border-left: none; border-right: none;
	/*border-radius: 10px;*/
	background-color: rgba(255, 255, 255, .35);
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: background-color 300ms ease, border 300ms ease;
	transition: background-color 300ms ease, border 300ms ease;
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol:hover {
	border: 1px solid rgba(10, 70, 85, .35); border-left: none; border-right: none;
	background-color: rgba(225, 245, 250, .65);
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li { display: flex; justify-content: center; position: relative; margin: 0 35px; }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li:after {
	content: '';
	position: absolute; top: -5px; right: -16px; height: 28px;
	border-left: 1px solid rgba(0, 0, 0, .35);
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li:nth-last-child(2):after,
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li:last-child:after { display: none; }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.stype {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sarea {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sdate {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.samount {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.scio {  }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li mark:before {
	position: absolute; top: 0; left: -35px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 20px; color: rgba(0, 0, 0, .35);
	text-shadow: -1px -1px rgba(255, 255, 255, .65), -1px 1px rgba(255, 255, 255, .65), 1px -1px rgba(255, 255, 255, .65), 1px 1px rgba(255, 255, 255, .65), 1px 1px rgba(255, 255, 255, .65);
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sps mark.ps:before {
	content: '\f002'; font-weight: 900; color: rgba(255, 0, 0, .95);
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.stype mark.build:before { content: '\e1b1'; color: rgba(0, 150, 136, .85); }
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.stype mark.bed:before { content: '\f8f7'; color: rgba(0, 150, 136, .85); }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sarea mark:before { content: '\f3c5'; color: rgba(103, 58, 183, .85); }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sdate mark:before { content: '\f073'; color: rgba(85, 139, 47, .85); }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.samount mark:before { content: '\e21b'; color: rgba(130, 119, 23, .85); }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.scio {  }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li div.silding-txt { height: 25px; line-height: 25px; overflow: hidden; }
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li ul { display: inline-block; width: 100%; height: 25px; line-height: 25px; }
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li ul li { margin: 0; width: 100%; border-bottom: none; }
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li ul.hasv li:not(.current) { display: none; }
/*--------------------------------------*/
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li div.silding-txt.stype { width: 50px; }
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.stype ul { display: flex; justify-content: space-between; width: 50px; }
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.stype ul li { width: 50px; min-width: 50px; }
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.stype ul:not(.hasv) {
	animation: 5000ms 100ms normal cubic-bezier(1, .01, .01, 1) infinite searchpk-stype-slide;
}
/*
@keyframes searchpk-stype-slide {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-25px); }
	100% { transform: translateY(0px); }
}
*/
@keyframes searchpk-stype-slide {
	0% { transform: translateX(0px); }
	50% { transform: translateX(-50px); }
	100% { transform: translateX(0px); }
}
/*--------------------------------------*/
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sarea ul:not(.hasv) {
	animation: 25000ms 2500ms normal linear infinite searchpk-sarea-slide;
}

@keyframes searchpk-sarea-slide {
	0% { transform: translateY(0px); }
	10% { transform: translateY(-25px); }
	20% { transform: translateY(-50px); }
	30% { transform: translateY(-75px); }
	40% { transform: translateY(-100px); }
	50% { transform: translateY(-125px); }
	60% { transform: translateY(-150px); }
	70% { transform: translateY(-175px); }
	80% { transform: translateY(-200px); }
	90% { transform: translateY(-225px); }
	100% { transform: translateY(0px); }
}
/*--------------------------------------*/
@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li ul li { padding: 0; }
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.stype ul {
		animation: 3000ms 300ms normal ease infinite searchpk-stype-slide;
		transition-delay: 800ms;
	}
	/*
	@keyframes searchpk-stype-slide {
		0% { transform: translateY(0px); }
		50% { transform: translateY(-27px); }
		100% { transform: translateY(0px); }
	}
	*/
	@keyframes searchpk-stype-slide {
		0% { transform: translateX(0px); }
		50% { transform: translateX(-50px); }
		100% { transform: translateX(0px); }
	}
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sarea ul {
		animation: 30000ms 3000ms normal ease-in-out infinite searchpk-sarea-slide;
	}
	@keyframes searchpk-sarea-slide {
		0% { transform: translateY(0px); }
		10% { transform: translateY(-27px); }
		20% { transform: translateY(-54px); }
		30% { transform: translateY(-81px); }
		40% { transform: translateY(-108px); }
		50% { transform: translateY(-135px); }
		60% { transform: translateY(-162px); }
		70% { transform: translateY(-189px); }
		80% { transform: translateY(-216px); }
		90% { transform: translateY(-243px); }
		100% { transform: translateY(0px); }
	}

}

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sdate {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sdate .bking-date {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sdate .bking-date .din {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sdate .bking-date .din:after {
	content: '～';
	font-size: 18px;
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sdate .bking-date .dout {  }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.samount {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.samount .people {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.samount .people .adult {  }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.samount .people .child {  }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li strong { font-size: 20px; text-shadow: -1px -1px rgba(255, 255, 255, .65), -1px 1px rgba(255, 255, 255, .65), 1px -1px rgba(255, 255, 255, .65), 1px 1px rgba(255, 255, 255, .65), 1px 1px rgba(255, 255, 255, .65); }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sbut { margin: 0 20px 0 10px; }

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sbut button {
	position: absolute; top: -7px; left: 0; width: 80px;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 10px;
	box-shadow: -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px rgba(0, 0, 0, .15);
	/*background-color: rgba(130, 210, 235, .35);*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#61c5dd+75,ffffff+100 */
	background: linear-gradient(135deg, rgba(150, 223, 254, .65) 75%, rgba(255, 255, 255, .65) 100%);
}
section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sbut button:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 1) 75%, rgba(150, 223, 254, .65) 100%);
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sbut button strong { display: inline-block; padding: 5px 15px; font-size: 18px; color: rgba(1, 75, 115, .85); }

/*--------------------------------------*/

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sico small:after {
	position: absolute; top: 0; right: -80px;
	content: '\f5c1';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 40px; color: rgba(0, 0, 0, .15);
	-webkit-transition: top 300ms ease-in-out, right 300ms ease-in-out, font-size 300ms ease-in-out;
	transition: top 300ms ease-in-out, right 300ms ease-in-out, font-size 300ms ease-in-out;
}

section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol:hover li.sico small:after {
	top: -10px; font-size: 46px;
}


/*--------------------------------------*/




@media screen and (min-width: 1px) and (max-width: 1279px) {
	
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol { display: grid; padding: 10px; }
	
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li { display: inline-block; margin: 10px 0 10px 35px; padding: 5px 0; border-bottom: 1px solid rgba(0, 0, 0, .15); }
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li:last-child,
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li:nth-last-child(2) { border-bottom: 1px solid rgba(0, 0, 0, 0); }
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li:after { display: none; }
	
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sico { display: none; }
	
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li mark:before { top: 5px; }
	
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sbut { margin: 10px auto 0 auto; }
	section.ere-searchpk.s1 .main .col .reveal .searchpk .overall ol li.sbut button { position: relative; }
	
}