@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url(/webeip/HT00100/becky/fonticons/css/style.css);
/* 以下是 圖示文字 new ver. 的 CSS */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* 以下是 animate 的 CSS */
@import url(/webeip/HT00100/becky/css/animate.css);
/* 以下是 reset 的 CSS */
@import url(/webeip/HT00100/becky/css/reset.css);

/* 固定內頁banner */
	.bannertitle{
		width: 100%;
		position: relative;
	}
	.bannertitle_img{
		vertical-align: top;
		width: 100%;
		height: auto;
	}
	.bannertitle_txt{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		display: block;
		font-size: 4rem;
		font-weight: bold;
		white-space: nowrap;
		padding: 1.5rem 2.5rem 1.5rem 2.75rem;
		box-sizing: border-box;
		letter-spacing: 0.25rem;
		background-color: rgba(0,0,0,0.5);
		color: #FFF;
		border-radius: 5px;
	}
	.icon_scrolldown{
		position: absolute;
		bottom: 10%;
		left: 50%;
		transform: translate(-50%,0);
		
		cursor: pointer;
		font-size: 3rem;
		color: rgba(0,0,0,0.4);
		transition: all .3s;
	}
	.icon_scrolldown:hover{ color: rgba(0,0,0,1); }

/* 歡迎語 */
	.car_rent_e_welcome{
		width: 85%;
		max-width: 850px;
		margin: 2rem auto;
	}
	.car_rent_e_welcome > p{
		padding: 0.5rem 0;
		box-sizing: border-box;
		line-height: 1.75rem;
		font-size: 1.25rem;
	}

/* hotel_order */
	.hotelorder_bodywrap{
		width: 1000px;
		margin: 0 auto;
	}
	.hotelorder_bodywrap_title{
		width: 60%;
		margin: 1em auto 0.5em;
		text-align: center;
		padding: 0.2em 0;
		font-weight: bold;
		background: #65A844;
		color: white;
		position: relative;
	}
	.hotelorder_bodywrap > p{
		padding: 0.5em 0;
	}
	.hotelorder_bodywrap_title:after, .hotelorder_bodywrap_title:before{
		content: "";
		position: absolute;
		bottom: 0;
		left: -2.8rem;
		display: block;
		border: 1.4rem solid #65A844;
		border-left-color: transparent;
	}
	.hotelorder_bodywrap_title:after{
		left: 100%;
		margin-left: 1px;
		border: 1.4rem solid #65A844;
		border-right-color: transparent;
	}
	.hotelorder_main{
		width: 1000px;
		margin: 1em auto;
		display: flex;
		flex-wrap: wrap;
	}
	.hotelorder_maintitle1{
		text-align: center;
		background-color: cornflowerblue;
		color: white;
		padding: 0.2em 0;
		width: 100%;
	}
	.hotelorder_item1, .hotelorder_item2, .hotelorder_item3,
	.hotelorder_item4, .hotelorder_item5, .hotelorder_item6,
	.hotelorder_item7, .hotelorder_item8, .hotelorder_item9,
	.hotelorder_item10,.hotelorder_item11{
		padding: 1em;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}
	.hotelorder_item1, .hotelorder_item2,
	.hotelorder_item8, .hotelorder_item9{
		width: 50%;
	}
	.hotelorder_item3, .hotelorder_item4, .hotelorder_item5,
	.hotelorder_item6, .hotelorder_item7, .hotelorder_item10,
	.hotelorder_item11{
		width: 100%;
	}
	.hotelorder_item3, .hotelorder_item5,
	.hotelorder_item7, .hotelorder_item10{
		background-color: #bdd5ff;
	}
	.hotelorder_title{
		width: 30%;
		padding: 0.5em 1em;
		box-sizing: border-box;
	}
	.hotelorder_content{
		width: 70%;
	}
	.hotelorder_cp{
		display: flex;
		align-items: center;
		font-size: 1.1em;
		margin: 0.5em 0;
	}
	.hotelorder_cp_span{
		width: 100%;
		display: flex;
		align-items: center;
		white-space: nowrap;
	}
	.hotelorder_item1 > .hotelorder_title,
	.hotelorder_item2 > .hotelorder_title,
	.hotelorder_item8 > .hotelorder_title,
	.hotelorder_item9 > .hotelorder_title{
		width: auto;
		white-space: nowrap;
		padding: 0 1em;
		box-sizing: border-box;
	}
	.hotelorder_item1 > .hotelorder_content,
	.hotelorder_item2 > .hotelorder_content,
	.hotelorder_item8 > .hotelorder_content,
	.hotelorder_item9 > .hotelorder_content{
		width: 100%;
	}
	.hotelorder_item5 > .hotelorder_content,
	.hotelorder_item7 > .hotelorder_content{
		display: flex;
		align-items: center;
		font-size: 1.1em;
	}
	.hotelorder_input_typing{ width: 100%;font-size: 1.1em;padding: 0.5em;box-sizing: border-box; }
	.hotelorder_item5 > .hotelorder_content .hotelorder_select:first-child,
	.hotelorder_item7 > .hotelorder_content .hotelorder_input_typing{
		margin-right: 0.5em;
	}
	.hotelorder_cp_span > .hotelorder_input_typing{
		width: 100%;
		margin: 0 0.5em;
	}
	.hotelorder_cp > .hotelorder_checkbox{
		width: 1.5em;
		height: 1.5em;
		margin: 0 0.5em;
	}
	.hotelorder_input_radio{ width: 1.5em;height: 1.5em; }
	.hotelorder_select{ width: 100%;font-size: 1.1em;padding: 0.5em;box-sizing: border-box; }
	.hotelorder_textarea{ width: 100%;height:10em;font-size: 1.1em;padding: 0.5em;box-sizing: border-box; }

	.hotelorder_submit{
		cursor: pointer;
		display: block;
		width: 20%;
		margin: 0.5em auto;
		padding: 0.5em 2em;
		box-sizing: border-box;
		font-size: 1.3em;
		background-color: #E7290F;
		color: white;
		border: 0;
		border-bottom: 3px solid #A32416;
		border-radius: 15px;
	}
	.hotelorder_submit:hover{
		position: relative;
		top: 3px;
		border-bottom: 3px solid #E7290F;
	}