@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Segoe UI",Arial, Helvetica, "Microsoft JhengHei Correct", 'Microsoft JhengHei',PMingLiU,sans-serif;
}
img{object-fit: cover;}
a,
.btns,
.search_tab li::after{transition:all 0.3s;}
#mrtkey_wrapper{max-width:1000px;width:96%;margin:auto;font-size: 16px;line-height: 1.6;}
#mrtkey_wrapper h1,
.title01{font-size: 1.5em; color: #069;width:100%}
#mrtkey_wrapper h2{font-size: 3em; color: #000;/* display:flex;justify-content:center;align-items:center; */ width:100%; margin: 0 0 20px 0;}
#mrtkey_wrapper h2 span{font-size:0.6em;border:3px solid #CCC;border-radius: 50%;width:2.5em;height: 2.5em;display: inline-flex;justify-content:center;align-items:center;margin:0 0.2em 0 0 }

.article{display: flex;flex-wrap: wrap;width:100%;}

.search{width:100%;margin: 0 0 20px 0;}
.search_tab{display: flex;justify-content:flex-start;align-items:center;border-bottom:2px solid #ccc;}
.search_tab li{margin: 0 10px 0 0;position: relative;}
.search_tab li a{color:#666;display: block;padding:0.3em 1em;}
.search_tab li.btnon a{color:#000;}
.search_tab li::after{content:"";display: block;position: absolute;bottom:-2px;left:50%;height: 4px;width: 0; background:#F90;}
.search_tab li.btnon::after{left:0;width:100%;}
.search_area{vertical-align: middle;}
.search_area .list{padding:10px 0;}

.search_area *{vertical-align:inherit;}
.search_area ul{display:flex;justify-content:center;text-align:center;margin: 0 0 0 -10px}
.search_area li{flex: 1;margin: 0 0 0 10px}
.search_area li input, .search_area li select{border: 1px solid;font-size: 1em;height: 35px;padding: 0 0 0 5px;width: 100%;color: #666;}
.search_area li input.btns{background:#F60;color:#FFF}
.search_area li input.btns:hover{background:#F30;}


.title01{width: 100%;border-bottom: 2px solid #CCC;margin: 0 0 10px 0}
.grid_lists{margin:0 0 0 -20px;display: flex;flex-wrap: wrap;flex: 1;}
.grid_list{margin:0 0 20px 20px;position: relative;flex:1 1 300px;}
.grid_link:hover{background-color: rgba(255,255,255,0.3);}
.grid_link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.grid_pic{position:relative;padding:70% 0 0 0;width:100%;}
.grid_pic img{position:absolute;width:100%;left:0;top:0;height:100%;}
.grid_name{color: #069;font-size: 1.2em;font-weight: normal;}
.grid_rate{text-align: right;}
.grid_prices{margin: 0 0.2em 0 0;line-height: 1.5em;color: #C7000B;}
.grid_prices em{font-style:normal;font-size:1.2em;}
.grid_booking{display:inline-block;background-color:#42A9D7; color:#FFF;padding:0 0.75em; text-align:center;z-index:3; border-radius:0.3em; line-height:1.5em}
.grid_beroom{position: absolute;left: 0;top:0;background:#C00;color:#fff; z-index: 3;padding: 0 0.5em;}
.grid_distance{position: absolute;right: 0;top:0;background:#FFA500;color:#fff; z-index: 3;padding: 0 0.5em;}

@media (max-width: 740px) {
#mrtkey_wrapper h2{font-size:2em}
.search_area ul{ flex-direction:column;margin:-10px 0 0 0}
.search_area li{margin:10px 0 0 0}
}