body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* font-family: 'PingFang'; */
  }

/* 通用禁用樣式 */
input[disabled], button[disabled] {
	background-color: #E8E8E8; /* 淺灰色背景 */
	color: #D0D0D0; /* 字體變灰 */
	cursor: not-allowed!important; /* 滑鼠游標顯示不可用 */
  }


/*(後台)login-登入頁*/

.container-login{
	overflow:auto;
	overflow-X:hidden;
}

.login-board {
	width:100%;
	height:100%;
	position:fixed;
	margin:0px;
}

.login-textboard {
  width:100%;
  height:100%;
  margin:0px;
  text-align:center;
  margin-top:70px;
}

.title-text{
	background-color:#77C4BA;
	font-size: 30px;
	color: white;
	font-weight:bold;
	/* font-family:Microsoft JhengHei; */
	text-align:center;
	height:55px;
	padding-top:5px;
}

.lgshow-text1{
	font-size: 24px;
	color: #7C96A6;
	/* font-family:Microsoft JhengHei; */
	padding-top:2%;
}

.login-lable{
	font-size:16px; 
	width:250px;
}

.login-message{
	text-align:left;
	padding:0px;
	padding:3% 3%;
	font-size: 18px;
	color: #7C96A6;
	/* font-family:Microsoft JhengHei; */
	
}

.login-btn{
	/* font-family:Microsoft JhengHei; */
	height:6%;
	width:120px; 
	color:white;
	border-width:0px; 
	background-color: #77C4BA;
	border-radius:3px;
	font-size:24px;
	margin-top:25px;
	text-align:center;
}

main {
	flex: 1;
	min-height: calc(100vh - 420px);
   }
footer {
	flex-shrink: 0;
}
  
  .navbar {
	margin-bottom: 0;
  }
  
  .show-boxline{
	border-width:2px; 
	border-style:ridge;
  }
  
  #leftmenu {
	  float: left;
	  border: 0px solid;
	  margin-left: 15px;
  }
  #content {
	  float: top;
	  border: 0px solid;
	  margin-left:20px;
	  zoom:1;
	  border: 0px solid;
	  pointer-events:none;
	  height:expression("auto");
	  width:expression("auto");
	  overflow:expression("auto")
  }
  .modal-sm{
	padding-top: 4%;
  }

/*共用模板*/
/*====================================*/
	/*字形(蘋方)*/
/* 	@font-face { 
		font-family: 'PingFang';
		src: url('../fonts/PingFangHK-Regular.ttf') format("truetype");
	} */
	.btn-hover1{
		background: #EFEFEF;
	}

/*====================================*/
/*前台*/
/*====================================*/

/*共用模板*/
/*====================================*/
	/*img:頁面ICON*/
	.images1{ 
		width: 45px;
		height: 45px;
		margin: 0px 8px 3px 3px;
		/* border-radius: 50px;
		box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); */
	}
	/*img:月曆ICON*/
	.icon10{
		width: 22px;
		margin: 0px 3px 3px 3px;
	}
	/*img:月曆ICON*/
	.icon11{
		width: 22px;
	}
	/*label文字*/
	label{
		font-weight: 400;
	}
	.F_pg1-row4-winfoBoxTitleText{ /*text:(Modal)警告訊息彈窗標題*/
		background: url(../images/pg2-06-warning.png) no-repeat left center;
		background-size: 24px 24px;
		background-position: 38% 40%;
		font-size: 24px;
		text-align: center;
		color: #BF3333;
		font-weight: bold;
		padding: 0px;
		padding-left: 24px;
	}
	.F_pg1-row4-winfoBoxContentText{ /*text:(Modal)警告訊息彈窗內容*/
		padding: 16px;
		font-size: 14px;
		color: #1B1B1B;
		text-align: center;
	}
	
  
/*S1首頁*/
/*====================================*/
	/*標題*//*====================================*/
	.F_pg1-row1{
		/* font-family: PingFang; */
		background: url(../images/pg1-00-bk1.png) no-repeat left top;
		background-size: 100% 14px;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 25px 10% 8px 10%;
		display: flex;
	}
	.F_pg1-row1-headshot{ /*col:ICON欄*/
		padding: 0px;
		margin: 0px;
		width: 50px;
	}
	.F_pg1-row1-hotelname{ /*col:民宿大名欄*/
		padding: 0px;
		padding-left: 6px;
		flex: 1;
		align-content: center;
	}
	.F_pg1-row1-text1{ /*text:民宿大名*/
		font-size: 24px;
		color: #1E1E1E;
		vertical-align: middle;
		padding: 0px;
		cursor: pointer;
		font-weight: 600;
	}
	.F_pg1-row1-text2{ /*text:線上訂房系統*/
		font-size: 14px;
		color: #8F8F8F;
		vertical-align: middle;
		padding: 0px;
		padding-left: 8px;
		white-space:nowrap;
		font-weight: 400;
	}
	.F_pg1-row1-text3{ /*col:語言選單欄*/
		text-align: right;
		padding: 0px;
		font-size: 18px;
		height: 50px;
		align-content: center;
	}
	.F_pg1-row1-lang1{ /*img:語言選單圖片*/
		background: url(../images/pg1-02-language1.png) no-repeat left top;
		background-size: 120px 24px;
		width: 120px;
		height: 24px;
		border: 0px;
		text-decoration:none;
	}
	.F_pg1-row1-lang1:hover{
		background: url(../images/pg1-02-language1_act.png) no-repeat left top;
		background-size: 120px 24px;
		width: 120px;
		height: 24px;
		border: 0px;
		text-decoration:none;
	}
	.F_pg1-row1-lang1:active{
		background: url(../images/pg1-02-language1_act.png) no-repeat left top;
		background-size: 120px 24px;
		width: 120px;
		height: 24px;
		border: 0px;
		text-decoration:none;
	}
	.F_pg1-row1-text4{ /*text:語言選單內下拉文字*/
		font-size: 16px;
		color: #1E1E1E;
		text-align: center;
		padding: 5px;
		cursor: pointer;
	}
	/*搜尋日期區*//*====================================*/
	.F_pg1-row2-searchrow{
		height: 560px;
		text-align: center;
		position: relative
	}
	.F_pg1-row2-searchbg {
		width: 100%; 
		height: 100%; 
		object-fit: cover; 
		filter: brightness(50%);
	}
	.F_pg1-row2-searchDATEbox {
		width: 360px;
		padding: 24px;
		border-radius: 25px;
		background: rgba(255, 255, 255, 0.92);
		box-shadow: -1px -1px 4px 0px rgba(0, 0, 0, 0.25), 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 18px;
	}
	/*旅宿資訊區*//*====================================*/
	.F_pg1-row3-bg{
		background-color: #D0E8E0;
		margin: 0px;
		padding: 24px 10% 0px 10%;
	}
	.F_pg1-row3{ /*col:旅宿環境欄*/
		/* font-family: PingFang; */
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		padding: 16px;
		margin-bottom: 16px;
		border-radius: 25px;
	}
	.F_pg1-row3-hotelpicRow{ /*row:旅宿環境列*/
		height: 470px;
		padding: 16px 0px 0px 0px;
		cursor: pointer;
	}
	.F_pg1-row3-block1{ /*row:旅宿環境(左)*/
		margin:0%;
		padding: 0px;
		padding-right: 4px;
		height: 100%;
	}
	.F_pg1-row3-hotelpic1{ /*img:封面照片01(左)*/
		display: block;
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
	}
	.F_pg1-row3-block2{ /*row:旅宿環境(右上)*/
		margin:0%;
		padding: 0px;
		padding-left: 4px;
		height: 100%;
	}
	.F_pg1-row3-hotelpic2{ /*img:封面照片02(右上)*/
		display: block;
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 49%;
		margin-bottom: 8px;
	}
	.F_pg1-row3-hotelpic3{ /*img:封面照片03(右下)*/
		display: block;
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 49%;
		margin: 0px;
	}

