/*訂房搜尋 */
.bg-primary { background-color: #d4bc83; }
.bg-secondary { background-color: #e5d6b2; }
.bg-third { background-color: #efebe0; }
.bg-light-gray { background-color: #ececec; }
.bg-pink { background-color: #f3a9aa; }
.text-primary { color: #987b37; }
.text-white { color: #fff; }
.table-responsive{height: 780px;}
#search-calendar table td.thead { min-width: 187px; }
#search-calendar .heading { background-color:#707070; color: #fff; padding:17px; }
#search-calendar thead tr , #search-calendar tbody tr { background-color: #fff; }
#search-calendar thead td span , #search-calendar tbody td span { width: 100%; display: block; }

#search-calendar table tbody td span.bg-light-gray:hover { background-color: #ccc;}
#search-calendar table tbody td span.bg-pink:hover { background-color: #ef7b7c;}

#search-calendar thead tr { position: relative; z-index: 99;}

#search-calendar thead tr:nth-child(1) { position: sticky; top: 0; z-index: 100;}
#search-calendar thead tr:nth-child(2) { position: sticky; top: 64px; z-index: 100;}

#search-calendar thead tr .thead:nth-child(1) { position: sticky; left: 0; z-index: 999;  }
#search-calendar tbody tr > td:nth-child(1) { position: sticky; left: 0; z-index: 9; }

@media screen and (max-width: 768px) {
	.table-responsive{height: 450px;}
	#search-calendar table td.thead { min-width: 135px; }
	#search-calendar .heading { background-color:#707070; color: #fff; padding:10px; }
	#search-calendar thead { background-color: #fff;}
	#search-calendar thead tr:nth-child(1) { position: sticky; top: 0;  }
	#search-calendar thead tr:nth-child(2) { position: sticky; top: 37px; }
	.p-3 { padding: .5rem !important; }
	.p-2 { padding: .3rem !important; }
}