/*S2房型(左)*/
/*====================================*/
	/*搜尋日期列*//*====================================*/
	.F_pg1-row2{
/* 		font-family: PingFang; */
		background: white;
		z-index: 99;
		width: 100%;
		height: 50px;
		margin: 0px;
		padding: 0px 10%;
		position: sticky;
		top:0;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		align-content: center;
	}
	.F_pg1-row2-text2{ /*col:搜尋日期欄*/
		font-size: 18px;
		text-align: right;
		padding: 0px;
	}
	.F_pg1-row2-date1{ /*input:日期元件*/
		font-size: 16px;
		text-align: center;
		width: 260px;
		height: 36px;
		border: 0.8px solid #D0D0D0;
		border-radius: 5px;
		padding: 10px;
		margin: 1px;
	}
	.F_pg1-row2-btn1{ /*btn:查詢空房*/
		font-size: 18px;
		text-align: center;
		color: white;
		width: 120px;
		height: 36px;
		background: #5BBDB1;
		border: 0.8px solid #D0D0D0;
		border-radius: 5px;
	}
	.F_pg1-row2-btn1:hover{
		background: #5BBDB1;
		border: none;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}
	.F_pg1-row2-btn1:active{
		background: #5BBDB1;
		border: none;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}
	/*房型列表(左)*//*====================================*/
	.F_pg1-row4{	
/* 		font-family: PingFang; */
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		padding: 16px;
		margin-right: 2%;
		border-radius: 25px;
		width: 64%;
	}
	.F_pg1-row4-noroom{ /*col:無選擇項目時顯示*/
		font-size: 16px;
		text-align: center;
		color: #8F8F8F;
		padding: 10px;
	}
	.F_pg1-row4-content1{ /*row:項目框框*/
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		margin: 10px 0px 14px 0px;
		padding: 16px 24px;
		height: 100%;
	}
	.F_pg1-row4-roomblock1{ /*col:項目圖片欄*/
		padding: 0px 10px 0px 0px;
		margin: 0px;
		margin-bottom: 14px;
		height: 180px;
	}
	.F_pg1-row4-img01{ /*img:項目圖片*/
		min-width: 100%;
		min-height: 100%;
		text-align: center;
	  }
	.F_pg1-row4-rimg3{ /*img:項目圖片more*/
		position: absolute;
		bottom: 25px;
		right: 25px;
		height: 26px;
		border: 0px;
		pointer-events: none;
	}
	.F_pg1-row4-rimg3:hover{
		opacity:0.5;
		position: absolute;
		bottom: 25px;
		right: 25px;
		height: 26px;
		border: 0px;
		pointer-events: none;
	}
	.F_pg1-row4-rimg2{ /*img:項目圖片more*/
		position: absolute;
		bottom: 4px;
		right: 16px;
		height: 26px;
		border: 0px;
		pointer-events: none;
	}
	.F_pg1-row4-rimg2:hover{
		opacity:0.5;
		position: absolute;
		bottom: 4px;
		right: 16px;
		height: 26px;
		border: 0px;
		pointer-events: none;
	}
	.F_pg1-row4-roomblock2{ /*col:項目文字欄*/
		padding: 0px 0px 0px 6px;
		margin: 0px;
	}
	.F_pg1-row4-roomname1{ /*text:房間名稱*/
		font-size: 18px;
		color: #1B1B1B;
		font-weight: bold;
		padding: 0px;
	}
	.F_pg1-row4-text1{ /*text:房間設定(床型)*/
		font-size: 14px;
		color: #1B1B1B;
		font-weight: bold;
		padding: 4px 0px 8px 0px;
	}
	.F_pg1-row4-text2{ /*text:房間設定(入住人數上限)*/
		font-size: 14px;
		color: #8F8F8F;
		padding: 0px;
	}
	.F_pg1-row4-text3-1{ /*btn:加人政策說明*/
		/* background: url(../images/pg1-05-roomextinfo.png) no-repeat center right;
		background-size: 22px 22px; */
		background-color: transparent;
		width: 100%;
		height: 25px;
		border: 0px;
		text-align: left;
		padding: 0px;
		font-size: 14px;
		color: #8F8F8F;
		text-decoration: underline;
	}
	.F_pg1-row4-block3-1{ /*col:房價方案欄(基數列灰底)*/
		padding: 8px;
		margin: 0px;
		background: #F4F4F4;
		border-radius: 10px;
		line-height: 1.5;
	}
	.F_pg1-row4-block3-2{ /*col:房價方案欄(偶數列白底)*/
		padding: 8px;
		margin: 0px;
		border: 2px solid #F4F4F4;
		border-radius: 10px;
		line-height: 1.5;
	}
	.F_pg1-row4-spItemRow{ /*row:房價方案標籤列*/
		height: 24px;
		color: white;
		font-size: 12px;
		font-weight: 600;
		margin: 3px 0px 4px 0px;
	}
	.F_pg1-row4-spItemText{ /*text:方案標籤(方案1、方案2...)*/
		display: flex;
		width: 72px;
		height: 24px;
		justify-content: center;
		align-items: center;
		border-radius: 999px;
		background: #1B605B;
	}
	.F_pg1-row4-splist1{ /*col:方案名稱欄*/
		padding: 0px;
	}
	.F_pg1-row4-sptext1-1{ /*text:方案名稱*/
		padding: 0px;
		font-size: 16px;
		color: #1B1B1B;
		font-weight: bold;
	}
	.F_pg1-row4-sptext1-2{ /*btn:房價方案說明*/
		/* background: url(../images/pg1-06-adjinfo.png) no-repeat center right;
		background-size: 22px 22px; */
		background-color: transparent;
		width: 100%;
		height: 25px;
		border: 0px;
		text-align: left;
		padding: 0px;
		font-size: 14px;
		color: #8F8F8F;
		text-decoration: underline;
	}
	.F_pg1-row4-splist2{  /*col:房價方案金額+晚數欄*/
		padding: 0px;
		text-align: right;
	}
	.F_pg1-row4-sptext2-2{ /*text:房價方案TDW錢錢*/
		padding: 0px;
		font-size: 16px;
		color: #1D8EDD;
		font-weight: bold;
	}
	.F_pg1-row4-sptext2-1{ /*text:房價方案晚數*/
		padding: 0px;
		font-size: 14px;
		color: #8F8F8F;
		text-align: right;
	}
	.F_pg1-row4-splist3{ /*col:房價方案數量+購物車BTN欄*/
		padding: 0px;
		text-align: right;
		display: flex;
		white-space: nowrap; /*禁止拆元素換行*/
	}
	.F_pg1-row4-splistCol1{ /*col:房價方案調節距離空白欄*/
		flex: 1;
		padding: 0px;
	}
	.F_pg1-row4-splistCol2{ /*col:房價方案數量相關欄*/
		padding: 0px;
		width: 105px;
	}
	.F_pg1-row4-splistCol3{ /*col:房價方案加入購物車欄*/
		padding: 0px;
		padding-top: 20px;
		width: 130px;
	}
	.F_pg1-row4-sptext3-1{ /*text:房價方案數量相關標題*/
		padding: 0px;
		font-size: 14px;
		color: #1B1B1B;
		text-align: left;
		padding-bottom: 3px;
	}
	.F_pg1-row4-spBtnAdd{ /*btn:加人(位)*/
		background: white url(../images/arrow_down.png) no-repeat center right;
		background-size: 20px 20px;
		background-position: 95% 50%;
		color: #1B1B1B;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		height: 40px;
		width: 105px;
		padding: 0px;
		border-radius: 5px;
		border: 0.8px solid #D0D0D0;
	}
	.F_pg1-row4-sptext3-2{ /*btn:房間數量 - */
		background: white url(../images/minus_Item.png) no-repeat center center;
		background-size: 20px 20px;
		width: 25px;
		height: 40px;
		line-height: 40px; /*font-size調大後微微影響高度，因此修正固定*/
		padding: 0px;
		margin-right: -6px;
		border-radius: 5px 0px 0px 5px;
		border: 0.8px solid #D0D0D0;
		border-right: none;
		
	}
	.F_pg1-row4-sptext3-3{ /*input:房間數量TEXT*/
		width: 50px;
		height: 40px;
		line-height: 40px; /*font-size調大後微微影響高度，因此修正固定*/
		padding: 0px;
		font-size: 16px;
		text-align: center;
		border: 0.8px solid #D0D0D0;
		border-right: none;
		border-left: none;
		vertical-align: top;
	}
	.F_pg1-row4-sptext3-4{  /*btn:房間數量 + */
		background: white url(../images/plus-Item.png) no-repeat center center;
		background-size: 20px 20px;
		width: 25px;
		height: 40px;
		line-height: 40px; /*font-size調大後微微影響高度，因此修正固定*/
		padding: 0px;
		margin-left: -6px;
		border-radius: 0px 5px 5px 0px;
		border: 0.8px solid #D0D0D0;
		border-left: none;
	}
	.F_pg1-row4-addCarBtn{ /*btn:加入購物車*/
		font-size: 18px;
		text-align: center;
		color: white;
		width: 120px;
		height: 40px;
		background: #5BBDB1;
		border: 0px;
		border-radius: 5px;
		margin-left: 6px;
		margin-top: 3px;
	}
	.F_pg1-row4-addCarBtn:hover,
	.F_pg1-row4-addCarBtn:focus{
		color: white;
		background: #5BBDB1;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	.F_pg1-row4-addCarBtn:active,
	.F_pg1-row4-addCarBtn:focus:active{
		color: white;
		background: #5BBDB1;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
	}
	.F_pg1-row4-splist4{ /*col:房價方案來電訂房欄*/
		display: block;
	}
	.F_pg1-row4-sptext3-6{ /*text:房價方案來電訂房*/
		padding: 4px 0px;
		font-size: 14px;
		color: #1B1B1B;
	}
	/*彈窗模板*//*====================================*/
	.F_pg1-row4-rimg1{ /*(modal)img:項目彈窗圖片*/
		display: block;
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
		border: 0px;
	}
	.F_pg1-row4-spinfobox1-1{ /*(Modal)row:方案彈窗內容區*/
/* 		font-family: PingFang; */
		align-items: center;
		padding: 16px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 25px;
		width: 350px;
	}
	.F_pg1-row4-spinfobox1-2{ /*(Modal)text:方案彈窗標題*/
		font-size: 22px;
		text-align: center;
		color: #1B1B1B;
		font-weight: bold;
		padding: 0px;
	}
	.F_pg1-row4-spinfobox1-3{ /*(Modal)row:方案彈窗內容列*/
		max-height: 350px;
		overflow: auto;
	}
	.F_pg1-row4-spinfobox1-3-1{ /*(Modal)text:方案彈窗內容標題*/
		padding-top: 10px;
		font-size: 16px;
		color: #1B1B1B;
		font-weight: bold;
	}
	.F_pg1-row4-spinfobox1-3-2{ /*(Modal)text:方案彈窗內容*/
		font-size: 14px;
		color: #1B1B1B;
		padding-left: 5px;
	}
	.F_pg1-row4-spinfobox1-4-1{ /*(Modal)row:方案彈窗按鈕列*/
		text-align: center;
	}
	.F_pg1-row4-spinfobox1-4-2{ /*(Modal)btn:方案彈窗按鈕(綠色)*/
		font-size: 18px;
		background: #5BBDB1;
		color: white;
		border-radius: 5px;
		width: 48%;
		border: 0px;
		font-weight: 600;
	}
	.F_pg1-row4-spinfobox1-4-3{ /*(Modal)btn:方案彈窗按鈕(灰色)*/
		font-size: 18px;
		background: #E8E8E8;
		color: black;
		border-radius: 5px;
		width: 48%;
		border: 0px;
		font-weight: 600;
	}
	.F_pg1-row4-spinfobox1-4-3:hover{
		background: #E8E8E8;
		color: black;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	.F_pg1-row4-spinfobox1-4-4{ /*(Modal)btn:方案彈窗按鈕(紅色)*/
		font-size: 18px;
		background: #BF3333;
		color: white;
		border-radius: 5px;
		width: 48%;
		border: 0px;
		font-weight: 600;
	}
	.F_pg1-row4-spinfobox1-4-4:hover,
	.F_pg1-row4-spinfobox1-4-4:focus{
		background: #BF3333;
		color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	.F_pg1-row4-spinfobox1-4-4:active,
	.F_pg1-row4-spinfobox1-4-4:focus:active{
		background: #BF3333;
		color: white;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
	}
	.F_pg1-row4-addpeopleRow{ /*(Modal)col:加人彈窗內容列*/
		text-align: center;
		padding: 8px 0px;
		font-size: 16px;
		font-weight: 400;
	}
	.F_pg1-row4-addpeopleText1{ /*(Modal)text:加人彈窗內容黑字*/
		padding: 0px 6px;
	}
	.F_pg1-row4-addpeopleText2{ /*(Modal)text:加人彈窗內容灰字靠右*/
		padding: 0px 6px;
		color: #8F8F8F;
		text-align: right;
	}
	.F_pg1-row4-addpeopleText3{ /*(Modal)text:加人彈窗內容灰字靠右*/
		padding: 0px 6px;
		color: #8F8F8F;
		text-align: left;
	}

/*S3加購(左)*/
/*====================================*/
	.F_pg1-row4-adjblock3-1{ /*col:加購內容說明欄*/
		padding: 1% 0px;
		margin: 0px;
	}
	.F_pg1-row4-adjtext1-1{ /*text:加購內容說明標題*/
		/* background: url(../images/pg1-05-roomextinfo.png) no-repeat center right;
		background-size: 22px 22px; */
		background-color: transparent;
		width: 100%;
		height: 25px;
		border: 0px;
		text-align: left;
		padding: 0px;
		margin-bottom: 6px;
		font-size: 16px;
		font-weight: 600;
		color: #1B1B1B;
	}
	.F_pg1-row4-adjtextinfo{ /*text:加購內容說明*/
		max-height: 45px;
		overflow: hidden;
		line-height: normal;
	}
	.F_pg1-row4-adjmoreinfoA{ /*btn:加購內容說明查看更多(展開)*/
		background: url(../images/arrow_mobile_down.png) no-repeat center right;
		background-size: 22px 22px;
		width: 100%;
		height: 25px;
		border: 0px;
		text-align: right;
		padding: 0px;
		padding-right: 26px;
		margin-top: 8px;
		font-size: 14px;
		font-weight: 400;
		color: #8F8F8F;
		align-content: center;
	}
	.F_pg1-row4-adjmoreinfoB{ /*btn:加購內容說明收起內容(收合)*/
		background: url(../images/arrow_mobile_up.png) no-repeat center right;
		background-size: 22px 22px;
		width: 100%;
		height: 25px;
		border: 0px;
		text-align: right;
		padding: 0px;
		padding-right: 26px;
		font-size: 14px;
		font-weight: 400;
		color: #8F8F8F;
		align-content: center;
	}

/*S4資料(左)*/
/*====================================*/
	.F_pg1-row4-bg{ 
		padding: 0px;
		margin-right: 2%;
		margin-bottom: 0px;
		width: 64%;
	}
	.F_pg1-row4-content2{ /*row:填寫資料FORM列*/
		padding: 8px;
		margin: 0px;
	}
	.F_pg1-row4-formWarnRow{ /*text:填寫資料警告標語(灰底小字)*/
		color: #8F8F8F;
		font-size: 14px;
		font-weight: 400;
		padding: 0px;
		margin: 0px;
		margin-bottom: 8px;
		line-height:20px;
	}
	.F_pg1-row4-formListRow{ /*col:填寫資料FORM內容列*/
		color: #1B1B1B;
		font-size: 16px;
		font-weight: 400;
		padding: 0px;
		margin: 0px;
		line-height: 32px;
	}
	.F_pg1-row4-formItemRow{ /*col:填寫資料FORM欄*/
		padding: 6px;
		margin: 0px;
	}
	.F_pg1-row4-formTitleRedText{ /*text:填寫資料標題必填紅色字*/
		color: #BF3333;
		margin-right: 4px;
	}
	.F_pg1-row4-formInputText1{ /*input:填寫資料一般input格子*/
		width: 100%;
		height: 48px;
		padding: 12px 16px;
		border-radius: 8px;
		border: 1px solid #D0D0D0;
		background-color: white;
	}
	.F_pg1-row4-formInputText2{ /*select:填寫資料國家下拉選單*/
		width: 100% !important;
		height: 48px !important;
		border-radius: 8px;
		background-color: white;
	}
	button[data-id="TEXT_country"] { /*國家下拉選單元件，因要強制覆蓋元件動態生成的BTN CSS，所以指定ID*/
		height: 48px;
		padding: 12px 16px;
		border-radius: 8px;
		border: 1px solid #D0D0D0;
	}
	.F_pg1-row4-formInputText3{ /*text:填寫資料帶標籤的input格子(左標籤)*/
		height: 48px;
		width: 50px;
		padding: 4px 8px;
		margin: 0px;
		margin-right: -7px;
		text-align: center;
		border-radius: 8px 0px 0px 8px;
		border: 1px solid #D0D0D0;
		background-color: #F1F1F1;
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		line-height: 48px;
	}
	.F_pg1-row4-formInputText4{ /*input:填寫資料帶標籤的input格子(input格子)*/
		height: 48px;
		width: calc(100% - 50px);
		padding: 4px 8px;
		border: 1px solid #D0D0D0;
		border-radius: 0px 8px 8px 0px;
		color: #2D2D2D;
		line-height: 48px;
	}
	.F_pg1-row4-form_REQText{
		color: #BF3333;
		font-size: 14px;
		display: none;
	}
	.F_pg1-row4-form_REQBorder{
		border: 1px solid #BF3333;
	}
	.F_pg1-row4-formRADRow{ /*col:填寫資料接送服務欄*/
		color: #1B1B1B;
		font-size: 16px;
		margin: 4px 0px;
	}
	.F_pg1-row4-formRADRow2{ /*col:填寫資料接送服務欄(灰字)*/
		color: #808080;
		font-size: 16px;
	}
	.F_pg1-row4-formRADRow label { /* 改lable鼠標圖示 */
		cursor: pointer;
	}
	.F_pg1-row4-formRADRow input[type='radio'] {  /* (radio)A.隱藏原生RAD元件 */
		width: 20px;
		height: 20px;
		display: none; 
	}
	.F_pg1-row4-formRAD2{ /* (radio)B.自訂RAD元件default樣式 */
		width: 20px;
		height: 20px;
		border: 2px solid #49454F;
		border-radius: 50%;
		display: inline-block;
		position: relative;
		margin-right: 10px;
	}
	input[type="radio"]:checked +.F_pg1-row4-formRAD2 { /* (radio)C.自訂RAD元件CHECKED樣式 */
		border: 2px solid #00A89C; 
		background-color: white; 
	}
	.F_pg1-row4-formRAD2::after{ 	/* (radio)D.自訂RAD元件中間的圓點樣式(預設先隱藏) */
		content: '';
		width: 10px;
		height: 10px;
		background: #00A89C;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
	}
	input[type="radio"]:checked + .F_pg1-row4-formRAD2::after { /* (radio)E.當RAD選中時顯示中間圓點 */
		display: block;
	}
	.F_pg1-row4-formPickupInfo{ /*row:填寫資料接送服務checkbox區*/
		padding: 12px 16px;
		margin-left: 20px;
		border-radius: 8px;
		border: 1px solid #D0D0D0;
	}
	.F_pg1-row4-formRADRow input[type='checkbox'] {  /* (checkbox)A.隱藏原生CHK元件 */
		width: 20px;
		height: 20px;
		display: none; 
	}
	.F_pg1-row4-formCHK2{ /* (checkbox)B.自訂CHKD元件default樣式 */
		width: 20px;
		height: 20px;
		border: 2px solid #49454F;
		border-radius: 2px;
		display: inline-block;
		position: relative;
		margin-right: 10px;
	}
	input[type="checkbox"]:checked +.F_pg1-row4-formCHK2 { /* (checkbox)C.自訂CHK元件CHECKED樣式 */
		border: 2px solid #00A89C; 
		background-color: white; 
	}
	.F_pg1-row4-formCHK2::after{ /* (checkbox)D.自訂CHK元件中間的勾號樣式(預設先隱藏) */
		content: '\2714 \fe0e';
		color: white;
		font-size: 14px;
		width: 20px;
		height: 20px;
		background: #00A89C;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center; /*水平置中*/
		line-height: normal; /*重直置中*/
		display: none;
	}
	input[type="checkbox"]:checked + .F_pg1-row4-formCHK2::after { /* (checkbox)E.當CHK選中時顯示中間勾號 */
		display: block;
	}
	.F_pg1-row4-formRequestRow{ /*col:填寫資料留言欄*/
		padding: 0px;
	}
	.F_pg1-row4-formRequestText{ /*textarea:填寫資料留言*/
		width: 100%;
		border: 1px solid #D0D0D0;
		border-radius: 8px;
		resize: vertical; /*textarea元件，只允許調整上下高度*/
		color: #2D2D2D;
		font-size: 16px;
		padding: 12px 16px;
	}
	.F_pg1-row4-orderPayRow{ /*row:填寫資料訂單金額內容列*/
		padding: 8px;
		margin: 8px 0px;
		border-radius: 5px;
		background-color: #FFFFEF;
		line-height: 2;
	}
	.F_pg1-row4-orderPayText1{ /*text:填寫資料訂單金額內容(黑字靠左)*/
		padding: 0px;
		margin: 0px;
		color: #1B1B1B;
		font-size: 16px;
		font-weight: 400;
		text-align: left;
	}
	.F_pg1-row4-orderPayText2{ /*text:填寫資料訂單金額內容(黑字靠右)*/
		padding: 0px;
		margin: 0px;
		color: #1B1B1B;
		font-size: 16px;
		font-weight: 400;
		text-align: right;
	}
	.F_pg1-row4-orderPayText3{ /*text:填寫資料訂單金額內容(應付訂金紅字靠左+圖)*/
		padding: 0px;
		padding-left: 30px;
		margin: 0px;
		text-align: left;
		background: url(../images/Universal_currency.png) no-repeat center left;
		background-size: 24px 24px;
		color: #BF3333;
		font-size: 18px;
		font-weight: 600;
	}
	.F_pg1-row4-orderPayText4{ /*text:填寫資料訂單金額內容(應付訂金紅字靠右)*/
		padding: 0px;
		margin: 0px;
		text-align: right;
		color: #BF3333;
		font-size: 18px;
		font-weight: 600;
	}
	.F_pg1-row4-orderPayInfoText{ /*text:填寫資料付款方式說明文字*/
		color: #8F8F8F;
		font-size: 14px;
		font-weight: 400;
		padding: 0px;
		padding-left: 35px;
		margin: 0px;
		margin-bottom: 8px;
	}
	.F_pg1-row5-agreeRow{ /*row:填寫資料頁面同意條約列*/
		color: #BF3333;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		margin: 24px 0px;
	}
	.F_pg1-row5-agreeTEXT{ /*text:填寫資料頁面同意條約文字*/
		color: #BF3333;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
	}
	.F_pg1-row5-agreeBTN{ /*btn:填寫資料頁面同意條約按鈕*/
		color: #FFF;
		font-size: 18px;
		font-weight: 600;
		min-width: 136px;
		height: 40px;
		padding: 8px 16px;
		border-radius: 5px;
		background: #F7A729;
		border: 0px;
		text-align: center;
	}
	.F_pg1-row5-agreeBTN:hover{
		background: #F7A729;
		color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}
	.F_pg1-row5-agreeBTN:active{
		background: #F7A729;
		color: white;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}
	

	/*最新消息(右上)*//*====================================*/
	.F_pg1-row5{	
/* 		font-family: PingFang; */
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		margin-bottom: 16px;
		padding: 16px;
		border-radius: 15px;
		width: 100%;
	}
	.F_pg1-row5-newstext1{ /*text:區塊大標題*/
		text-align: left;
		border: 0px;
		font-size: 24px;
		font-weight: bold;
		padding: 8px;
		border-bottom: 1px solid #D0D0D0;
	}
	.F_pg1-row5-newstext2{ /*text:區塊內容文字*/
		padding: 16px;
		font-size: 14px;
		color: #1B1B1B;
		max-height: 208px;
		overflow: hidden;
	}
	.F_pg1-row5-newstext2NMH{
		max-height: 100% !important;
	}
	/*彈窗模板*//*====================================*/
	.F_pg1-row5-adjinfobox2-1{ /*(Modal)row:最新消息彈窗內容區*/
/* 		font-family: PingFang; */
		align-items: center;
		padding: 16px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 25px;
	}
	.F_pg1-row5-adjinfobox2-2{ /*(Modal)text:最新消息彈窗標題*/
		font-size: 22px;
		text-align: center;
		color: #1B1B1B;
		font-weight: bold;
		padding: 0px;
	}
	.F_pg1-row5-adjinfobox2-3{ /*(Modal)row:最新消息彈窗內容列*/
	  /* max-height: 70%; */
	  overflow: auto;
	}
	.F_pg1-row5-adjinfobox2-3-1{ /*(Modal)text:最新消息彈窗內容*/
		padding: 16px;
		font-size: 14px;
		color: #1B1B1B;
	}
	.F_pg1-row5-adjinfobox2-4-1{ /*(Modal)row:最新消息彈窗按鈕列*/
		text-align: center;
	}
	.F_pg1-row5-adjinfobox2-4-2{ /*(Modal)btn:最新消息彈窗按鈕(綠色)*/
		font-size: 16px;
		background: #5BBDB1;
		color: white;
		border-radius: 5px;
		width: 270px;
	}
	.F_pg1-row5-adjinfobox2-4-2:hover, /*(Modal)btn:最新消息彈窗按鈕(綠色)*/
	.F_pg1-row5-adjinfobox2-4-2:focus{ /*(Modal)btn:最新消息彈窗按鈕(綠色)*/
		background: #5BBDB1;
		color: white;
		border: none;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}
	.F_pg1-row5-adjinfobox2-4-2:active,
	.F_pg1-row5-adjinfobox2-4-2:focus:active{ /*(Modal)btn:最新消息彈窗按鈕(綠色)*/
		background: #5BBDB1;
		color: white;
		border: none;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}

	/*購物車列表(右下)*//*====================================*/
	.F_pg1-row6{
		/* font-family: PingFang; */
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		padding: 2% 1% 1% 1%;
		border-radius: 25px;
		width: 34%;
		position: sticky;
		top: 60px;
	}
	.F_pg1-row6-block1{ /*col:購物車標題列*/
		/* border-bottom: 0.8px solid #D0D0D0; */
		padding: 0px 10px;
		margin: 0px;
	}
	.F_pg1-row6-date1{ /*col:購物車日期區間+晚數列*/
		padding: 0px 6px;
		margin: 5px 0px;
		background-color: #F4F4F4;
		border-radius: 5px;
		font-size: 15px;
	}
	.F_pg1-row6-daterow1{ /*col:購物車日期區間欄*/
		padding: 0px;
		width: 81%;
	}
	.F_pg1-row6-text1{ /*input:購物車日期區間*/
		background-color: #F4F4F4;
		border-radius: 5px;
		border: 0px solid #F4F4F4;
		padding: 5px;
		height: 30px;
		width: 86%;
	}
	.F_pg1-row6-daterow2{ /*col:購物車晚數欄*/
		padding: 0px;
		height: 30px;
		text-align: right;
		padding-top: 4px;
		width: 19%;
	}
	.F_pg1-row6-block2{ /*col:購物車內容列*/
		padding: 0px;
		margin:  0px;
		max-height: calc(100vh - 450px);
		overflow-x: auto;
	}
	.F_pg1-row6-roomlist1{ /*col:購物車內容標題列*/
		background-color: #F4F4F4;
		padding: 6px 6px;
		margin: 5px 0px;
		height: 38px;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		font-weight: 600;
		width: 99%;
	}


	  .F_pg1-row6-btn1{ /*input:購物車內容標題(原本要做收合所以用input，最後決定不用收合)*/
		  /* background: url(../images/arrow_up.png) no-repeat center right;
		  background-size: 22px 22px; */
		  background-color: transparent;
		  border: 0px;
	  }
	  /*第六列-已選房型列表文字*/
	  .F_pg1-row6-roomlist2{
		  padding: 0px;
		  margin: 0px;
	  }
	  .F_pg1-row6-room{
		  padding: 0px 10px;
	  }
	  /*第六列-已選房型列表-垃圾桶icon*/
	  .F_pg1-row6-items1{
		  border: 0px;
		  padding: 0px;
		  vertical-align: top;
		  text-align: left;
	  }
	  .F_pg1-row6-items1-1{
		  background: url(../images/delete.png) no-repeat center center;
		  background-size: 24px 24px;
		  border: 0px;
		  width: 27px;
		  height: 30px;
		  padding: 0px;
	  }
	  /*第六列-已選房型列表-房型名稱與金額*/
	  .F_pg1-row6-itemsrow1{ /*總項目列*/
		border-bottom: 0.5px solid #D0D0D0;
		padding: 3px;
		margin: 0px;
		font-size: 14px;
	  }
	  .F_pg1-row6-itemsrow2{ /*單項目列*/
		padding: 2px 0px;
		margin: 0px;
	}
	  /*第六列-已選房型列表-房型名稱*/
	  .F_pg1-row6-items2{
		  padding: 0px;
	  }
	  .F_pg1-row6-items2-1{
		  color: #1B1B1B;
	  }
	  .F_pg1-row6-items2-2{
		  color: #8F8F8F;
	  }
	  /*第六列-已選房型列表-方案金額*/
	  .F_pg1-row6-items3{
		  padding: 0px;
		  text-align: right;
	  }
/* 	  .F_pg1-row6-items3-1{
	  } */
	  .F_pg1-row6-items3-2{
		  color: #8F8F8F;
	  }
	/*第六列-訂單金額總計文字*/
	  .F_pg1-row6-block3{
		padding: 0px;
		margin: 6px 0px 70px 0px;
		font-size: 17px;
		font-weight: bold;
	  }
	  .F_pg1-row6-block3-1{
		padding: 8px 0px;
		text-align: right;
		align-content: center;
		height: 41px;
		display: flex;
		justify-content: flex-end;
	  }
	  .F_pg1-row6-block3-2{
		padding: 1% 1%;
	  }
	  .F_pg1-row6-total1{
		font-size: 14px;
		color: #1B1B1B;
		font-weight: 400;
		padding-right: 8px;
		align-content: center;
		height: 25px;
	}
	.F_pg1-row6-total2{
		font-size: 18px;
		color: #1D8EDD;
		font-weight: 600;
	}
	  /*第六列-下一步按鈕*/
	  .F_pg1-row6-block4{
		  padding: 5px;
		  margin: 6px 0px 0px 0px;
		  font-size: 17px;
		  font-weight: bold;
	  }
	  .F_pg1-row6-nextbtn{
		  align-items: center;
		  padding: 10px 16px;
		  border: 0px;
		  background: #F7A729;
		  color: white;
		  border-radius: 5px;
		  width: 100%;
	  }
	  .F_pg1-row6-nextbtn:hover{
		align-items: center;
		padding: 10px 16px;
		border: 0px;
		background: #F7A729;
		color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		width: 100%;
	}
	.F_pg1-row6-nextbtn:active{
		align-items: center;
		padding: 10px 16px;
		border: 0px;
		background: #F7A729;
		color: white;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		width: 100%;
	}
	/*第六列-下一步按鈕*/
	.F_pg1-row6-backbtn{
		background: white url(../images/Arrow.png) no-repeat center left;
		background-size: 24px 24px;
		background-position: 15% 50%;
		padding: 10px 0px;
		padding-left: 24px;
		border: 1px solid #D0D0D0;
		color: black;
		border-radius: 5px;
		width: 100%;
	}
	.F_pg1-row6-backbtn:hover{
		background: white url(../images/Arrow.png) no-repeat center left;
		background-size: 24px 24px;
		background-position: 15% 50%;
		align-items: center;
		padding: 10px 0px;
		padding-left: 24px;
		border: 1px solid #D0D0D0;
		color: black;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		width: 100%;
	}
	.F_pg1-row6-backbtn:active{
		background: white url(../images/Arrow.png) no-repeat center left;
		background-size: 24px 24px;
		background-position: 15% 50%;
		align-items: center;
		padding: 10px 0px;
		padding-left: 24px;
		border: 1px solid #D0D0D0;
		color: black;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		width: 100%;
	}
	  /*第六列-住房聲明文字*/
	  .F_pg1-row6-block5-1{
		  padding: 8px 4px;
		  margin: 4px 0px 0px 0px;
		  font-size: 12px;
		  color: #BF3333;
		  position: absolute;
		  bottom: 5px;
		  width: auto;
	  }
	  .F_pg1-row6-warning1{
		  background: url(../images/pg1-12-warning.png) no-repeat center left;
		  background-size: 17px 17px;
		  border: 0px;
		  padding: 0px;
		  padding-left: 22px;
	  }
	  .F_pg1-row6-warning2{
		  padding: 0px;
	  }
	  .F_pg1-row6-block5-2{
		padding: 8px 4px;
		margin: 4px 0px 0px 0px;
		font-size: 12px;
		color: #BF3333;
		bottom: 5px;
		width: auto;
	}
  
  /*====================*/
	  /*第七列-頁尾*/
	  .F_pg1-row7{	
		/*font-family: PingFang; */
		background: url(../images/pg1-00-bk2.png) no-repeat left bottom;
		background-size: 100% 14px;
		background-color: #D0E8E0;
		padding: 3% 10% 3% 10%;
	  }
	  /*第七列-左欄民宿資料*/
	  .F_pg1-row7-text1{
		  text-align: left;
	  }
	  /*第七列-左欄民宿資料-民宿大名*/
	  .F_pg1-row7-text1-1{
		font-size: 16px;
		font-weight: bold;
	  }
	  .F_pg1-row7-text1-2{
		font-size: 14px;
	  }
	  /*第七列-左欄民宿資料-外連按鈕*/
	  .F_pg1-row7-btn1{
		background-color: #D0E8E0;
		border: 0px;
		padding: 5px 0px;
	  }
	  /*第七列-右欄提供此網站申明*/
	  .F_pg1-row7-text2{
		text-align: center;
		padding: 30px 0px 10px 0px;
	  }
	  .F_pg1-row7-text2-1{
		  color: #8F8F8F;
	  }
	  .F_pg1-row7-text2-2{
		  color: #8F8F8F;
	  }
  
	/*第二列*/
	.F_pg2-row2{
		/* font-family: PingFang; */
		background: white;
		z-index: 99;
		width: 100%;
		height: 60px;
		margin: 0px;
		margin-top: -1px;
		padding: 1.2%;
		position: sticky;
		top:0;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	  /*第二列-元件月曆日期*/
	.F_pg2-row2-text2{
		font-size: 18px;
		text-align: center;
		padding-right: 2px;
	}
	.F_pg2-row2-text2-1{
		font-size: 18px;
		color: #00A89C;
		border: 0px;
		background: none;
	}
	.F_pg2-row2-text2-2{
		font-size: 18px;
		color: #00A89C;
		border-bottom: 2px solid #00A89C;
		background: none;
	}
	.F_pg2-row2-text2-3{
		font-size: 18px;
		color: #D0D0D0;
		background: none;
	}
	.F_pg2-row5-adjinfobox2-2{
		font-size: 24px;
		align-items: center;
		text-align: center;
		color: #BF3333;
		font-weight: bold;
	}
	.F_pg2-row5-adjinfobox2-3-1{
		padding: 20px;
		font-size: 14px;
		color: #1B1B1B;
		text-align: center;
	}
	.F_pg2-row6-btn1{
		background-color: #F4F4F4;
		background: url(../images/arrow_down.png) no-repeat center right;
		background-size: 22px 22px;
		width: 120px;
		border: 0px solid #F4F4F4;
		text-align: left;
		font-size: 16px;
		font-weight: bold;
	}

	.F_pg1-row8-bg{
		/* font-family: PingFang; */
		background-color: #D0E8E0;
		padding-left: calc(50% - 200px);
		padding-bottom: 20px;
	}
	.F_pg1-row8{
		padding: 16px;
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 25px;
		width: 400px;
	}
	.F_pg1-row8-orderDoneIcon{
		background: url(../images/file_checked.png) no-repeat center center;
		background-size: 48px 48px;
		height: 65px;
	}
	.F_pg1-row8-orderDoneTitle1{
		color: #383838;
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		padding: 4px 0px;
	}
	.F_pg1-row8-orderDoneTitle2{
		color: #BF3333;
		text-align: center;
		font-size: 18px;
		font-weight: 400;
		padding: 4px 0px;
		border-bottom: 1px solid #D0D0D0;
	}
	.F_pg1-row8-orderDoneTextRow1{
		padding: 8px;
		margin-top: 16px;
	}
	.F_pg1-row8-orderDoneText1{
		color: #00A89C;
		font-weight: 600;
	}
	.F_pg1-row8-orderDoneTextRow2{
		padding: 8px;
		margin-top: 16px;
		background-color: #FFFFEF;
	}
	.F_pg1-row8-orderDoneText3{
		color: #1B1B1B;
		font-size: 14px;
		font-weight: 600;
		padding: 4px;
		height: 35px;
	}
	.F_pg1-row8-orderDoneBTNRow{
		text-align: center;
		margin: 16px 0px;
	}
	.F_pg1-row8-orderDoneText4{
		color: #1B1B1B;
		font-size: 14px;
		font-weight: 400;
		margin: 24px 0px;
	}

	/* 回置頂 */
	.BackToTop{
		background: url(../images/BackToTop1.png) no-repeat right;
		background-size: 80px 40px;
		border: 0px;
		padding: 0px;
		display: flex;
		position: fixed;
		bottom: 20px; 
		right: -5px; 
		width: 80px; 
		height: 40px;
		z-index: 99;
	}
	.BackToTop:hover{
		background: url(../images/BackToTop2.png) no-repeat right;
		background-size: 80px 40px;
	}
  
/*====================================*/
/*後台*/
/*====================================*/

	/*標題KITLOGO*/
	.icon0{
		width: 32px;
		height: 32px;
	}
	/*功能列選項圖案*/
	.icon1{
		width: 24px;
		height: 24px;
	  }
	/*功能列下拉三角形*/
	.icon2{
		width: 10px;
		height: 10px;
		margin-left: 1px;
	  }
	/*選項下拉三角形*/
	.icon3{
		width: 10px;
		height: 10px;
		margin-left: 2%;
	}
	/*彈窗步驟圈圈圖*/
	.icon4{
		width: 22px;
		margin: 0px 4px 3px 3px;
	  }
	/*fixed右下的info按鈕*/
	.icon5{
		width: 29px;
		height: 29px;
	}
	/*加購3兄弟圈圈按鈕*/
	.icon6{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	/*下拉選單可以用*/
	.icon7{
		width: 14px;
		height: 14px;
		margin-right: -28px;
	  }
	/*下拉選單選項前面打勾勾*/
	.icon8{
		width: 24px;
		height: 24px;
		margin-right: 4px;
	  }
	/*訂單狀態其他處理圖示*/
	.icon9{
		width: 18px;
		height: 18px;
		margin-left: -3px;
	  }


	/*alert消失彈窗標題*/
	.pg1-alerttitle1{
		color: black;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}
	.pg1-alerttitle2{
		color: white;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
	}
	/*alert消失彈窗內容*/
	.pg1-alertdata1{
		color: #2D2D2D;
		text-align: center;
		font-size: 16px;
	}
	.pg1-alertdata2{
		color: #BF3333;
		text-align: left;
		font-size: 14px;
		padding-top: 12px;
	}
	/*alert消失彈窗標題*/
	.alerticon{
		width: 22px;
		height: 22px;
		margin: 0px 10px 0px 0px;
	  }

	  .btn-group, .btn-group-vertical{
		vertical-align: unset;
	  }

	/*input:TEXT預覽文字*/
	::placeholder {
		color: #D0D0D0;
		font-size: 16px;
		font-weight: 400;
	}
	/*input:focus{
		 outline: none;
		border: 1.5px solid #00A89C!important; 
	}*/

	span{
		word-break: break-all;
	}
	/*大螢幕寬度時隱藏*/
	.pc-displayn{
		display:none;
	}

/*====================*/
  /*index00匯款回報頁面*/
/*====================*/
	.top-background{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 16px;
		background-image: url('../images/top-container.png');
		background-size: 100% auto;
	}
	.bottom-background{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 16px;
		background-image: url('../images/Strip-bottom.png');
		background-size: 100% auto;
	}
	.container-paymentconfirm{
		position: relative;
		padding: 40px 0px 0px 0px;
		display: flex;
		flex-direction: column; /* 將子元素堆疊在垂直方向上 */
		justify-content: center; /* 垂直置中 */
		align-items: center; /* 水平置中 */
		min-height: 100vh; /*最低高度*/
	}
	.pgPC_ROW1{
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	.pgPC_ROW2{
		margin: 20px 0px;
		padding: 0px;
		width: 350px;
	}
	.pgPC_TEXT_TITLE1{
		color: #008C82;
		font-size: 24px;
		font-weight: 600;
		width: 100%;
	}
	.pgPC_TEXT_TITLE2{
		color: #008C82;
		font-size: 18px;
		font-weight: 600;
		padding: 8px 0px;
		border-bottom: 0.5px solid #008C82;
		width: 100%;
	}
	.pgPC_TEXT_FromSubtitle{
		color: #808080;
		font-size: 16px;
		padding-bottom: 4px;
	}
	.pgPC_TEXT_FromContent{
		color: #2D2D2D;
		font-size: 16px;
	}
	.pgPC_TEXT_info1{
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 400;
		text-align: left;
	}
	.pgPC_TEXT_info1.red{
		color: #BF3333;
		padding: 5px;
	}
	.pgPC_TEXT_info2{
		color: #808080;
		font-size: 14px;
		padding: 24px 16px;
	}
	.pgPC_TEXT_DONETEXT{
		color: #2D2D2D;
		font-size: 16px;
		text-align: left;
	}
	.pgPC_pg1-row6{
		text-align: center;
		padding: 0px;
		margin: 0px;
		margin-top: 60px;
		position: relative;
		bottom: 30px;
	}

/*====================*/
  /*index00系統維護公告頁面*/
/*====================*/
	.container-SystemInfo{
		background-color: #F8F8F8;
		padding: 40px 0px;
	}
	.pgSI_ROW1{
		padding-left: calc(50% - 175px);
		margin: 20px 0px;
	}
	.pgSI_ROW2{
		width: 350px;
		padding: 0px;
	}
	.pgSI_ROW_LOGO{
		padding: 0px;
		padding-left: 12px;
	}
	.pgSI_IMG_LOGO{
		width: 72px;
		height: auto;
		padding-top: 8px;
	}
	.pgSI_TEXT_TITLE1{
		color: #808080;
		font-size: 32px;
		font-weight: 600;
	}
	.pgSI_TEXT_TITLE2{
		color: #808080;
		font-size: 24px;
		font-weight: 600;
	}
	.pgSI_BORDER_Form{
		width: 350px;
		padding: 24px;
		border-radius: 10px;
		background-color: #FFF;
		box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25), -1px -1px 4px 0px rgba(0, 0, 0, 0.25);
		color: #808080;
		font-size: 16px;
	}
/*====================*/
  /*index00登入頁面*/
/*====================*/
	.container-userlogin{
		background-repeat: repeat;
		background-image: url("../images/loginbk.png");
		background-size: 240px auto;
	}
	.pgUL_ROW1{
		margin: 0px;
	}
	.pgUL_ROW_version{
		padding: 12px;
	}
	.pgUL_TEXT_version{
		color: #808080;
		font-size: 12px;
	}
	.pgUL_ROW2{
		margin: 0px;
		padding-top: 70px;
		text-align: center;
	}
	.pgUL_IMG_LOGO{
		width: 350px;
		height: auto;
	}
	.pgUL_ROW3{
		margin: 0px;
		padding-left: calc(50% - 175px);
		margin: 12px 0px;
	}
	.pgUL_BORDER_Form{
		width: 350px;
		padding: 24px;
		border-radius: 10px;
		background-color: rgba(241, 250, 247, 0.60);
		box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25), -1px -1px 4px 0px rgba(0, 0, 0, 0.25);
	}
	.pgUL_ROW_Form{
		margin-bottom: 12px;
		font-size: 16px;
	}
	.pgUL_TEXT_FromSubtitle{
		color: #2D2D2D;
		font-size: 16px;
	}
	.pgUL_TEXTBOX{
		height: 40px;
		width: 100%;
		border: 0.5px #D0D0D0 solid;
		border-radius: 3px!important;
		padding: 0px 8px;
		color: #2D2D2D;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		font-size: 16px;
	}
	.pgUL_TEXTBOX.PW{
		padding: 0px;
		border: 0px;
	}
	.pgUL_TEXTBOX::placeholder {
		color: #D0D0D0;
	}
	.pgUL_TEXT_FromSubtitle.right{
		text-align: right;
		vertical-align: top;
	}
	.pgUL_TEXT_FromSubtitle.center{
		text-align: center;
	}
	.pgUL_ROW_EYE{
		position: absolute!important;
		right: 8px;
		top: 0px;
		background-color: transparent;
		border: 0px;
		width: auto;
		height: 40px;
		padding: 0px;
		outline: none!important;
	}
	.pgUL_IMG_EYE{
		width: auto;
		height: 25px;
		outline: none!important;
	}
	.pgUL_IMG_Sapmle{
		width: 100px;
		height: auto;
	}
	.pgUL_ROW_ForgotACPW{
		margin: 0px;
		text-align: center;
	}
	.pgUL_TEXT_ForgotACPW{
		color: #808080;
		font-size: 16px;
		border: 0px;
		background-color: transparent;
	}
	.pgUL_TEXT_ForgotACPW:hover{
		color: #2D2D2D;
		text-decoration-line: underline;
	}
	.pgUL_BTN_LOGIN{
		width: 100%;
		height: 40px;
		padding: 6px 8px;
		text-align: center;
		border: 0px;
		border-radius: 5px;
		background-color: #00A89C;
		color: #FFF;
		font-size: 16px;
		font-weight: 600;
	}
	.pgUL_BTN_LOGIN:hover{
		background-color: #00867D;
	}
	.pgUL_MD_SELECT{
		padding: 6px;
		height: 40px;
		width: 100%;
		border: 0.5px solid #808080;
		background-color: white;
	}
	.pgUL_MD_ROW{
		padding: 10px 12px;
	}
	.pgUL_MD_Text{
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 400;
	}
	.pgUL_MD_Text.REDTEXT{
		color: #BF3333;
	}
	.pgUL_MD_IMG{
		width: 100%;
		height: auto;
	}
	.pgUL_TEXT_ErrorTEXT{
		color: #BF3333;
		font-size: 14px;
		font-weight: 400;
	}

/*====================*/
  /*index01*/
/*====================*/
	/*第一列(標題列)*/
	.pg1-row1{
		background-color: #68B6B0;
		height: 64px;
		padding: 0px 11%;
		margin: 0px;
	}
	  /*第一列-(左)標題文字*/
	  .pg1-row1-titletext{
		padding: 0px;
		padding-top: 15px;
		color: #FFF;
		vertical-align: middle;
	  }
	  .pg1-row1-kiticon{
		padding: 0px;
	  }
	  /*text:民宿管家*/
	  .pg1-row1-text1{
		font-size: 24px;
		vertical-align: middle;
		font-weight: bold;
	  }
	  /*text:分頁標題*/
	  .pg1-row1-text2{
		font-size: 16px;
		padding: 0px 2%;
		vertical-align: middle;
	  }
	  /*第一列-(右)民宿大名*/
	  .pg1-row1-nametext{
		padding: 0px;
		padding-top: 10px;
		text-align: right;
		vertical-align: middle;
	  }
	  /*text:民宿名稱*/
	  .pg1-row1-text3{
		color: white;
		font-size: 16px;
		vertical-align: top;
	  }
	  /*用戶*/
	  .pg1-row1-usericonrow{
		padding: 10px 0px 0px 0px;
		text-align: right;
		max-width: 55px;
	  }
	  .pg1-row1-usericon{
		background: url("../images/pg1-02-Profile.png") no-repeat;
		background-size: 46px 32px;
		width: 46px;
		height: 32px;
		border: none;
	  }
	  /*用戶_下拉選單*/
	  .pg1-row1-menu1{
		width: 130px;
	  }
	  /*用戶_下拉選單_text簡訊點數*/
	  .pg1-row1-text4{
		color: #2D2D2D;
		font-size: 16px;
		padding-bottom: 3px;
		font-weight: 400;
	  }
	  /*用戶_下拉選單_其他按鈕*/
	  .pg1-row1-text5{
		color:#1B1B1B;
		font-size: 16px;
		text-align: left;
		padding: 0px;
		width: 100%;
		border: 0px;
		background-color: transparent;
	  }
	  .pg1-row1-text5:hover{
		text-decoration:none;
		color: #1B1B1B;
	  }
	  .pg1-row1-hover:hover{
		background-color: #F1F1F1;
	  }
	  .dropdown-menu>li>a{
		padding: 3px;
	  }
  /*====================*/
	/*第二列(置頂列)*/
	  .pg1-row2{
		background-color: white;
		font-size: 16px;
		height: 65px;
		padding: 0px 11%;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
		position: sticky;
		top: 0;
		color: #808080;
		text-align: center;
		z-index: 99;
		margin: 0px;
	  }
	  /*選項*/
	  .pg1-row2-item1{
		background-color: white;
		padding: 0px;
		padding-top: 1%;
		height: 65px;
	  }
	  .pg1-row2-item1:hover{
		background-color: #F1F1F1;
		padding: 0px;
		padding-top: 1%;
	  }
	  .pg1-row2-item1:active{
		padding: 0px;
		padding-top: 1%;
	  }
	  /*選項_灰色*/
	  .pg1-row2-bar{
		background-color: transparent;
		color: #808080;
		font-size: 16px;
		margin: 0px;
		border: none;
		padding: 0px;
	  }
	  .pg1-row2-bar:hover{
		color: #808080;
	  }
	  /*選項_綠色(當前頁)*/
	  .pg1-row2-bar1{
		background-color: transparent;
		color: #00A89C;
		font-size: 16px;
		margin: 0px;
		border: none;
		padding: 0px;
	  }
	  .pg1-row2-bar1:hover{
		color: #00A89C;
	  }
	  /*選項_下拉選單*/
	  .dropdown-menu{
		box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
		min-width: 100px;
		padding: 8px 12px;
		border-radius: 0px;
		}
	  .dropdown-item{
		color: #808080;
		font-size: 16px;
		}
	  /*選項_下拉選單項目*/
	  .pg1-row2-item2{
		border: none;
		background-color: white;
		padding: 5px 0px;
		font-size: 16px;
		color: #2D2D2D;
		width: 100%;
		text-align: left;
		cursor: pointer;
	  }
	  .pg1-row2-item2:hover{
		border: none;
		background-color: #F1F1F1;
		padding: 5px 0px;
		font-size: 16px;
		color: #2D2D2D;
		width: 100%;
		text-align: left;
	  }
  /*====================*/
	/*第三列(切換表單)*/
	.pg1-row3{
		padding: 2% 11% 0px 11%;
		margin: 0px;
	}
	.pg1-row3-pageselect{
		background-color: #F1F1F1;
		border: 1.5px #F1F1F1 solid;
		border-radius: 5px;
		font-size: 16px;
		width: 250px;
	}
	.pg1-row3-btn1{
		border: 0px;
		height: 36px;
		width: 48.7%;
		padding: 2px;
		border-radius: 5px;
		background-color: #F1F1F1;
		color: #2D2D2D;
	}
	.pg1-row3-btnactive{
		background-color: #FFF!important;
		font-weight: bold;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	}
  /*====================*/
	/*第四列(房型、日期、編輯)*/
	.pg1-row4{
		padding: 1% 11% 0px 11%;
		margin: 0px;
	}
	/*第四列-(左)選擇房型*/
	.pg1-row4-dropdown1{
		padding: 0px;
		text-align: right;
	}
	.pg1-row4-selectroom{
		background-color: white;
		border-radius: 0px!important;
		padding: 4px 4px 4px 8px!important; 
		align-items: center;
		border: 0.5px solid #808080;
		color: #1B1B1B;
		text-align: center;
		font-size: 16px;
		width: 100px;
		height: 40px;
	}
	.pg1-row4-roomlist{
		border-radius: 0px!important;
		box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
		width: 182px;
		font-size: 16px;
		color: #2D2D2D;
		font-weight: 400;
	}
	.checkbox-text{
		padding: 3px;
	}
	input[type=checkbox] {
		margin-right: 5px;
		cursor: pointer;
		font-size: 14px;
		width: 16px;
		height: 16px;
		border-radius: 3px;
		position: relative;
		background-color: #00A89C;
		}
		input[type=checkbox]:after {
		position: absolute;
		width: 16px;
		height: 16px;
		border-radius: 3px;
		top: 0;
		content: " ";
		color: #fff;
		display: inline-block;
		visibility: visible;
		padding: 0px 3px;
		border-radius: 3px;
		}
		input[type=checkbox]:checked:after {
		content: "\2714 \fe0e";
		font-size: 12px;
		background-color: #00A89C;
		}
	/*第四列-(中)選擇日期*/
	.pg1-row4-date1{
		padding: 0px;
		margin: 0px;
	}
	/*快退天數按鈕*/
	.pg1-row4-btn1{
		background: url("../images/FastBackward.png") no-repeat;
		background-size: 100%;
		width: 20px;
		height: 20px;
		border: none;
		vertical-align: middle;
		text-align: left;
	}
	/*快進天數按鈕*/
	.pg1-row4-btn2{
		background: url("../images/FastForward.png") no-repeat;
		background-size: 100%;
		width: 20px;
		height: 20px;
		border: none;
		vertical-align: middle;
	}
	.pg1-row4-datetext1{
		width: 160px;
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: center;
		font-size: 16px;
	}
	/*第四列-(右)編輯*/
	.pg1-row4-edit1{
		padding: 0px;
		text-align: right;
	}
	.pg1-row4-btn3{
		background-color: #00A89C;
		font-size: 16px;
		font-weight: bold;
		color: white;
		height: 40px;
		width: 92%;
		text-align: center;
		border: 0.5px solid #808080;
	}
	/*編輯_下拉選單文字*/
	.pg1-row4-text1{
		border: none;
		background-color: white;
		padding: 5px 0px;
		font-size: 16px;
		color: #2D2D2D;
		width: 100%;
		text-align: left;
	}
	.pg1-row4-text1:hover{
		border: none;
		background-color: #F1F1F1;
		padding: 5px 0px;
		font-size: 16px;
		color: #1B1B1B;
		width: 100%;
	}
	/*第四列-編輯彈窗*/
	/*彈窗_標題*/
	.pg1-row4-modaltitle1{
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}
	/*彈窗_內容*/
	.pg1-row4-modalbody1{
		font-size: 16px;
		padding: 10px 12px;
		color: #2D2D2D;
	}
	.pg1-row4-modalrow1{
		padding: 5px;
		margin: 0px;
	}
	.pg1-row4-modalrow2{
		text-align: right;
	}
	/*彈窗_內容_text:步驟標題1*/
	.pg1-row4-modaltext1{
		font-weight: bold;
		font-size: 16px;
		margin-right: 2px;
	}
	/*彈窗_內容_text:一般內容*/
	.pg1-row4-modaltext2{
		color: #2D2D2D;
		font-size: 14px;
	}
	/*彈窗_內容_box:輸入金額欄位(大)*/
	.pg1-row4-modaltext3{
		height: 40px;
		width: 90%;
		text-align: right;
		border-radius: 0px;
		border: 0.5px solid #808080;
		margin-left: 30px;
		padding: 0px 5px;
	}
	/*彈窗_內容_text:灰底提醒文字(左縮排)*/
	.pg1-row4-modaltext4{
		font-size: 14px;
		color: #808080;
		padding-left: 30px;
	}
	/*彈窗_內容_dropdown:加減*/
	.pg1-row4-modaltext5{
		height: 40px;
		min-width: 40px;
		text-align: center;
		border-radius: 0px;
		border: 0.5px solid #808080;
	}
	/*彈窗_內容_box:輸入金額欄位(小)*/
	.pg1-row4-modaltext6{
		height: 40px;
		width: 40%;
		text-align: right;
		border-radius: 0px;
		border: 0.5px solid #808080;
		padding: 0px 5px;
	}
	/*彈窗_內容_text:灰底提醒文字*/
	.pg1-row4-modaltext7{
		font-size: 14px;
		color: #808080;
	}
	/* .pg1-row4-modaltext8{
	} */
	/*彈窗_內容_box:輸入金額欄位*/
	.pg1-row4-modaltext9{
		width: 75%;
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: right;
		padding: 0px 5px;
	}
	/*彈窗_內容_text:步驟標題2*/
	.pg1-row4-modaltext10{
		color: #2D2D2D;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 0px;
	}
	/*彈窗_內容_box:日期*/
	.pg1-row4-modaldate1{
		padding-left: 30px;
	}
	/*彈窗_內容_date:日期欄位1*/
	.pg1-row4-modaldate2{
		padding: 0px;
		margin: 0px 3px 0px 3px;
		width: 105px;
		height: 40px;
		text-align: center;
		border-radius: 0px;
		border: 0.5px solid #808080;
	}
	/*彈窗_內容_box:星期*/
	.pg1-row4-modalweek1{
		padding-left: 30px;
		font-size: 16px;
		color:#2D2D2D;
	}
	/*彈窗_內容_checkbox:星期1*/
	.pg1-row4-modalweek2{
		padding: 3px 0px;
		padding-right: 6px;
		vertical-align: middle;
		align-items: center;
		line-height: normal;
	}
	/*彈窗_內容_box:房型*/
	.pg1-row4-modalroomrg1{
		overflow-y: auto;
		border-radius: 3px;
		border: 0.5px solid #808080;
		background: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
		padding: 3px 10px;
		height: 100px;
		margin-left: 30px;
	}
	.pg1-row4-modalroomrg2{
		overflow-y: auto;
		border-radius: 3px;
		border: 0.5px solid #808080;
		background: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
		padding: 3px 5px;
		height: 300px;
	}
	.pg1-row4-modalroomrg2-1{
		padding: 5px;
	}
	.pg1-row4-modalroomrg2-2{
		padding: 5px;
		background-color: #F1F1F1;
	}
	/*彈窗_內容_text:全部填入按鈕*/
	.pg1-row4-modalbtn3{
		height: 40px;
		width: 75px;
		padding: 6px 6px;
		border-radius: 5px;
		border: 0.5px solid #00A89C;
		background: white;
		color:#00A89C;
		font-size: 16px;
	}
	.pg1-row4-modalbtn3:hover{
		height: 40px;
		width: 75px;
		padding: 6px 6px;
		border-radius: 5px;
		border: 1.5px solid #00A89C;
		background: #F1FAF7;
		color:#00A89C;
	}
	/*第四列-彈窗尾*/
	.pg1-row4-modalfooter1{
		text-align: center;
	}
	.pg1-row4-modalbtn1{
		height: 40px;
		width: 47%;
		border-radius: 5px;
		border: 0.5px solid #808080;
		background: #FFF;
		font-size: 16px;
	}
	.pg1-row4-modalbtn1:hover{
		height: 40px;
		width: 47%;
		border-radius: 5px;
		border: 0.5px solid #CCCCCC;
		background: #CCCCCC;
		font-size: 16px;
		color: #2D2D2D;
	}
	.pg1-row4-modalbtn2{
		height: 40px;
		width: 47%;
		border-radius: 5px;
		background: #00A89C;
		color: white;
		font-size: 16px;
	}
	.pg1-row4-modalbtn2:hover{
		height: 40px;
		width: 47%;
		border-radius: 5px;
		background: #00867D;
		color: white;
		font-size: 16px;
	}
	.pg1-row4-modalbtn4{
		height: 40px;
		width: 45%;
		border: 0px;
		border-radius: 5px;
		background: #FF8181;
		color: white;
		font-size: 16px;
	}
	.pg1-row4-modalbtn4:hover{
		height: 40px;
		width: 45%;
		border: 0px;
		border-radius: 5px;
		background: #BF3333;
		color: white;
		font-size: 16px;
	}
  /*====================*/
	/*第五列(表單)*/
	.pg1-row5{
		padding: 1.2% 11% 0px 11%;
		margin: 0px;
	}
	.pg1-row5-table1{
		width: 100%;
		height: 600px;
		font-size: 16px;
		border: 0.5px solid #D0D0D0;
		table-layout : fixed;
		display: block;
		overflow: auto;
		white-space: nowrap;
		word-break: break-all;
	}	
	th{
		text-align: center;
		min-width: 70.67px;
	}
	td{
		padding: 5px;
	}
	/*表單_第一列凍結*/
	.pg1-row5-table1 thead tr{
		position: sticky;
		top:0;
		vertical-align: top;
		border-right: 1px solid #D0D0D0;
		box-shadow: 0 -0.5px 0 inset #D0D0D0;
		z-index: 1;
		background-color:white;
	}
	/*表單_第一欄凍結*/
	.pg1-row5-table1 tbody tr td:first-child{
		position: sticky;
		left: 0;
		box-shadow: -0.5px 0 0 inset #D0D0D0;
		background-color: white;
	}
	/*表單_最左上凍結*/
	.pg1-row5-table1 thead tr th:first-child { 
		position: sticky;
		left:0;
		top:0;
		border-right: 0;
		box-shadow: -0.5px -0.5px 0 inset #D0D0D0;
		background-color: white;
		min-width: 120.67px;
	}
	/*表單_首列*/
	.pg1-row5-tr1{
		font-weight: bold;
		position: sticky;
	}
	.pg1-row5-title{
		padding: 10px;
		width: 110px;
	}
	/*表單_非首列*/
	.pg1-row5-tr2{
		text-align: left;
		font-weight: bold;
		background: #F1F1F1;
	}
	/*表單_房型名稱(空格)*/
	.pg1-row5-roomname{
		background-color: #F1F1F1 !important;
	}
	/*表單_房型名稱(文字)*/
	.pg1-row5-roomname1{
		/* background: url(../images/Arrow_Up.png) no-repeat center left;
		background-size: 10px 10px;
		background-position: -2px -2px; */
		background-color: transparent;
		border: 0px;
		font-size: 16px;
		white-space:pre-wrap;
		word-break:break-all;
		height: 35px;
		width: 110px;
		text-align: left;
		font-weight: 600;
	}
	/*表單_房價(基本房價)*/
	.pg1-row5-td1{
		min-width: 60px;
		text-align: right;
	}
	.pg1-row5-td1:hover{
		border: 1.5px #00A89C solid;
	}
	.pg1-row5-td1:active{
		border: 1.5px #00A89C solid;
	}
	/*表單_房價(非基本房價)*/
	.pg1-row5-td2{
		color: #808080;
		min-width: 60px;
		text-align: right;
	}
	.pg1-row5-td2:hover{
		border: 1.5px #00A89C solid;
	}
	.pg1-row5-td2:active{
		border: 1.5px #00A89C solid;
	}
	/*表單_房價(灰底無價格或無上傳)*/
	.pg1-row5-td3{
		background: #808080;
		min-width: 60px;
		text-align: right;
	}
	.pg1-row5-td3:hover{
		border: 1.5px #00A89C solid;
	}
	.pg1-row5-td3:active{
		border: 1.5px #00A89C solid;
	}
	/*表單_每格房價按鈕*/
	.pg1-row5-btn1{
		margin:0px;
		padding:0px;
		border: 0px;
		background: transparent;
		min-width: 60px;
		min-height: 23px;
		text-align: right;
	}
  /*====================*/
	  /*第六列(頁尾)*/
	.pg1-row6{
		text-align: center;
		padding: 0px;
		margin: 0px;
		margin-top: 70px;
		margin-bottom: 10px;
	}
	.pg1-row6-text1{
		color: #808080;
		font-size: 14px;
	}

/*====================*/
  /*index02*/
/*====================*/
	/*第五列(表單)*/
	/*表單_房況(當天有訂單)*/
	.roomtype-order{
		background: url(../images/Person.png) no-repeat top right;
		background-size: 12px 12px;
		background-position: 93% 10%;
	}
	/*表單_房況(當天鎖房)*/
	.roomtype-close{
		background: url(../images/Sticker_Lock.png) no-repeat center center;
		background-size: 22px 22px;
		margin-top: 5px;
	}
	/*表單_房況(當天鎖來電)*/
	.roomtype-call{
		background: url(../images/Sticker_Call.png) no-repeat center center;
		background-size: 24px 24px;
		margin-top: 5px;
	}
	/*表單_房況(當天曾經開過房變星星)*/
	.roomtype-open{
		background: url(../images/Sticekr_Star.png) no-repeat center center;
		background-size: 22px 22px;
		margin-top: 5px;
	}
	/*表單_每格房況彈窗*/
	.pg2-row4-modalradio1{
		color:#2D2D2D;
		font-size: 16px;
		height: 40px;
		justify-content: center;
		align-items: center;
		border: 0.5px solid #808080;
		border-radius: 0px;
		background: white;
		margin-right: -5px;
		padding: 8px 15px;
	}
	.btn-group .active{
		background: #00A89C;
		color:white;
	}
	.pg2-row5-btn:hover{
		background-color: #F1F1F1;
	}
	/*表單_彈窗_開房按鈕*/
	.pg2-row5-btn1{
		background: url(../images/Sticekr_Star.png) no-repeat top left;
		background-size: 22px 22px;
		background-position: 0px 4px;
		padding: 6px;
		padding-left: 28px;
		border: 0px;
		font-size: 16px;
		color:#1B1B1B;
	}
	/*表單_彈窗_鎖房按鈕*/
	.pg2-row5-btn2{
		background: url(../images/Sticker_Lock.png) no-repeat top left;
		background-size: 22px 22px;
		background-position: 0px 4px;
		padding: 6px;
		padding-left: 28px;
		border: 0px;
		font-size: 16px;
		color:#1B1B1B;
	}
	/*表單_彈窗_鎖來電按鈕*/
	.pg2-row5-btn3{
		background: url(../images/Sticker_Call.png) no-repeat top left;
		background-size: 22px 22px;
		background-position: 0px 4px;
		padding: 6px;
		padding-left: 28px;
		border: 0px;
		font-size: 16px;
		color:#1B1B1B;
	}
	/*彈窗_內容_box:房型收合房間框框*/
	.pg1-row4-modalweek3{
		margin: 0px;
		margin-left: 12px;
		border-left: 1px #D0D0D0 solid;
	}
	.pg1-row4-modalweek4{
		margin-left: 8px;
	}
	/*表單_彈窗_房型收合房間*/
	.pg2-row4-modalgroupbtn1{
		background: url(../images/Arrow_Down.png) no-repeat center right;
		background-size: 12px 12px;
		border: none;
		color: #2D2D2D;
		font-size: 16px;
		padding: 0px;
		margin-top: -6px;
		width: 100%;
		text-align:left;
	}
	.pg2-row4-modalgroupbtn1:hover{
		background: url(../images/Arrow_Down.png) no-repeat center right;
		background-size: 12px 12px;
		border: none;
		outline: 0px;
		color: #2D2D2D;
		padding: 0px;
		width: 100%;
		text-align:left;
	}
	.pg2-row4-modalgroupbtn1:focus{
		background: url(../images/Arrow_Down.png) no-repeat center right;
		background-size: 12px 12px;
		border: none;
		outline: 0px;
		color: #2D2D2D;
		padding: 0px;
		width: 100%;
		text-align:left;
	}
 	/*====================*/
	/*第六列(頁尾)*/
	/*fixed頁面右下的info*/
	.pg2-row5-info1{
		/* position: fixed; 
		bottom: 30px;
		right: 60px; */
		z-index: 99;
		margin: 0px;
		text-align: right;
		margin-top: 8px;
		color: #808080;
		font-size: 14px;
		font-weight: 400;
	}
	.pg2-row5-infobtn1{
		background: none;
		padding: 0px;
	}
	.pg2-row5-infobtn2{
		border-radius: 5px;
		z-index: 99;
	}
	.pg2-row5-sampleimg1{
		width: 170px;
		z-index: 99;
	}
	.pg2r7-ROW_UploadAgent{
		padding: 0px;
	}
	.pg2r7-BTN_UploadAgent{
		background: #F7A729 url(../images/Upload.png) no-repeat right;
		background-size: 20px 20px;
		background-position: calc(50% + 45px) 42%;
		border-radius: 5px;
		height: 40px;
		padding: 6px 8px;
		text-align: center;
		color: #FFF;
		font-size: 16px;
		border: 0px;
		width: 100%;
		font-weight: 600;
	}
	.pg2r7-TEXT_UploaWarn{
		background: url(../images/Error.png) no-repeat;
		background-size: 20px 20px;
		color: #BF3333;
		font-size: 14px;
		padding-left: 24px;
		margin-top: 12px;
	}

/*====================*/
  /*index03*/
/*====================*/
	/*第四列(提醒文字窗格)*/
	.pg3-row4-textrow{
		background-size: 100% 100%;
		padding: 10px;
		padding-left: 40px;
		border-radius: 5px;
		background: url(../images/Info.png) no-repeat top left;
		background-size: 22px 22px;
		background-position: 10px 10px;
		background-color: #EFF8F5;
	}
	.pg3-row4-text1{
		font-size: 14px;
		color:#808080;
	}
	.pg3-row4-text2{
		padding-top: 5px;
		font-size: 12px;
		color:#808080;
	}
	/*====================*/
	/*第五列(上傳日期)*/
	/*上傳日期_text:指定日期*/
	.pg3-row5-textrow{
		padding:0px;
		text-align: left;
	}
	.pg3-row5-text1{
		color:#2D2D2D;
		font-size: 18px;
		font-weight: bold;
		padding: 8px 0px;
	}
	/*上傳日期_text:至*/
	.pg3-row5-text2{
		color:#2D2D2D;
		font-size: 16px;
		padding: 8px;
	}
	/*上傳日期_text:日期欄位*/
	.pg3-row5-date1{
		width: 42%;
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: center;
		font-size: 16px;
	}
	/*上傳日期_text:上傳同步按鈕*/
	.pg3-row5-textrow1{
		padding: 0px;
		text-align: right;
	}
	.pg3-row5-btn1{
		width: 120px;
		height: 40px;
		padding: 6px 8px;
		border-radius: 5px;
		background: #00A89C;
		color: white;
		border: 0px;
		margin-top: 3px;
		font-size: 16px;
	}
	.pg3-row5-btn1:hover{
		background: #00867D;
	}
	/*上傳日期_text:已同步日期提醒*/
	.pg3-row5-textrow4{
		color:#808080;
		font-size: 14px;
		padding: 12px 0px;
	}

/*====================*/
  /*index04*/
/*====================*/
	/*第四列(切換串接商)*/
	.pg4-row4-textrow1{
		padding: 0px;
		padding-top: 1.2%;
	}
	.pg4-row4-agentlist{
		background-color: transparent;
		display: flex;
		height: 40px;
		width: 100px;
		padding: 4px 4px 4px 12px;
		align-items: center;
		border: 0.5px solid #808080;
		font-size: 16px;
		color:#1B1B1B;
		text-align: center;
	}
	/*====================*/
	/*第四列(通路串接表單)*/
	.pg4-row5-text1{
		color:#2D2D2D;
		font-size: 18px;
		font-weight: bold;
		padding: 4px 0px;
	}
	.pg4-row5-text2{
		color:#808080;
		font-size: 16px;
		padding: 4px 0px;
	}
	.pg4-row5-table1{
		width: 100%;
		height: 500px;
		font-size: 16px;
		border: 0.5px solid #D0D0D0;
		table-layout : fixed;
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		word-break: break-all;
		margin: 10px 0px;
	}
	.pg4-row5-table1 thead tr{ /*表單第一列凍結*/
		position: sticky;
		top:0;
		border-right: 1px solid #D0D0D0;
		box-shadow: 0 -0.5px 0 inset #D0D0D0;
		z-index: 1;
		background-color:#68B6B0;
	}
	.pg4-row5-table1 tbody tr td:first-child{ /*表單第一欄凍結*/
		position: sticky;
		left: 0;
		box-shadow: -1px 0 0 inset #D0D0D0;
		background-color: white;
	}
	.pg4-row5-table1 thead tr th:first-child { /*表單最左上凍結*/
		position: sticky;
		left:0;
		top:0;
		border-right: 0;
		box-shadow: -1px -1px 0 inset #D0D0D0;
		background-color: #68B6B0;
	}
	.pg4-row5-thead1{
		padding: 8px 16px;
		border: 0.5px solid #D0D0D0;
		background: #68B6B0;
		font-size: 16px;
		color: white;
	}
	.pg4-row5-th1{
		width: 50px;
		height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		font-weight: normal;
	}
	.pg4-row5-th2{
		width: 120px;
		height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		font-weight: normal;
	}
	.pg4-row5-th3{
		width: 50%;
		height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		font-weight: normal;
	}
	.pg4-row5-th4{
		height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
		font-weight: normal;
	}
	.pg4-row5-tr2{
		background-color: #F1F1F1;
	}
	.pg4-row5-td1{
		padding: 5px 15px;
	}
	.pg4-row5-td2{
		padding: 5px 15px;
		background-color: #F1F1F1!important;
	}
	.pg4-row5-td4-1{
		background: url(../images/Check_circle_filled.png) no-repeat center left;
		background-size: 30px 30px;
		background-position: 10% 50%;
		padding: 10px 10px 10px 45px;
		color:#00A89C;
	}
	.pg4-row5-td4-2{
		background: url(../images/Cross_circle_lined.png) no-repeat center left;
		background-size: 30px 30px;
		background-position: 10% 50%;
		padding: 10px 10px 10px 45px;
		color:#808080;
		background-color: #F1F1F1;
	}
/*====================*/
  /*index06 建立訂單*/
/*====================*/
	/*第三列(左)資料與內容*/
	.pg6-row3{
		padding: 1% 11% 0px 11%;
		margin: 0px;
	}
	.pg6-row3-block1{
		padding: 0px;
		padding-right: 24px;
	}
	.pg6-row3-block1-1{
		background-color: #F1FAF7;
		border-radius: 5px;
		padding: 16px 24px;
		margin: 0px;
	}
	.pg6-row3-title1{
		color: #008C82;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		padding: 0px;
		padding-bottom: 8px;
		margin-bottom: 12px;
		border-bottom: 0.5px #008C82 solid;
	}
	.pg6-row3-content1{
		font-size: 16px;
		padding: 0px;
	}
	.pg6-row3-text1{
		padding: 0px;
		padding-top: 9px;
		color: #808080;
		font-size: 16px;
	}
	.pg6-row3-text2_red{
		color: #BF3333;
	}
	.pg6-row3-box1{
		height: 40px;
		width: 100%;
		border: 0.5px #D0D0D0 solid;
		border-radius: 3px;
		padding: 0px 8px;
		color: #2D2D2D;
	}
	.pg6-row3-box1::placeholder {
		color: #D0D0D0;
	}
	.pg6-row3-tel1{
		padding: 0px;
		padding-right: 12px;
		margin: 0px;
	}
	.pg6-row3-tel2{
		padding: 0px;
		margin: 0px;
	}
	.pg6-row3-text8_tel1{
		height: 40px;
		width: 49px;
		padding: 4px 8px;
		margin: 0px;
		margin-right: -6px;
		align-items: center;
		vertical-align: center;
		text-align: center;
		border-radius: 3px 0px 0px 3px;
		border: 0.5px #D0D0D0 solid;
		background-color: #F1F1F1;
		color: #808080;
		font-size: 16px;
		font-weight: 400;
	}
	.pg6-row3-text8_tel2{
		width: 49px;
	}
	.pg6-row3-box2{
		height: 40px;
		width: calc(100% - 49px);
		padding: 4px 8px;
		border: 0.5px #D0D0D0 solid;
		border-radius: 0px 3px 3px 0px;
		color: #2D2D2D;
	}
	.pg6-row3-box3{
		height: 40px;
		width: calc(100% - 88px);
		padding: 4px 8px;
		border: 0.5px #D0D0D0 solid;
		border-radius: 0px;
		margin-right: -6px;
		color: #2D2D2D;
	}
	.pg6-row3-box3::placeholder {
		color: #D0D0D0;
		}
	.pg6-row3-peopleamont{
		height: 40px;
		width: calc(100% - 49px);
		padding: 4px 8px;
		border: 0.5px #D0D0D0 solid;
		border-radius: 0px 3px 3px 0px;
		color: #2D2D2D;
		text-align: right;
	}
	.pg6-row3-visitbtn{
		background: url(../images/Search.png) no-repeat center center;
		background-size: auto 55%;
		width: 40px;
		height: 40px;
		border-radius: 0px 3px 3px 0px;
		border: 0.5px #D0D0D0 solid;
		background-color: white;
		vertical-align: bottom;
		padding: 0px;
	}
	.pg6-row3-country{
		border-radius: 3px!important;
		height: 40px!important;
		width: 100%!important;
	}
	.pg6-row3-content2{
		font-size: 16px;
		padding: 0px;
		margin: 0px;
		background-color: white;
		border: 0.5px #D0D0D0 solid;
		border-radius: 3px;
	}
	.pg6-row3-text3_room1{
		color: #808080;
		font-size: 16px;
		padding: 0px;
		margin: 0px;
		margin-bottom: -0.5px;
		padding: 8px 4px;
		border-bottom: 0.5px #D0D0D0 dashed;
		align-items: center;
	}
	.pg6-row3-text3_room0{
		border-top: 0px;
	}
	.pg6-row3-trash{
		padding: 0px;
		width: 24px;
	}
	.pg6-row3-trashbtn{
		background: url(../images/Trash.png) no-repeat center;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		padding: 0px;
		justify-content: center;
		align-items: center;
		vertical-align: bottom;
		border: 0px;
	}
	.pg6-row3-roomname{
		padding: 0px 6px;
		width: calc(100% - 155px);
	}
	.pg6-row3-addpeople{
		padding: 0px;
		margin: 0px;
		width: calc(100% - 130px);
		padding-left: 35px;
		color: #808080;
		font-size: 16px;
	}
	.pg6-row3-APprice{
		text-align: right;
		padding: 0px 36.5px 0px 6px;
		justify-content: center;
		align-items: center;
		width: 130px;
	}
	.pg6-row3-editroom{
		text-align: right;
		padding: 0px 6px;
		justify-content: center;
		align-items: center;
		width: 130px;
	}
	.pg6-row3-editroombtn{
		background: url(../images/Edit.png) no-repeat center;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		padding: 0px;
		justify-content: center;
		align-items: center;
		vertical-align: bottom;
		border: 0px;
	}
	.pg6-row3-text4_total{
		color: #808080;
		text-align: right;
		font-size: 16px;
		padding: 12px 0px;
	}
	.pg6-row3-addroom{
		text-align: center;
		padding: 0px;
	}
	.pg6-row3-addroombtn{
		color: white;
		background-color: #F7A729;
		width: 160px;
		height: 40px;
		padding: 6px 8px;
		font-size: 16px;
		font-weight: 600;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		border: 0px;
	}
	.pg6-row3-addroombtn:hover{
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--brand-action, #F7A729);
	}
	.pg6-row3-content3{
		font-size: 16px;
		padding: 0px;
		margin: 0px;
		background-color: white;
		border: 1px #D0D0D0 solid;
		border-radius: 3px;
	}
	.pg6-row3-adjname{
		padding: 0px;
		padding-top: 12px;
		color: #808080;
		font-size: 16px;
	}
	.pg6-row3-addadj{
		text-align: center;
	}
	.pg6-row3-addadjbtn1{
		background: url(../images/AddAdj01A.png) no-repeat center;
		background-size: 40px 40px;
		width: 40px;
		height: 40px;
		padding: 0px;
		margin: 0px 8px;
		border: 0px;
	}
	.pg6-row3-addadjbtn1:hover{
		background: url(../images/AddAdj01B.png) no-repeat center;
		background-size: 40px 40px;
	}
	.pg6-row3-addadjbtn2{
		background: url(../images/AddAdj02A.png) no-repeat center;
		background-size: 40px 40px;
		width: 40px;
		height: 40px;
		padding: 0px;
		margin: 0px 8px;
		border: 0px;
	}
	.pg6-row3-addadjbtn2:hover{
		background: url(../images/AddAdj02B.png) no-repeat center;
		background-size: 40px 40px;
	}
	.pg6-row3-addadjbtn3{
		background: url(../images/AddAdj03A.png) no-repeat center;
		background-size: 40px 40px;
		width: 40px;
		height: 40px;
		padding: 0px;
		margin: 0px 8px;
		border: 0px;
	}
	.pg6-row3-addadjbtn3:hover{
		background: url(../images/AddAdj03B.png) no-repeat center;
		background-size: 40px 40px;
	}
	/*第三列(右)金額與建單*/
	.pg6-row3-block2{
		background-color: #F1FAF7;
		border-radius: 5px;
		padding: 0px;
	}
	.pg6-row3-block1-2{
		padding: 0px 10px;
	}
	.pg6-row3-text6{
		padding: 0px;
		padding-bottom: 12px;
		color: #808080;
		font-size: 16px;
		text-align: right;
	}
	.pg6-row3-paymethods{
		color: #2D2D2D;
		font-size: 16px;
		border: 0.5px #D0D0D0 solid;
		height: 40px;
		border-radius: 3px;
		padding: 4px 8px;
	}
	.pg6-row3-text7{
		height: 52px;
		color: #1D8EDD;
		font-weight: 600;
		padding-top: 9px;
		padding-right: 8px;
	}
	.pg6-row3-box4{
		height: 40px;
		width: 100%;
		border: 0.5px #D0D0D0 solid;
		border-radius: 3px;
		color: #2D2D2D;
		text-align: right;
		padding: 4px 8px;
	}
	.pg6-row3-agentcome{
		height: 40px;
		width: 100%;
		color: #2D2D2D;
		font-size: 16px;
		padding: 0px 8px;
		border-radius: 3px;
		border: 0.5px #D0D0D0 solid;
	}
	.pg6-row3-box5{
		height: 40px;
		width: 100%;
		border: 0.5px #D0D0D0 solid;
		border-radius: 3px;
		resize: none;
		color: #2D2D2D;
		font-size: 16px;
		padding: 4px 8px;
	}
	.pg6-row3-box5::placeholder {
		color: #D0D0D0;
		}
	.pg6-row3-memolimit{
		color: #808080;
		text-align: right;
		font-size: 12px;
	}
	.pg6-row3-notify{
		padding: 16px 12px;
	}
	.pg6-row3-text5_notify{
		padding: 0px;
		padding-bottom: 12px;
		color: #808080;
		font-size: 16px;
		font-weight: lighter;
	}
	.pg6-row3-createbtn{
		height: 40px;
		width: 100%;
		padding: 6px 8px;
		margin-bottom: 12px;
		justify-content: center;
		align-items: center;
		color: white;
		border: 0px;
		border-radius: 5px;
		background-color: #00A89C;
	}
	.pg6-row3-createbtn:hover{
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--brand-button, #00A89C);
	}
	.pg6-row3-cancelbtn{
		height: 40px;
		width: 100%;
		padding: 6px 8px;
		justify-content: center;
		align-items: center;
		color: #2D2D2D;
		border-radius: 5px;
		border: 0.5px #808080 solid;
		background-color: white;
	}
	.pg6-row3-cancelbtn:hover{
		border: 0px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--label-white, #FFF);
	}
	.pg6-row3-date1{
		height: 40px;
		width: 100%;
		text-align: center;
		color: #2D2D2D;
		border: 0.5px #D0D0D0 solid;
		border-radius: 3px;
		padding: 4px 8px;
	}
	/*通知開關按鈕*/
	.switch {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 32px;
		text-align: right;
	  }
	  .switch input { 
		opacity: 0;
		width: 0;
		height: 0;
	  }
	  .slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url(../images/close.png) no-repeat center;
		background-size: 22px 22px;
		background-position: 84% 50%;
		background-color: #F1F1F1;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 34px;
	  }
	  .slider:before {
		position: absolute;
		content: "";
		height: 28px;
		width: 28px;
		left: 3.4px;
		top: 2px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
		border-radius: 50%;
	  }
	  .switch input:checked + .slider {
		background: url(../images/Check.png) no-repeat center;
		background-size: 22px 22px;
		background-position: 16% 50%;
		background-color: #1D8EDD;
	  }
	  .switch input:checked + .slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	  }
	/*接送項目編輯彈窗*/
	.pg6-row3-modaldate1{
		padding: 0px;
		margin: 0px;
		width: 126px;
		height: 40px;
		text-align: center;
		border-radius: 0px;
		border: 0.5px solid #808080;
	}
	.pg6-row3-modaltime1{
		padding: 0px;
		margin: 0px;
		width: calc(100% - 209px);
		height: 40px;
		text-align: center;
		border-radius: 0px;
		border: 0.5px solid #808080;
	}
	.pg6-row3-totaltext1{
		color: #808080;
		font-size: 16px;
		text-align: center;
	}
	.pg6-row3-adjsubtotal{
		border: 0px;
		text-align: right;
		outline:none;
		width: 100px;
		color: #1D8EDD;
	}
	/*加購項目編輯彈窗*/
	.pg6-row3-modalrow2{
		margin-bottom: 8px;
	}
	.pg6-row3-radiorow1{
		margin-left: 35px;
		height: 40px;
	}
	.pg6-row3-radiotitle{
		height: 40px;
		width: 52px;
		padding: 4px 8px;
		margin: 0px;
		margin-right: -6px;
		align-items: center;
		vertical-align: center;
		text-align: center;	
		border: 0.5px #808080 solid;
		background-color: #FFF;
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		border-radius: 0px;
	}
	.pg6-row3-radio1{
		margin: 4px 0px;
		height: 40px;
		color: #2D2D2D;
		font-size: 16px;
		line-height: 12px;
	}
	.pg6-row3-radio2{
		width: 16px;
		height: 16px;
		margin-right: 4px!important;
	}
	.pg6-row3-selectrow{
		margin-left: 74px;
	}
	.pg6-row3-select1{
		padding: 6px 10px;
		height: 40px;
		width: calc(100% - 56px);
		border-radius: 0px;
		border: 0.5px solid #808080;
		background-color: white;
	}
	.pg6-row3-select1::placeholder {
		color: #D0D0D0;
	}
	.pg6-row3-select2{
		padding: 6px;
		height: 40px;
		width: calc(100% - 129px);
		border-radius: 0px;
		border: 0.5px solid #808080;
		background-color: white;
	}
	.pg6-row3-modaltext1{
		width: calc(100% - 78px);
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		padding: 0px 5px;
		resize: none;
	}
	.pg6-row3-modaltext1::placeholder {
		color: #D0D0D0;
	}
	.pg6-row3-modaltextarea1{
		width: calc(100% - 78px);
		border-radius: 0px;
		border: 0.5px solid #808080;
		padding: 0px 5px;
		resize: none;
	}
	.pg6-row3-modaltextarea1::placeholder {
		color: #D0D0D0;
	}
	.pg6-row3-modaltext2{
		width: calc(100% - 78px);
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: right;
		padding: 0px 5px;
	}
	.pg6-row3-modalrow3{
		margin-bottom: 8px;
	}
	.pg6-row3-hinttext{
		color: #808080;
		text-align: right;
		font-size: 14px;
		padding: 4px 0px;
	}
	/*加房間彈窗*/
	.pg6-row3-modalroomrg1{
		overflow-y: auto;
		border-radius: 3px;
		border: 0.5px solid #808080;
		background: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
		padding: 14px 16px;
		height: 300px;
		margin-top: 4px;
	}
	.pg6-row3-modaltext3{
		height: 26px;
	}
	.pg6-row3-modalgroupname1{
		color: #808080;
		font-size: 16px;
		text-align: left;
		padding: 0px;
	}
	.pg6-row3-modalgroupname2{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		text-align: right;
		padding: 0px;
	}
	.pg6-row3-roomradio{
		display: none;
	}
	.pg6-row3-roombtn1{
		height: 40px;
		width: 100%;
		padding: 6px 8px;
		margin: 0px 0px 8px 12px;
		text-align: left;
		border-radius: 5px;
		border: 0.5px solid #808080;
		background: white;
	}
	.pg6-row3-roombtn2{
		height: 40px;
		width: 100%;
		padding: 6px 8px;
		margin: 0px 0px 8px 12px;
		text-align: left;
		border-radius: 5px;
		border: 0px;
		background: #F1F1F1;
		color: #808080;
		
	}
	/*房間單價編輯彈窗*/
	.pg6-row3-modalrow1{
		padding: 5px;
		height: 80px;
	}
	.pg6-row3-modalroomname1{
		padding: 0px;
		margin: 0px;
		font-weight: bold;
		font-size: 16px;
		width: 85px;
	}
	.pg6-row3-modalroomname2{
		padding: 0px;
		width: calc(100% - 87px);
		color: #2D2D2D;
		font-size: 16px;
	}
	.pg6-row3-occupancy1{
		padding: 0px;
		padding-top: 4px;
	}
	.pg6-row3-occupancy2{
		padding: 0px;
	}
	.pg6-row3-occupancytext{
		width: 40px;
		border: 0px;
		text-align: center;
		outline: none;
	}
	.pg6-row3-occupancyprice{
		width: calc(100% - 178px);
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: right;
		padding: 0px 5px;
	}
	.pg6-row3-minusbtn{
		background: url(../images/minus_circle.png) no-repeat center right;
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		border: 0px;
		vertical-align: middle;
		margin-bottom: 10px;
	}
	.pg6-row3-plusbtn{
		background: url(../images/plus_circle.png) no-repeat center right;
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		border: 0px;
		vertical-align: middle;
		margin-bottom: 10px;
	}
	.pg6-row3-btn1{
		background: url("../images/Arrow_Left.png") no-repeat;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		border: none;
		text-align: left;
		vertical-align: top;
		margin-top: 8px;
	}
	.pg6-row3-btn2{
		background: url("../images/Arrow_Right.png") no-repeat;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		border: none;
		text-align: right;
		vertical-align: top;
		margin-top: 8px;
	}
	/*既有客戶清單彈窗*/
	.pg6-row3-modalbtn1{
		width: 44px;
		height: 32px;
		align-items: center;
		background-color: white;
		border-radius: 5px;
		border: 1px solid #00A89C;
		color: #00A89C;
		font-size: 14px;
		padding: 0px;
	}
	.pg6-row3-modalbtn1:hover{
		width: 44px;
		height: 32px;
		background-color: #F1FAF7;
		border: 2px solid #00A89C;
		color: #00A89C;
	}
	.pg6-row3-modalbtn1.green{
		background-color: #00A89C;
		color: white;
	}
	.pg6-row3-modalbtn1.green:hover{
		background-color: #00A89C;
	}
	.pg6-row3-modalbtn1.red{
		background: #FF8181;
		color: white;
	}
	.pg6-row3-modalbtn1.red:hover{
		background: #BF3333;
	}
	.pg6-row3-modalbtn2{
		width: 100%;
		height: 40px;
		padding: 6px 8px;
		align-items: center;
		border-radius: 5px;
		color: white;
		font-size: 16px;
		font-weight: 600;
		background-color: #00A89C;
	}
	.pg6-row3-modalbtn2.green{
		background-color: #00A89C;
	}
	.pg6-row3-modalbtn2.green:hover{
		background-color: #00A89C;
	}
	.pg6-row3-modalbtn2.red{
		background: #FF8181;
	}
	.pg6-row3-modalbtn2.red:hover{
		background: #BF3333;
	}
	.pg6-row3-table1{
		width: 100%;
		height: 180px;
		font-size: 16px;
		border: 0.5px solid #D0D0D0;
		table-layout : fixed;
		display: block;
		overflow: auto;
		white-space: nowrap;
		word-break: break-all;
	}
	.pg6-row3-modaldisplayn{
		display: none;
	}
	.pg6-row3-modalteltext{
		border: 0px;
		text-align: left;
		outline: none;
	}
	.pg6-row3-modalnodatatext{
		text-align: center;
		color: #2D2D2D;
		font-size: 16px;
	}
	/*表單_第一列凍結*/
	.pg6-row3-table1 thead tr{
		position: sticky;
		top:0;
		vertical-align: top;
		border-right: 1px solid #D0D0D0;
		box-shadow: 0 -0.5px 0 inset #D0D0D0;
		z-index: 1;
		background-color:white;
	}
	/*表單_第一欄凍結*/
	.pg6-row3-table1 tbody tr td:first-child{
		position: sticky;
		left: 0;
		box-shadow: -0.5px 0 0 inset #D0D0D0;
		background-color: white;
	}
	/*表單_最左上凍結*/
	.pg6-row3-table1 thead tr th:first-child { 
		position: sticky;
		left:0;
		top:0;
		border-right: 0;
		box-shadow: -0.5px -0.5px 0 inset #D0D0D0;
		background-color: #F1F1F1;
		min-width: 55px;
	}
	/*表單_首列*/
	.pg6-row3-tr1{
		position: sticky;
		text-align: left;
		color: #808080;
		background-color: #F1F1F1;
	}
	.pg6-row3-title{
		padding: 4px 8px;
		min-width: 55px;
		font-weight:normal;
		text-align: left;
		background-color: #F1F1F1;
	}
	/*表單_非首列*/
	.pg6-row3-tr2{
		text-align: left;
		font-weight: bold;
		background: #F1F1F1;
	}

/*====================*/
  /*index07 日曆表格*/
/*====================*/
	/*第五列(表格)*/
	.pg7-row5-checkbox{
		display: none;
	}
	.pg7-row5-inventorytext{
		border: 0px;
		width: 100%;
		background-color: transparent;
		text-align: center;
	}
	.pg7-row5-allinbtn{
		text-align: center;
		height: 32px;
		padding: 4px 8px;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		border: 0.5px solid #808080;
		background: white;
	}
	.pg7-row5-allinbtn:hover{
		border: 2px solid #00A89C;
	}
	.pg7-row5-fulltext{
		display: none;
		border: 0px;
		width: 100%;
		background-color: transparent;
		text-align: center;
	}
	.pg7-row5-tr2{
		text-align: left;
		font-weight: bold;
		background-color: #D0D0D0;
		border:  0.5px #D0D0D0 solid;
	}
	/*表單_房型名稱(空格)*/
	.pg7-row5-roomname{
		background-color: #D0D0D0 !important;
		border:  0.5px #D0D0D0 solid;
		color: #2D2D2D;
		text-align: center;
		font-weight: 400;
	}
	.pg7-row5-td0{
		max-width: 60px;
		padding: 4px 8px;
		color: #2D2D2D;
		text-align: center;
		font-size: 16px;
	}
	.pg7-row5-td1{
		max-width: 60px;
		padding: 0px 4px;
		color: #808080;
	}
	.pg7-row5-td1:hover{
		border: 1.5px #00A89C solid;
	}
	.pg7-row5-td1:active{
		border: 1.5px #00A89C solid;
	}
	.pg7-row5-td2{
		max-width: 60px;
		padding: 0px;
		background-color: #F1FAF7;
		border: 0.5px #D0D0D0 solid;
	}
	.pg7-row5-td2:hover{
		border: 1.5px #00A89C solid;
	}
	.pg7-row5-td2:active{
		border: 1.5px #00A89C solid;
	}
	.pg7-row3-carlist{
		padding: 0px 6px;
	}
	.pg7-row5-orderbtn{
		padding: 4px;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #F1FAF7;
		border: 0px;
		color: #008C82;
		font-size: 16px;
		width: 100%;
		height: 100%;
	}
	.pg7-row5-pricebtn{
		border: 0px;
		text-align: right;
		width: 100%;
		height: 100%;
		background-color: transparent;
		padding: 0px;
	}
	.pg7-row5-addcarbtn{
		background: url(../images/Cart.png) no-repeat center center;
		background-size: 26px 26px;
		width: 100%;
		height: 100%;
		display: none;
		border: 0px;
		padding: 0px;
	}
	/*第五列(訂單彈窗)*/
	.pg7-row5-modaltitle{
		padding: 8px 23px;
	}
	.pg7-row5-modaltitletext{
		padding: 0px;
	}
	.pg7-row5-modalagenticonT{
		background: url(../images/Agenticon_Tell.png) no-repeat center center;
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
		padding-top: 45px;
	}
	.pg7-row5-modalorderSummary{
		padding: 0px 3px 0px 14px;
	}
	.pg7-row5-modalordertel{
		color:#008C82;
		font-size: 16px;
		font-weight: 600;
	}
	.pg7-row5-modalagenticon{
		padding: 0px;
		padding-top: 3px;
		text-align: right;
	}
	.pg7-row5-modalmemorow{
		padding: 0px 28px 8px 28px;
	}
	.pg7-row5-modalicon{
		width: 24px;
		height: 24px;
	}
	.pg7-row5-modalmemtext{
		padding: 0px;
		padding-left: 8px;
		color: #808080;
		font-size: 16px;
	}
	.pg7-row5-modalnotifybtn{
		background: url(../images/Send.png) no-repeat center center;
		background-size: 24px 24px;
		border: 1px solid #00A89C;
		background-color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 5px;
		margin-left: 3px;
	}
	.pg7-row5-modalnotifybtn:hover{
		border: 2px solid #00A89C;
		background-color: #F1FAF7;
	}
	.pg7-row5-modalroomlist{
		height: 185px;
		overflow-y: auto;
		padding: 8px 10px 8px 16px;
		margin: 0px 8px 12px 8px;
		border-radius: 3px;
		border: 0.5px solid #808080;
		background: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
	}
	.pg7-row5-modalroom{
		padding: 0px;
		margin-left: -4px;
	}		
	.pg7-row5-modalroomtext{
		color: #808080;
		font-size: 16px;
		padding: 0px 0px 2px 0px;
	}
	.pg7-row5-modalli{
		text-align: right;
	}
	.pg7-row5-modalprice{
		padding: 0px 28px 2px 28px;
	}
	.pg7-row5-modalroomprice{
		padding: 3px 0px;
		margin: 0px;
	}
	.pg7-row5-modalroompricetext1{
		padding: 0px;
		margin: 0px;
		color: #008C82;
		font-size: 16px;
	}
	.pg7-row5-modalroompricetext2{
		padding: 0px;
		color: #1D8EDD;
		font-size: 16px;
		font-weight: 600;
		text-align: right;
	}
	.pg7-row5-modalroompricetext3{
		padding: 0px;
		color: #BF3333;
		font-size: 16px;
		font-weight: 600;
		text-align: right;
	}
	.pg7-row5-modalroomstatus{
		padding: 0px;
		text-align: right;
		font-size: 14px;
		color: #808080;
	}
	.orderstatus0::before{
		content: "有效單";
		padding: 4px 8px;
		text-align: center;
		color: #00A89C;
		background: #FFF;
		border: 1px solid #00A89C;
	}
	.orderstatus2::before{
		content: "取消單";
		padding: 4px 8px;
		text-align: center;
		color: #808080;
		background: #FFF;
		border: 1px solid #808080;
	}
	.orderstatus1::before{
		content: "保留單";
		padding: 4px 8px;
		text-align: center;
		color: #1D8EDD;
		background: #FFF;
		border: 1px solid #1D8EDD;
	}
	.paystatus0::before{
		content: "未付訂";
		padding: 4px 8px;
		text-align: center;
		color: #FFFFFF;
		background: #BF3333;
		font-weight: 600;
	}
	.paystatus11::before{
		content: "待確認";
		padding: 4px 8px;
		text-align: center;
		color: #FFFFFF;
		background: #BF3333;
		font-weight: 600;
	}
	.paystatus10::before{
		content: "已付訂";
		padding: 4px 8px;
		text-align: center;
		color: #FFFFFF;
		background: #F7A729;
		font-weight: 600;
	}
	.paystatus21::before{
		content: "待結清";
		padding: 4px 8px;
		text-align: center;
		color: #FFFFFF;
		background: #F7A729;
		font-weight: 600;
	}
	.paystatus22::before{
		content: "待退款";
		padding: 4px 8px;
		text-align: center;
		color: #BF3333;
		background: #FFC8C7;
		font-weight: 600;
	}
	.paystatus20::before{
		content: "已結清";
		padding: 4px 8px;
		text-align: center;
		color: #2D2D2D;
		background: #F1F1F1;
	}
	.afterstatus201::before{
		content: "已退款";
		padding: 4px 8px;
		text-align: center;
		color: #2D2D2D;
		background: #F1F1F1;
	}
	.afterstatus202::before{
		content: "已沒收";
		padding: 4px 8px;
		text-align: center;
		color: #2D2D2D;
		background: #F1F1F1;
	}
	.afterstatus203::before{
		content: "不收款";
		padding: 4px 8px;
		text-align: center;
		color: #2D2D2D;
		background: #F1F1F1;
	}
	.pg7-row5-modalfooter1{
		padding: 16px;
		padding-top: 0px;
	}
	.pg7-row5-modalbtn1{
		width: 49%;
		height: 40px;
		padding: 6px 8px;
		border-radius: 5px;
		border: 0.5px solid #808080;
		color: #2D2D2D;
		text-align: center;
		font-size: 16px;
	}
	.pg7-row5-modalbtn1:hover{
		background-color: #CCCCCC;
		color: #2D2D2D;
	}
	.pg7-row5-modalbtn2{
		width: 49%;
		height: 40px;
		padding: 6px 8px;
		border-radius: 5px;
		/* border: 1px solid #00A89C; */
		background-color: #00A89C;
		color: white;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
	}
	.pg7-row5-modalbtn2:hover{
		/* border: 2px solid #00A89C; */
		background-color: #00867D;
	}
	.pg7-row5-modalicon_cancel{
		display: inline-block;
		margin-left: 4px;
		background: url(../images/Trash3.png) no-repeat center center;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		vertical-align: bottom;
	}
	.pg7-row5-modalicon_more{
		display: inline-block;
		margin-left: 4px;
		background: url(../images/Arrow_Right_2.png) no-repeat center center;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		vertical-align: bottom;
	}
	/*第七列(通知彈窗)*/
	.pg7-row5-modalgraytext{
		color: #808080;
		font-size: 14px;
		margin: 0px;
		margin-top: 8px;
	}
	.pg7-row5-modalemailbox{
		padding: 12px;
		border: 0.5px solid #D0D0D0;
		background-color: #F1F1F1;
		color: #808080;
		font-size: 14px;
		font-weight: 400;
	}
	/*第八列(購物車)*/
	.pg7-row3{
		position: fixed;
		bottom: 24px;
		right: 80px;
		z-index: 10	;
		width: 360px;
		padding: 8px;
		border-radius: 10px;
		background-color: white;
		box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.25), -3px -3px 4px 1px rgba(0, 0, 0, 0.25);
	}
	.pg7-row3-text1{
		color:#2D2D2D;
		text-align: center;
		vertical-align: center;
		font-size: 16px;
		padding: 0px 6px;
	}
	.pg7-row3-text2{
		color: #BF3333;
	}
	.pg7-row3-text3{
		color: #808080;
	}
	.pg7-row3-text4{
		color: #1D8EDD;
		font-weight: 600;
	}
	.pg7-row3-opencarbtn{
		background: url(../images/Arrow_Up_3.png) no-repeat top left;
		background-size: 24px 24px;
		background-position: 0% 0%;
		width: 100%;
		border: 0px;
		background-color: white;
	}
	.pg7-row3-roomlist{
		overflow-x: auto;
		height: 230px;
		padding: 8px;
		margin-top: 1%;
		border-radius: 3px;
		border: 0.5px solid #808080;
		background-color: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
		color: #808080;
		font-size: 16px;
	}
	.pg7-row3-roominfo{
		padding: 8px;
		margin: 0px;
		border-bottom: 1px dashed #D0D0D0;
	}
	.pg7-row3-trash{
		padding: 0px;
		padding-top: 3%;
	}
	.pg7-row3-roomname{
		padding: 0px;
		padding-left: 10px;
	}
	.pg7-row3-roomprice{
		padding: 0px;
		text-align: right;
	}
	.pg7-row3-trashbtn{
		background: url(../images/Trash.png) no-repeat center center;
		background-size: 20px 20px;
		width: 100%;
		border: 0px;
		padding: 0px;
	}
	.pg7-row3-trashbtn:hover{
		background: url(../images/Trash2.png) no-repeat center center;
		background-size: 20px 20px;
	}
	.pg7-row3-createbtn{
		background: url(../images/Arrow_Right_2.png) no-repeat center right;
		background-size: 24px 24px;
		background-position: 90% 50%;
		height: 40px;
		width: 100%;
		padding: 6px 8px;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		background-color: #D0D0D0;
		color: white;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		border: 0px;
		margin-top: 1.8%;
	}
	.pg7-row3-delcarbtn{
		height: 40px;
		width: 100%;
		padding: 6px 8px;
		text-align: left;
		background-color: white;
		color: #FF8181;
		font-size: 16px;
		border: 0px;
	}
	.pg7-row3-delcarbtn:hover{
		color: #BF3333;
	}
/*====================*/
  /*index08 訂單明細*/
/*====================*/
	/*第四列(訂單明細)*/
	.pg8-row4-ordernotext{
		margin: 7.4px 0px;
		padding: 4px 8px;
		background-color: #68B6B0;
		color: #FFF;
		font-size: 16px;
		font-weight: 600;
	}
	.pg8-row4-rowblock{
		border: 1px solid #D0D0D0;
		border-radius: 5px;
		padding: 0px;
		margin: 0px;
		margin-bottom: 12px;
	}
	.pg8-row4-block1{
		padding: 0px;
		padding-right: 24px;
		margin-top: -44.5px;
	}
	.pg8-row4-block2{
		padding: 0px;
		float: inherit;
	}
	.pg8-row4-block3{
		padding: 0px;
	}
	.pg8-row4-rowtltietext{
		height: 40px;
		width: 100%;
		padding: 8px 12px;
		border-radius: 5px;
		background-color: #F1FAF7;
		color: #808080;
		font-size: 16px;
	}
	.pg8-row4-rowtltiebtn{
		background: url(../images/Arrow_Up.png) no-repeat center right;
		background-size: 10px 10px;
		background-position: 100% 50%;
		width: 100%;
		text-align: left;
		border: 0px;
		background-color: transparent;
	}
	.pg8-row4-orderlist{
		margin: 0px;
		padding: 8px;
	}
	.pg8-row4-tablerow{
		padding: 0px;
		margin: 0px;
		margin-bottom: 4px;
	}
	.pg8-row4-tabletitle{
		color: #008C82;
		font-size: 16px;
		padding: 0px 8px;
		margin: 1px 0px;
	}
	.pg8-row4-tabletext1{
		color: #808080;
		font-size: 16px;
	}
	.pg8-row4-tabletext2{
		color: #008C82;
		font-size: 16px;
		font-weight: 600;
	}
	.pg8-row4-tabletext3{
		color: #808080;
		font-size: 16px;
		padding: 0px;
	}
	.pg8-row4-tabletext4{
		color: #808080;
		font-size: 16px;
		padding: 0px 8px;
		width: calc(100% - 35px - 25%);
	}
	.pg8-row4-tabletext5{
		color: #808080;
		font-size: 16px;
		padding: 0px 10px 0px 3px;
		text-align: right;
	}
	.pg8-row4-tabletext6{
		color: #1D8EDD;
		font-size: 16px;
		font-weight: 600;
	}
	.pg8-row4-tabletext7{
		color: #BF3333;
		font-size: 16px;
		font-weight: 600;
	}
	.pg8-row4-tableclass{
		padding: 2px 4px;
		border: 1px solid #5BBDB1;
		background: #FFF;
		height: 20px;
		color: #5BBDB1;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
	}
	.pg8-row4-tableli{
		margin-left: 20px;
		padding: 0px;
		width: 10px;
		color: #808080;
	}
	.pg8-row4-tabletotal{
		color: #808080;
		font-size: 16px;
		padding: 8px 2.4%;
		text-align: right;
	}
	.pg8-row4-objecticonrow{
		padding: 0px;
		margin: 0px;
		text-align: right;
	}
	.pg8-row4-editorderbtn{
		background: url(../images/Edit2.png) no-repeat center center;
		background-size: 24px 24px;
		background-color: #00A89C;
		width: 40px;
		height: 40px;
		border: 0px;
		border-radius: 5px;
		margin-left: 6px;
	}
	.pg8-row4-editorderbtn:hover{
		background-color: #00867D;
	}
	.pg8-row4-delorderbtn{
		background: url(../images/Trash.png) no-repeat center center;
		background-size: 24px 24px;
		background-color: #FFF;
		border-radius: 5px;
		margin-left: 3px;
		border: 1px solid #BF3333;
		width: 40px;
		height: 40px;
	}
	.pg8-row4-delorderbtn:hover{
		border: 2px solid #BF3333;
		background-color: #FFE8E8;
	}
	.pg8-row4-orderstatus{
		position: absolute;
		left: 3px;
		top: 13px;
		height: 28px;
		padding: 0px;
		text-align: right;
		font-size: 14px;
	}
	.pg8-row4-paymethodbtn{
		background: url(../images/Arrow_Down.png) no-repeat center right;
		background-size: 10px 10px;
		background-position: 100% 50%;
		width: 80px;
		padding: 0px;
		text-align: left;
		border: 0px;
		background-color: transparent;
		color: #808080;
		font-size: 16px;
	}
	.pg8-row4-paymethodtext{
		padding: 0px;
		padding-left: 41.5%;
		color: #808080;
		font-size: 14px;
	}
	.pg8-row4-hrtext{
		color: #D0D0D0;
		font-size: 14px;
		padding: 0px;
		padding-left: 8px;
	}
	.pg8-row4-hr{
		display: inline-block;
		vertical-align: middle;
		background: #D0D0D0;
		width: calc(100% - 65px);
		height: 0.5px;
	}
/*====================*/
  /*index9 修改付訂結帳*/
/*====================*/
	/*第四列付訂結帳彈窗*/
	.pg9-row4-block1{
		margin: 0px;
		padding: 0px;
		border-radius: 3px;
		border: 0.5px solid #808080;
	}
	.pg9-row4-madoltags{
		padding: 0px;
		height: 36px;
	}
	.pg9-row4-madoltag1{
		padding: 0px;
		border-radius: 3px 3px 0px 0px;
		text-align: center;
		height: 100%;
		background-color: #F1F1F1;
		border: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #808080;
		color: #808080;
		font-size: 16px;
		font-weight: 400;
	}
	.pg9-row4-madoltag1.active{
		background-color: #FFF;
		color: #2D2D2D;
		font-weight: 600;
		border-width: 0px 1px 0px 0px;
		box-shadow: none;
	}
	.pg9-row4-madoltagbtn1{
		width: 100%;
		height: 100%;
		border: 0px;
		border-radius: 3px 3px 0px 0px;
	}
	.pg9-row4-madoltagbtn1.active{
		background-color: #FFF;
	}
	.pg9-row4-madolpays{
		padding: 12px;
	}
	.pg9-row4-madolpayrow{
		margin: 0px;
		padding: 0px;
		padding-bottom: 8px;
	}
	.pg9-row4-text1{
		margin: 0px;
		padding: 0px;
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 600;
		padding-top: 8px;
	}
	.p9r4-text_graytext{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
	}
	.pg9-row4-textbox1{
		padding: 4px 8px;
		height: 40px;
		border: 0.5px solid #808080;
		background: #FFF;
		color: #2D2D2D;
		font-size: 16px;
		border-radius: 0px;
	}
	.pg9-row4-textbox1::placeholder {
		color: #D0D0D0;
	}
	.pg9-row4-textbox1.center{
		text-align: center;
	}
	.pg9-row4-textbox1.right{
		text-align: right;
	}
	.p9r4-col_samepayment{
		padding: 0px 0px 0px 8px;
	}
	.p9r4-btn_samepayment{
		height: 40px;
		width: 100%;
		padding: 6px 8px;
		border-radius: 5px;
		border: 1px solid #00A89C;
		background: #FFF;
		color: #00A89C;
		font-size: 16px;
		text-align: center;
	}
	.p9r4-col_paymethods{
		padding: 0px
	}
	.p9r4-select_paymethods{
		height: 40px;
		padding: 4px 8px;
		border: 0.5px solid #808080;
		border-radius: 0px;
		background: #FFF;
		color: #2D2D2D;
		font-size: 16px;
	}
	.p9r4-col_paystatus{
		padding: 0px;
		height: 40px;
	}
	.p9r4-radio_paystatus1{
		padding: 8px;
		width: 50%;
		height: 40px;
		border: 0.5px solid #808080;
		background-color: #FFF;
		border-radius: 0px;
		color: #D0D0D0;
		font-size: 16px;
		text-align: center;
	}
	.p9r4-hrtext{
		color: #D0D0D0;
		font-size: 14px;
		padding: 0px;
	}
	.p9r4-hr{
		display: inline-block;
		vertical-align: middle;
		background: #D0D0D0;
		width: calc(100% - 28%);
		height: 0.5px;
	}
	.p9r4-hr2{
		display: inline-block;
		vertical-align: middle;
		background: #D0D0D0;
		width: calc(100% - 85px);
		height: 0.5px;
	}
	.p9r4-hr3{
		display: inline-block;
		vertical-align: middle;
		background: #D0D0D0;
		width: calc(100% - 95px);
		height: 0.5px;
	}
	/* 紅字(清空付訂紀錄)*/
	.pg9-row4-text2{
		margin: 0px;
		padding: 0px;
		border: 0px;
		background-color: #FFF;
		color: #FF8181;
		font-size: 16px;
		font-weight: 600;
		padding-top: 4px;
	}
	.pg9-row4-block2{
		margin: 0px;
		padding: 0px;
	}
	.p9r4-TEXTAREA_modaltextarea1{
		border-radius: 0px;
		border: 0.5px solid #808080;
		padding: 0px 5px;
		resize: none;
	}
	.p9r4-TEXTAREA_modaltextarea1::placeholder{
		color: #D0D0D0;
	}
/*====================*/
  /*index10 修改房間*/
/*====================*/
	/*第三列(左)資料與內容*/
	.pg10-row3-block1-1{
		background-color: #F8F8F8;
		border-radius: 5px;
		padding: 16px 12px;
		margin: 0px;
	}
/*====================*/
  /*index13 待辦清單*/
/*====================*/
	.p13r3-col_SelectList{
		padding: 4px 8px 4px 0px;
	}
	.p13r3-TEXT_SelectListTitle{
		color: #808080;
		font-size: 14px;
		font-weight: 400;
	}
	.p13r3-BTN_SelectListBtn{
		background-color: #FFF;
		background: url(../images/Arrow_Down.png) no-repeat center right;
		background-size: 10px 10px;
		background-position: 95% 50%;
		padding: 4px 20px 4px 8px;
		border: 0.5px solid #808080;
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 400;
		height: 40px;
		border-radius: 0px;
		width: 100%;
		text-align: left;
	}
	.p13r4-COL_tableTitle{
		padding: 8px 0px;
	}
	.p13r4-TEXT_tableTitle{
		color: #2D2D2D;
		font-size: 18px;
		font-weight: 600;
	}
	.p13r4-TEXT_tableSubtitle{
		color: #808080;
		font-size: 14px;
		font-weight: 400;
		text-align: right;
	}
	.p13r4_table{
		width: 100%;
		font-size: 16px;
		table-layout: fixed;
		/* display: block; */
		overflow: auto;
		/* white-space: nowrap; */
		word-break: break-all;
		border: 0.5px solid #D0D0D0;
	}
	.p13r4-table_tr1{
		height: 40px;
		position: sticky;
		background-color: #F1F1F1;
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		border: 0.5px solid #D0D0D0;
	}
	.p13r4-table_th1{
		font-weight: 400;
		padding: 4px;
		border: 0px;
		text-align: left;
		min-width: 170px;
		background-color: #F1F1F1;
		color: #808080;
	}
 	/*width1_小格(項次、標記、數量)*/
	.p13r4-table_th1.width1_no{
		width: 42px;
	}
	/*width2_中格(姓名)*/
	.p13r4-table_th1.width2_name{
		width: 110px;
	}
	/*width3_大格(電話)*/
	.p13r4-table_th1.width3_tel{
		width: 170px;
	}
	/*width4_中格靠右(金額)*/
	.p13r4-table_th1.width4_price{
		width: 90px;
		text-align: right;
	}
	/*width5_中格(日期)*/
	.p13r4-table_th1.width5_date{
		width: 130px;
	}
	/*width6_中格(訂單編號)*/
	.p13r4-table_th1.width6_orno{
		width: 96px;
	}
	/*width7_小格(其他處理按鈕)*/
	.p13r4-table_th1.width7_btn{
		width: 60px;
	}
	.p13r4-table_tr2{
		border: 0.5px solid #D0D0D0;
	}
	.p13r4-table_td{
		border: 0px;
		vertical-align: top;
		margin-bottom: 1px;
	}
	/*text0A_置中(項次)*/
	.p13r4-table_td.text0_noA{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		text-align: center;
	}
	/*text0B_置中(標記OK)*/
	.p13r4-table_td.text0_noB{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		text-align: center;
	}
	/*text1_(姓名、訂房內容)*/
	.p13r4-table_td.text1_name{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
	}
	/*text2_置右(錢錢欄位)*/
	.p13r4-table_td.text2_price{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		text-align: right;
	}
	/*text3_逾期紅字*/
	.p13r4_table_td.text3_red{
		color: #BF3333;
		font-size: 14px;
		font-weight: 400;
	}
	/*text4_電話欄位*/
	.p13r4-table_td.text4_tel{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
	}
	.p13r4-table_td.text4_tel:hover{
		color: #2D2D2D;
		text-decoration: none;
	}
	/*text5_房間內容欄位*/
	.p13r4-table_td.text5_orderroom{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		color: #1D8EDD;
		/* text-decoration:underline; */
	}
	.p13r4-table_td.text5_orderroom:hover{
		color: #23527C;
		text-decoration: none;
	}
	/*text6_訂單編號欄位*/
	.p13r4-table_td.text6_orno{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		color: #1D8EDD;
		/* text-decoration:underline; */
	}
	.p13r4-table_td.text6_orno:hover{
		color: #23527C;
		text-decoration: none;
	}
	.p13r4_table_littletext{
		color: #808080;
		font-size: 14px;
	}
	.p13r4_table_littletext.redtext{
		color: #BF3333;
	}
	.p13r4-modalroomstatus{
		padding: 0px;
		margin: 3px 0px;
		text-align: right;
		font-size: 14px;
		color: #808080;
	}
	.p13r3-COL_roomlist{
		box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 4px 0px;
		min-width: 210px;
		font-size: 16px;
		color: rgb(45, 45, 45);
		border-radius: 0px !important;
	}
	/*分頁按鈕*/
	.p13r4-COL_Pagination{
		margin: 0px;
		padding: 10px 0px;
		text-align: center;
	}
	.pagination.p13r4-TEXT_pagelink>li>a, .pagination.p13r4-TEXT_pagelink>li>span{
		border: 0px;
		color: #2D2D2D;
		font-size: 14px;
		font-weight: 400;
		padding: 6px 12px;
	}
	.page-link.p13r4-TEXT_pagelink, .pagination.p13r4-TEXT_pagelink>li>a:focus, .pagination.p13r4-TEXT_pagelink>li>span:focus{
		background-color: #FFF;
		border-radius: 3px;
		border: 1.5px solid #00A89C!important;
		color: #00A89C!important;
		font-size: 14px;
		font-weight: 600!important;
		margin-right: 1px;
	}
	.p13r4-Date_Checkin{
		width: calc(50% - 52px);
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: center;
		font-size: 16px;
	}
	.p13r4-hr {
		display: inline-block;
		vertical-align: middle;
		background: #D0D0D0;
		width: calc(100% - 45px);
		height: 0.5px;
	}
/*====================*/
  /*index14 查詢訂單*/
/*====================*/
	.p14r3-ROW_SearchBox1{
		margin: 1.2% 11% 0px 11%;
		padding: 8px;
		border-radius: 5px;
		background-color: #F1FAF7;
	}
	.p14r3-ROW_SearchBox2{
		margin: 1.2% 11% 0px 11%;
		padding: 0px;
		text-align: right;
	}
	.p14r3-BLOCK_SearchRow{
		padding: 0px;
	}
	.p14r3-BLOCK_SearchRow.right{
		padding: 0px;
		text-align: right;
		line-height: 47px;
	}
	.p14r3-BLOCK_SearchRow2{
		padding: 6px 0px;
		text-align: right;
	}
	.p14r3-ROW_SearchRow{
		padding: 0px;
		margin: 0px;
		height: 40px;
	}
	.p14r3-TEXT_Searchtext1{
		margin: 0px;
		padding: 0px 4px;
		color: #808080;
		font-size: 16px;
		font-weight: 600;
		line-height: 40px;
		text-align: right;
	}
	.p15r3-ROW_SearchRow{
		padding: 0px 6px;
		margin: 0px;
		height: 40px;
	}
	.p15r3-TEXT_Searchtext1{
		margin: 0px;
		padding: 0px 4px;
		color: #808080;
		font-size: 16px;
		font-weight: 600;
	}
	.p15r3-TEXT_Searchtext2{
		margin: 0px;
		padding: 0px 4px;
		color: #808080;
		font-size: 16px;
		font-weight: 600;
		line-height: 38px;
	}
	.p15r3-TEXT_checkboxtext{
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 400;
	}
	.p14r3-TEXT_Selecttext2{
		margin: 0px 0px 3px 0px;
		padding: 0px 6px;
		color: #2D2D2D;
		font-size: 16px;
		line-height: 40px;
	}
	.p14r3-TEXT_Selecttext3{
		margin: 0px 0px 3px 0px;
		padding: 0px 6px;
		color: #808080;
		font-size: 16px;
		line-height: 40px;
		text-align: right;
	}
	.p14r3-Date_Checkin{
		width: calc(50% - 60px);
		height: 37px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: center;
		font-size: 16px;
	}
	.p14r3-TEXT_textbox{
		padding: 4px 8px;
		border: 0.5px solid #808080;
		background-color: #FFF;
		width: 100%;
		height: 37px;
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 400;
	}
	.p14r3-ROW_MoreOpt{
		background: url("../images/Arrow_Down.png") no-repeat;
		background-size: 10px 10px;
		background-position: 2% 50%;
		padding: 0px 4px 0px 18px;
		color: #808080;
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		border: 0px;
		background-color: transparent;
	}
	.p14r3-ROW_ClearOpt{
		padding: 0px 6px;
		color: #808080;
		text-align: right;
		font-size: 16px;
		font-weight: 400;
		border: 0px;
		background-color: transparent;
	}
	.p14r3-ROW_ClearOpt:hover{
		color: #2D2D2D;
		text-decoration: underline;
	}
	.p14r3-Select_SelectBox{
		background: #FFF;
		background: url("../images/Arrow_Down.png") no-repeat;
		background-size: 10px 10px;
		background-position: 96% 50%;
		padding: 6px;
		height: 40px;
		width: calc(100% - 81px);
		border-radius: 0px;
		border: 0.5px solid #808080;
		background-color: white;
		color: #2D2D2D;
		font-size: 16px;
		text-align: left;
	}
	.p14r3-Select_SelectBox2{
		background: #FFF;
		background: url("../images/Arrow_Down.png") no-repeat;
		background-size: 10px 10px;
		background-position: 96% 50%;
		padding: 4px 8px;
		height: 37px;
		width: calc(100% - 78px);
		border-radius: 0px;
		border: 0.5px solid #808080;
		background-color: white;
		color: #2D2D2D;
		font-size: 16px;
		text-align: left;
		font-weight: 400;
	}
	.p14r3-Select_SelectBox3{
		background: #FFF;
		background: url("../images/Arrow_Down.png") no-repeat;
		background-size: 10px 10px;
		background-position: 96% 50%;
		padding: 4px 8px;
		height: 37px;
		width: 100%;
		border-radius: 0px;
		border: 0.5px solid #808080;
		background-color: white;
		color: #2D2D2D;
		font-size: 16px;
		text-align: left;
		font-weight: 400;
	}
	.p14r4-BTN_otheredit{
		background: url(../images/Edit.png) no-repeat center center;
		background-size: 24px 24px;
		background-color: #FFF;
		width: 40px;
		height: 40px;
		border-radius: 5px;
		border: 1px solid #00A89C;
		margin-left: 6px;
	}
	.p14r4-BTN_otheredit:hover{
		border: 2px solid #00A89C;
		background-color: #F1FAF7;
	}
/*====================*/
  /*index15 代訂清單*/
/*====================*/
	.p15r4-TEXT_totalprice{
		text-align: right;
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		padding: 8px 50px;
		margin-top: -0.5px;
		background-color: #F1F1F1;
		border: 0.5px solid #D0D0D0;
	}
	.p15r3-BTN_sortbtn{
		background: #FFF;
		background: url("../images/Arrow_Down.png") no-repeat;
		background-size: 10px 10px;
		background-position: 96% 50%;
		height: 40px;
		padding: 4px 24px 4px 12px;
		border-radius: 5px 0px 0px 5px;
		border: 0px;
		border-top: 0.5px solid #808080;
		border-bottom: 0.5px solid #808080;
		border-left: 0.5px solid #808080;
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 400;
		margin-right: -5px;
		vertical-align: top;
		text-align: left;
	}
	.p15r3-BTN_startsearch{
		height: 40px;
		padding: 6px 16px;
		text-align: center;
		border-radius: 0px 5px 5px 0px;
		background-color: #00A89C;
		border: 0px;
		border-top: 2px solid #00A89C;
		border-bottom: 2px solid #00A89C;
		color: #FFF;
		font-size: 16px;
		font-weight: 600;
		vertical-align: top;
	}
	.p15r3-BTN_startsearch:hover{
		background-color: #00867D;
		border-top: 2px solid #00867D;
		border-bottom: 2px solid #00867D;
	}
	.p15r3-TEXT_searchdirections{
		padding: 0px;
		text-align: right;
		color: #808080;
		font-size: 14px;
		font-weight: 400;
		margin: 16px 0px 5px 0px;
	}
	.p15r3-BTN_printbtn{
		background-color: #FFF;
		padding: 6px 8px 6px 32px;
		border-radius: 5px;
		border: 0.5px solid #808080;
		height: 36px;
	}
	.p15r3-BTN_printbtn:hover{
		color: #2D2D2D;
		border: 2px solid #808080;
	}
	.p15r3-BTN_printbtn.print{
		background: url("../images/Printer.png") no-repeat;
		background-size: 24px 24px;
		background-position: 10% 50%;
	}
	.p15r3-BTN_printbtn.download{
		background: url("../images/Cloud_download.png") no-repeat;
		background-size: 24px 24px;
		background-position: 10% 50%;
	}
	.sort_active{
		border: 0;
		background-color: transparent;
		background: url("../images/Check_green.png") no-repeat;
		background-size: 24px 24px;
	}
	.sort_inactive{
		border: 0;
		background: url("../images/Check.png") no-repeat;
		background-size: 24px 24px;
	}
	.p15r4-TEXT_tablenote{
		color: #808080;
		font-size: 14px;
		font-weight: 400;
		padding: 3px 0px;
	}
	.p15r4-ROW_backtoTOP{
		padding: 0px;
		margin: 0px;
	}
	.p15r4-BTN_backtoTOPbtn{
		background: url("../images/BacktoTop.png") no-repeat;
		background-size: 80px auto;
		width: 80px;
		height: 50px;
		border: 0px;
		position: fixed;
		right:0;
		bottom: 24px;
	}


	.rg-container {
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 1.4;
		margin: 0;
		padding: 1em 0.5em;
		color: #222;
	  }
	  .rg-header {
		margin-bottom: 1em;
		text-align: left;
	  }
	  
	  .rg-header > * {
		display: block;
	  }

	  .rg-source {
		margin: 0;
		font-size: 0.75em;
		text-align: right;
	  }
	  .rg-source .pre-colon {
		text-transform: uppercase;
	  }
	  
	  .rg-source .post-colon {
		font-weight: bold;
	  }
	  
	  /* table */
	  table.rg-table {
		width: 100%;
		/* margin-bottom: 0.5em; */
		font-size: 1em;
		border-collapse: collapse;
		border-spacing: 0;
	  }
	  /* table.rg-table tr {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		text-align: left;
		color: #333;
	  } */
	  /* table.rg-table thead {
		border-bottom: 3px solid #ddd;
	  } */
	  /* table.rg-table tr {
		border-bottom: 1px solid #ddd;
		color: #222;
	  } */
	  table.rg-table tr.highlight {
		background-color: #dcf1f0 !important;
	  }
	  table.rg-table.zebra tr:nth-child(even) {
		background-color: #f6f6f6;
	  }
	  /* table.rg-table th {
		font-weight: bold;
		padding: 0.35em;
		font-size: 0.9em;
	  } */
	  table.rg-table td {
		padding: 0.35em;
		font-size: 0.9em;
	  }
	  table.rg-table .highlight td {
		font-weight: bold;
	  }

	.p18r3-pageselect{
		background-color: #F1F1F1;
		border: 1.5px #F1F1F1 solid;
		border-radius: 5px;
		font-size: 16px;
		width: 360px;
	}
	.p18r3-btn1{
		border: 0px;
		height: 36px;
		width: 32.2%;
		padding: 2px;
		border-radius: 5px;
		background-color: #F1F1F1;
		color: #2D2D2D;
	}


  @media (min-width: 768px) {
	  .bt-active{
			  left: 0;
			  -webkit-transform: translate3d(0,0,0);
			  transform: translate3d(0,0,0)
	  }
  }	

  @media (max-width: 1180px) {
	.pg1-row3-bg{	
		background-color: #D0E8E0;
		margin: 0px;
		padding: 1% 3%;
	}}	
  
  
  /* 手機版大小925px開始 */
  @media (max-width: 925px) {
	  
  /*共用模板*/
  
/*   @font-face {
	font-family: 'PingFang';
	src: url('../fonts/PingFangHK-Regular.ttf') format("truetype");
  } */
  .btn-hover1{
	background: #EFEFEF;
  }

  	/*標題KITLOGO*/
	.icon0{
		width: 24px;
		height: 24px;
	}

	.app-displayn{
		display:none;
	}
	.pc-displayn{
		display:inline;
	}
	.icon10{
		width: 22px;
		margin: 5px;
	  }
	.icon11{
	width: 22px;
	}
	.icon13{
		width: 30px;
	}

/*====================================*/
/*XS前台*/
/*====================================*/
/*S1首頁*/
/*====================*/
	/*XS_標題*/
	.F_pg1-row1{
		/* font-family: PingFang; */
		background: url(../images/pg1-00-bk1.png) no-repeat left top;
		background-size: 100% 14px;
		width: 100%;
		min-height: 75px;
		margin: 0px;
		padding: 25px 2% 8px 2%;
		position: relative;
	}
	.F_pg1-row1-hotelname{ /*XS_row:民宿大名*/
		flex: none;
	}
	.F_pg1-row1-text2{ /*text:線上訂房系統*/
		font-size: 14px;
		color: #8F8F8F;
		vertical-align: middle;
		padding: 0px;
		padding-left: 8px;
		white-space:nowrap;
		font-weight: 400;
		display: block;
		width: 100%;
	}
	.F_pg1-row1-text3{ /*XS_row:語言選單*/
		height: 22px;
		position: absolute;
		bottom: 12%;
		right: 2%;
	}
	.F_pg1-row1-lang1{ /*XS_img:語言選單圖片*/
		background: url(../images/pg1-02-language1_app.png) no-repeat left bottom;
		background-size: 56px 22px;
		width: 56px;
		height: 22px;
		border: 0px;
		text-decoration:none;
	}
	.F_pg1-row1-lang1:hover{
		background: url(../images/pg1-02-language1_app_act.png) no-repeat left top;
		background-size: 56px 22px;
		width: 56px;
		height: 22px;
		border: 0px;
		text-decoration:none;
	}
	.F_pg1-row1-lang1:active{
		background: url(../images/pg1-02-language1_app_act.png) no-repeat left top;
		background-size: 56px 22px;
		width: 56px;
		height: 22px;
		border: 0px;
		text-decoration:none;
	}
	/*XS_搜尋日期*/
	.F_pg1-row2{
		/* font-family: PingFang; */
		background: white;
		z-index: 99;
		width: 100%;
		height: 50px;
		margin: 0px;
		margin-top: -1px;
		padding: 5px 2% 1% 0px;
		position: sticky;
		top:0;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	.F_pg1-row2-text2{ /*XS_col:搜尋日期列*/
		text-align: center;
	}
	/*XS_旅宿資訊區*/
	.F_pg1-row3-bg{
		padding: 24px 0px 0px 0px;
	}
	.F_pg1-row3{ /*XS_col:旅宿環境*/
		/* font-family: PingFang; */
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		margin: 0px;
		margin-bottom: 15px;
		padding: 12px;
		border-radius: 15px;
		height: 20%;
	}
	.F_pg1-row3-hotelpicRow{ /*row:旅宿環境*/
		height: 300px;
		cursor: pointer;
	}
	.F_pg1-row3-block1{ /*row:旅宿環境(左)*/
		margin:0px;
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	.F_pg1-row3-block2{ /*row:旅宿環境(右上)*/
		display: none;
		}
  /*====================*/
	  /*第四列-房型列表(左)*/
	  .F_pg1-row4{	
		/* font-family: PingFang; */
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		padding: 2% 2.2%;
		margin: 0px;
		border-radius: 15px;
		width: 100%;
	}
	/*第四列-選擇房型標題*/
	.F_pg1-row4-block1{
		border-bottom: 0.8px solid #D0D0D0;
		padding: 6px 20px;
	}
	.F_pg1-row4-title1{
		font-size: 21px;
		height: 35px;
		font-weight: bold;
	}
	.F_pg1-row4-noroom{
		font-size: 16px;
		text-align: center;
		color: #8F8F8F;
		padding: 30px;
	}
	/*第四列-房型框框*/
	.F_pg1-row4-content1{
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		padding: 0px 0px 10px 0px;
		width: 100%;
		height: 100%;
	}
	/*第四列-房型圖片(左)*/
	.F_pg1-row4-rimg1{
		display: block;
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
		border: 0px;
		background-repeat: no-repeat;
	}
	/*第四列-房型文字(右)*/
	.F_pg1-row4-roomblock2{
		padding: 0px 0px 0px 10px;
		margin: 0px;
	}
	/*第四列-房型文字-房間名稱*/
	.F_pg1-row4-roomname1{
		font-size: 18px;
		color: #1B1B1B;
		font-weight: bold;
		padding: 0px;
	}
	/*第四列-房型文字-房間設定*/
	.F_pg1-row4-text1{
		font-size: 14px;
		color: #1B1B1B;
		font-weight: bold;
		padding: 4px 0px 8px 0px;
	}
	/*第四列-房型文字-入住人數*/
	.F_pg1-row4-text2{
		font-size: 14px;
		color: #8F8F8F;
		padding: 0px;
	}
	/*第四列-房型文字-人數上限*/
	.F_pg1-row4-text3{
		font-size: 14px;
		color: #8F8F8F;
		padding: 0px 10px;
	}
	/*第四列-房價方案*/
	.F_pg1-row4-block3-1{
		padding: 5px 10px;
		width: 98%;
		margin: 0px 1%;
		background: #F4F4F4;
		border-radius: 10px;
 	 }
	.F_pg1-row4-block3-2{
		padding: 10px;
		width: 98%;
		margin: 0px 1%;
		border: 2px solid #F4F4F4;
		border-radius: 10px;
	}
	/*第四列-房價方案-方案名稱*/
	.F_pg1-row4-sptext1-1{
		padding: 0px;
		font-size: 14px;
		color: #1B1B1B;
		font-weight: bold;
	}
	/*第四列-房價方案-方案說明(彈窗)*/
	.F_pg1-row4-spinfobox1-1{
		/* font-family: PingFang; */
		align-items: center;
		padding: 16px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 25px;
		width: auto;
	}
	/*第四列-房價方案-方案說明(彈窗)-標題*/
	.F_pg1-row4-spinfobox1-2{
		font-size: 22px;
		text-align: center;
		color: #1B1B1B;
		font-weight: bold;
		padding: 0px;
	}
	/*第四列-房價方案-方案說明(彈窗)-內容*/
	.F_pg1-row4-spinfobox1-3{
		max-height: 200px;
		overflow: auto;
	}
	/*第四列-房價方案-方案說明(彈窗)-內容1*/
	.F_pg1-row4-spinfobox1-3-1{
		padding-top: 10px;
		font-size: 16px;
		color: #1B1B1B;
		font-weight: bold;
	}
	/*第四列-房價方案-方案說明(彈窗)-內容2*/
	.F_pg1-row4-spinfobox1-3-2{
		font-size: 14px;
		color: #1B1B1B;
		padding-left: 5px;
	}
	/*第四列-房價方案-(共兩晚)*/
	.F_pg1-row4-sptext2-1{
		padding: 0px;
		font-size: 14px;
		color: #1B1B1B;
		text-align: right;
	}
	/*第四列-房價方案-TDW錢錢*/
	.F_pg1-row4-sptext2-2{
		padding: 0px;
		font-size: 16px;
		color: #1D8EDD;
		font-weight: bold;
	}
	/*第四列-房價方案-來電詢問*/
	.F_pg1-row4-sptext3-6{
	  padding: 0px;
	  font-size: 14px;
	  color: #1B1B1B;
  }
	/*第四列-加人加床彈窗內容*/
	.F_pg1-row4-addpeoplebox1{
		max-height: 230px;
		overflow: auto;
	}
	/*第四列-加人加床彈窗取消按鈕*/
	.F_pg1-row4-addpeoplecxl{
	  font-size: 16px;
	  background: #E8E8E8;
	  border-radius: 5px;
	  width: 120px;
	  border: 0px;
  }
  .F_pg1-row4-addpeoplecxl:hover{
	  font-size: 16px;
	  color: black;
	  background: #E8E8E8;
	  border-radius: 5px;
	  width: 120px;
	  border: 0px;
	  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  /*第四列-加人加床彈窗內容列*/
  .F_pg1-row4-addpoeplerow{
	  margin: 0px;
	  padding: 3% 6% 3% 4%;
	  border-bottom: 0.8px solid #D0D0D0;
  }
  .F_pg1-row4-addpoepletext1{
	  font-size: 18px;
	  font-weight: bold;
	  padding: 0px;
	  vertical-align: middle;
	  padding-top: 6%;
	  text-align: center;
  }
  .F_pg1-row4-addpoepletext2{
	  text-align: right;
	  font-size: 16px;
	  padding: 0px;
  }
  /*第四列-加人加床彈窗政策文字*/
  .F_pg1-row4-addpoepletext3{
	  padding: 10px 0px;
	  font-size: 16px;
	  font-weight: bold;
  }
  .F_pg1-row4-addpoepletext4{
	  font-size: 14px;
	  padding-left: 5px;
  }
  /*第四列-加購*/
  .F_pg1-row4-addpoepletext3{
	padding: 10px 0px;
	font-size: 16px;
	font-weight: bold;
}
.F_pg1-row4-addpoepletext4{
	font-size: 14px;
	padding-left: 5px;
}
.F_pg1-row4-bg{
	padding: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	width: 100%;
  }
	/*XS第四列-房型圖片(左)*/
	.F_pg1-row4-roomblock1{
		padding: 0px;
		margin: 0px;
		margin-bottom: 14px;
		height: 180px;
	}
	/*XS加入購物車COL*/
	.F_pg1-row4-splistCol3{
	padding: 0px;
	padding-top: 20px;
	width: auto;
	}
	/*XS加入購物車BTN*/
	.F_pg1-row4-addCarBtn{
		background: #5BBDB1 url(../images/Cart.png) no-repeat left center;
		background-size: 24px 24px;
		background-position: 50% 50%;
		text-indent: -9999px;
		width: 55px;
		height: 40px;
	  }
	  .F_pg1-row4-addCarBtn:hover,
	  .F_pg1-row4-addCarBtn:focus{
		background: #5BBDB1 url(../images/Cart.png) no-repeat left center;
		background-size: 24px 24px;
		background-position: 50% 50%;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	  }
	  .F_pg1-row4-addCarBtn:active,
	  .F_pg1-row4-addCarBtn:focus:active{
		background: #5BBDB1 url(../images/Cart.png) no-repeat left center;
		background-size: 24px 24px;
		background-position: 50% 50%;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
	  }
/*====================*/
	/*第六列-購物車列表(右下)*/

	.F_pg1-row6-app1{
		position: fixed;
		bottom: 0px;
		top: auto;
		left: 0px;
		padding: 8px;
		margin: 0px;
		border-radius: 25px 25px 0px 0px;
		width: 100%;
		height: auto;
		z-index: 98;
	}
	.F_pg1-row6-app2{
		background-color: white;
		box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25);
		position: fixed;
		bottom: 0px;
		padding: 0.5%;
		z-index: 99;
	}
	/*第六列-您已選擇標題文字*/
	.F_pg1-row6-block1{
		/* border-bottom: 0.8px solid #D0D0D0; */
		padding: 0px 10px;
		margin: 0px;
	}
	.F_pg1-row6-title1{
		font-size: 21px;
		height: 35px;
		font-weight: bold;
	}
	/*第六列-您已選擇內容*/
	.F_pg1-row6-block2{
		padding: 0px;
		margin:  0px;
		height: 150px;
		overflow-x: auto;
	}
	/*第六列-您已選擇日期區間文字*/
	.F_pg1-row6-date1{
		padding: 0px 6px;
		margin: 5px 0px;
		background-color: #F4F4F4;
		border-radius: 5px;
		font-size: 15px;
	}
	.F_pg1-row6-text1{
		background-color: #F4F4F4;
		border-radius: 5px;
		border: 0px solid #F4F4F4;
		padding: 5px;
		height: 30px;
		width: 73%;
	}
	.F_pg1-row6-text2{
		text-align: right;
	}
	.F_pg1-row6-btn2Row{
		padding: 0px;
		margin: 0px;
		text-align: center;
		cursor: pointer;
	}
	.F_pg1-row6-btn2U{
		background-color: #F4F4F4;
		background: url(../images/arrow_up.png) no-repeat center right;
		background-size: 22px 22px;
		width: 20px;
		height: 50px;
		border: 0px;
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
	.F_pg1-row6-btn2D{
		background-color: #F4F4F4;
		background: url(../images/arrow_down.png) no-repeat center right;
		background-size: 22px 22px;
		width: 20px;
		height: 50px;
		border: 0px;
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
	/*第六列-已選房型列表文字*/
	.F_pg1-row6-roomlist2{
		padding: 0px;
		margin: 10px 0px;
	}
	.F_pg1-row6-room{
		padding: 0px 10px;
	}
	/*第六列-已選房型列表-移除BTN*/
	.F_pg1-row6-items1{
		border: 0px;
		padding: 0px;
		width: 7%;
		vertical-align: middle;
		text-align: center;
	}
	.F_pg1-row6-items1-1{
		background-size: 20px 20px;
		border: 0px;
		width: 20px;
		height: 50px;
		padding: 0px;
	}
	/*第六列-已選房型列表-房型名稱與金額*/
	.F_pg1-row6-itemsrow{
		border-bottom: 0.5px solid #D0D0D0;
		padding: 5px;
		margin: 0px;
		width: 93%;
	}
	/*第六列-已選房型列表-房型名稱*/
	.F_pg1-row6-items2{
		padding: 0px;
	}
	.F_pg1-row6-items2-1{
		font-size: 14px;
	}
	.F_pg1-row6-items2-2{
		font-size: 14px;
		color: #8F8F8F;
	}
	/*第六列-已選房型列表-方案金額*/
	.F_pg1-row6-items3{
		padding: 0px;
		font-size: 14px;
		text-align: right;
	}
	.F_pg1-row6-items3-1{
		font-size: 14px;
	}
	.F_pg1-row6-items3-2{
		font-size: 14px;
		color: #8F8F8F;
	}
	/*XS第六列-住房聲明文字*/
	.F_pg1-row6-block5-1{
		padding: 8px 4px;
		margin: 4px 0px 0px 0px;
		font-size: 12px;
		color: #BF3333;
		position: static;
	}
	/*XS第六列-訂單金額總計文字*/
	.F_pg1-row6-block3{
		padding: 0px;
		margin: 6px 0px 0px 0px;
		font-size: 17px;
		font-weight: bold;
	  }
  	/*XS第六列-訂單金額總計文字*/
	.F_pg1-row6-block3-1{
		padding: 8px 3%;
		text-align: left;
		align-content: center;
		height: 41px;
		display: inline-grid;
		justify-content: start;
	}
	/*XS第六列-下一步按鈕*/
	.F_pg1-row6-backbtn{
		background-position: 50% 50%;
		text-indent: -9999px;
	}
	.F_pg1-row6-backbtn:hover{
		background-position: 50% 50%;
		text-indent: -9999px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	.F_pg1-row6-backbtn:active{
		background-position: 50% 50%;
		text-indent: -9999px;
		box-shadow: inset 4px 8px 8px rgba(0, 0, 0, 0.25);
	}
/*====================*/
	/*第七列-頁尾*/
	.F_pg1-row7{	
		/* font-family: PingFang; */
		background: url(../images/pg1-00-bk2.png) no-repeat left bottom;
		background-size: 100% 14px;
		background-color: #D0E8E0;
		padding: 3% 10% 100px 10%;
	}
	/*第七列-左欄民宿資料*/
	.F_pg1-row7-text1{
		text-align: left;
	}
	/*第七列-左欄民宿資料-民宿大名*/
	.F_pg1-row7-text1-1{
	  font-size: 16px;
	  font-weight: bold;
	}
	.F_pg1-row7-text1-2{
	  font-size: 14px;
	}
	/*第七列-左欄民宿資料-外連按鈕*/
	.F_pg1-row7-btn1{
	  background-color: #D0E8E0;
	  border: 0px;
	  padding: 5px 0px;
	}
	.F_pg1-row8-bg{
		/* font-family: PingFang; */
		background-color: #D0E8E0;
		padding: 0px;
		padding-bottom: 20px;
	}
	.F_pg1-row8{
		padding: 16px;
		background-color: white;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 25px;
		width: 100%;
	}

	/* XS回置頂 */
	.BackToTop{
		background: url(../images/BackToTop1.png) no-repeat right;
		background-size: 80px 40px;
		border: 0px;
		padding: 0px;
		display: flex;
		position: fixed;
		bottom: 80px; 
		right: -41px; 
		width: 80px; 
		height: 40px;
		z-index: 99;
	}
	.BackToTop:hover{
		background: url(../images/BackToTop2.png) no-repeat right;
		background-size: 80px 40px;
	}



/*====================================*/
/*XS後台*/
/*====================================*/

  /*index01*/
  /*====================*/
	/*第一列(標題列)*/
	.pg1-row1{
		background-color: #68B6B0;
		height: 50px;
		padding: 0px 2%;
		padding-top: 3px;
		margin: 0px;
	}
	  /*第一列-左標題*/
	  .pg1-row1-titletext{
		padding-top: 10px;
		color: #FFF;
	  }
	/*第一列-(APP)左回上一頁*/
	.pg1-row1-prevpagebtn{
		font-size: 16px;
		padding: 0px 2%;
		vertical-align: middle;
		background-color: transparent;
		border: 0px;
	}
	/*第一列-(APP)左標題置中*/
	.pg1-row1-apptitletext{
		padding-top: 10px;
		color: #FFF;
		text-align: center;
	}
	  /*第一列-右民宿大名*/
	  .pg1-row1-nametext{
		padding: 0px;
		padding-top: 1px;
		text-align: right;
	  }
	  .pg1-row1-text3{
		color: white;
		font-size: 16px;
		vertical-align: top;
		font-weight: normal;
	  }
	  .pg1-row1-usericon{
		background: url("../images/pg1-02-Profile.png") no-repeat;
		background-size: 34px 24px;
		width: 34px;
		height: 24px;
		border: none;
	  }
  /*====================*/
	/*第二列(置頂列)*/
	  .pg1-row2{
		background-color: white;
		font-size: 14px;
		height: 48px;
		width: 100%;
		padding: 0px;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
		position: fixed;
		top:auto;
		bottom:0;
		color: #808080;
		text-align: center;
		z-index: 99;
		margin: 0px;
	  }
	  .pg1-row2-item1{
		padding: 0px;
		padding-top: 3px;
		width: 20%;
	  }
	  .pg1-row2-item1:hover{
		padding: 0px;
		padding-top: 3px;
		background-color: #F1F1F1;
	  }
	  .pg1-row2-bar{
		color: #808080;
		font-size: 12px;
		margin: 0px;
	  }
	  .pg1-row2-bar1{
		color: #00A89C;
		font-size: 12px;
		margin: 0px;
	  }
	.dropdown-menu1{
		box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
		min-width: 96px;
		padding: 8px 12px;
		border-radius: 0px;
		top: auto;
		bottom: 100%;
		left: 0px;
		margin-bottom: 2px;
	}
  /*====================*/
	/*第三列(切換表單)*/
	.pg1-row3{
		padding: 3% 2%;
		margin: 0px;
	}
	.pg1-row3-pageselect{
		background-color: #F1F1F1;
		border: 1.5px #F1F1F1 solid;
		border-radius: 5px;
		font-size: 16px;
		width: 100%;
	}
	.pg1-row3-btn1{
		border: 0px;
		height: 36px;
		width: 49%;
		padding: 2px;
		border-radius: 5px;
		background-color: #F1F1F1;
		color: #2D2D2D;
	}
  /*====================*/
	/*第四列(房型、日期、編輯)*/
	.pg1-row4{
		padding: 1% 2% 0px 2%;
		margin: 0px;
	}
	/*第四列-(左)選擇房型*/
	.pg1-row4-dropdown1{
		padding: 0px;
		margin: 0px;
		text-align: left;
	}
	/*第四列-(中)選擇日期*/
	.pg1-row4-date1{
		padding: 0px;
		padding-bottom: 2%;
		margin: 0px;
		text-align: center;
	}
	.pg1-row4-btn1{
		background: url("../images/FastBackward.png") no-repeat;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		border: none;
		text-align: left;
		vertical-align: top;
		margin-top: 8px;
	}
	.pg1-row4-btn2{
		background: url("../images/FastForward.png") no-repeat;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		border: none;
		text-align: right;
		vertical-align: top;
		margin-top: 8px;
	}
	.pg1-row4-datetext1{
		width: 180px;
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: center;
		font-size: 16px;
	}
	/*第四列-(右)編輯*/
	.pg1-row4-btn3{
		background-color: #00A89C;
		font-size: 16px;
		font-weight: bold;
		color: white;
		height: 40px;
		width: 100px;
		text-align: center;
		border: 0.5px solid #808080;
	}
	/*第四列-編輯彈窗*/
	/*第四列-彈窗標題*/
	/*第四列-彈窗內容*/
	.pg1-row4-modalrow2{
		text-align: right;
	}
	.pg1-row4-modaltext2{
		color: #2D2D2D;
		font-size: 14px;
	}

	.pg1-row4-modalweek2{
		padding-right: 6px;
		vertical-align: middle;
	}
	.pg1-row4-modalroomrg1{
		overflow-y: auto;
		border-radius: 3px;
		border: 0.5px solid #808080;
		background: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
		padding: 3px 10px;
		height: 100px;
		margin-left: 30px;
	}
	.pg1-row4-modalroomrg2{
		overflow-y: auto;
		border-radius: 3px;
		border: 0.5px solid #808080;
		background: white;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
		padding: 3px 5px;
		height: 300px;
	}
	.pg1-row4-modalroomrg2-1{
		padding: 5px;
	}
	/*第四列-彈窗尾*/
  /*====================*/
	/*第五列(表單)*/
	.pg1-row5{
		padding: 2% 2% 0px 2%;
		margin: 0px;
	}
	.pg1-row5-table1{
		width: 100%;
		height: 550px;
		font-size: 16px;
		border: 0.5px solid #D0D0D0;
		table-layout : fixed;
		display: block;
		overflow: auto;
		white-space: nowrap;
		word-break: break-all;
	}	
	td{
		padding: 5px;
	}
	.pg1-row5-tr1{
		font-weight: bold;
		position : sticky;
	}
	.pg1-row5-td1{
		min-width: 60px;
		text-align: right;
	}
	.pg1-row5-td2{
		color: #808080;
		min-width: 60px;
		text-align: right;
	}
	.pg1-row5-td3{
		background: #808080;
		min-width: 60px;
		text-align: right;
	}
	.pg1-row5-btn1{
		margin:0px;
		padding:0px;
		border: 0px;
		background: transparent;
		min-width: 60px;
		min-height: 23px;
		text-align: right;
	}
	.roomtype-order{
		background: url(../images/Person.png) no-repeat top right;
		background-size: 12px 12px;
		background-position: 93% 10%;
	}
	.roomtype-close{
		background: url(../images/Sticker_Lock.png) no-repeat center center;
		background-size: 22px 22px;
		margin-top: 5px;
	}
	.roomtype-call{
		background: url(../images/Sticker_Call.png) no-repeat center center;
		background-size: 24px 24px;
		margin-top: 5px;
	}
	.roomtype-open{
		background: url(../images/Sticekr_Star.png) no-repeat center center;
		background-size: 22px 22px;
		margin-top: 5px;
	}
  /*====================*/
	  /*第六列(頁尾)*/
	.pg1-row6{
		text-align: center;
		padding: 20px 0px;
		margin-bottom: 110px;
		margin-top: 60px;
	}

  /*index02*/
  /*====================*/
	/*第四列(房型、日期、編輯)*/
	/*第四列-彈窗*/
	.btn-group .active{
		background: #00A89C;
		color:white;
	}
	.pg2-row5-info1{
		/* position: fixed; 
		bottom: 80px;
		right: 50px; */
		z-index: 99;
		margin: 0px;
		text-align: right;
		margin-top: 8px;
		color: #808080;
		font-size: 14px;
		font-weight: 400;
		vertical-align: middle;
	}

  /*index03*/
  /*====================*/
	/*第四列(提醒文字窗格)*/
	.pg3-row4-text1{
		font-size: 14px;
		color:#808080;
	}
	.pg3-row4-text2{
		padding-top: 5px;
		font-size: 12px;
		color:#808080;
	}
	.pg3-row5-text1{
		color:#2D2D2D;
		font-size: 18px;
		font-weight: bold;
		padding: 8px 0px;
	}
	.pg3-row5-text2{
		color:#2D2D2D;
		font-size: 16px;
		padding: 8px;
	}
	.pg3-row5-date1{
		width: 43%;
		height: 40px;
		border-radius: 0px;
		border: 0.5px solid #808080;
		text-align: center;
		font-size: 16px;
	}
	.pg3-row5-btn1{
		width: 100%;
		height: 40px;
		text-align: center;
		padding: 6px 8px;
		border-radius: 5px;
		background: #00A89C;
		color: white;
		border: 0px;
		margin-top: 3px;
		font-size: 16px;
	}
	.pg3-row5-textrow{
		padding:0px;
		text-align: center;
	}
	.pg3-row5-textrow1{
		padding: 10px 0px;
		text-align: center;
	}
	.pg3-row5-textrow4{
		color:#808080;
		font-size: 14px;
		padding: 12px 0px;
	}
	.pg4-row5-text1{
		color:#2D2D2D;
		font-size: 18px;
		font-weight: bold;
		padding: 4px 0px;
	}
	.pg4-row5-text2{
		color:#808080;
		font-size: 16px;
		padding: 4px 0px;
	}
	.pg4-row5-td4-1{
		background: url(../images/Check_circle_filled.png) no-repeat center left;
		background-size: 30px 30px;
		background-position: 10% 50%;
		padding: 10px 10px 10px 45px;
		color:#00A89C;
	}
	.pg4-row5-td4-2{
		background: url(../images/Cross_circle_lined.png) no-repeat center left;
		background-size: 30px 30px;
		background-position: 10% 50%;
		padding: 10px 10px 10px 45px;
		color:#808080;
		background-color: #F1F1F1;
	}
/*====================*/
  /*index06 建立訂單*/
/*====================*/
	/*第三列(左)資料與內容*/
	.pg6-row3{
		padding: 0px;
		margin: 0px;
	}
	.pg6-row3-block1{
		padding: 0px;
	}
	.pg6-row3-block1-1{
		background-color: #F1FAF7;
		border-radius: 5px;
		padding: 16px 12px;
		margin: 0px;
	}
/*====================*/
  /*index07 日曆表格*/
/*====================*/
	.pg7-row3{
		position: fixed;
		bottom: 52px;
		right: auto;
		left: auto;
		z-index: 10;
		width: 96%;
		margin: 0px 8px;
		padding: 8px;
		border-radius: 10px;
		background-color: white;
		box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.25), -3px -3px 4px 1px rgba(0, 0, 0, 0.25);
	}
/*====================*/
  /*index08 訂單明細*/
/*====================*/
	.pg8-row4-rowblock{
		border: 1px solid #D0D0D0;
		border-radius: 5px;
		padding: 0px;
		margin: 0px 3%;
		margin-bottom: 12px;
	}
	.pg8-row4-block1{
		padding: 0px;
		margin: 0px;
	}
	.pg8-row4-block2{
		background-color: #FFF;
		padding: 5px 3%;
		z-index: 1000;
		position: sticky;
		top: 0px;
	}
	.pg8-row4-orderstatus{
		position: absolute;
		left: 3%;
		top: 13px;
		height: 28px;
		padding: 0px;
		text-align: right;
		font-size: 14px;
	}
/*====================*/
  /*index13 待辦清單*/
/*====================*/
	.p13r4_table{
		border: 0px ;
	}
	.p14r3-ROW_SearchBox1{
		margin: 16px;
		padding: 12px;
		border-radius: 5px;
		background-color: #F1FAF7;
	}
/* 	.p13r4-table_th1{

	} */
	.p14r3-ROW_SearchBox2{
		margin: 16px;
		padding: 0px;
		text-align: right;
	}
	.p15r3-BTN_sortbtn{
		width: calc(100% - 131px);
	}
	/*置中(項次)*/
	.p13r4-table_td.text0_noA{
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		text-align: left;
		float: inline-start;
		height: 100%;
		padding: 0px 6px;
		width: 30px!important;
	}
	.p13r4-table_td.text0_noB.app_position{
		position: absolute;
		right: 13px;
		top: 58px;
		height: 24.5px;
		padding: 0px;
		width: 32px!important;
	}
	.btn-group.app_position{
		position: absolute;
		right: 8px;
		top: 8px
	}
	.p13r4-modalroomstatus{
		position: absolute;
		right: 8px;
		bottom: 8px;
		height: 24.5px;
		padding: 0px;
	}
	.p13r4_table_littletext{
		position: absolute;
		right: 8px;
		bottom: 34px;
		height: 24.5px;
		padding: 0px;
	}
	.p13r4-table_td.text2_price{
		text-align: left;
	}
	.p15r4-BTN_backtoTOPbtn{
		background: url("../images/BacktoTop.png") no-repeat;
		background-size: 80px auto;
		width: 80px;
		height: 50px;
		border: 0px;
		position: fixed;
		right:0;
		bottom: 55px;
	}
    /* 新增合併欄位的樣式 */
	.rg-container {
		max-width: 600px;
		margin: 0 auto;
	  }
	  table.rg-table {
		width: 100%;
	  }
	  table.rg-table tr.hide-mobile,
	  table.rg-table th.hide-mobile,
	  table.rg-table td.hide-mobile {
		display: none;
	  }
	  table.rg-table thead {
		display: none;
	  }
	  table.rg-table tbody {
		width: 100%;
	  }
	  table.rg-table tr,
	  table.rg-table th,
	  table.rg-table td {
		display: block;
		padding: 0;
	  }
	  table.rg-table tr {
		border-bottom: none;
		/* margin: 0 0 1em 0; */
		padding: 8px;
		margin-bottom: 10px;
		border-radius: 5px;
		border: 0.5px solid #D0D0D0;
		background: #FFF;
		box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
	  }
	  table.rg-table tr.highlight {
		background-color: inherit !important;
	  }
	  table.rg-table.zebra tr:nth-child(even) {
		background-color: transparent;
	  }
	  table.rg-table.zebra td:nth-child(even) {
		background-color: #f6f6f6;
	  }
	  table.rg-table tr:nth-child(even) {
		background-color: transparent;
	  }
	  table.rg-table td {
		padding: 0px 50px 0px 30px;
		/* border-bottom: 1px dotted #ccc; */
		/* text-align: right; */
	  }
	  table.rg-table td[data-title]::before {
		/* content: attr(data-title); */
		/* font-weight: bold; */
		display: inline-block;
		content: attr(data-title);
		float: left;
		margin-right: 0.5em;
		/* font-size: 0.95em; */
		background-color: #F1F1F1F1;
		font-weight: 400;
		width: 80px;
		text-align: left;
	  }
	  table.rg-table td:last-child {
		padding-right: 0;
		/* border-bottom: 2px solid #ccc; */
	  }
	  table.rg-table td:empty {
		display: flex;
	  }
	  table.rg-table .highlight td {
		background-color: inherit;
		font-weight: normal;
	  }

	  .p15r3-ROW_SearchRow{
		padding: 0px 6px;
		margin: 0px 0px 8px 0px;
		height: 40px;
	}

	.p14r3-TEXT_textbox{
		padding: 4px 8px;
		border: 0.5px solid #808080;
		background-color: #FFF;
		width: 100%;
		height: 37px;
		color: #2D2D2D;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 8px;
	}

	.p14r3-TEXT_Searchtext1{
		margin: 0px;
		padding: 0px 4px;
		color: #808080;
		font-size: 16px;
		font-weight: 600;
		line-height: 40px;
		height: 40px;
		vertical-align: middle;
		text-align: right;
	}
	.p14r3-Date_Checkin{
		width: 44%;
	}
	.p14r3-TEXT_appwidth{
		display: block;
		width: 100%;
	}
	.p14r3-Select_SelectBox3{
		margin-bottom: 8px;
	}
	.p18r3-pageselect{
		background-color: #F1F1F1;
		border: 1.5px #F1F1F1 solid;
		border-radius: 5px;
		font-size: 16px;
		width: 100%;
	}

  } /* 手機版大小925px結束 */
  
  /* .carousel-inner > .item > img { */
	  /* display: block; */
	  /* width:100%; */
	  /* height:20%; */
  
  /* } */
  
  .jumbotron-fluid {
	background: url(../images/bk-b.png) no-repeat center center;
	background-size: contain;
	/* min-height: 400px; */
	width: 100%;
	height: 100%;
	padding: 0;
  }
  
  .container-fluid {
	/* min-height: 600px; */
	display: flex;
	flex-direction: column;
	background-size: contain;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	padding: 0px;
  }
  .jumbotron .tagline,.tagline {
	color: #fff;
	font-size:16px;
	text-align:center;
  }
  .jumbotron .lead {
	color: #ccc;
  }
  
  .jumbotron [class*="col-"] {
	background-color: #eee;
	background-color: rgba(86, 61, 124, 0.15);
	border: 1px solid rgba(86, 61, 124, 0.2);
	height: 400px;
	padding-top: 55px;
	padding-bottom: 55px;
	overflow: auto;
  }
  
  .box {
	color: #433955;
	margin-bottom: 20px;
	min-height: 200px;
	text-align: center;
  }
  .box img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: block;
	width: 100%;
	overflow: hidden;
  }
  .box .box-heading {
	max-height: 120px;
	overflow: hidden;
  }
  .box .box-body {
	border: 2px solid  #eaedf2;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 0 10px 20px 10px;
  }
  
  @media (max-width: 768px) {
	.navbar-right form {
	  display: none;
	}
  }
  @media (max-width: 568px) {
	.jumbotron {
	  text-align: center;
	}
  
	footer {
	  text-align: center;
	}
}
}