@charset "UTF-8";
/*
1. cwTeXKai (Chinese Traditional) 楷體字體
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
font-family: ‘cwTeXKai’, serif;

2. cwTeXYen (Chinese Traditional) 圓體字體
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
font-family: ‘cwTeXYen’, sans-serif;

3. cwTeXFangSong (Chinese Traditional) 仿宋體字體
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
font-family: ‘cwTeXFangSong’, serif;

4. Noto Sans TC (Chinese Traditional) 黑體字體（思源黑體）
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
font-family: ‘Noto Sans TC’, sans-serif;

5. cwTeXMing (Chinese Traditional) 明體字體
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
font-family: ‘cwTeXMing’, serif;

@import url(/css/font_face.css);
SourceHanSansTC-Bold 
 
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
cwTeXKai


@import url(/css/font_face.css);
SourceHanSansTC
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

/*BODY{ max-width:768px height:100%; font-family: 'Noto Sans TC',sans-serif; font-size:1em; font-weight:normal;
	background-position:bottom; background-size:contain; padding:0; margin:0 auto; box-sizing:border-box;}
*/
/*.login_bker{ height:100%; background:url(/images/phone_bkere.jpg) no-repeat center bottom; background-size:250%; position:absolute;}*/
/*.table {margin-bottom:25em;}*/
.nowrap{white-space:nowrap
}
/*.room_zone{ max-width:768px; position:relative;}*/


/* -- 顏色設定 -- */
.grass{ background: #B7CA2E;}
.grass_light{background:  #e1e9a9;}

.sky{ background:  #75d3d8;}
.sky_light{background:  #c8edef;}

.lilac{background:  #9f89bd;}
.lilac_light{background:  #d7cfe3;}

.lilac{background:  #9f89bd;}
.lilac_light{background:  #d7cfe3;}

.empty{ border:1xp #CACACA solid;}
.out{ background:#CACACA;}

.btn-danger {
background-color: #f36270 !important;
border: 1px solid #f36270 !important;
color:white !important;
    }
.btn-dark {
  color: #fff !important; 
  background-color: #323a46 !important;
  border-color: #323a46 !important; }
.line{
	width: 100%;
    height: 1px;
    background: #e2e6eb;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    margin: 0px 0px 20px 0px;
}
.btn-center{
	 position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.w-100{ width:100% }
.ml-10{ margin-left:10px }
.bg-white{ 
	background:white; 

}
.text-center{ text-align:center; }
.bar-space{  padding-bottom: 20px }
.center{    
	display: flex;
    justify-content: center;
}
.center_margin{    
	margin: 0 auto;
}

.text-center{ text-align:center; }
/* -- 登入頁面 -- */
.eve_login_box{ width:70%; padding:70px 30px 60px 30px; margin:0 auto; box-sizing:border-box;}

.login_title_pix{ display:flex; justify-content:center; align-items:center; 
	width:100%; height:auto; padding:0; margin:0 auto 25% auto; box-sizing:border-box;}
.login_title_pix img{ width:40%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.login_title_pix h2{ width:100%; text-align:center; font-size:1.6em; font-weight:bold; color:#164234; margin:0 auto;}

.eve_login_box h3{ display:flex; justify-content:space-between; align-items:flex-end; 
	padding:0 0 0 17%; margin:0 0 15px 0; box-sizing:border-box;}
.eve_login_box h3 p{font-size:1em; font-weight:bold; color:#6eb63b; padding:0; margin:0 0 0 0; box-sizing:border-box;}
.eve_login_box h3 img{ width:auto; height:100px; padding:0; margin:0 10px 0 0; box-sizing:border-box;}

.puc_lo_Multinational{ max-width:10rem; text-shadow:1px 1px 0 #fff; border-radius:10px; 
	color:#666; background:rgba(255,255,255,.7); margin:0 auto;}
.puc_lo_Multinational:hover,
.puc_lo_Multinational:active{ color:#fa9901;}
.puc_login_ccsel{ left:calc(50% - 5rem);}
.puc_login_ccsel li a{ text-align:center; color:#999;}

.eve_inp_box{ display:flex; width:90%; justify-content:center; align-items:center; margin:0 auto 20px auto; box-sizing:border-box;}
.eve_inp_box label p{ font-size:1.6em; color:#918d82; padding:0; margin:0 8px 0 0; box-sizing:border-box;}
.eve_inp_box input{ width:80%; font-size:.9em; border:none; border-radius:12px; background:#cfd4d2; 
	padding:12px 20px 15px 20px; margin:0 0 0 0; box-sizing:border-box;}
.msg_txt{ width:83%; text-align:right; font-size:1.1em; color:#d56400; 
	padding:0; margin:-10px auto 15px auto; box-sizing:border-box;}
.eve_bbt_box{ display:flex; justify-content:flex-end; width:90%; padding:0; margin:0 auto; box-sizing:border-box;}
.eve_bbt_box input{ width:35%; font-size:1.3em; font-weight:normal; border: none; border-radius:30px; color:#fff; background:#6db63a;
	padding:5px 20px; margin:30px auto 0 auto; box-sizing:border-box; box-shadow:0 5px 8px rgba(0,0,0,.2); transition:0.4s;}
.eve_bbt_box input:hover{ color:#fff; box-shadow:inset 0 0 8px rgba(0,0,0,.2);}


/* -- 登入內頁 -- */
.puc_title_bar{ line-height:22px; height:54px; color:#fff; padding:0; margin:0; box-sizing:border-box;
	box-shadow:0 2px 5px rgba(0,0,0,.2);}
.puc_top_first{ width:120px; text-align:center; border-radius:0 0 10px 10px; 
	padding:18px 50px; margin:0 10px 0 0; box-sizing:border-box; box-shadow:2px 2px 15px rgba(0,0,0,.3);}

.puc_title_bar ul li a{ color:#fff;}
.puc_title_bar ul li a:hover,
.puc_title_bar ul li a:active{ text-shadow:1px 1px 0 rgba(255,255,255,.2);}

.puc_title_bar .puc_ton_insel{ border:solid 1px #ccc;}

.puc_bbt_co{ border:none; color:#fff;}
.puc_bbt_co:hover,
.puc_bbt_co:active{}


/* -- 房間狀況頁 -- */
/*.puc_topbar_zone{ paddingk:22px 0 0 0; background: white;}*/
/*.puc_topbar_bbt{ margin:0 auto; }*/
/*.puc_topbar_bbt a{ display:block; width:48px; height:48px; border-radius:50%; 
	background:#6DB63A; padding:0; margin:0; box-sizing:border-box; box-shadow:0 2px 5px rgba(170,180,210,.5);}*/

/*.puc_topbar_viewbbt{ height:43px; text-align:center; padding:0;}
.puc_topbar_viewbbt:first-child{ border-right:dotted 1px #d0cbc6;}
.puc_topbar_viewbbt a{ width:80%; line-height:43px; text-align:center; text-decoration:none; font-size:1.2em; font-weight:400; color:#b8b1a8;}
.puc_topbar_viewbbt .active{ border-radius:40px; color:#fff; background:#E8962E;}*/

/*.puc_room_bar{ width:97%; border-bottom:solid 1px #E1DFD9; padding:0 0 20px 0;}
.puc_room_bar h3{ display:block; font-size:1em; color:#064D4B; padding:5px 0 10px 18px; margin:10px 0 0 0;}

.puc_room_complete{ width:82px; height:38px; line-height:36px; border-radius:40px; color:#fff; background:#B4D231; 
	padding:0 0 0 13px; margin:0 0 0 30px; box-sizing:border-box;}
.puc_room_complete img{ width:45%; padding:0; margin:-5px 0 0 0;}
.puc_room_busy{ width:82px; height:38px; line-height:36px; border-radius:40px; color:#fff; background:#769070; 
	padding:0 0 0 13px; margin:0 0 0 30px; box-sizing:border-box;}
.puc_room_busy img{ width:45%; padding:0; margin:-5px 0 0 0;}
.puc_room_waitss{ width:82px; height:38px; line-height:36px; border-radius:40px; color:#fff; background:#DF776E; 
	padding:0 0 0 13px; margin:0 0 0 30px; box-sizing:border-box;}
.puc_room_waitss img{ width:45%; padding:0; margin:-5px 0 0 0;}

.puc_room_number{ line-height:36px; font-size:2.1em; font-weight:bold; color:#064D4B; padding:0 0 0 20px;}
.puc_room_time{ line-height:14px; text-align:center; font-size:.7em; font-weight:bold; color:#4D7958; padding:0; margin:-3px 0 0 -5px;}
.puc_room_time img{ width:10%; padding:0; margin:0 0 0 0;}
.puc_room_name{ line-height:36px; font-size:2.1em; font-weight:bold; color:#064D4B; padding:0; margin:0 0 0 -2px;}*/




/* -- 跳出搜尋表單 -- */
.puc_housing_top_navbker{ display:flex; justify-content:center;
	width:100%; height:100%; background:rgba(0,0,0,.5); padding:0; margin:0; 
	box-sizing:border-box; position: fixed; top:0; left:0; z-index:9999;}

.puc_search_top_box{ 
	display:block; 
	width:768px; 
	height:auto; 
	text-align:center; 
	border-radius:3px; 
	background:#fff; 
	padding:30px 0; 
	margin:0 auto; box-sizing:border-box; 
	box-shadow:0 3px 15px rgba(0,0,0,.2); 
	position:absolute; 
	top:92px; z-index:630;
}
.puc_search_top_box input{ width:80%; text-align:center; font-size:1em; font-weight:bold; border:solid 1px #ccc; 
	color:#ccc; padding:8px 0; margin:0 auto 20px auto; box-sizing:border-box;}
/*.puc_search_top_box a{ display:block; width:80%; text-decoration:none; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #ccc; border-radius:10px;
	color:#fff; background:#6DB63A; padding:8px 0; margin:0 auto; box-sizing:border-box;}
.puc_search_top_box a:active{}*/




.puc_search_top_box1{ 
	display:block; 
	width:90%; 
	height:auto; 
	text-align:center; 
	
	background:#fff; 
	padding:30px 0; 
	
}
.puc_search_top_box1 input{ width:80%; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #ccc; border-radius:10px;
	color:#ccc; padding:8px 0; margin:0 auto 20px auto; box-sizing:border-box;}
.puc_search_top_box1 a{ display:block; width:80%; text-decoration:none; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #ccc; border-radius:10px;
	color:#fff; background:#6DB63A; padding:8px 0; margin:0 auto; box-sizing:border-box;}
.puc_search_top_box1 a:active{}




/* -- 房間狀況頁下拉功能表 -- */
/*.puc_housing_top_navbkers{ display:flex; justify-content:center;
	width:100%; height:100%; background:pink; padding:0; margin:0; 
	box-sizing:border-box; position:fixed; top:0; left:0;}*/

.puc_housing_top_navbox{ 
	display:block; 
	width:100%;
/*	 border-radius:0 0 20px 20px; */
	 background:#fff;
	  padding:0;
	  margin:0 auto; 
	box-sizing:border-box; 
/*	box-shadow:0 2px 15px rgba(0,0,0,.2); */
	position:absolute; 
	top:0px;
	 left:0;
	  z-index:620;
	}



.puc_housing_top_navbar{ 
	width:100%; 
	height:auto; 
	padding:10px 0px;
	 margin:0; 
	 box-sizing:border-box;
	}
/*	display:flex; justify-content:space-between; align-items:flex-start;*/

.puc_housing_top_navtit{ 
	 /* width: 22%; */
    font-size: 1em;
    /* font-weight: bold; */
    color: #6c757d;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;

}

.selector_input{ 
margin: 0px 0px 20px 0px
 }
.puc_housing_top_navman{ 
	display:flex; 
	justify-content:space-between; 
	align-items:center; 
	flex-wrap:wrap;
	width:100%; padding:0; margin:0; 
	box-sizing:border-box;     
	border-bottom: 1px #cacaca dotted;
	padding-bottom: 20px;
}


.puc_housing_top_navman a{ 
	/*width:29%; text-decoration:none; text-align:center; font-size:1em; font-weight:400; 
	    border:solid 1px #e0e0e0; border-radius:20px; color: #6c757d; 
	    background:#fff; padding:5px 10px; margin:0 0 10px 0; box-sizing:border-box;
	    display: inline-block;*/
    width: 100%;
    height: calc(1.5em + 0.9rem + 2px);
    padding: 0.45rem 0rem ;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
   text-align: center;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

	}

	
.puc_housing_top_navman a:active{ color:#fff; background:##FF9064;}
.puc_housing_top_navman .active{ color:#fff; background:#FF9064; }

.puc_housing_top_navmans{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	width:75%; padding:0; margin:0; box-sizing:border-box;}
.puc_housing_top_navmans a{ width:23%; text-decoration:none; text-align:center; font-size:1em; font-weight:400; 
	    border:solid 1px #e0e0e0; border-radius:20px; color:#064D4B; 
	    background:#fff; padding:5px 10px; margin:0 0 10px 0; box-sizing:border-box;}
.puc_housing_top_navmans a:active{ color:#fff; background:#769070;}
.puc_housing_top_navmans .active{ color:#fff; background:#769070;}

.puc_housing_top_navmand{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	width:100%; padding:0 20px; margin:-10px 0 0 0; box-sizing:border-box;}
.puc_housing_top_navmand a{ width:15%; text-decoration:none; text-align:center; font-size:1em; font-weight:400; 
	    border:solid 1px #e0e0e0; border-radius:20px; color:#064D4B; 
	    background:#fff; padding:5px 10px; margin:0 0 10px 0; box-sizing:border-box;}
.puc_housing_top_navmand a:active{ color:#fff; background:#769070;}
.puc_housing_top_navmand .active{ color:#fff; background:#769070;}

.puc_housing_top_navline{ width:100%; height:1px; background:#ccc; padding:0; margin:0; box-sizing:border-box;}

.puc_housing_top_navdowb{ width:100%; padding:0 20px; margin:0; box-sizing:border-box; position:relative;}
.puc_housing_top_navdowb input{ width:100%; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #ccc; border-radius:10px;
	color:#ccc; padding:8px 0; margin:0 0 20px; box-sizing:border-box;}
.puc_housing_top_navdowb a{ display:flex; justify-content:center; align-items:center;text-decoration: none;
	width:45px; height:45px; border:solid 5px #fff; border-radius:50%; 
	background:#769070; box-shadow:inset 1px 1px 2px rgba(255,255,255,.5),inset -1px -1px 2px rgba(0,0,0,.5); 
	position:absolute; bottom:-25px; left:calc(50% - 22px); z-index:620;} 
.puc_housing_top_navdowb a svg{ fill:#fff; }


/* -- 房間住退狀況頁 -- */
.list_rec{
	display:flex;
	color: #666666;
	font-size: 0.8rem;
}
.rec_grass{ width:10px;
	 height: 10px;
	 background: #B7CA2E;
	 margin: 8px;
 }
.rec_grass_light{ width:10px;
	 height: 10px;
	 background:#e1e9a9;
	 margin: 8px;
 }


.rec_sky{ width:10px;
	 height: 10px;
	 background:#75d3d8;
	 margin: 8px;
 }

.rec_sky_light{ width:10px;
	 height: 10px;
	 background:#c8edef;
	 margin: 8px;
 }

.rec_lilac{ width:10px;
	 height: 10px;
	 background: #9f89bd;
	 margin: 8px;
 }

.rec_lilac_light{ width:10px;
	 height: 10px;
	 background:#d7cfe3;
	 margin: 8px;
 }

.rec_empty{ width:10px;
	 height: 10px;
	  border:1px  solid #CACACA !important;
	  margin: 8px;
 }

.rec_out{ width:10px;
	 height: 10px;
	 background:#CACACA;
	 margin: 8px;
 }


/*公佈欄*/
.bord-bar{
/*	height: 60px;*/
    /* border: solid 1px #e0e0e0; */
    background: #fff;
/*    overflow: hidden;*/
/*    margin: 0px 0px 45px 0px;*/
    width: 100%;
    width: 100%;
/*    height: 75px;*/
    border: solid 1px #e0e0e0;
    border-radius: 5px;
    border-bottom: solid 1px #E1DFD9;
    background: #fff;
    padding: 0;
    margin: 0 auto 20px auto;
/*    overflow: hidden;*/
    padding-top: 10px;
}
.bord-bar a{
	display: flex;
	width: 100%;
	cursor: pointer;
/*	border: 1px solid #cacaca;*/

}
.bord-bar a:hover{
	/*border: 1px solid #FF9064;
	background-color: rgba(255, 144, 100, 0.1);*/
	cursor: pointer;
}


.bord-box{ }
.bord-box1{     

 height: auto;
    text-align: center;
/*    border: solid 1px #e0e0e0;*/
    border-top: none;
    /* border-radius: 0 0 15px 15px; */
    background: #fff;
    padding: 20px;
    margin: 0px auto 20px auto;
    box-sizing: border-box;
    width: 100%;
    }

.bord-num{  
/*	width: 30%; */
	color:#323a46; 
/*	border:1px solid #cacaca;*/

	text-align: center; 
	background: #f1f5f7;
	padding: 0px 10px;
/* position: relative;
  top: 50%;  
  left: 50%;
  transform: translate(-50%, -50%);*/
}
.bord-num p{
position: relative;
  top: 50%;  
  left: 50%;
  transform: translate(-50%, -50%); 
}
 .bord-title{
/* border-left: 1px solid #cccccc;*/
 width: 70%;
 padding-left: 20px;
 color: #666666;
 }

.bord-title h4{ 
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    color: #666666;
    padding: 0;
    margin: 0;
    box-sizing: border-box;

 }
  .bord-title p{
 font-size: 1em;
    color: #666666;
    margin-bottom: 0rem;

 }

.bord-title a
 {
color: #666666;
 }

/*遊客(公務房/修繕房/招待房...)*/

/*.list1{ border-bottom:solid #cacaca 1px; }*/

.list1 .prb_bar_a{ /*background: #B7CA2E;*/ color:#B7CA2E; }
.list1 .puc_roomcin_bar{border: 1px solid #B7CA2E; color:#B7CA2E; padding-top: 10px; border-radius: 0.25rem;}
.list1 .prb_bar_b{ color:#B7CA2E;}

.list1-1 .prb_bar_a{ /*background: #e1e9a9; */ color:#e1e9a9;}
.list1-1 .puc_roomcin_bar{border: 1px solid #e1e9a9; color: #e1e9a9;}
.list1 .puc_roomcin_bar:hover i{  padding-left:10px; transition: all 0.5s ease-out; }

/*旅行社*/
/*.list2{ border-bottom:solid #cacaca 1px; }*/
.list2 .prb_bar_a{  color:#75d3d8; }
.list2 .puc_roomcin_bar{border: 1px solid #75d3d8; color:#75d3d8; padding-top: 10px;   border-radius: 0.25rem;}
.list2 .prb_bar_b{ color:#75d3d8;}
.list2 .puc_roomcin_bar:hover i{  padding-left:10px; transition: all 0.5s ease-out; }

.list2-1 .prb_bar_a{ background: #c8edef; }
.list2-1 .puc_roomcin_bar{border: 1px solid #c8edef; background: #c8edef;}

/*合約公司*/
.list3{  }
.list3 .prb_bar_a{ /*background: #9f89bd;*/ color:#9f89bd; }
.list3 .puc_roomcin_bar{border: 1px solid #9f89bd; color: #9f89bd; padding-top: 10px; border-radius: 0.25rem;}
.list3 .prb_bar_b{ color:#9f89bd;}
.list3 .puc_roomcin_bar:hover i{  padding-left:10px; transition: all 0.5s ease-out; }

.list3-1 .prb_bar_a{ background: #d7cfe3; }
.list3-1 .puc_roomcin_bar{border: 1px solid #d7cfe3; background: #d7cfe3;}






/*已退房*/


.puc_roomcin_bar{  
	height:75px; 
/*	border:solid 1px #e0e0e0; */
	background:#fff; 
	overflow:hidden;  
    margin: 0px 0px 15px 0px;

    
}

.puc_roomcin_bar1{  
/*	height:75px; */
/*	border:solid 1px #e0e0e0; */
	background:#fff; 
/*	overflow:hidden;  */
    /*margin: 0px 0px 15px 0px;
    margin: 20px;*/
    padding: 20px;
    
}
.puc_number{  
 float: left;

} 

.puc_roomcin_bar1 a{ 
/*	display:flex;
 justify-content:space-between; 
 align-items:center;*/
	 
/*	height:75px;*/
	 text-decoration:none;
	 color: #6c757d;
	}
.puc_roomcin_bar1 h2{ font-size:1.5em  }
.puc_roomcin_bar1 h3{  font-size:1em }

.puc_roomcin_bar a{
/*	display:flex; justify-content:space-between; align-items:center;*/
	width:100%; height:75px; text-decoration:none;
}


.room_circle{
	    color: white;
    background: #FF9064;
       border-radius: 12px;
    text-align: center;
    margin-right: 8px;
    font-size: 12px;
    padding: 4px 9px;
    cursor: pointer;


}

/*.prb_top{ margin:34px auto 9px auto; }*/
/*.prb_main{ margin:0 auto 8px auto; }*/

.prb_bar_a{
 /*display:flex; 
 justify-content:center; 
 align-items:center; 
	width:66px; */
	
width: 100%;
/*	height:100%;
	 background:#92c558; */
	 padding:0; 
	 margin:0; 
	 box-sizing:border-box;
	 color: white;
padding-left: 20px;
	}


.prb_bar_a h2{ font-size:2.4em; font-weight:normal; color:#fff; padding:0; margin:-8px 0 0 2px; box-sizing:border-box;}

.prb_bar_b{ 
/*		display:flex; 
	flex-wrap:wrap; 
	justify-content:flex-start;
	 align-items:center;
	width:calc(100% - 126px); 
	height:100%; text-align:left; 
padding:0 0 0 15px; 
	margin:-10px 0 0 0; 
	box-sizing:border-box;*/
    width: 100%;
/*    text-align: center;*/
    line-height: 30px;
    padding-left: 20px;
}


.prb_bar_b h2{ width:100%; height:auto; font-size:1.5em; letter-spacing:2px; color:#064D4B; 
	padding:0; margin:0; box-sizing:border-box;}
.prb_bar_b h3{ width:100%; font-size:.9em; color:#DD806F; padding:0; margin:-25px 0 0 0; box-sizing:border-box;}

.prb_bar_c{ display:flex;  justify-content:center; align-items:center; 
	width:60px; height:100%; padding:0; margin:0; box-sizing:border-box;}
.prb_bar_c p{ display:block; width:28px; height:28px; border-radius:50%; background:#4C7A57; padding:0; margin:0; box-sizing:border-box;}
.prb_bar_c p img{ width:100%; height:auto;}

.prb_bar_d{ width:calc(100% - 66px);; padding:11px 0 0 15px; margin:0; box-sizing:border-box;}
.prb_bar_d h2{ font-size:1.2em; letter-spacing:2px; color:#064D4B; padding:0; margin:0; box-sizing:border-box;}
.prb_bar_d h3{ font-size:.9em; color:#DD806F; padding:0; margin:8px 0 0 0; box-sizing:border-box;}

.prb_bar_e{ width:calc(100% - 66px);; padding:15px 15px 0 15px; margin:0; box-sizing:border-box;}
.prb_bar_e h2{ line-height:22px; font-size:1.2em; letter-spacing:2px; color:#064D4B; padding:0; margin:0; box-sizing:border-box;}

.prb_bar_f{}

.prb_bar_g{}

.room_housing_top{ margin:20px auto 0 auto;}
.room_housing_dowbar{
	color: #fff;
    background: #6c757d;
    text-align: center;
/*    height: 40px;*/
    display: flex;
    justify-content: space-between;
/*    line-height: 40pxs;*/
    width: 100%;
   


}
.room_housing_dowbar a{ 
	text-decoration:none; color:#fff;
	/* display: flex;
    justify-content: space-between;
    align-items: center;*/
    width: 100%;
    /* height: 54px;
    border-radius: 50px; */
    
  /*   padding-left: 10px;
   margin: 0 auto;
    box-sizing: border-box;
    margin-top: 24px;
    height: 36px;
    margin-left: 30px;*/

}

/*.room_h_btl{ padding:0; margin:0 0 0 6px;}*/
.room_h_btl a{ text-align:left; float:left; }
.room_h_btl a:hover {color:#FF9064 }
.room_h_btc a{ font-size:1.1em; letter-spacing:1px;  
 color: #cacaca;}
/*.room_h_btr{ padding:0; margin:0 20px 0 0;}*/
.room_h_btr a{text-align: right; color: #cacaca; float: right;}

.room_h_btl a:hover { color:#FF9064; }

.room_h_btl a,
.room_h_btc a,
.room_h_btr a{ }

.room_h_btl a img,
.room_h_btc a img,
.room_h_btr a img{ width:50px;}

.room_h_btl a img{ margin:0 -10px 0 0;}
.room_h_btr a img{ margin:0 -10px 0 0;}


/* -- 訂單摘要 -- */
.puc_roominfo_box{ 
/*	width:80%;*/
 height:auto; text-align:center;
  border:solid 1px #e0e0e0; 
  border-top:none;
/*  border-radius:0 0 15px 15px;*/
	background:#fff; padding:20px; margin:-15px auto 20px auto; box-sizing:border-box; box-shadow:0 5px 10px rgba(0,0,0,.1);}

.puc_roominfo_box ul{ 
/*	width:90%; */
	list-style:none; 
	text-align:left; 
	padding:15px;
	 margin:0 auto 10px auto; 
	 box-sizing:border-box;
	}
.puc_roominfo_box ul li{ 
	/*	display:flex; 
	align-items:center;
	font-size:.9em; 
	color:#6c757d; padding:0; 
margin:-15px 0 5px 0;
	 box-sizing:border-box;*/
/*	 display:flex; */
	 /*justify-content:space-between; 
	 align-items:flex-start;*/
	border-bottom:dotted 1px #ccc; padding:0 10px 5px 10px; margin:0 auto 8px 
	auto; box-sizing:border-box;


	}
.puc_roominfo_box ul li svg{
	float: right;
	margin-left: 10px;

}

.puc_roominfo_box ul li input{ padding:0; margin:0 5px 0 0; box-sizing:border-box;}
.puc_roominfo_box ul li label{ 
	padding:0; 
/*	margin:-2px 0 0 0; */
	box-sizing:border-box;}
/*
.puc_roominfo_tit{ width:100%; height:auto; padding:0; margin:0 0 15px 0;}
.puc_roominfo_tit h3{ color:#064D4B; padding:0; margin:0; box-sizing:border-box;}
.puc_roominfo_tit p{ color:#DD806F; padding:0; margin:0; box-sizing:border-box;}

.puc_roominfo_tibar{ display:flex; justify-content:space-between; align-items:center; 
	border-radius:20px;	width:100%; color:#fff; padding:4px 20px; background:#4d7958;}

.puc_roominfo_tibar h4{ font-size:.9em; color:#fff; padding:0; margin:0; box-sizing:border-box;}
.puc_roominfo_tibar a{ font-size:.8em; color:#fff; padding:0; margin:0; box-sizing:border-box;}*/

.puc_roominfo_weapper{
	
}
.puc_roominfo_tite h4{
	background: #666666;
    color: white;
    padding: 12px;
}
.puc_roominfo_tite a{
	background: #FF9064;
    color: white;
    padding: 10px 20px 10px 20px;
    float: right;
    top: 0px;
    margin-top: -54px;
    content: "\e842";
}


.puc_addtodo_tibar{ display:flex; justify-content:space-between; align-items:center; 
/*	border-radius:20px;	*/
padding: 10px;
	width:100%; color:#fff; padding:4px 20px 6px 20px; background:#6666;
 padding: 10px;
}
.puc_addtodo_tibar h4{ font-size:.9em; 
	color:#fff; padding:0; margin:0; 
	box-sizing:border-box;}
.puc_addtodo_tibar a{
 font-size:.8em; color:#fff; padding:0; margin:0;
  box-sizing:border-box;
  text-decoration: underline;
}



.puc_addtodo_addbox{ 
	padding: 20px;
    height: auto;
    background: #f1f5f7;
    box-sizing: border-box;
}




.puc_roominfo_box .puc_addtodo_addbox li{ 
	display:flex; align-items:flex-start;
/*	width:95%; */
padding: 15px;
/*	border-bottom:dotted 1px #dafa4e; */
	padding:0 10px 5px 10px;
	 margin:0 auto 5px auto; box-sizing:border-box;}
.puc_roominfo_box .puc_addtodo_addbox li p{ width:20%; 
	text-align:right; font-size:1.2em; font-weight:300; color:#6c757d;
	padding:0; margin:0; box-sizing:border-box;} 

.puc_roominfo_box .puc_addtodo_addbox li select,
.puc_roominfo_box .puc_addtodo_addbox li input,
.puc_roominfo_box .puc_addtodo_addbox li textarea{ width:78%; font-size:1.2em; border:none; border-radius:6px;
	color:#4d7958; padding:2px 10px; margin:0; box-sizing:border-box;}
.puc_roominfo_box .puc_addtodo_addbox li .insbox{ width:25px; height:25px; border:none; border-radius:6px;
	padding:0; margin:0; box-sizing:border-box;}
.puc_roominfo_box .puc_addtodo_addbox li button{ display:block; width:100%; height:36px; font-size:1.2em; font-weight:500; 
	border:none; border-radius:6px;	color:#fff; background:#4d7958; padding:5px 0; margin:0 auto; box-sizing:border-box;}

.div_todo{
    padding-left: 0;
    }

.div_todo svg{ cursor:pointer; }

.div_todo  li{ 
	list-style: none;
    padding: 10px 10px 10px 20px;
    margin-top: 10px;
    border: #cccccc solid 1px;
   
}

.div_todo label{   
    padding-left: 10px;
}


.puc_roominfo_box .puc_addtodo_inmain{ display:block; width:95%; border:none; border-radius:0 0 8px 8px; color:#fff; 
	background:#c2bcb5; padding:10px 15px 8px 15px !important; margin:-9px auto 12px auto !important; box-sizing:border-box;}



.puc_roominfo_box .puc_addtodo_listbox li{ 
/*	display:flex; justify-content:space-between; align-items:flex-start;*/
	/*border-bottom:dotted 1px #ccc; padding:0 10px 5px 10px; margin:0 auto 8px 
	auto; box-sizing:border-box;*/
}
.puc_roominfo_box .puc_addtodo_listbox li svg{ 


 }
.puc_addtodo_listbar label{ font-size:1.2em; padding:0; margin:0; box-sizing:border-box;}

.puc_roominfo_dowbbt{ width:100%; padding:0; margin:0; box-sizing:border-box;}
.puc_roominfo_dowbbt a{ display:block; width:100%; text-decoration:none; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #ccc; border-radius:10px;
	color:#fff; background:#6DB63A; padding:8px 0; margin:0 auto; box-sizing:border-box;}
.puc_roominfo_dowbbt a:active{}

.puc_remark_txt{ width:100%; text-align:left; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_remark_txt p{ 
	line-height:18px; 
	font-size:1em;
	color:#666666; 
	padding:0; 
	margin:0;}

.puc_remark_txt p:last-child{ margin:0 0 10px 0;}

.puc_remark_popbox{ display:flex; justify-content:space-between; align-items:center;
	width:100%; text-decoration:none; text-align:center; font-size:1.2em; font-weight:bold; 
	border: solid 1px #e0e0e0; border-radius:20px; padding:0; margin:0 auto 10px auto; box-sizing:border-box; overflow:hidden;}
.puc_remark_popbox:last-child{ margin:0 auto;}
.puc_remark_popbox h3{ display:block; width:40%; height:100%; text-align:left; font-size:1em; border-radius:0 8px 8px 0; 
	padding:8px 0px 8px 15px; margin:0; box-sizing:border-box;}

.puc_remark_popbox span{ font-size:.5em; padding:0; margin:0; box-sizing:border-box;}
.puc_remark_popbox a{ display:block; text-decoration:none; width:50px; font-size:.7em; font-weight:500; border-radius:20px; color:#e52d0c; 
	background:#fff; padding:1px 0 2px 0; margin:0 10px 0 0; box-sizing:border-box;}
.puc_remark_popbox p{ display:block; width:50px; font-size:.7em; font-weight:400; border-radius:20px; color:#fff; 
	background:#92c558; padding:1px 0 2px 0; margin:0 10px 0 0; box-sizing:border-box;}

.puc_re_leader{ background:#4d7958;}
.puc_re_leader h3{ color:#fff;}
.puc_re_leader h3 span{ color:#ffda3b; margin:0 0 0 8px;}
.puc_re_leave{ background:#DD806F;}
.puc_re_leave h3{ color:#fff;}
.puc_re_member{ background:#fff;}
.puc_re_member h3{ color:#4d7958;}


/* -- 房間住退狀況次選單 -- */
.puc_sub_topbar_zone{ padding:0 6px; margin:20px 0 22px 0;}

.puc_submenu_box::-webkit-scrollbar {
  display: none;
}
.puc_submenu_box{ 
	z-index: 99;
/*	display: block !important;*/

	width:240px;
/*	background:rgba(0,0,0,.5); */
	padding:0px;
	 margin:30px auto 0 auto; 
	 box-sizing:border-box; 
	 position:absolute; 
	 top:39px; 
	 left:0px;
/*	   width: 100vw;*/
  height: 100vh;
  overflow-y: scroll;
/*  padding-right: 7px;*/

	}
	
.puc_subtopbar_bbt{ margin:0 auto; }
.puc_subtopbar_bbt a{ display:block; width:48px; height:48px; border-radius:50%; 
	background:#DF776E; padding:0; margin:0; box-sizing:border-box; box-shadow:0 2px 5px rgba(170,180,210,.5);}

.ptb_sub_l{ padding:0px 0 0 0px;}

.puc_room_wrapper{    
 border: 1px solid #cacaca;
 width: 100%;
 background: white; 
 width: 240px;
}



/*.puc_room_popsup_box{ width:98.3%; height:auto; padding:0; margin:0px auto 15px auto;}

.puc_roominfo_tibar,.puc_suppop_title_bar{ display:block; width:100%; height:64px; position:relative;}*/

/*.puc_suppop_tit_txt{ border-radius:20px 20px 0 0; color:#fff; 
	padding:12px 30px 0px 27px; margin:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:50;}
.puc_suppop_tit_txt:before{ content:""; display:block; width:15px; height:15px;
	background:#164234; position:absolute; right:-10px; bottom:18px; z-index:20;}
.puc_suppop_tit_txt:after{ content:"";  display:block; width:15px; height:15px; border-radius:0 0 0 10px;
	background:#fff; position:absolute; right:-15px; bottom:21px; z-index:20;}*/
.puc_suppop_tit_txt{
	
	color: white;  

}
.puc_suppop_tit_txt h3{ 
	    /* padding: 5px 10px; */
    margin: 20px 25px 0px;
    /* background: #cacaca; */
    color: #cacaca;
    font-weight: 800;
    border-bottom: 1px #cacaca solid;
    font-size: 20px;
 }


/*.puc_suppop_tit_txts{ border-radius:20px 20px 0 0; color:#fff; 
	padding:12px 30px 0px 27px; margin:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:50;}
.puc_suppop_tit_txts:before{ content:""; display:block; width:15px; height:15px;
	background:#6DB73A; position:absolute; right:-10px; bottom:18px; z-index:20;}
.puc_suppop_tit_txts:after{ content:"";  display:block; width:15px; height:15px; border-radius:0 0 0 10px;
	background:#fff; position:absolute; right:-15px; bottom:22px; z-index:20;}*/

.puc_suppop_tit_txts{
	background: #cacaca; 
	color: white;  

}	
.puc_suppop_tit_txts h3{
	padding: 5px 10px;
    margin: 10px 25px;
}

/*.puc_suppop_tit_bar{ width:100%; height:25px; border-radius:20px 20px 0 0; position:absolute; right:0; bottom:0;}*/
.puc_suppop_main_box{ width:100%; height:auto; border-radius:0 0 20px 20px; padding:2px 26px 19px 26px; margin:0; box-sizing:border-box;}
.puc_suppop_main_line{ width:100%; height:1px; background:#E1DFD9; padding:0; margin:0; box-sizing:border-box;}

.puc_suppop_main_sea{ 
padding: 30px 5px 5px 5px;
    font-weight: 700; 

}
/*.puc_suppop_main_sea a{ text-decoration:none; font-size:1.4em; font-weight:400;}*/

.puc_suppop_main_seb{ 

/*	margin:0; */
	float: left;
/*	 border: 1px solid #cacaca;*/
}

.puc_suppop_main_seb i{ 
	text-align: center;
    font-size: 18px;
  
    float: left;
    margin-top: 30px !important;
    margin-right: 10px!important;
}

.puc_suppop_main_seb a{ 
	/*display: flex;
    align-items: center;
    justify-content: center;*/
font-size: 1em;
color: #6c757d;
	}
.puc_suppop_main_seb a:hover{
  color:#ff9064;
}
.puc_suppop_main_seb .active{ 
   
    color: #ff9064;
}
/*.puc_suppop_main_seb .active{ display:block; width:100%; color:#fff; background:#B4D231; border-radius:20px; }
*/
/*.puc_suopop_cod{ background:#164234;}
.puc_suopop_col{ background:#6DB73A;}*/

.psc_title_txtd{ 
	color:#6c757d;
	padding-top: 15px;
}
.psc_title_txtl{ color:#fff;}

.psc_main_txtd{ color:#CECFC8;}
.psc_main_txtl{ color:#DBEAC8;}


@media (max-width: 1200px) {
	.puc_submenu_box{
/*		z-index: 9999;*/
    display: none ; 
    }

}

@media (max-width: 1200px) {

.psc_title_txtd{ 
	color:#6c757d;
	width: 100%;
	height: 30px;
	font-size: 1.2em;
}


.puc_submenu_box{
	z-index: 9999;
/*    display: none !important; */
	width:100%;
	background:rgba(0,0,0,.5); 
	padding:0 6%;
	 margin:30px auto 0 auto; 
	 box-sizing:border-box; 
	 position:absolute; top:40px; 
	 left:0px;
	}
.puc_room_wrapper{    
 border: 1px solid #cacaca;
 width: 100%;
 background: white; 
 width: 100%;
}

.puc_suppop_main_seb a{ 
	text-align: center;
	margin-bottom: 20px !important; 
	padding: 10px;
	display:block; 
	text-decoration:none; 
	font-size:1em;
	 font-weight:400;  
	 border: 1px solid #cacaca;
	 background: white;
	 color:  #6c757d;
    
	}
.puc_suppop_main_seb a:hover{
	color:#ff9064;
    border:1px solid #ff9064;
}

.puc_suppop_main_seb i{ 
    width: 100%;
   font-size: 24px;

    margin-top: 0px !important;
    margin-bottom: 10px;
}
.puc_suppop_main_seb .active{ 
    border:1px solid #ff9064;
    color: #ff9064;
}
.puc_suppop_main_sea{ 
		padding:5px ; 
/*	margin:0; 
    width: 100%;
	box-sizing:border-box; 
	background: gray;*/
}

}

@media (max-width: 480px) {

	.puc_suppop_main_seb a{ 

	font-size: 11px;   
	padding: 10px 5px ;
	}
}
/* -- 房間住退狀況 放大選單 -- */
.puc_pop_zom{ display:flex; justify-content:flex-end; align-items:center; 
	width:auto; height:auto; padding:0; margin:0; box-sizing:border-box; position:absolute; right:20px; bottom:15%; z-index:600;}

.puc_zoom_ls{ display:none; width:auto; height:auto; padding:0; margin:0; box-sizing:border-box;}
.puc_zoom_ls a{ display:block; text-decoration:none; width:220px; height:auto; line-height:50px; text-align:center; 
	font-size:1.2em; font-weight:bold; border:solid 3px #fff; border-radius:20px;
	color:#fff; background:#93C45E; padding:0px 15px; margin:0; 
	box-sizing:border-box; box-shadow:inset 3px 3px 1px rgba(0,0,0,.1); transition:0.4s;}
.puc_zoom_ls a:nth-child(1){ margin:0 0 -3px 0;}

.puc_zoom_ro{ display:flex; justify-content:center; align-items:center; 
	width:50px; height:50px; border:solid 5px #164234; border-radius:50%; 
	background:#fff; box-shadow:inset 2px 2px 1px rgba(0,0,0,.2), 2px 2px 5px rgba(0,0,0,.2); opacity:.5; transition:0.4s;}
.puc_zoom_ro img{ width:75%; height:auto;}
.puc_zoom_ro:active{ opacity:1;}
.puc_zoom_ro:hover{ opacity:1;}

.puc_zoom_ro:active .puc_pop_zom.puc_zoom_ls a{ display:block;}
.puc_zoom_ro:hover .puc_pop_zom.puc_zoom_ls a{ display:block;}


/* -- 訂房查詢 -- */
.puc_order_breadcrumb{ width:100%; height:auto; text-align:center; padding:22px 0 5px 0; margin:0; box-sizing:border-box;}
.puc_order_breadcrumb ol{ display:flex; justify-content:center; align-items:center; list-style:none; padding:0; margin:0; box-sizing:border-box;}
.puc_order_breadcrumb ol li{ 
	font-size:1em; font-weight:bold; 
	padding:0; margin:0 3px; box-sizing:border-box;
}
.puc_order_breadcrumb ol li a{ text-decoration:none;  font-weight:bold;  color:#6c757d; padding:0; margin:0; box-sizing:border-box;}
.puc_order_breadcrumb ol li a:hover{ color:#FF9064; }

.puc_order_bar{ width:100%; text-align:center; background:#fff; padding:0; margin:0; box-sizing:border-box;}
.puc_order_bar p{ font-size:14px; }
.puc_order_bar input{ margin-right:15px; }
.puc_order_bar h4{ 
	display:block; 
	text-align:left; font-size:1em; 
	letter-spacing:2.2px; color:#064D4B; 
	padding:7px 0 7px 0; margin:10px auto 3px auto;
}

.puc_order_roomsel{ width:88%; font-size:1.2em; font-weight:bold; border:solid 1px #e0e0e0; border-radius:18px; 
	color:#064D4B; padding:11px 20px; margin:0 auto; box-sizing:border-box;}

.puc_order_roomtxt{ width:80%; text-align:left; border-radius:8px; background:#dd806f; padding:5px 15px 8px 15px; margin:10px auto 0 auto; box-sizing:border-box;}
.puc_order_roomtxt p{ line-height:18px; font-size:.9em; color:#fff; padding:0; margin:0; box-sizing:border-box;}

.puc_order_roomtxa{ width:80%; text-align:right; border-radius:8px;  padding:5px 0 8px 15px; margin:10px auto 0 auto; box-sizing:border-box;}
.puc_order_roomtxa a{ text-decoration:none; border-radius:15px; color:#fff; background:#dd806f; padding:2px 15px 4px 15px; margin:0; box-sizing:border-box;}

.puc_order_roominp{ width:88%; text-align:center; font-size:1em; font-weight:bold; border:solid 1px #e0e0e0; border-radius:18px; 
	color:#064D4B; padding:11px 20px; margin:0 auto; box-sizing:border-box;}




.puc_order_budget_box{ display:flex; justify-content:center; align-items:center;
	width:88%; font-size:1.5em; font-weight:bold; border:solid 1px #e0e0e0; border-radius:18px; 
	color:#064D4B; background:#fff; padding:8px 10px; margin:0 auto 10px auto;}
.puc_order_budget_c{ margin:0 20px;}

.puc_order_budget_bar{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
	width:88%; border-radius:18px; color:#6DB63A; padding:0px 10px 0 10ox; margin:0 auto 45px auto; position:relative;}
.puc_order_budget_bar h5{ font-size:1em; font-weight:bold; padding:0; margin:0; box-sizing:border-box;}

.puc_order_budget_gline{ width:70%; height:20px; border-radius:20px; border:solid 1px #e0e0e0; 
	background:rgba(0,0,0,.1); margin:0 10px; position:relative; overflow:hidden;}

.puc_order_budget_inbox_l{ display:flex; justify-content:center; align-items:center;
	width:100%; height:110%; background:#6DB63A; padding:0; margin:0 auto; position:absolute; left:20%; z-index:100;}
.puc_order_budget_inbox_r{ width:100%; height:110%; background:#e5e5e5; position:absolute; left:70%; z-index:200;}

.puc_order_budget_gnob{ width:70%; height:10px; padding:0; margin:0 auto; box-sizing:border-box; position:relative;}
.puc_order_budget_ial,
.puc_order_budget_iar{ text-align:center; font-size:.9em; font-weight:bold; position:absolute;}
.puc_order_budget_ial a,
.puc_order_budget_iar a{ text-decoration:none; color:#064D4B;}
.puc_order_budget_ial a{ text-align:left;}
.puc_order_budget_iar a{ text-align:right;}

.puc_order_budget_ial{ left:20%; bottom:-23px;}
.puc_order_budget_iar{ left:70%; bottom:-23px;}
.puc_order_budget_ial img{ display:block; width:18px; height:auto; margin:0 0 -5px -9px;}
.puc_order_budget_iar img{ display:block; width:18px; height:auto; margin:0 0 -5px -11px;}
.puc_order_budget_ial p{ margin:0 0 -5px -9px;}
.puc_order_budget_iar p{ margin:0 0 -5px -11px;}

.puc_order_budget_timebar{ display:flex; justify-content:space-between; align-items:center; 
	 margin:0 auto; box-sizing:border-box;}

.reserve-area{}	
.puc_order_budget_times,
.puc_order_budget_timee{ 
	display:flex; 
	justify-content:center; 
	align-items:center;
/*	width:45%; */
	border-radius: 0.2rem;
	background:#fff; 
/*	padding:10px; */
	margin:0 auto;
	color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.9rem + 2px);
/*    width: 100%;*/

}

.puc_order_budget_times p,
.puc_order_budget_timee p{ color:#DD806F; padding:0; margin:0 8px 0 0;}
.puc_order_budget_times input,
.puc_order_budget_timee input{ background: none; text-align:right; font-size:1em; border:none; color:#6DB63A; padding:0 5px; margin:0;}

.puc_order_budget_quantity1{ font-size: 14px;}
.puc_order_budget_quantity1 input{ 
margin: 20px;

}

.puc_order_budget_quantity{
display:flex; 
 justify-content:space-between; 
 align-items:center;
/*	height:auto; border:solid 1px #e0e0e0; */
	border-radius: 0.2rem;
	 height: calc(1.5em + 0.9rem + 2px);
	padding:0; margin:0 auto;
	 box-sizing:border-box; }

.puc_order_budget_quantity a{  
display:flex; 
justify-content:center;
align-items:center; 
width:35px; height:35px;
background:#6c757d;}
.puc_order_budget_quantity a img{ width:60%; height:auto;}
.puc_order_budget_quantity p{
 font-size:1em; font-weight:bold; color:#006000; padding:0; margin:0; box-sizing:border-box;}



.puc_order_budget_quantity .form-check-input{ 
margin: 20px;
position: relative;
}

.puc_order_roomview_zone{ 
	display:flex; flex-wrap:wrap; justify-content:space-between;
	 width:100%; list-style:none; padding:0; margin:0 auto;
	}
.puc_order_roomview_zone li { 
	display:flex; justify-content:center; align-items:center;
	width:100%; height:150px; 
	border:solid 1px #e0e0e0; 
	overflow:hidden; 
	position:relative;

}
.puc_order_roomview_zone li p{
 font-size:1em; 
 position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
        color: #cccc;
        background:rgba(0,0,0,.5);
        border-radius:5px; 
        	 padding:2px 10px;
}
.puc_order_roomview_zone li p a{ 
	 font-size:1em; 
	font-weight:500; 
	border-radius:5px; 
	color:#6c757d; 
	
	 padding:2px 10px; 
	 margin-left:10px;
	   

	}
.puc_order_roomview_zone li p a:hover i{

color: white; 

}

.puc_order_roomview_zone li img{ width:110%; height:auto;}

.puc_order_bar_downline{ width:97%; height:1px; background:#E1DFD9; padding:0; margin:20px auto 0 auto; box-sizing:border-box;}

.room_o_btr_bbt{  height:40px; border-radius:20px; 
	background:#92c558; padding:0 20px 0 0; margin:0 auto; box-sizing:border-box;
	box-shadow:inset 1px 1px 0px rgba(255,255,255,.5), inset -1px -1px 0px rgba(0,0,0,.4);}
.room_o_btr_bbt a{ display:flex; justify-content:center; align-items:center; 
	padding:0; margin:-9px 0 0 0; }
.room_o_btr_bbt a img{ width:50px; height:auto; margin:5px -10px 0 0;}
.room_o_btr_bbt a p{ padding:0; margin:0; box-sizing:border-box; }

.puc_order_dowspp{ width:100%; height:50px;}


/* -- 房間需求清單 -- */
.puc_order_budget_tas{ padding:20px 0 0 0; margin:0 auto; box-sizing:border-box;}
.puc_order_budget_tas a{ text-decoration:none; font-size:1.2em; font-weight:400; border-radius:20px; 
	color:#fff; background:#E8962E; padding:5px 25px 8px 25px; margin:0; box-sizing:border-box;
	box-shadow:inset 1px 1px 0px rgba(255,255,255,.5), inset -1px -1px 0px rgba(0,0,0,.4);}
.puc_order_budget_tas a:active{ box-shadow:inset 1px 1px 0px rgba(0,0,0,.4), inset -1px -1px 0px rgba(255,255,255,.5);}

.puc_order_budget_table{  padding:0; margin:0 auto; box-sizing:border-box;  position:relative;}
.puc_order_budget_table table{ border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box;}
.puc_order_budget_table table tr{  border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box;}
/*.puc_order_budget_table table tr:nth-child(odd){ background:#dae5cf;}*/

.puc_order_budget_table table tr th{ 
	font-size:.9em; font-weight:200; 
	border:solid 1px #6ba606; color:#fff; 
/*	background:#92c558; */
	padding:0; margin:0; 
	box-sizing:border-box;}

.puc_order_budget_table table tr td{ font-size:1.2em; text-shadow:1px 1px 0 rgba(255,255,255,.5); border:solid 1px #ccc; 
	color:##006000; padding:2px 4px; margin:0; box-sizing:border-box;}
.puc_order_budget_table table tr td a{ font-size:.7em; font-weight:200; text-decoration:none; border-radius:10px; color:#fff; 
	background:#DD806F; padding:0px 6px 2px 6px; margin:0 3px 0 0; box-sizing:border-box;}
.puc_order_budget_total{ width:100%; padding:0; margin:10px 0 -10px 0; box-sizing:border-box;}
.puc_order_budget_total h3{  font-size:1.5em; font-weight:bold; color:#6ba606; padding:0; margin:0 auto; box-sizing:border-box;} 
.puc_order_budget_total h3 span{ font-size:1.6em; color:#E8962E; padding:0; margin:0 5px; box-sizing:border-box;}


/* -- 新增訂單 -- */
.puc_order_newod{ display:flex; align-items:flex-start;
	width:88%; background:#; padding:0; margin:0 auto; box-sizing:border-box;}

.puc_order_newtitle{ display:flex; flex-wrap:wrap; align-items:center; width:35%;}
.puc_order_newtitle input{ width:20px; height:20px; padding:0; margin:0 3px 0 5px; box-sizing:border-box;}
.puc_order_newtitle input:checked{ border:none; outline:2px solid #000; background:#6DB63A;}
.puc_order_newtitle label{ font-size:1em; letter-spacing:2.2px; color:#064D4B; padding:0; margin:0; box-sizing:border-box;}

.puc_order_newod p{ display:block; width:60%; text-align:left; font-size:.8em; color:#DD806F;}

.puc_ordersel_bar{ display:flex; justify-content:space-between; align-items:center;
	width:88%; background:#; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_ordersel_title{ width:32%; text-align:left; font-size:1.1em; font-weight:bold; color:#92c558;
	padding:0 0 0 8px; margin:0; box-sizing:border-box;}
.puc_ordersel_rsi{ width:69%; padding:0; margin:0; box-sizing:border-box;}

.puc_order_inper{ width:100%; font-size:1.8em; font-weight:bold; border:none; color:#006000; 
	background:#e7ece9; padding:8px 20px; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 10px rgba(0,0,0,.05);}

.puc_order_orline{ width:88%; text-align:center; font-size:.8em; border-top:solid 1px #4d7958; color:#DD806F; 
	padding:6px 0 0 0; margin:20px auto 10px auto; box-sizing:border-box;}

.puc_order_or{ 
	display:flex; justify-content:center; align-items:center;
	width:100%; 
	height:auto; background:#; padding:0; 
	margin:0 auto; 
	margin: 15px 0px;
	box-sizing:border-box;}
.puc_order_or span{
 width:45%; height:1px; 
	background:#ced4da; 
	padding:0; margin:0; 
	box-sizing:border-box;
}
.puc_order_or p{ 
	font-size:1em; color:rgba(0,0,0,.5); padding:0; margin:10px 10px; box-sizing:border-box;}

.puc_order_member_bar{ display:flex; justify-content:center; align-items:center;
	width:88%; padding:0; margin:0 auto 30px auto; box-sizing:border-box;}
.puc_order_member_bar a{ width:100%; text-decoration:none; text-align:center; font-size:1.2em; border-radius:18px; color:#fff;
	background:#6DB63A; padding:10px 15px; margin:0; box-sizing:border-box;}

.puc_order_spp{ width:100%; height:20px;}


/* -- 新增訂單跳出提示 -- */
.puc_order_popdata_baer{ display:flex; justify-content:center; align-items:center;
	width:100%; height:100%; background:rgba(0,0,0,.5); padding:0; margin:0; 
	box-sizing:border-box; position:absolute; top:0; left:0; 
	z-index:9999;
}
.puc_order_popdata_box{ 
	width:80%; border-radius:5px; background:#fff; padding:0; margin:0; overflow:hidden;}
.puc_order_popdata_box a{ display:block; width:100%; text-decoration:none; text-align:center; font-size:1.5em; font-weight:bold; color:#fff; 
	background:#6DB63A; padding:8px 0;}

.puc_order_popdata_title{ 
width:100%; 
text-align:center;
 background:#6c757d;
 padding:15px 0 10px 0; margin:0; 
 box-sizing:border-box;
}
.puc_order_popdata_title h3{ color:#fff; padding:0; margin:0 0 3px 0; box-sizing:border-box;}
.puc_order_popdata_title p{ color:#6DB63A; padding:0; margin:0; box-sizing:border-box;}
.puc_order_popdata_main{ 
	width:100%; text-align:center;
    padding: 30px;
 /*   display: flex;
    justify-content: center;
    align-items: center;*/

    }
.modal-header{ display: flow; }/*border-bottom:none;*/
.modal-title { font-weight:800; text-align:center; }

.puc_order_popdata_main p{ width:50%; font-size:1em; border-radius:20px; color:#fff; 
	background:#DD806F; padding:6px 15px; margin:0 auto 10px auto; box-sizing:border-box;}
.puc_order_popdata_tit{ display:flex; justify-content:center; align-items:center;
	width:100%; 

	 padding:0 0 8px 0; margin:0 0 10px 0; 
	box-sizing:border-box;
}
.puc_order_popdata_tit h3{ font-size:1em; color:#6c757d; padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.puc_order_popdata_tit h4{ font-size:1em; color:#6c757d; padding:0; margin:0; box-sizing:border-box;}

.puc_order_popdata_min{ 
padding:0 0 8px 0;
margin:0 0 10px 0; 
 box-sizing:border-box;
}

/*.puc_order_popdata_min h3{ font-size:1.2em; color:#333; padding:0; margin:0; box-sizing:border-box;}*/

.puc_order_popdata_min h4{ 
	font-size:1.1em; 
	font-weight:400; 
	
	
	padding:0; 
	margin:5px 0; 
	box-sizing:border-box;

    padding: 30px ;


}
.modal-dialog-centered .btn{
     width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.puc_order_popdata_min i{
    padding-right: 10px;
}

.puc_order_popdata_min p{ 
	border: 1px  #cccccc solid;
	color: #6c757d; 	
	cursor: pointer;
	line-height: 45px;
	text-align: left;
	padding-left: 20px;
}
.puc_order_popdata_min p span{ 
	float: right;
	line-height: 20px;
	font-size: 12px;
	padding-right: 10px;
    padding-top: 5px;
    width: 90px;
}
.puc_order_popdata_min p:hover{ 
	background: #FF9064;
	color: white;

}

/* -- 詳細訂單三欄 -- */
.puc_order_detailed_zone{ width:100%; height:100%; background:#fff; padding:0 12px;
	position:absolute; top:0; left:0; z-index:660;}

.puc_topdeta_viewbbt{ 
	height:43px; 
	text-align:center; 
	padding:0; margin:0; 
	box-sizing:border-box;}

.puc_topdeta_viewbbt a{ 
	width:100%; line-height:43px; 
	text-align:center; text-decoration:none;
	 font-size:1.2em; font-weight:400; color:#b8b1a8;
	padding:0; margin:0; box-sizing:border-box;
}
.puc_topdeta_viewbbt .active{  color:#fff; background:#FF9064;}

.ptv_de_l{ justify-content:flex-end; border-right:dotted 1px #d0cbc6; padding:0 15px 0 15px; margin:0; box-sizing:border-box;}
.ptv_de_c{ justify-content:center; text-align:center; border-right:dotted 1px #d0cbc6; padding:0; margin:0; box-sizing:border-box;}
.ptv_de_r{ justify-content:flex-start; padding:0 15px 0 15px; margin:0; box-sizing:border-box;}

.puc_topdeta_indata_zone{ width:100%; height:77%; background:rgba(255,255,255,.8); overflow-y:scroll;}

.puc_topdeta_indata_title{ 
	    width: 100%;
    height: auto;
    text-align: center;
    /* font-style: italic; */
    font-size: 1.2em;
    font-weight: 700;
    /* color: #92c558; */
    padding: 10px 0 0 0;
    margin: 0 auto;
    box-sizing: border-box;

}



.puc_topdeta_indata_a{ }
.puc_tota_inp_a,
.puc_tota_inp_b{ width:95%; font-weight:bold; border:none; color:#064d4b; 
	padding:0; margin:0 auto; box-sizing:border-box; outline:none;}
.puc_tota_inpdow_bar{ display:flex; justify-content:space-between; align-items:center;
	 padding:0; margin:30px auto; box-sizing:border-box;
}
.puc_tota_inpdow_bar a{ width:45%; height:49px; line-height:49px; text-align:center; text-decoration:none; font-size:1.3em; font-weight:bold; border-radius:30px; color:#FFF; 
	background:#6db63a; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_tota_inpdow_bar .active{ background:#E8962E;}

.puc_topdeta_indata_b{ display:none;}
.puc_indata_box{ width:88%; height:auto; text-align:center; 
	background:#fff; padding:20px 0; margin:-9px auto 20px auto; box-sizing:border-box;}
.puc_indata_box ul{ width:90%; list-style:none; text-align:left; padding:8px 0; margin:0 auto 10px auto; box-sizing:border-box;}
.puc_indata_box ul li{ display:flex; align-items:center;
	font-size:.9em; color:#6c757d; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.puc_indata_box ul li input{ padding:0; margin:0 5px 0 0; box-sizing:border-box;}
.puc_indata_box ul li label{ padding:0; margin:-2px 0 0 0; box-sizing:border-box;}

.puc_topdeta_indata_c{ display:none;}
.puc_topdeta_indata_stit{ width:90%; text-align:center; border-radius:10px; background:#4d7958; padding:10px 0; margin:30px auto 0 auto; box-sizing:border-box;}
.puc_topdeta_indata_stit h3{ font-size:1.2em; color:#fff; padding:0; margin:0; box-sizing:border-box;}
.puc_topdeta_indata_stit h3 spna{ font-size:1.3em; color:#b4d231;}


/* -- 訂單提醒通知 -- */
.puc_order_detaremind_zone{ width:100%; height:auto; background:#fff; padding:0 12px; margin:0 auto;
	position:absolute; top:0; left:0; z-index:670;}

.puc_topdeta_indatamind_zone{ width:100%; height:100%; background:rgba(255,255,255,.8); overflow-y:scroll;}

.puc_topdeta_detaremind_bar{ display:flex; justify-content:space-between; align-items:flex-start;
	width:88%; background:#fff; padding:0; margin:20px auto 0 auto; box-sizing:border-box;}
.puc_tdbar_l{ width:30px; height:auto; padding:0; margin:0; box-sizing:border-box;}
.puc_tdbar_l input{ width:30px; height:30px; border:solid 1px #e0e0e0; padding:0; margin:0; box-sizing:border-box;}
.puc_tdbar_r{ width:calc(100% - 40px);  margin:0; box-sizing:border-box;}
.puc_tdbar_r textarea{ width:100%; line-height:28px; font-size:1.4em; border:solid 1px #e0e0e0; border-radius:20px;
	color:#064D4B; padding:10px; margin:0; box-sizing:border-box;}

.puc_topdeta_detaremind_txtbar{ display:flex; justify-content:space-between; align-items:flex-start;
	width:88%; border-radius:20px; background:#4d7958; padding:10px 12px 10px 12px; margin:10px auto; box-sizing:border-box;}
.puc_topdeta_detaremind_txtbar textarea{ width:100%; height:108px; line-height:28px; font-size:1.4em; border:none;
	color:#fff; background:#4d7958; padding:0; margin:0; box-sizing:border-box;}

.puc_detaremind_list{ width:85%; text-align:center; background:#fff; padding:0; margin:15px auto 0 auto; box-sizing:border-box;}
.puc_detaremind_list h4{ display:block; width:100%; text-align:left; font-size:1em; letter-spacing:2.2px; color:#064D4B; 
	padding:7px 0 0 0; margin:10px 0 3px 0;}
.puc_detaremind_list ul{ line-height:18px; padding:0; margin:0; box-sizing:border-box;}
.puc_detaremind_list ul li{ display:flex; justify-content:space-between; align-items:center;
	padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.puc_detaremind_list ul li p{ font-size:.8em; color:#b8b1a8; padding:0; margin:0; box-sizing:border-box;}
.puc_detaremind_list ul li span{ font-size:.7em; font-weight:50; border-radius:15px; color:#fff; padding:0px 10px; margin:0; box-sizing:border-box;}

.puc_morning{ background:#b4d231;}
.puc_middle{ background:#e8962e;}
.puc_night{ background:#064d4b;}

.puc_detaremind_dowd{ display:flex; justify-content:space-between; align-items:flex-start;
	width:88%; color:#fff; padding:0; margin:30px auto 0 auto; box-sizing:border-box;}
.puc_detaremind_dowd a{ text-decoration:none; color:#fff;}
.puc_detaremind_dol{ width:50px; height:50px; border-radius:50%; background:#4d7958;}
.puc_detaremind_dor{ width:calc(100% - 60px); height:49px; line-height:49px; text-align:center; font-size:1.32em; font-weight:400;
	border-radius:30px; background:#b4d231;}

.puc_order_remind_box{ width:80%; border-radius:20px; background:#fff; padding:0; margin:0; overflow:hidden; position:absolute;
	top:40%; left:10%;}
.puc_order_remind_min{ width:100%; padding:0 0 8px 0; margin:10px 0; box-sizing:border-box;}
.puc_order_remind_min h3{ line-height:25px; font-size:1.2em; color:#333; padding:0; margin:0; box-sizing:border-box;}

.puc_order_remind_downbbt{ display:flex; justify-content:space-between; align-items:center;
	width:100%; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_order_remind_downbbt a{ width:100%; text-decoration:none; text-align:center; color:#fff; padding:0; margin:0; box-sizing:border-box;} 
.puc_ordbbt_l{ display:flex; justify-content:space-between; align-items:center;
	width:50%; height:49px; background:#4d7958; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_ordbbt_l img{ width:50px; height:auto; margin:0 auto;}
.puc_ordbbt_r{ display:flex; justify-content:center; align-items:center;
	width:50%; height:49px; font-size:1.4em; font-weight:400; background:#b4d231; padding:0; margin:0 auto; box-sizing:border-box;}


/* -- 房間細節 -- */
.puc_suitedetails_zone{ width:88%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}

.puc_suite_shebar{ width:100%; padding:0; margin:20px 0 0 0; box-sizing:border-box; position:relative;}
.puc_suite_shebar input{ width:100%; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #ccc; border-radius:10px;
	color:#ccc; padding:8px 0; margin:0 0 20px 0; box-sizing:border-box;}
.puc_suite_shebar button{ width:100%; text-align:center; font-size:1.2em; font-weight:bold; border:solid 1px #ccc; border-radius:10px;
	color:#fff; background:#92c558; padding:8px 0; margin:0 0 20px 0; box-sizing:border-box;}


.puc_suite_pix{ display:flex; justify-content:center; align-items:center;
	width:100%; height:220px; border-radius:20px; padding:0; margin:0 auto 20px auto; box-sizing:border-box; overflow:hidden; position:relative;}
.puc_suite_pix h3{ font-size:2em; font-weight:bold; color:#fff; 
	padding:0; margin:0; box-sizing:border-box; position:absolute; right:20px; bottom:20px;}
.puc_suite_pix img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;} 

.puc_suite_bar{ width:100%; text-align:center; background:#fff; padding:0; margin:0; box-sizing:border-box;}
.puc_suite_bar h4{ display:block; width:100%; height:auto; text-align:center; font-size:1.5em; font-weight:bold; letter-spacing:2px; 
	border-bottom:solid 1px #dcdcdc; color:#92c558; padding:0 0 5px 0; margin:20px 0 10px 0;}

.puc_suite_insbar{ width:100%; text-align:center; background:#fff; padding:0; margin:0; box-sizing:border-box;}
.puc_suite_insbar h4{ 
	display:block; width:100%; 
	height:auto; text-align:center; 
	font-size:1.5em; font-weight:bold;
	letter-spacing:2px; 
	border-bottom:solid 1px #dcdcdc; 
	color:#666666; 
	padding:0 0 5px 0;
	margin:0 0 10px 0;}

.puc_suite_sel{ width:100%; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_suite_sel ul{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;
	list-style:none; padding:0; margin:0; box-sizing:border-box;}
.puc_suite_sel ul li{ display:flex; justify-content:center; align-items:center;
	width:20%; text-align:center; padding:0; margin:0 0 10px 0; box-sizing:border-box;}
.puc_suite_sel ul li a{ display:block; width:95%; text-decoration:none; text-align:center; font-size:.9em; font-weight:400; 
	    border:solid 1px #e0e0e0; border-radius:20px; color:#064D4B; 
	    background:#fff; padding:1px 10px 3px 10px; margin:0; box-sizing:border-box;}
.puc_suite_sel ul li a:active{ color:#fff; background:#769070;}
.puc_suite_sel ul li .active{ color:#fff; background:#769070;}

.puc_suite_inssel{ width:80%; padding:0; margin:15px auto; box-sizing:border-box;}
.puc_suite_inssel ul{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;
	list-style:none; padding:0; margin:0; box-sizing:border-box;}
.puc_suite_inssel ul li{ display:flex; justify-content:center; align-items:center;
	width:20%; text-align:center; padding:0; margin:0 0 10px 0; box-sizing:border-box;}
.puc_suite_inssel ul li a{ 
	display:block; width:95%; text-decoration:none;
	 text-align:center; font-size:.9em;
	  font-weight:400; 
	    border:solid 1px #e0e0e0; 
	    border-radius:20px; 
	    color:#666666; 
	    background:#fff;
	     padding:1px 10px 3px 10px; 
	     margin:0; 
	     box-sizing:border-box;
	}
.puc_suite_inssel ul li a:active{ color:#fff; background:#769070;}
.puc_suite_inssel ul li .active{ color:#fff; background:#769070;}
.puc_suite_inssel textarea{ width:100%; 
	height:55px; 
	font-size:1em; 
/*	font-weight:bold;*/
    border:solid 1px #e0e0e0; 
	border-radius:2px; 
	color:#666666; 
	padding:11px 20px; 
	margin:10px auto 3px auto;
	box-sizing:border-box;
	}



.puc_suite_main{ width:100%; height:auto; text-align:left;
	padding:0; margin:0 auto; box-sizing:border-box; overflow:hidden;}

.puc_suite_main p{ font-size:1em; color:#666;}
.puc_suite_main ul{  list-style-type:decimal;}
.puc_suite_main ul li{ font-size:1em; color:#666; margin:0 0 5px 0;}


/* -- 交班頁面 -- */
.puc_shift_top_pix{ max-width:300px; height:300px; 
	background:url(/images/room_shift/shift.svg) no-repeat center center; padding:0; margin:0 auto; box-sizing:border-box; position:relative;}

.puc_stp_a,
.puc_stp_b,
.puc_stp_c{ padding:0; margin:0; box-sizing:border-box; position:absolute;}

.puc_stp_a{ width:130px; height:auto; top:0; left:.5%;}
.puc_stp_b{ width:130px; height:auto; top:0; right:.5%;}
.puc_stp_c{ width:200px; height:auto; bottom:1%; left:calc(50% - 100px);}

.puc_stp_a a,
.puc_stp_b a,
.puc_stp_c a{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.puc_stp_a a img,
.puc_stp_b a img,
.puc_stp_c a img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.puc_list_zone{ display:flex; justify-content:space-between; align-items:stretch;
	width:90%; padding:0; margin:0 auto; box-sizing:border-box;}

.puc_shift_list_lbox,
.puc_shift_list_rbox{ width:42%;   border-radius: 0.25rem; padding:10px; margin:0; box-sizing:border-box;}
.puc_shift_list_lbox h3,
.puc_shift_list_rbox h3{ width:100%; text-align:center; font-size:1.5em; font-weight:bold; text-shadow:1px 1px 3px rgba(0,0,0,.2); 
	border-bottom:solid 1px rgba(255,255,255,.5); color:#fff; padding:0 0 5px 0;}
.puc_shift_list_lbox ul,
.puc_shift_list_rbox ul{ list-style:none; padding:0; margin:0; box-sizing:border-box;}
.puc_shift_list_lbox ul li,
.puc_shift_list_rbox ul li{ list-style:none; font-size:1em; font-weight:200; border-bottom:dotted 1px rgba(255,255,255,.4); color:#faffb5; 
	padding:0 0 5px 5px; margin:0; box-sizing:border-box;}
.puc_shift_list_lbox ul li:last-child,
.puc_shift_list_rbox ul li:last-child{ border-bottom:none;}

.puc_shift_list_cbox{ width:50px; padding:0; margin:70px 0 0 0; box-sizing:border-box;}
.puc_shift_list_cbox p{ display:block; width:50px; height:50px; border-radius:50%; background:#4C7A57;}

.puc_morning_shift{  
	color: #fff;
    background: #4fbde9;
}
.puc_middle_shift{ 
	color: #fff;
	background:#9368f3;}
.puc_night_shift{ 
	color: #fff;
	background:#3ec396;
}

.room_shift_btc{ font-size:1.1em; letter-spacing:1px; margin:0 auto;}


/* -- 交班頁面_完成 -- */
.room_shift_reach{ width:97%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}

.room_shift_reach_time{ 
	width:100%; text-align:center; 
	font-size:1.5em; font-weight:bold; 
	color:#6c757d; 
	padding:0; 
	margin:0 auto; 
	box-sizing:border-box;}

.room_shift_reach_to{ display:flex; justify-content:center; align-items: center;
	width:100%; height:auto; padding:0; margin:20px 0 0 0; box-sizing:border-box;}
.room_shift_reach_box{  font-size:2em; font-weight:bold; border:solid 5px rgba(255,255,255,.5); border-radius:20px; color:#fff; 
	padding:8px 25px; margin:0; box-sizing:border-box; box-shadow:inset 0 0 10px 2px rgba(255,255,255,.1);}
.room_shift_reach_cc{ display:flex; justify-content:center; align-items:center;
	width:30px; height:30px; border-radius:50%; background:#E8962E; padding:0; margin:0 10px; box-sizing:border-box;}
.room_shift_reach_cc img{ width:100%; height:auto; transform:rotate(180deg);}

.room_shift_reach_text{ display:flex; 
	justify-content:center; align-items: center;
	width:280px; height:260px; 
	font-size:1.5em; 
	font-weight:bold; 
	border-radius:50%; 
	color:#6c757d;
/*	background:#ece8e5;	*/
	padding:0; 
	margin:-70px auto 0 auto; 
	box-sizing:border-box;}

.room_shift_reach_total{ width:97%; 
	border-radius:5px; 
	background:#dee2e6; 
	padding:15px; margin:-60px auto 0 auto;
	 box-sizing:border-box;
/*    border: 1px solid #6c757d;*/
	}
.room_shift_reach_totaline{ display:flex; justify-content:space-between; align-items: flex-end;	
	width:100%;
/*	 border-bottom:solid 1px rgba(255,255,255,.2); */
	  padding:0 8px 3px 8px; margin:0 0 0px 0; box-sizing:border-box;}
.room_shift_reach_totaline h3{ font-size:1.3em; color:#6c757d; padding:0; margin:0; box-sizing:border-box;}
.room_shift_reach_totaline p{  font-size:1.2em; color:#6c757d; padding:0; margin:0; box-sizing:border-box}
.room_shift_reach_totaline p span{ font-size:1.5em; font-weight:bold; color:#FF9064; padding:0; margin:0;}


/* -- 交班頁面 -- */
.puc_signin_zone{ display:flex; justify-content:space-between; align-items:stretch;
	width:100%; padding:29px 0 0 0; margin:0 auto; box-sizing:border-box;}

.puc_signin_lbox,
.puc_signin_rbox{ width:48%; border-radius:15px; padding:10px; margin:0; box-sizing:border-box;}
.puc_signin_lbox h3,
.puc_signin_rbox h3{ width:100%; text-align:center; font-size:2em; font-weight:bold; text-shadow:1px 1px 3px rgba(0,0,0,.2); 
	border-bottom:solid 1px rgba(255,255,255,.5); color:#fff; padding:0 0 5px 0; margin:0 0 10px 0;}

.puc_signin_lbox p,
.puc_signin_rbox p{ width:100%; text-align:center;font-weight:bold; text-shadow:1px 1px 3px rgba(0,0,0,.2); 
	border-bottom:solid 1px rgba(255,255,255,.5); color:#fff; padding:0 0 5px 0; margin:0 0 10px 0;}

.puc_signin_lbox ul,
.puc_signin_rbox ul{ list-style:none; padding:0; margin:0; box-sizing:border-box;}

.puc_signin_lbox ul li,
.puc_signin_rbox ul li{ 
	list-style:none; 
	text-align:center; 
	font-size:1em; 
	font-weight:200; 
/*	border-bottom:dotted 1px rgba(255,255,255,.4); border-radius:15px;*/
    border-bottom:none;
	color:#faffb5; 
/*	background:rgba(255,255,255,.5); */
	padding:8px; 
	margin:0 0 15px 0; 
	box-sizing:border-box; 
/*	box-shadow:inset 2px 2px 5px rgba(0,0,0,.2);*/
    border-bottom:1px solid rgba(255,255,255,.4);
}

.puc_signin_lbox ul li h3,
.puc_signin_rbox ul li h3{ 
	width:100%; text-align:left; 
	font-size:1em; 
/*	border-bottom:solid 1px #999; */
	color:white; 
	padding:0 0 5px 5px; 
	margin:0;
	 box-sizing:border-box;
	 border-bottom: none;
	}

.puc_si_data{ display:flex; justify-content:space-between; align-items:center;
	width:100%; padding:0; margin:0; box-sizing:border-box;}

.puc_si_data p{ line-height:28px; 
	text-align:left; 
	font-size:1.2em; 
	font-weight:bold; 
	padding:8px 0 0 5px; 
	margin:0; 
	box-sizing:border-box;
	border: none;
}

.puc_si_data p span{ display:block; width:100%; font-size:.6em;}

.puc_ye{ color:#6db63a;}
.puc_no{ color:#e89b85;}

.puc_si_databbt{ padding:0; margin:0; box-sizing:border-box;}
.puc_si_databbt a{ text-decoration:none; font-size:.7em; border-radius:10px; color:#fff; 
	background:#e8962e; padding:0 10px 2px 10px; margin:2px 5px 0 0; box-sizing:border-box;}



/* -- 房間狀況頁 -- */
.puc_condition_top{ display:flex; justify-content:space-between; align-items:center;
	width:95%; padding:12px 0 0 0; margin:0 auto; box-sizing:border-box; }
.puc_condition_top ul{ display:flex; justify-content:space-between; align-items:center;
	list-style:none; width:calc(100% - 70px); padding:5px 0 14px 0; margin:0; box-sizing:border-box; overflow-y:scroll;}
.puc_condition_top ul li{ padding:0; margin:0; box-sizing:border-box;}
.puc_condition_top ul li a{ text-decoration:none; border:solid 1px #e0e0e0; border-radius:20px;
	color:#064D4B; padding:0 10px; margin:0 5px; box-sizing:border-box;}
.puc_condition_top ul li .active{ color:#fff; background:#4d7958;}
.puc_cond_topa{ display:flex; justify-content:center; align-items:center;
	width:28px; height:28px; border-radius:50%; background:#4C7A57; padding:0; margin:0; box-sizing:border-box;}
.puc_cond_topa img{ display:block; width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.puc_condition_bar{ width:97%; height:60px; border:solid 1px #e0e0e0; border-radius:18px; 
	background:#fff; padding:0; margin:0 auto; overflow:hidden; box-shadow:0 1px 10px rgba(0,0,0,.2);}
.puc_condition_bar a{ display:flex; width:100%; height:60px; text-decoration:none;}

.prb_condbar_a{ display:flex; justify-content:center; align-items:center; 
	width:66px; height:100%; padding:0; margin:0; box-sizing:border-box;}
.prb_condbar_a h2{ font-size:1.8em; font-weight:normal; color:#fff; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}
.prb_co_ta{ background:#92c558;}
.prb_co_tb{ background:#DD806F;}
.prb_co_tc{ background:#b8b1a8;}

.prb_condbar_b{ display:flex; align-items:flex-start; align-items:center; 
	width:calc(46% - 66px);; height:100%; padding:0 0 0 10px; margin:0; box-sizing:border-box;}
.prb_condbar_b h2{ font-size:1.2em; letter-spacing:1px; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}
.prb_co_ma{ color:#064D4B;}
.prb_co_mb{ color:#DD806F;}
.prb_co_mc{ color:#b8b1a8;}

.prb_condbar_c{ display:flex; align-items:flex-start; align-items:center; 
	width:27%; height:100%; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.prb_condbar_c p{ font-size:.9em; font-weight:bold; letter-spacing:1px; color:#4d7958; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}

.prb_condbar_d{ display:flex; align-items:flex-start; align-items:center; 
	width:27%; height:100%; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.prb_condbar_d p{ font-size:.9em; font-weight:bold; letter-spacing:1px; color:#92c558; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}


/* -- 房務頁 -- */
.walkin_top{ padding:36px 0 0 0; margin:0; box-sizing:border-box;}
.puc_walkin_inp_a{ width:95%; text-align:center; font-weight:bold; border:none; color:#064d4b; 
	padding:0; margin:0 auto; box-sizing:border-box; outline:none;}

.puc_walkin_goto{ display:flex; justify-content:center; align-items:center;
	width:30px; height:30px; border-radius:50%; background:#B4D231; padding:0; margin:0 auto 10px auto; box-sizing:border-box;}
.puc_walkin_goto img{ padding:0; margin:0; box-sizing:border-box; transform:rotate(-90deg);}

.walkin_nay{ color:#DF776E !important;}

.puc_walkin_weekbar{ display:flex; justify-content:flex-start; align-items:stretch; list-style:none;
	width:100%; padding:0; margin:0; box-sizing:border-box;}
.puc_walkin_weekbar li{ width:14.28%; text-align:center; font-size:1em; font-weight:500; border-right:solid 1px #f8f8f8; color:#4d7958;
	padding:0; margin:0; box-sizing:border-box;}
.puc_walkin_weekbar li:last-child{ border-right:none;}

.puc_walkin_yeartxt{ display:flex; justify-content:flex-start; align-items:stretch;
	width:100%; font-size:1em; font-weight:bold; color:#e8962e; padding:0 15px; margin:12px 0 10px 0; box-sizing:border-box;}
.puc_walkin_yeartxt p{ display:block; width:auto; font-weight:200; border-radius:20px; color:#fff; 
	background:#e8962e; padding:1px 10px 3px 10px; margin:0; white-space:nowrap; box-sizing:border-box;}

.puc_walkin_daybar{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; list-style:none;
	width:100%; padding:0; margin:0 0 30px 0; box-sizing:border-box;}
.puc_walkin_daybar li{ width:14.28%; text-align:center; font-size:1em; font-weight:500; color:#b8b1a8;
	padding:6px 0 8px 0; margin:0 0 10px 0; box-sizing:border-box;}

.walkin_checkin{ color:#fff !important;; background:#B4D231;}
.walkin_startstt{ font-size:.5em; border-radius:12px; color:#fff !important; background:#064d4b; box-shadow:1px 1px 5px rgba(0,0,0,.2); transform:scale(1.2,1.2);}

.puc_walkin_dowbbt{ display:flex; justify-content:center;
	width:auto; height:40px; line-height:38px; border-radius:20px; 
	background:#92c558; padding:0 20px; margin:0 auto; box-sizing:border-box;
	box-shadow:inset 1px 1px 0px rgba(255,255,255,.5), inset -1px -1px 0px rgba(0,0,0,.4);}


/* -- 訂房表格 -- */
.puc_asign_data{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;
	width:97%; padding:0; margin:36px auto 10px auto; box-sizing:border-box;}
.puc_asign_daba{ display:flex; justify-content:flex-start; align-items:center;
	padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.puc_asign_daba p{ font-size:1em; font-weight:500; color:#006000; padding:0; margin:0 5px 0 0; box-sizing:border-box;}
.puc_asign_daba span{ font-size:1em; font-weight:500; color:#6DB63A; padding:0; margin:0; box-sizing:border-box;}
.puc_asign_daba p a{ display:flex; justify-content:center; 
	width:28px; height:23px; line-height:22px; text-decoration:none; font-size:.9em; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	 color:#948D82; 
	background:#ECE8E5; padding:0; margin:0 5px 0 0 ; box-sizing:border-box; transition:0.4s;}
.puc_asign_daba p a:active,
.puc_asign_daba p a:hover{ text-shadow:1px 1px 0 rgba(0,0,0,.1); border-bottom:solid 1px #F9D84E; color:#fff; 
	background:#B4D231; box-shadow:inset 2px 2px 5px rgba(0,0,0,.2);}

.puc_asign_daba p a.active{ text-shadow:1px 1px 0 rgba(0,0,0,.1); border-bottom:solid 1px #F9D84E; color:#fff; 
	background:#B4D231; box-shadow:inset 2px 2px 5px rgba(0,0,0,.2);}


.puc_asign_tabter{  
	padding: 0;
    margin: 5px 0px 10px 0px;
    box-sizing: border-box;
    width: 100%;
}
.puc_asign_tabter table{ border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box; overflow:scroll;} 
.puc_asign_tabter table tr{ border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box;}
/*.puc_asign_tabter table tr:nth-child(odd){ background:#dae5cf;}*/
.puc_asign_tabter table tr th{
/*    text-align:center; font-size:1.1em; */
    font-weight:400;
   border:solid 1px #dee2e6; 
  color:#6c757d;
/*color: white;*/
/*	background:#f1f5f7;*/
	padding:5px 15px; margin:0; 
	box-sizing:border-box; 
	white-space:nowrap;
}
 .puc_asign_tabter table tr td{ 
 	text-align:center; font-size:1em; 
 	border:solid 1px #dee2e6; 
	color:#6c757d; 
	padding:0; margin:0; 
	box-sizing:border-box; 
	white-space:nowrap; cursor:pointer;
	padding: .5rem;
}

.puc_hundred_bar{ max-height:70vh;}
.puc_asign_tabter table{ width:100%;}

.pat_ca{ font-size:1em; font-weight:100; border:solid 1px #c06e60 !important; color:#fff; background:#DD806F; padding:2px 10px !important;}
.pat_ca a{ text-decoration:none; color:#fff;}
.pat_cb{ font-size:1em; font-weight:100; border:solid 1px #9d9b97 !important; color:#fff; background:#;}
.pat_cb a{ display:block; text-decoration:none; width:100%; height:100%; color:#fff; background:#b8b1a8; padding:2px 10px !important;}
.pat_cb a:hover,
.pat_cb a:active{ background:#E8962E;}

.pat_cb .active{ background:#E8962E;}


.puc_asign_tabter .pat_da{ border:solid 1px #9d9b97  !important; background:#fff9ec; padding:0 3px !important;}
.pat_da a{ display:flex; justify-content:center; align-items:center; 
	width:100%; height:24px; font-size:.8em; text-decoration:none; border-radius:5px; 
	background:#92c558; color:#fff; transition:0.4s;}
.pat_da a:active,
.pat_da a:hover{ background:#DD806F; box-shadow:inset 2px 2px 5px rgba(0,0,0,.5);}


/* -- 221118 -- */
.puc_timenav_btbar{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch;
	width:88%; padding:0 15px; margin:-10px auto 10px auto; box-sizing:border-box;}
.puc_timenav_btbar a{ width:18%; height:auto; text-align:center; text-decoration:none; border:solid 1px #e0e0e0; border-radius:8px; color:#fff; 
	background:#92c558; padding:2px 0 3px 0; margin:0 2% 1% 0; box-sizing:border-box;}
.puc_timenav_btbar a:nth-child(5){ margin:0 0 1% 0;}
.puc_timenav_btbar a:hover,
.puc_timenav_btbar a:active{ background:#E8962E;}

.puc_timenav_btbar .active{ background:#E8962E;}

.puc_setup_time{}
.puc_setup_box_a{ padding:0; margin:0 auto 20px auto; box-sizing:border-box;}
.puc_setup_box_a table{ width:100%}
.puc_setup_box_a table tr td{ padding:1px 10px; margin:0; box-sizing:border-box;}
.puc_setup_box_b{}
.puc_setup_box_b table tr td{ padding:1px 10px; margin:0; box-sizing:border-box;}

.puc_rotab_inp{ width:90%; border:1px solid #ced4da; border-radius:5px; color:#FF9064;
	padding:3px 10px; margin:10px 0; box-sizing:border-box; 
/*	box-shadow:inset 2px 2px 5px rgba(0,0,0,.2);*/
}
.puc_rotab_bbt{ font-size:.9em; border:none; border-radius: 0.25rem; color:#fff; background:#4C7A57; 
	padding:3px 15px 4px 15px; margin:0; box-sizing:border-box;}
.puc_rotab_bbt:hover,
.puc_rotab_bbt:active{ background:#E8962E;}

.puc_schedule_timebar{ 
}

.puc_schedule_timeup,
.puc_schedule_timedo{ 

}

.puc_schedule_timeup{ 
	
}
.puc_schedule_timeup h3{ 
font-size: 1em;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}

.puc_schedule_timedo{ 

	}
.puc_schedule_timedo h3{
font-size: 1em;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;		
}

.puc_schedule_timeup h3,
.puc_schedule_timedo h3{ 

}

.pst_up_a,
.pst_up_b,
.pst_up_c,
.pst_do_a,
.pst_do_b,
.pst_do_c{ width:25%; height:100%; line-height:20px; text-align:center; 
	font-size:1em; font-weight:400; padding:8px 0; margin:0;
	 box-sizing:border-box;
	 margin: 10px; border-radius: 3px;
}
.pst_up_a_outline,
.pst_up_b_outline,
.pst_up_c_outline{ width:25%; height:100%; line-height:20px; text-align:center; 
	font-size:1em; font-weight:400; padding:8px 0; margin:0;
	 box-sizing:border-box;
	 margin: 10px; border-radius: 3px;


}
.pst_up_a{ height:100%; color:#fff; background:#4fbde9; padding: 10px;}
.pst_up_b{ height:100%; color:#fff; background:#9368f3; padding: 10px;}
.pst_up_c{ height:100%; color:#fff; background:#3ec396;	padding: 10px;}

.pst_up_a_outline{  color:#4fbde9; border:1px solid #4fbde9; padding: 10px;}
.pst_up_b_outline{  color:#9368f3; border:1px solid #9368f3; padding: 10px;}
.pst_up_c_outline{  color:#3ec396; border:1px solid #3ec396;	padding: 10px;}

.pst_do_a{ height:100%; color:#4fbde9; border: 1px solid #4fbde9; padding: 10px;}
.pst_do_b{ height:100%; color:#9368f3; border: 1px solid #9368f3; padding: 10px;}
.pst_do_c{ height:100%; color:#3ec396; border: 1px solid #3ec396; padding: 10px;}


.pst_ta{ border:solid 1px #dee2e6 !important; background:white !important; color: #6c757d;}

.pst_tb{ border:solid 1px #dee2e6 !important; 
	color: #6c757d; 
	background:white;
	padding:5px 10px !important;
	text-align: center;
}

.pst_dt_a{ background:rgba(79, 189, 233, 0.1); text-align: center;}
.pst_dt_b{ background:rgba(147, 104, 243, 0.1);  text-align: center;}
.pst_dt_c{ background:rgba(62, 195, 150, 0.1); text-align: center;}

.pst_dd_a,
.pst_dd_b,
.pst_dd_c{ text-shadow:1px 1px 0 rgba(255,255,255,.5); color:#333;}

.pst_dd_a{ background:rgba(79, 189, 233, 0.1); }
.pst_dd_b{ background:rgba(147, 104, 243, 0.1);}
.pst_dd_c{ background:rgba(62, 195, 150, 0.1);}


/* -- 故障排除 -- */
.puc_roomfault_bar{ display:flex; justify-content:space-between; align-items:center;
	 width:100%; height:auto; padding:10px 10px 0 10px; margin:0 0 -15px 0; box-sizing:border-box;}
.puc_roomfault_l{ display:flex; justify-content:flex-start; align-items:center;
	width:40%; border-right:solid 1px #E1DFD9; padding:0; margin:0; box-sizing:border-box;}
.puc_roomfault_l h2{ font-size:2em; font-weight:bold; color:#064D4B; padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.puc_roomfault_l h3{ font-size:2em; font-weight:bold; color:#B4D231; padding:0; margin:0; box-sizing:border-box;}
.puc_roomfault_r{ width:60%; font-size:1em; color:#b8b1a8; padding:10px; margin:0; box-sizing:border-box;}

.puc_roomfault_pttit{ width:100%; height:auto; padding:0; margin:45px 0 0 0; box-sizing:border-box;}
.puc_roomfault_pttit h4{ display:block; width:100%; height:auto; text-align:center; font-size:1.5em; font-weight:bold;
	color:#92c558; padding:0 0 5px 0; margin:20px 0 -20px 0;}
.puc_roomfault_pix{ display:flex; justify-content:center; align-items:center;
	width:88%; height:auto; border-radius:20px;
	padding:0; margin:30px auto 20px auto; box-sizing:border-box; overflow:hidden;}
.puc_roomfault_pix img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.puc_roomfault_txt{     
/* width: 88%; */
    /* height: auto; */
    /* border: solid 1px #e0e0e0; */
    /* border-radius: 18px; */
    background: #fff;
    padding: 20px;
    /* margin: 0 auto 10px auto; */
    overflow: hidden;
    /* box-shadow: 0 1px 10px rgba(0,0,0,.2);*/

    }

.puc_roomfault_txt p{ font-size:1.2em; color:#6c757d; padding:0; margin:0; box-sizing:border-box;}


/* -- 團對班表 -- */
.puc_tccs_topa{ display:flex; justify-content:center; align-items:center; text-decoration:none;
	width:80px; height:34px; border-radius:20px; color:#fff; background:#4C7A57; padding:0; margin:0; box-sizing:border-box;}
.puc_tccs_topa p{ font-size:.9em; padding:0; margin:0; box-sizing:border-box;}
.puc_tccs_topa img{ display:block; width:35%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.puc_tccs_topsel{ width:auto; height:34px; font-size:1.2em; font-weight:bold; border:solid 1px #e0e0e0; border-radius:18px;
	color:#064D4B; padding:0 10px; margin:0 auto; box-sizing:border-box;}

.puc_teamclass_bar{ display:flex; justify-content:space-between; align-items:center;
	width:88%; height:60px; border:solid 1px #e0e0e0; border-radius:18px; 
	background:#fff; padding:0; margin:0 auto 15px auto; overflow:hidden; box-shadow:0 1px 10px rgba(0,0,0,.2);}

.prb_teamclass_a{ display:flex; justify-content:center; align-items:center;
	width:20%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.prb_teamclass_a h2{ font-size:2em; font-weight:bold; color:#fff; padding:0; margin:0; box-sizing:border-box;}

.prb_teamclass_b{ display:flex; align-items:flex-start; align-items:center; 
	width:50%; height:100%; padding:0 0 0 20px; margin:0; box-sizing:border-box;}
.prb_teamclass_b h2{ font-size:1.8em; font-weight:bold; color:#4d7958; padding:0; margin:0; box-sizing:border-box;}

.prb_teamclass_c{ display:flex; justify-content:flex-end; align-items:center; 
	width:30%; height:100%; padding:0 20px 0 0; margin:0; box-sizing:border-box;}
.prb_teamclass_c p{ font-size:1em; color:#999; padding:0; margin:0 5px; box-sizing:border-box;}

.prb_tca{ background:#abca27;}
.prb_tcb{ background:#69af33;}
.prb_tcc{ background:#064D4B;}


/* -- 右邊按鈕 -- */
.switch{ display:inline-block; width:60px; height:34px; position:relative;}
.switch input{ width:0; height:0; opacity:0;}
.slider { background-color:#E8962E; cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0;
    -webkit-transition:.4s; transition:.4s;}
.slider:before{ content: ""; width:26px; height:26px;
	position:absolute; left:4px; bottom:4px;
	background-color:white; transition:.4s; -webkit-transition:.4s;}

input:checked + .slider{ background-color:#ccc;}
input:focus + .slider{ box-shadow:0 0 1px #2196F3;}
input:checked + .slider:before{ -webkit-transform: translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}

/* Rounded sliders */
.slider.round{ border-radius:34px;}
.slider.round:before{ border-radius:50%;}

.room_zone .puc_rom_tya{ font-size:2em; font-weight:bold; color:#fff;}
.room_zone .puc_rom_tyb{ font-size:2em; font-weight:bold; color:#92c558;}
.room_zone .puc_rom_tyc{ font-size:2em; font-weight:bold; color:#dd806f;}


/* -- 房務_服務員_home -- */
.room_status_waiter_posbox{ 
	width: 100%;
    border-radius: 5px;
    /* background: #cacacaca; */
    border: 1px solid #cacaca;
    padding: 20px;
    margin: 4px auto 0 auto;
    box-sizing: border-box;
}
.room_status_waiter_posbar{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.room_status_waiter_posbl{     
	font-size: 2em;
    font-weight: bold;
    color: #6c757d;
}

.room_status_waiter_posbl span{
 font-size:1.2em; color:#FF9064; 
 padding:0; margin:0 5px; box-sizing:border-box;
}
.room_status_waiter_posbr{ display:flex; justify-content:flex-start; align-items:center;}
.room_status_waiter_posbr img{ width:20px ; height:20px; padding:0; margin:0 5px; box-sizing:border-box;}
.room_status_waiter_posbr a{ display:flex; justify-content:center; align-items:center;
	text-decoration:none; width:150px; height:36px; font-size:1.1em; font-weight:400; 
	border-radius:5px; color:#fff;	background:#e0806c;}
.room_status_waiter_posbr a img{ width:30px; height:auto; padding:0; margin:0 5px 0 0; box-sizing:border-box;}

.room_status_waiter_statepen_a{ 
/*	display:flex; 
	justify-content:center; 
	align-items:center;
	width:300px; 
	height:300px; 
	border-radius:50%; 
	background:#ece8e5; */
	padding:0; 
	margin:0 auto; 
	box-sizing:border-box;}
.room_status_waiter_statepen_a h3{ 
	font-size: 1.5em;
     font-weight: 600; 
    color: #c2bcb5;
    padding: 0;
    line-height: 1.5em;
    margin: 0;
    box-sizing: border-box;
    padding-bottom: 3em;
    text-align: center;

} 

.room_status_waiter_dowbar{ display:none; justify-content:space-between; align-items:center;
	width:768px; height:54px; border-radius:50px; color:#fff; background:#948d82; padding:0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:calc(50% - 384px);; z-index:300;}
.room_status_waiter_dowbar a{ width:100%; line-height:54px; text-align:center; text-align:center; text-decoration:none; color:#fff;}


/* -- 房務_服務員_接單中 -- */
.room_swaiter_roombox{ width:100%; height:auto; text-align:center; border:solid 1px #e0e0e0; 
	 border-radius: 0.25rem;
	  background:#fff; 
	padding:40px 20px 20px 20px; margin:0 auto; 
/*	box-shadow:0 1px 10px rgb(0 0 0 / 20%); */
border: 1px solid #cacaca;
	position:relative;}
.room_swaiter_roombox_up{ width:50%;  font-weight:bold; border:solid 5px #fff; border-radius:30px; color:#fff; 
	background:#e8962e; padding:10px 20px; margin:0; box-sizing:border-box; box-shadow:5px 5px 10px rgba(0,0,0,.1); 
	position:absolute; top:-12%; left:25%;}
.room_swaiter_roombox h2{ font-size: 2rem; line-height:3.3em; ; font-weight:bold; color:#064d4b; padding:0; margin:-30px 0 0 0; box-sizing:border-box;}
.room_swaiter_roombox h3{ line-height: 3.3em; font-weight:bold; color:#93c45e; padding:0; margin:0; box-sizing:border-box;}

.room_swaiter_mainbbt_a{ display:flex; justify-content:space-between; align-items:center;
	width:90%; height:54px; border-radius:50px; color:#fff; background:#93c45e; padding:0; margin:0 auto; box-sizing:border-box;}
.room_swaiter_mainbbt_a a{ width:100%; line-height:54px; text-align:center; text-align:center; text-decoration:none; color:#fff;}

.room_swaiter_mainbbt_b{ display:flex; justify-content:space-between; align-items:center;
	width:768px; height:54px; border-radius:50px; color:#fff; background:#dd806f; padding:0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:calc(50% - 384px);; z-index:300;}
.room_swaiter_mainbbt_b a{ width:100%; line-height:54px; text-align:center; text-align:center; text-decoration:none; color:#fff;}


/* -- 房務_服務員_成果 -- */
.room_swaiter_gaintop{ 
	display:flex; justify-content:space-between; align-items:center;
	width:95%; padding:0; margin:0 auto; box-sizing:0;}
.room_swaiter_gainvi{
 width:32%; text-align:center;
  border-radius:2px; 
  color:#fff; 
  padding:5px 0; margin:0 0 10px 0;
   box-sizing:0;}
.room_swaiter_gainvi select{ 
	font-size:.95em; border:none; color:#fff;
	 background:none; outline:none;
	 cursor: pointer;
	}
.room_swaiter_gainvi option{ border:solid 1px #fff; border-radius:50px; color:#064D4B;}

.rsg_coa{ background:#348cd4;}
.rsg_cob{ background:#4fbde9; cursor: pointer;}
.rsg_coc{ background:#f36270;}

.room_swaiter_gain_zone{ width:85%; padding:0; margin:0 auto; box-sizing:0;}

.room_swaiter_gainok{ width:100%; border-radius:20px; padding:20px; margin:0 0 15px 0; box-sizing:border-box;}
.room_swaiter_gainok h3{ width:100%; font-size:2.2em; font-weight:bold; text-align:center; color:#fff; 
	padding:0; margin:0 0 8px 0; box-sizing:border-box;}
.room_swaiter_gainok h4{ width:100%; font-size:1.2em; font-weight:400; text-align:center; color:#fff;
	padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.room_swaiter_gainok p{ width:100%; font-size:2em; font-weight:bold; text-align:center; color:#000;
	padding:0; margin:0; box-sizing:border-box;}

.rsgs_coa{ background:#4d7958;}
.rsgs_cob{ background:#dd806f;}

.room_swaiter_gainst{ display:flex; justify-content:center; align-items:center; 
	width:100%; padding:0; margin:0; box-sizing:border-box;}
.room_swaiter_gainst img{ width:8%; height:auto; padding:0; margin:0 8px; box-sizing:border-box;}

.room_swaiter_mainbbt_c{ 
	display:flex; justify-content:space-between; align-items:center;
	width:768px; height:54px; border-radius:50px; 
	color:#fff; 
	background:#93c45e; padding:0; 
	margin:0 auto; 
	box-sizing:border-box;
	/*position:fixed; 
	bottom:0; */
	left:calc(50% - 384px);; z-index:300;
}
.room_swaiter_mainbbt_c a{ width:100%; line-height:54px; text-align:center; text-align:center; font-size:1em; font-weight:400; 
	text-decoration:none; color:#fff;}


/* -- 房務_服務員_複檢不良表 -- */
.room_swaiter_badbar{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}

.room_swaiter_badbar h3{ width:60%; font-size:1.5em; font-weight:bold; color:#4d7958; 
	padding:0 0 0 20px; margin:0; box-sizing:border-box;}

.room_swaiter_badr_bbt{ display:flex; justify-content:flex-end; align-items:center;
	width:40%; height:100%; padding:0 20px 0 0; margin:0; box-sizing:border-box;}
.room_swaiter_badr_bbt a{ display:block; text-decoration:none; width:100px; height:30px; text-align:center; font-size:1em;
	border-radius:10px;	color:#fff;	background:#948d82; padding:2px 0 5px 0; margin:0 0 0 10px; box-sizing:border-box; transition:0.4s;}

.rsbb_ta.active{ background:#6db63a;}
.rsbb_tb.active{ background:#dd806f;}

.rsbb_ta:hover,
.rsbb_ta:active{ background:#6db63a;}
.rsbb_tb:hover,
.rsbb_tb:active{ background:#dd806f;}

.rsbb_top{ margin:-9px auto 0 auto;}
.rsbb_main{ margin:0 auto 15px auto;}

.rsbb_main_box{ width:90%; height:auto; text-shadow:1px 1px 0 #fff; text-align:center; border:solid 1px #e0e0e0; border-top:none; border-radius:0 0 15px 15px;
	background:#ece8e5; padding:10px 15px; margin:0px auto 20px auto; box-sizing:border-box; box-shadow:0 5px 10px rgba(0,0,0,.1);}


/* -- 房務_服務員_OL來單 -- */
.rswsb_top{ width:100%; height:159px; padding:0; margin:0; box-sizing:border-box;}

.room_status_waiter_statepen_b{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	width:300px; height:300px; border-radius:50%; padding:0; margin:0 auto; box-sizing:border-box;}
.room_status_waiter_statepen_b h2{ width:85%; text-align:center; font-size:6em; font-weight:bold; color:#fff;
	padding:0; margin:-70px 0 0 0; box-sizing:border-box;}
.room_status_waiter_statepen_b h3{ width:100%; text-align:center; font-size:1.9em; font-weight:bold; color:#fff; 
	padding:35px 0 0 0; margin:0; box-sizing:border-box;} 
.room_status_waiter_statepen_b p{ width:100%; font-size:1.5em; text-shadow:1px 1px 0 rgba(255,255,255,.5); text-align:center; padding:0; margin:-60px 0 0 0; box-sizing:border-box;}

.rswsb_a{ background:#b4d231;}
.rswsb_b{ background:#dd806f;}

.room_swaiter_mainbbt_d{ 
	display:flex; 
	align-items:center;
	justify-content: center;
	/*justify-content:space-between; */
	/*	
	width:768px; height:54px; 
	padding:0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:calc(50% - 384px);*/ z-index:300;}
.room_swaiter_mainbbt_d a{ 
	margin: 10px;
}
.rsmd_cola,
.rsmd_colb{ line-height:54px; text-align:center; font-size:1em; font-weight:400; 
	text-decoration:none; color:#fff; color:#fff;   border-radius: 0.25rem;}

.rsmd_cola{ width:120px; background:#dd806f;}
.rsmd_colb{ width:120px; background:#93c45e;}




/* -- 旅客住宿登記卡_列印表格 -- */
.puc_asign_registertber{ width:97%; padding:0; margin:0 auto 10px auto; box-sizing:border-box; overflow:scroll;}
.puc_asign_registertber table{ border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box; overflow:scroll;} 
.puc_asign_registertber table tr{ border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box;}
 .puc_asign_registertber table tr td{ border:solid 1px #ccc; 
	color:##006000; margin:0; box-sizing:border-box; white-space:nowrap; cursor:pointer;}
.cap_title{ padding:8px 10px; margin:0; box-sizing:border-box;}
.cap_title p{ width:100%; line-height:15px; font-size:.8em; font-weight:bold; text-align:right; 
	padding:0; margin:0; box-sizing:border-box;}
.cap_main{ width:100%; text-align:left; font-size:.9em; 
	padding:8px 10px; margin:0; box-sizing:border-box;}

.puc_asign_registertber_lo{ width:100%; padding:0; margin:0 auto 10px auto; box-sizing:border-box;}
.puc_asign_registertber_lo table{  table-layout:fixed; word-break:break-all; border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box;} 
.puc_asign_registertber_lo table tr{ border:solid 1px #6ba606; padding:0; margin:0; box-sizing:border-box;}
.puc_asign_registertber_lo table tr td{ border:solid 1px #ccc; 
	color:##006000; margin:0; box-sizing:border-box; cursor:pointer; word-break:break-all;}
.cap_title_tb{ width:100%; line-height:18px; font-size:.9em; font-weight:bold; text-align:center; 
	padding:8px 10px; margin:0; box-sizing:border-box;}
.cap_title_tb p{ padding:0; margin:0; box-sizing:border-box;}

.cap_main_tb{ width:100%; text-align:left; font-size:.9em; 
	padding:8px 10px; margin:0; box-sizing:border-box; word-break:break-all;}


.room_registertber_txtzone{ width:100%; padding:0; margin:0; box-sizing:border-box;}
.room_registertber_txtinfo{ list-style:decimal; }
.room_registertber_txtinfo h3{ font-size:1.2em; color:#92c558; padding:10px 0 5px 0; margin:0; box-sizing:border-box;}
.room_registertber_txtinfo ol{ padding:0 0 0 20px; margin:0; box-sizing:border-box;}
.room_registertber_txtinfo ol li{ line-height:18px; font-size:.8em; color:#666; padding:0; margin:0 0 8px 0; box-sizing:border-box;}

.room_registertber_txtinfo ol .txt_b{ font-weight:bold; text-decoration:underline;}

.room_registertber_txtsign{ display:flex; justify-content:space-between; align-items:flex-start;
	border-top:solid 1px #ccc; padding:10px; margin:8px 0 0 0; box-sizing:border-box;}

.room_registertber_txtsign_l,
.room_registertber_txtsign_r{ display:flex; justify-content:space-between; align-items:flex-end;

	padding:0; margin:0 0 8px 0; box-sizing:border-box;}

.room_registertber_sign{ padding:0; margin:0; box-sizing:border-box;}
.room_registertber_sign h3{ line-height:20px; font-size:.9em; 
	color:#666; padding:0; margin:0; box-sizing:border-box;}

.room_registertber_sign_box{ width:150px; border-bottom:solid 1px #ccc; 
	padding:0; margin:0 0 0 10px; box-sizing:border-box;}




/* -- 給星評價_意見填寫 -- */
.puc_clean_opinion{ min-height:100px;}

.puc_clean_evaluate{ width:80%; height:auto; border-bottom:solid 1px #ccc; padding:0 0 20px 0; margin:0 auto; box-sizing:border-box;}
.puc_clean_evaluate h3{ font-size:3.3em; font-weight:bold; color:#064D4B; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_clean_evaluate h4{ font-size:1.9em; font-weight:bold; border:none; color:#92c558; padding:5px 0 0 0; margin:0 auto; box-sizing:border-box;}
.puc_clean_evaluate p{ line-height:40px; font-size:1.7em; font-weight:bold; color:#92c558; padding:0; margin:0 auto; box-sizing:border-box;}

.room_swaiter_gainst_edit{ display:flex; justify-content:center; align-items:center; 
	width:80%; padding:0; margin:20px auto; box-sizing:border-box;}
.room_swaiter_gainst_edit a{ border:none; background:none;}
.room_swaiter_gainst_edit a img{ width:80%; height:auto; padding:0; margin:0 8px; box-sizing:border-box;}




/* -- 故障列表 -- */
.puc_fault_list{ 
	width:100%; height:75px; border:solid 1px #e0e0e0; border-radius:5px; border-bottom:solid 1px #E1DFD9;
	background:#fff; 
	padding:0; margin:0 auto 20px auto;
	overflow:hidden; 
/*	box-shadow:0 1px 10px rgba(0,0,0,.2);*/
}
.puc_fault_list_bar{ display:flex; width:100%; padding:0; margin:0; box-sizing:border-box; position:relative;}

.puc_fault_list_bar h4{ display:flex; justify-content:center; align-items:center;
	width:66px; height:73px; font-size:1.5em; color:#fff; background:#92c558; padding:0; margin:0 15px 0 0; box-sizing:border-box;}

.puc_fali_main_bar{ width:80%; padding:0; margin:0; box-sizing:border-box;}

.puc_fali_main_up,
.puc_fali_main_do{ display:flex; justify-content:flex-start; align-items:center;
	width:100%; padding:0; margin:0; box-sizing:border-box;}
.puc_fali_main_do{ margin:-6px 0 0 0;}

.puc_fali_main_roun{ 
	font-size:1em; 
	line-height: 50px; 
	font-weight:bold; 
	color:#FF9064; 
	padding:0; 
	margin:0 15px 0 0;
	 box-sizing:border-box;
	}
.puc_fali_main_up a{ text-decoration:none; 
	font-size:1.2em; font-weight:bold; 
	color:#666666;
	 padding:0; margin:0; 
	box-sizing:border-box;
}
.puc_fali_main_roti,
.puc_fali_main_rona{ font-size:0.8em; font-weight:500; color:#666666; padding:0; margin:0; box-sizing:border-box;}
.puc_fali_main_roti{ margin:0 15px 0 0;}

.puc_fali_endbbx,
.puc_fali_endbbo{ width: 36px;
    height: 36px;
    border-radius: 50%;
    /* box-shadow: 0px 3px 5px rgba(0,0,0,.2); */
    position: absolute;
    right: 20px;
    bottom: 16px;
    border: 1px solid #CACACA;}
.puc_fali_endbbx{ background:#CACACA;}
.puc_fali_endbbo{ background:#92c558;}




/* -- 231105方塊列表 -- */

.room-list{  }/*width:1015px;  margin: 0 auto;  padding-top: 30px;*/
.puc_posroom1{ float:left;}
.puc_pos_box1{ 
	padding:10px; 
	margin:0; 
	box-sizing:border-box; 
	position:relative; 
    height: 245px;
    margin-bottom: 15px;
    border-radius: 0.25rem;
    background: white;
	}
.puc_pos_box1 p{ font-size:0.8rem; 	line-height: 1.2rem; margin-bottom:0px;}
.puc_pos_box1 textarea{ width:100%; border: 1px solid #cccccc; }


.puc_pos_tit1{ display:flex; justify-content:center; align-items:center;
	width:100%; font-size:1em; font-weight:bold;  color:white; 
padding:7px 0 8px 0; cursor: pointer; }/*	text-decoration: underline;*/

.puc_pos_tit2{ 
	width:100%; font-size:0.5em; color:white; 
 cursor: pointer; }

.puc_pos_main1{
	text-align: left;
	font-size: 0.8rem;

}

.puc_pos_name1{  
	padding: 5px 0px;
	font-weight: bold;
	display: block;
	text-align: left;
	width:100%;  
	margin:0; 
	box-sizing:border-box; 
	position:relative;
	cursor: pointer;
	text-decoration: underline; 
	font-size:0.8rem;
height: 30px;
}


/*綠色_遊客*/
.green{ color:#92c558; background:white; }
.green_border{ border: solid 1px #92c558 ;}
.green_bg{  color: #92c558;}/*background:#92c558;*/

.green_in{ color:#2D2D35; backgrouune: white;}
.green_in_border{ border: solid 1px #92c558;}
.green_in_bg{ color: #92c558;}/*background:#e1e9a9;*/



/*藍色_旅行社*/
.blue{ color:#2D2D35; background:white; }
.blue_border{ border: solid 1px #75d3d8 ;}
.blue_bg{  color: #75d3d8;}/*background:#75d3d8;*/

.blue_in{ color:#75d3d8; backgrouune: white;}
.blue_in_border{ border: solid 1px #75d3d8;}
.blue_in_bg{ color: #75d3d8;}/*background:#c8edef;*/


/*紫色_合約*/
.purple{ color:#2D2D35; background:white; }
.purple_border{ border: solid 1px #9f89bd ;}
.purple_bg{ color: #9f89bd;} /*background:#9f89bd;*/

.purple_in{ color:#9f89bd; backgrouune: white;}
.purple_in_border{ border: solid 1px #9f89bd;}
.purple_in_bg{ color: #9f89bd;}/*background:#d7cfe3;*/

/*白色_空房*/
.gray{ color:#2D2D35; background:white; }
.gray_border{ border: solid 1px #cccccc ;}
.gray_bg{  color: #cccccc;}/*background:#CACACA;*/
.gray_bottom{ color:#cccccc;}/*border-bottom:#CACACA 1px solid; */




/* -- 230714方塊列表 -- */
.puc_allroom_zone{ display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap;}

.puc_posroom_box{ display:flex; justify-content:center; align-items:flex-start;
	max-width:125px; min-width:125px; border:solid 1px #; padding:0; margin:0 5px 10px 5px; box-sizing:border-box;}

.puc_pos_box{ max-width:125px; min-width:125px; border:solid 1px #4d7958; border-radius:10px;
	background:#f8f8f8; padding:0; margin:0; box-sizing:border-box; position:relative;}

.puc_posbox_top_pix{ width:21px; height:21px; 
	padding:0; margin:0; box-sizing:border-box; position:absolute; top:-10px; right:-10px; z-index:500; cursor: pointer;}
.puc_posbox_top_pix:hover{ }	
.puc_posbox_top_pix img{ width:100%; height:auto;}

.puc_pos_tit{ display:flex; justify-content:center; align-items:center;
	width:100%; font-size:1em; font-weight:bold; border-bottom:dashed 1px #4d7958; color:#4d7958; 
	padding:7px 0 8px 0;}

.puc_pos_main{ display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap;
	width:100%; height:100px; border-radius:0 0 8px 8px; padding:8px 0; margin:0; box-sizing:border-box; position:relative;}

.puc_pos_name{ width:100%; height:43px; line-height:20px; text-align:center; overflow:hidden;}

.puc_pos_bbt_a{ text-decoration:none; display:block; width:60px; text-align:center; font-size:.9em; font-weight:50; border-radius:20px; color:#fff; 
	background:#4d7958; padding:1px 0 3px 0; box-sizing:border-box; position:absolute; left:calc(50% - 30px);; bottom:8px;}
.puc_pos_bbt_a:hover,
.puc_pos_bbt_a:active{ color:#fff; background:#ea9719;}

.puc_pos_bbt_b{ text-decoration:none; display:block; width:108px; text-align:center; font-size:.9em; font-weight:50; border-radius:20px; color:#fff; 
	background:#FF9999; padding:1px 0 3px 0; box-sizing:border-box; position:absolute; left:calc(50% - 54px);; bottom:8px;}
.puc_pos_bbt_b:hover,
.puc_pos_bbt_b:active{ color:#fff; background:#ea9719;}

.puc_posroom_box:nth-child(even) .puc_pos_main{ background-color:#daf2df;}



.puc_down_tool_zone{ 
   align-items:center;
/*	width:80px; */
	border-radius:10px 0px 0px 10px; 
	background:#FF9064; 
	
	 margin:0 auto; 
	box-sizing:border-box;
	position:fixed; 
	bottom:20%;  
	right:-40px; 
	z-index:600; 

	transform: translateX(-50%);
	padding: 5px;

	box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.puc_down_tool_box{ 
	display:block; 
	width:60px;
	padding: 20px 0px; 
	margin:0 auto; 
	box-sizing:border-box;

}

.puc_down_tool_box a{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	text-decoration:none; width:100%; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_down_tool_box a img{ width:26px; height:auto;}
.puc_down_tool_box a p{ width:100%; text-align:center; font-size:.9em; font-weight:50; color:#fff;
	padding:0; margin:0px 0 0 0; box-sizing:border-box;	font-weight: 400;}

.puc_down_tool_box i { 
	font-size: 23px;
    color: white;
}


.puc_dtab{ font-weight:bold !important;}

.puc_data_bker{ width:24px; height:24px; background:url(../images/room_pix/down_pix_b.svg) no-repeat center center; background-size:cover;}
.puc_data_bker p{ 
	font-size:1em !important; font-weight:bold !important; color:#fff;
	padding:0; margin:0; box-sizing:border-box;
}

.puc_down_tool_add{ 
	/* width:50px; 
	height:50px; 
	padding:7px; 
	box-sizing:border-box;
   display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; */
    display: block;
    
    padding: 20px 0px 20px 3px;
    margin: 0 auto;
    box-sizing: border-box;
}
.puc_down_tool_add a{ 
	display:flex; 
	justify-content:center; 
	align-items:center;
	width:50px; 
	height:50px; 
	border:solid 2px #4d7958; 
	border-radius:50%;
	border: 2px solid white;
	padding:0; 
	box-sizing:border-box;
}
.puc_down_tool_add a img{ width:24px; height:24px;}


.dspy_no{ display:none;}




@media (max-width:1200px) {
/*	.room-list{ width:725px; }*/
.bar-space{ padding-bottom: 60px }
.reserve-area{ }
.puc_down_tool_zone{ display:flex; justify-content:flex-end; align-items:center; height: auto;
	width:100%; border-radius:0px 0px 0px 0px; padding:5px 0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:50%; z-index:600; transform: translateX(-50%);}

.puc_down_tool_box{ display:block; width:60px; padding:0px; margin:0 auto; box-sizing:border-box;}
.puc_down_tool_add{ width:50px; height:50px; padding:0; margin:0; box-sizing:border-box; }
.puc_down_tool_add a{ 
	display:flex; 
	justify-content:center; 
	align-items:center;
	width:50px !important; 
	height:50px; 
	border:solid 2px #4d7958; 
	border-radius:50%;
	 border: 2px solid white;
	box-sizing:border-box;
}

}
@media (max-width:992px) {
/*.room-list{ width:580px; }*/
}
@media (max-width: 768px) {


/*.room-list{ width:438px; }*/


.puc_down_tool_zone{ display:flex; justify-content:flex-end; align-items:center; height: auto;
	width:100%; border-radius:0px 0px 0px 0px; padding:5px 0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:50%; z-index:600; transform: translateX(-50%); }
.puc_down_tool_box{ display:block; width:60px; padding:0px; margin:0 auto; box-sizing:border-box;}
.puc_down_tool_add{ width:50px; height:50px; padding:0; margin:0; box-sizing:border-box; }
.puc_down_tool_add a{ 
	display:flex; 
	justify-content:center; 
	align-items:center;
	width:50px; 
	height:50px; 
	border:solid 2px #4d7958; 
	border-radius:50%;
	border: 2px solid white;
	padding:0; 
	box-sizing:border-box;
}

.puc_order_budget_times p, .puc_order_budget_timee p{
	    padding: 0;
    margin: 0 -20px 0 0;
    width: 40px !important;

}
}



@media (max-width:480px) {
/*.room-list{ width:290px; }*/
}














@media (max-width: 1500px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:8%; margin:0 0 20px 0;}*/
}




@media (max-width: 1375px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:9%;}*/
}



@media (max-width: 1250px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:10%;}*/
}



@media (max-width: 1125px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:11%;}*/
}



@media (max-width: 1024px) {
.eve_inp_box label p{ font-size:1.4em;}
}




@media (max-width: 1000px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:12.5%;}*/
.puc_fali_endbbx, .puc_fali_endbbo{ right: 34px}
}



@media (max-width: 875px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:14%;}*/
}






@media (max-width: 768px) {
	.bord-bar{height:auto}
	/* -- 登入頁面 -- */
.login_title_pix h2{ font-size:1.9em;}

.eve_login_box{ width:100%;}
.eve_login_box h3 p{font-size:1.1em;}
.eve_login_box h3 img{ height:70px;}

/*.login_bker{ background-size:200%;}*/
.login_title_pix{ margin:17% auto 44% auto;}
.eve_login_box h3{ font-size:1.5em; padding:0 0 0 48px; margin:80px 0 10px 0;}
.eve_bbt_box input{ margin:50px auto 0 auto;}

.eve_inp_box input{ width:96%; padding:15px 20px 17px 20px;}


/* -- 房間狀況頁 -- */
/*.puc_topbar_viewzone{ padding:29px 0 0 0; margin:0; box-sizing:border-box;} 
.puc_topbar_viewbbt{ height:60px; padding:0; margin:0; box-sizing:border-box;}
.puc_topbar_viewbbt a{ width:249px; line-height:56px; font-size:1.8em; padding:0; margin:0; box-sizing:border-box;}*/

/*.puc_topbar_viewzone select{ width:88%; font-size:1.2em; font-weight:bold; border:solid 1px #e0e0e0; border-radius:18px; 
	color:#064D4B; padding:11px 20px; margin:0 auto 0 auto; box-sizing:border-box;} */


.ptv_l{ margin:0 0 0 2px;}
.ptv_r{ width:48%; margin:0 0 0 7px; }

.ptb_l{ padding:5px 0 0 13px;}
.ptb_r{ padding:5px 13px 0 0; }

/*.puc_room_bar{ width:89%; border-bottom:solid 1px #E1DFD9; padding:0 0 11px 0; margin:0 auto 25px auto;}
.puc_room_bar h3{ font-size:1em; padding:2px 0 10px 6px;}*/

/*.puc_room_complete,
.puc_room_busy,
.puc_room_waitss{ width:105px; height:48px; line-height:44px; font-size:1.3em;
	padding:0 0 0 18px; margin:1px 0 0 13px;}
.puc_room_waitss img{ width:45%; padding:0; margin:-5px 0 0 0;}*/

/*.puc_room_number{ line-height:40px; font-size:3.8em; padding:0 0 0 58px; margin:0;}
.puc_room_time{ line-height:22px; font-size:1.2em; margin:-10px 0 0 38px;}
.puc_room_time img{ width:12%; padding:0; margin:5px 0 5px 0;}
.puc_room_name{ line-height:42px; font-size:3.8em; margin:0 0 0 -5px;}
*/

/* -- 訂單摘要 -- */
.puc_roominfo_box{ width:82%; margin:-11px auto 20px auto;}


/* -- 房間住退狀況頁 -- */
/*.puc_roomcin_bar{ width:90%; height:99px; border:solid 1px #e0e0e0; border-radius:25px; 
	background:#fff; padding:0; margin:0 auto; overflow:hidden; box-shadow:0 1px 10px rgba(0,0,0,.2);}
.puc_roomcin_bar a{ display:flex; width:100%; height:100%; text-decoration:none;}

.prb_top{ margin:-9px auto 12px auto;}
.prb_top a{ display:flex; justify-content:space-between;}*/
/*.prb_main{ margin:0 auto 12px auto;}
.prb_main a{ display:flex; justify-content:space-between;}*/

/*.prb_bar_a{ display:flex; justify-content:center; align-items:center; 
	width:89px; height:100%; background:#92c558; padding:0; margin:0; box-sizing:border-box;}*/
.prb_bar_a h2{ font-size:3.1em; font-weight:normal; color:#fff; padding:0; margin:-8px 0 0 4px; box-sizing:border-box;}

/*.prb_bar_b{ width:calc(100% - 176px); height:100%; padding:14px 0 0 15px;}*/
.prb_bar_b h2{ font-size:1.9em; letter-spacing:4px; margin:-10px 0 0 0;}
.prb_bar_b h3{ font-size:1.15em;}

.prb_bar_c{ display:flex; justify-content:center; align-items:center;
	width:87px; height:100%; padding:0; margin:0; box-sizing:border-box;}
.prb_bar_c p{ display:block; width:37px; height:37px;}

.prb_bar_d h2{ font-size:1.9em; letter-spacing:4px;}
.prb_bar_d h3{ font-size:1.15em;}

.prb_bar_e h2{ line-height:32px; font-size:1.9em;}

.room_housing_top{ margin:52px auto 12px auto;}

/*.room_housing_dowbar{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:60px; border-radius:50px; color:#fff; background:#4d7958; padding:0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; z-index:300;}
.room_housing_dowbar a{ text-decoration:none; color:#fff;}
*/
/*.room_h_btl{ padding:0; margin:0 0 0 22px;}
.room_h_btc{ font-size:1.5em; letter-spacing:1px; padding:0; margin:-5px 0 0 30px;}
.room_h_btr{ padding:0; margin:0 37px 0 0;}
.room_h_btl_bbt{ padding:0; margin:0 8px 0 0;}
.room_h_btr_bbt{ padding:0; margin:0 8px 0 0;}

.room_h_btr_bbt a{ height:40px; border-radius:20px; 
	background:#92c558; padding:0 20px 0 0; margin:0; 
	box-sizing:border-box;
	box-shadow:inset 1px 1px 0px rgba(255,255,255,.5),
	 inset -1px -1px 0px rgba(0,0,0,.4);}

.room_h_btl a,
.room_h_btc a,
.room_h_btr a,
.room_h_btl_bbt a,
.room_h_btr_bbt a{ display:flex; justify-content:center; align-items:center; font-size:1.4em;}

.room_h_btl a span{ font-size:1.2em; font-weight:bold; color:#92c558; padding:0 5px;}

.room_h_btl a img,
.room_h_btc a img,
.room_h_btr a img,
.room_h_btr_bbt a img{ width:50px;}



.room_h_btl a img{ margin:0 -10px 0 0;}
.room_h_btr a img{ margin:0 -10px 0 0;}
.room_h_btr_bbt a img{ margin:0 -10px 0 0;}*/
.room_h_btl a{ float: none}
.room_h_btr a{ float: none}

.room_h_btr_bbt a:hover{ color:#FF9064; }
/* -- 跳出搜尋表單 -- */
.puc_search_top_box{ width:90%;}



/* -- 房間住退狀況次選單 -- */
.puc_sub_topbar_zone{ padding:0 13px; margin:24px 0 64px 0; }
/*.puc_submenu_box{ padding:0 3%; top:40px;}*/

.puc_subtopbar_bbt{ margin:0 auto; }
.puc_subtopbar_bbt a{ display:block; width:48px; height:48px; border-radius:50%; 
	background:#DF776E; padding:0; margin:0; box-sizing:border-box; box-shadow:0 2px 5px rgba(170,180,210,.5);}

.ptb_sub_l{ padding:0px 0 0 0px;}

/*.puc_room_popsup_box{ width:78.2%; height:auto; padding:0; margin:0 auto 20px auto;}*/

/*.puc_suppop_title_bar{ width:100%; height:74px; background:#fff; position:relative;}*/

.puc_suppop_tit_txt{ 
/*	border-radius: 20px 20px 0 0; */
    color: #fff;
    /* padding: 12px 30px 0px 27px; */
/*    margin: 0;*/
    box-sizing: border-box;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
/*    background: #cacaca;*/
    z-index: 50;
    width: 100%;
}

/*.puc_suppop_tit_txt:before{ content:""; display:block; width:15px; height:15px;
	background:#164234; position:absolute; right:-10px; bottom:18px; z-index:20;}
.puc_suppop_tit_txt:after{ content:"";  display:block; width:15px; height:15px; border-radius:0 0 0 10px;
	background:#fff; position:absolute; right:-15px; bottom:23px; z-index:20;}*/
/*
.puc_suppop_tit_txt h3{ 
	font-size:1em; 
	font-weight:200;
	letter-spacing:5px;
	background:#cacaca; 
	color:red; 
	margin-left: 25px;
}

.puc_suppop_tit_txts{ 
    color: #fff;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}
.puc_suppop_tit_txts h3{ 
	font-size:1em; 
	 font-weight:200; 
	 letter-spacing:5px; 
	 background:#cacaca; 
	 margin-left: 25px;
	}
*/


/*.puc_suppop_tit_txts:before{ content:""; display:block; width:15px; height:15px;
	background:#6DB73A; position:absolute; right:-10px; bottom:18px; z-index:20;}
.puc_suppop_tit_txts:after{ content:"";  display:block; width:15px; height:15px; border-radius:0 0 0 10px;
	background:#fff; position:absolute; right:-15px; bottom:24px; z-index:20;}*/
.puc_suppop_tit_txts h3{ font-size:2.7em; font-weight:200; letter-spacing:5px; background:#cacaca; margin-left: 25px;}

/*.puc_suppop_tit_bar{ width:100%; height:25px; border-radius:20px 20px 0 0; position:absolute; right:0; bottom:0;}*/
.puc_suppop_main_box{ width:100%; height:auto; border-radius:0 0 20px 20px; padding:2px 26px 19px 26px; margin:0; box-sizing:border-box;}
.puc_suppop_main_line{ width:100%; height:1px; background:#E1DFD9; padding:0; margin:0; box-sizing:border-box;}

/*.puc_suppop_main_sea{ width:100%; padding:12px 0 0 14px; margin:0; box-sizing:border-box;}
.puc_suppop_main_sea a{ text-decoration:none; font-size:1.8em; font-weight:400;}*/

/*.puc_suppop_main_seb{ 
	width: 33.333%;
    border: 1px solid #cacaca;
    float: left;
}
.puc_suppop_main_seb a{ border: 1px solid #cacaca; display:block; text-decoration:none; font-size:1.3em; font-weight:400; letter-spacing:3px; padding:3px 0 8px 64px;}
.puc_suppop_main_seb .active{ display:block; width:100%; color:#fff; background:#B4D231; border-radius:20px; }*/

.puc_suopop_cod{ background:#164234;}
.puc_suopop_col{ background:#6DB73A;}

/*.psc_title_txtd{ color:#6DB73A;}*/
.psc_title_txtl{ color:#fff;}

.psc_main_txtd{ color:#CECFC8;}
.psc_main_txtl{ color:#DBEAC8;}


/* -- 訂房查詢 -- */
.puc_order_bar h4{ font-size:1.3em;	padding:12px 0 7px 0;}

.puc_order_breadcrumb ol li{ font-size:1em;}
.puc_order_roomsel{ font-size:1.4em;}

.puc_order_budget_box{ font-size:2em;}
.puc_order_budget_bar h5{ font-size:1.5em;}
.puc_order_budget_gline{ width:75%;}
.puc_order_budget_gnob{ width:75%;}

.puc_order_budget_ial,
.puc_order_budget_iar{ font-size:1em;}

/*.puc_order_budget_times,
.puc_order_budget_timee{ width:46%; padding:10px 10px 15px 10px;}
.puc_order_budget_times p,
.puc_order_budget_timee p{ font-size:1.8em; font-weight:bold; margin:0 5px 0 0;}
.puc_order_budget_times input,
.puc_order_budget_timee input{ width:70%; font-size:2em; font-weight:bold;}

.puc_order_budget_quantity a{ width:80px; height:80px;}
.puc_order_budget_quantity a img{ width:50%;}
.puc_order_budget_quantity p{ font-size:2.5em;}

.puc_order_roomview_zone li{ height:200px; margin:0 0 25px 0;}
.puc_order_roomview_zone li p{ font-size:1.5em; font-weight:300;}
.puc_order_roomview_zone li img{ width:110%; height:auto;}

.puc_order_bar_downline{ width:89%;}*/


/* -- 房間需求清單 -- */
/*.puc_order_budget_table table tr th{ font-size:1.4em; font-weight:400; padding:4px 5px 6px 5px;}
.puc_order_budget_table table tr td{ font-size:1.4em; padding:4px 5px 6px 5px;}
.puc_order_budget_table table tr td a{ border-radius:5px; padding:0px 8px 2px 8px;}*/


/* -- 新增訂單 -- */
.puc_order_newtitle{ width:35%;}
.puc_order_newtitle input{ width:30px; height:30px; margin:0 8px 0 5px;}
.puc_order_newtitle label{ font-size:1.5em;}

.puc_order_newod p{ display:block; width:60%; text-align:left; font-size:1em; color:#DD806F;}

.puc_ordersel_title{ width:25%; font-size:1.75em;}
.puc_ordersel_rsi{ width:70%;}

.puc_order_orline{ width:95%; font-size:1em;}
.puc_order_or span{ width:46%;}


/* -- 新增訂單跳出提示 -- */
.puc_order_popdata_box{ width:50%;}


/* -- 交班頁面 -- */
.puc_shift_top_pix{ max-width:450px; height:450px;}

.puc_stp_a{ width:194px; left:.5%;}
.puc_stp_b{ width:194px; right:.5%;}
.puc_stp_c{ width:300px; left:calc(50% - 150px);}

.puc_shift_list_lbox h3,
.puc_shift_list_rbox h3{ font-size:1.5em;padding:0 0 8px 0;}
.puc_shift_list_lbox ul li,
.puc_shift_list_rbox ul li{ font-size:1em; padding:0 0 5px 5px;}

.puc_shift_list_cbox{ width:50px; margin:15% 0 0 0;}
.puc_shift_list_cbox p{ width:50px; height:50px;}

.room_shift_btc{ 
/*	line-height:55px; 
	height:60px; */
	border-radius:50px;
	 font-size:1em; 
	 z-index:300;}


/* -- 交班頁面_完成 -- */
.room_shift_reach{ width:88%; padding:67px 0 0 0;}
.room_shift_reach_time{ font-size:1.8em;}
.room_shift_reach_to{ margin:40px 0 0 0;}
.room_shift_reach_box{ font-size:2.5em; padding:10px 30px;}
.room_shift_reach_cc{ width:45px; height:45px; margin:0 15px;}
.room_shift_reach_text{ width:400px; height:380px; font-size:2em; margin:-100px auto 0 auto;}
.room_shift_reach_total{ width:88%; padding:15px 25px; margin:-90px auto 0 auto;}
/*.room_shift_reach_totaline h3{ font-size:1.8em;}
.room_shift_reach_totaline p{  font-size:1.7em;}
.room_shift_reach_totaline p span{ font-size:1.8em;}*/


/* -- 交班頁面 -- */
.puc_signin_zone{ width:80%; padding:45px 0 0 0;}


/* -- 房間狀況頁 -- */
.puc_condition_top{ width:88%; padding:44px 0 0 0;}
.puc_condition_top ul{ width:calc(100% - 90px);}
.puc_condition_top ul li a{ padding:4px 15px 6px 15px;}
.puc_cond_topa{ width:37px; height:37px;}

.puc_condition_bar{ width:88%;}

.prb_condbar_b{ width:calc(40% - 66px);; height:100%; padding:0 0 0 10px;}
.prb_condbar_b h2{ font-size:1.6em; letter-spacing:1px; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}

.prb_condbar_c{ width:30%;}
.prb_condbar_c p{ font-size:1.3em;}

.prb_condbar_d{ justify-content:flex-end; width:30%; padding:0 20px 0 0;}
.prb_condbar_d p{ font-size:1.3em;}


/* -- 房務頁 -- */
.walkin_top{ padding:52px 0 0 0;}
.puc_walkin_goto{ width:40px; height:40px;}
.puc_walkin_weekbar{ margin:20px 0;}
.puc_walkin_weekbar li{ font-size:1.2em;}
.puc_walkin_yeartxt{ font-size:1.2em; padding:0 35px;}
.puc_walkin_daybar li{ font-size:1.2em;	padding:10px 0 12px 0; margin:0 0 15px 0;}


/* -- 訂房表格 -- */
/*.puc_asign_data{ width:88%;}
.puc_asign_tabter{ width:88%;}*/


/* -- 故障排除 -- */
.puc_roomfault_l h2{ font-size:2em;}
.puc_roomfault_l h3{ font-size:2.2em; padding:0;}
.puc_roomfault_r{ font-size:1em;}


/* -- 房務_服務員_home -- */
.room_status_waiter_dowbar{ width:100%; left:0;}


/* -- 房務_服務員_成果 -- */
.room_swaiter_gaintop{ width:78%;}
.room_swaiter_gain_zone{ width:78%;}


/* -- 房務_服務員_複檢不良表 -- */
.rsbb_main_box{ width:80%;}
}








@media (max-width: 768px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:16%;}*/
.puc_fali_endbbx, .puc_fali_endbbo{ right: 34px}
}



@media (max-width: 500px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:25%;}*/
}











@media (max-width: 475px) {
.eve_login_box{ padding:20px 20px 60px 20px;}
.eve_inp_box{ width:100%;}

.login_title_pix h2{ font-size:1.4em;}

.login_title_pix{ margin:30px auto 31% auto;}
.eve_login_box h3{ padding:0 0 0 40px; margin:0 0 10px 0; box-sizing:border-box;}
.eve_inp_box{ margin:0 auto 15px auto;}
.eve_inp_box input{ width:85%; padding:10px 20px 13px 20px;}
.eve_bbt_box input{  margin:30px auto 0 auto;}

/* -- 訂單摘要 -- */
.puc_roominfo_box{ width:88%; margin:-9px auto 20px auto;}

.puc_addtodo_tibar{ display:flex; 
	justify-content:space-between; 
	align-items:center; 
	border-radius:5px;	width:100%; color:#fff; padding:4px 20px 6px 20px; background:#4d7958;}
.puc_addtodo_tibar h4{ font-size:.9em; color:#fff; padding:0; margin:0; box-sizing:border-box;}
.puc_addtodo_tibar a{ 
	font-size:.8em; color:#fff; padding:0; margin:0; box-sizing:border-box;
text-decoration: underline;
}
.puc_addtodo_addbox{ height:auto; border-radius:0 0 10px 10px; 
	background:#b4d231; padding:5px 0; margin:0 auto; box-sizing:border-box;}


.puc_roominfo_box .puc_addtodo_addbox li{ width:100%; padding:0 8px 5px 8px;}
.puc_roominfo_box .puc_addtodo_addbox li p{ width:30%; font-size:.9em;} 

.puc_roominfo_box .puc_addtodo_addbox li select,
.puc_roominfo_box .puc_addtodo_addbox li input,
.puc_roominfo_box .puc_addtodo_addbox li textarea{ width:70%; font-size:1em;}
.puc_roominfo_box .puc_addtodo_addbox li .insbox{ width:25px; height:25px;}
.puc_roominfo_box .puc_addtodo_addbox li button{ width:98%; font-size:1em;}
.puc_addtodo_listbar label{ font-size:1.1em;}


/* -- 房間狀況頁 -- */
/*.puc_topbar_bbt{ margin:0 auto; }*/
/*.puc_topbar_bbt a{ display:block; width:48px; height:48px; border-radius:50%; 
	background:#6DB63A; padding:0; margin:0; box-sizing:border-box; box-shadow:0 2px 5px rgba(170,180,210,.5);}*/

.ptb_l{ padding:0 0 0 6px;}
.ptb_r{ padding:0 6px 0 0; }

/*.puc_topbar_viewzone{ padding:0; margin:0; box-sizing:border-box;} */
/*.puc_topbar_viewbbt{ height:40px; text-align:center; padding:0;}*/
/* .puc_topbar_viewbbt:first-child{ border-right:dotted 1px #d0cbc6;}
.puc_topbar_viewbbt a{ width:166px; line-height:40px; text-align:center; text-decoration:none; font-size:1.2em; font-weight:400; color:#b8b1a8;
 padding:0; margin:0 3px 0 0;}
.puc_topbar_viewbbt .active{ border-radius:40px; color:#fff; background:#E8962E; }*/

.ptv_l{ padding:0 9px 0 0; margin:0 0 0 -1px;}
.ptv_r{ width:45%; margin:0 0 0 18px; }

/*.puc_room_bar{ width:97%; border-bottom:solid 1px #E1DFD9; padding:0 0 16px 0; margin:0 auto -3px auto;}
.puc_room_bar h3{ display:block; font-size:1em; letter-spacing:2.2px; color:#064D4B; padding:7px 0 7px 23px; margin:10px 0 3px 0;}*/

/*.puc_room_complete,
.puc_room_busy,
.puc_room_waitss{ width:82px; height:38px; line-height:36px; font-size:1em; border-radius:40px; color:#fff;
	padding:0 0 0 13px; margin:0 0 0 30px; box-sizing:border-box;}

.puc_room_busy img{ width:53%; padding:0; margin:-5px 0 0 0;}
.puc_room_complete img{ width:50%; padding:0; margin:-3px 2px 0 0;}
.puc_room_waitss img{ width:50%; padding:0; margin:-5px 0 0 0;}


.puc_room_number{ line-height:36px; font-size:2.1em; font-weight:bold; color:#064D4B; padding:0 0 0 18px;}
.puc_room_time{ line-height:15px; text-align:center; font-size:.75em; font-weight:bold; letter-spacing:0.4px; color:#4D7958; 
	padding:0; margin:-3px 0 0 -4px;}
.puc_room_time img{ width:10%; padding:0; margin:0 0 0 0;}
.puc_room_name{ line-height:36px; font-size:2.1em; font-weight:bold; letter-spacing:-2px; color:#064D4B; padding:0; margin:0 0 0 -6px;}*/


/* -- 跳出搜尋表單 -- */
.puc_search_top_box{ width:90%;}


/* -- 房間住退狀況頁 -- */
/*.puc_roomcin_bar{ width:97%; height:75px; border:solid 1px #e0e0e0; border-radius:18px; 
	background:#fff; padding:0; margin:0 auto; overflow:hidden; box-shadow:0 1px 10px rgba(0,0,0,.2);}

.puc_roomcin_bar a{ display:flex; width:100%; height:75px; text-decoration:none;}*/

/*.prb_top{ margin:34px auto 9px auto; }*/
.prb_main{ margin:0 auto 8px auto; }

/*.prb_bar_a{ width:66px; height:100%;}*/
.prb_bar_a h2{ font-size:2.4em;}

/*.prb_bar_b{ width:calc(100% - 126px);}*/
.prb_bar_b h2{ font-size:1.2em; margin:0;}
.prb_bar_b h3{ font-size:.8em; margin:0 0 0 0;}

.prb_bar_c{ width:60px;}
.prb_bar_c p{ width:28px; height:28px;}

.prb_bar_d h2{ font-size:1.2em; letter-spacing:2px;}
.prb_bar_d h3{ font-size:.9em;}

.prb_bar_e h2{ line-height:22px; font-size:1.2em;}

/*.room_housing_dowbar{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:54px; border-radius:50px; color:#fff; background:#4d7958; padding:0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:0; z-index:300;}
.room_housing_dowbar a{ text-decoration:none; color:#fff;}*/

/*.room_h_btl{ padding:0; margin:0 0 0 6px;}
.room_h_btc{ font-size:1.1em; letter-spacing:1px; margin:0;}
.room_h_btr{ padding:0; margin:0 20px 0 0;}*/
/*.room_h_btr_bbt{ padding:0; margin:0 8px 0 0;}*/

/*.room_h_btr_bbt a{ height:40px; border-radius:20px; 
	background:#92c558; padding:0 20px 0 0; margin:0; 
	box-sizing:border-box;
	box-shadow:inset 1px 1px 0px rgba(255,255,255,.5),
	 inset -1px -1px 0px rgba(0,0,0,.4);}*/

/*.room_h_btl a,
.room_h_btc a,
.room_h_btr a,
.room_h_btl_bbt a,
.room_h_btr_bbt a{ display:flex; justify-content:center; align-items:center; font-size:1.4em;}

.room_h_btl a span{ font-size:1.2em; font-weight:bold; color:#92c558; padding:0 5px;}

.room_h_btl a img,
.room_h_btc a img,
.room_h_btr a img,
.room_h_btr_bbt a img{ width:50px;}

.room_h_btl a img{ margin:0 -10px 0 0;}
.room_h_btr a img{ margin:0 -10px 0 0;}
.room_h_btr_bbt a img{ margin:0 -10px 0 0;}*/


/* -- 房間住退狀況次選單 -- */
.puc_sub_topbar_zone{ padding:0 6px; margin:20px 0 22px 0; }
/*.puc_submenu_box{ 
	border: none;
    width: 100%;
    background: white;
}*/
.puc_subtopbar_bbt{ margin:0 auto; }
.puc_subtopbar_bbt a{ display:block; width:48px; height:48px; border-radius:50%; 
	background:#DF776E; padding:0; margin:0; box-sizing:border-box; box-shadow:0 2px 5px rgba(170,180,210,.5);}

.ptb_sub_l{ padding:0px 0 0 0px;}

/*.puc_room_popsup_box{ width:98.3%; height:auto; padding:0; margin:0 auto 15px auto;}*/

.puc_suppop_title_bar{ width:100%; height:64px; background:#fff; position:relative;}

/*.puc_suppop_tit_txt{ border-radius:20px 20px 0 0; color:#fff; 
	padding:12px 30px 0px 27px; margin:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:50;}
.puc_suppop_tit_txt:before{ content:""; display:block; width:15px; height:15px;
	background:#164234; position:absolute; right:-10px; bottom:18px; z-index:20;}
.puc_suppop_tit_txt:after{ content:"";  display:block; width:15px; height:15px; border-radius:0 0 0 10px;
	background:#fff; position:absolute; right:-15px; bottom:21px; z-index:20;}*/
/*.puc_suppop_tit_txt h3{ font-size:2.1em; font-weight:200; letter-spacing:5px; }*/

/*.puc_suppop_tit_txts{ border-radius:20px 20px 0 0; color:#fff; 
	padding:12px 30px 0px 27px; margin:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:50;}
.puc_suppop_tit_txts:before{ content:""; display:block; width:15px; height:15px;
	background:#6DB73A; position:absolute; right:-10px; bottom:18px; z-index:20;}
.puc_suppop_tit_txts:after{ content:"";  display:block; width:15px; height:15px; border-radius:0 0 0 10px;
	background:#fff; position:absolute; right:-15px; bottom:22px; z-index:20;}
.puc_suppop_tit_txts h3{ font-size:2.1em; font-weight:200; letter-spacing:5px; }*/

/*.puc_suppop_tit_bar{ width:100%; height:25px; border-radius:20px 20px 0 0; position:absolute; right:0; bottom:0;}*/
.puc_suppop_main_box{ width:100%; height:auto; border-radius:0 0 20px 20px; padding:2px 26px 19px 26px; margin:0; box-sizing:border-box;}
.puc_suppop_main_line{ width:100%; height:1px; background:#E1DFD9; padding:0; margin:0; box-sizing:border-box;}

/*.puc_suppop_main_sea{ width:100%; padding:5px 0 0 5px; margin:0; box-sizing:border-box;}
.puc_suppop_main_sea a{ text-decoration:none; font-size:1.4em; font-weight:400;}*/

/*.puc_suppop_main_seb{ width:100%; margin:0;}
.puc_suppop_main_seb a{ display:block; text-decoration:none; font-size:1.2em; font-weight:400; letter-spacing:0; padding:3px 0 3px 45px;}
.puc_suppop_main_seb .active{ display:block; width:100%; color:#fff; background:#B4D231; border-radius:20px; }*/

.puc_suopop_cod{ background:#164234;}
.puc_suopop_col{ background:#6DB73A;}

/*.psc_title_txtd{ color:#6DB73A;}*/
.psc_title_txtl{ color:#fff;}

.psc_main_txtd{ color:#CECFC8;}
.psc_main_txtl{ color:#DBEAC8;}

/* -- 訂房查詢 -- */
/*.puc_order_bar h4{ width:95%; font-size:1em; padding:7px 0 7px 0;}*/
.puc_order_breadcrumb ol li{ font-size:1em;}
.puc_order_roomsel{ font-size:1.2em;}
.puc_order_budget_box{ font-size:1.5em;}
.puc_order_budget_bar h5{ font-size:1em;}
.puc_order_budget_gline{ width:70%;}
.puc_order_budget_gnob{ width:70%;}

.puc_order_budget_ial,
.puc_order_budget_iar{ font-size:.9em;}

.puc_order_budget_table{ width:95%}

/*.puc_order_budget_times,
.puc_order_budget_timee{ flex-wrap:wrap; width:45%; padding:2px 0 6px 0;}

.puc_order_budget_times{ flex-wrap:wrap;}*/

/*.puc_order_budget_times p,
.puc_order_budget_timee p{ font-size:1em; font-weight:100; margin:0 8px 0 0;}*/
/*.puc_order_budget_times input,
.puc_order_budget_timee input{ font-size:1em; font-weight:100;}*/

.puc_order_budget_times p{ width:100%;}

/*.puc_order_budget_quantity a{ width:50px; height:52px;}*/
.puc_order_budget_quantity a img{ width:60%;}
.puc_order_budget_quantity p{ font-size:1em;}

/*.puc_order_roomview_zone li{ height:120px; margin:0 0 15px 0;}
.puc_order_roomview_zone li p{ font-size:.9em; font-weight:100;}*/

.puc_order_bar_downline{ width:97%;}


/* -- 房間需求清單 -- */
/*.puc_order_budget_table table tr th{ font-size:1.2em; font-weight:200; padding:0;}
.puc_order_budget_table table tr td{ font-size:1.2em; padding:2px 4px 4px 4px; margin:0; box-sizing:border-box;}*/


/* -- 新增訂單 -- */
.puc_order_newtitle input{ width:20px; height:20px; margin:0 3px 0 5px;}
.puc_order_newtitle label{ font-size:1em;}

.puc_order_newod p{ font-size:.8em;}

.puc_ordersel_title{ width:32%; font-size:1.1em;}
.puc_ordersel_rsi{ width:69%;}

.puc_order_orline{ width:88%; font-size:.8em;}
.puc_order_or span{ width:45%;}


/* -- 新增訂單跳出提示 -- */
.puc_order_popdata_box{ width:80%;}


/* -- 房間細節 -- */
.puc_suite_inssel{ width:90%;}
.puc_suite_inssel ul li{ width:25%;}


/* -- 交班頁面 -- */
.puc_shift_top_pix{ max-width:300px; height:300px;}

.puc_stp_a{ width:130px; left:.5%;}
.puc_stp_b{ width:130px; right:.5%;}
.puc_stp_c{ width:200px; left:calc(50% - 100px);}

.puc_shift_list_lbox h3,
.puc_shift_list_rbox h3{ font-size:1.5em; padding:0 0 5px 0;}
.puc_shift_list_lbox ul li,
.puc_shift_list_rbox ul li{ font-size:1em;}

.puc_shift_list_cbox{ width:28px; margin:25% 0 0 0;}
.puc_shift_list_cbox p{ width:28px; height:28px;}

.room_shift_btc{ font-size:1.1em; letter-spacing:1px; margin:0 auto;}


/* -- 交班頁面_完成 -- */
.room_shift_reach{ width:97%; padding:21px 0 0 0;}

.room_shift_reach_time{ font-size:1.2em;}

.room_shift_reach_to{ margin:40px 0 0 0;}
.room_shift_reach_box{ font-size:2em; padding:8px 25px;}
.room_shift_reach_cc{ width:30px; height:30px; margin:0 10px;}

.room_shift_reach_text{ /*display:flex; justify-content:center; align-items: center;
	width:280px; height:260px; font-size:3em; font-weight:bold; border-radius:50%; color:#4d7958;
	background:#ece8e5;	padding:0; margin:-70px auto 0 auto; box-sizing:border-box*/;}

.room_shift_reach_total{ width:97%; padding:15px; margin:-60px auto 0 auto;}
.room_shift_reach_totaline h3{ font-size:1.3em;}
.room_shift_reach_totaline p{  font-size:1.2em;}
.room_shift_reach_totaline p span{ font-size:1.5em;}


/* -- 交班頁面 -- */
.puc_signin_zone{ width:100%;}
.puc_si_data{ display:flex; flex-wrap:wrap; align-items:flex-start; align-items:center;}
.puc_si_databbt{ padding:0 0 0 6px; margin:0;}


/* -- 房間狀況頁 -- */
.puc_condition_top{ width:95%; padding:12px 0 0 0;}
.puc_condition_top ul{ width:calc(100% - 70px); padding:5px 0 14px 0;}
.puc_condition_top ul li a{ padding:0 10px; margin:0 5px;}
.puc_cond_topa{ width:28px; height:28px;}

.puc_condition_bar{ width:97%;}

.prb_condbar_a{ width:66px;}
.prb_condbar_a h2{ font-size:1.8em;}

.prb_condbar_b{ width:calc(46% - 66px);}
.prb_condbar_b h2{ font-size:1.2em; padding:0;}
.prb_condbar_c{ width:27%; padding:0 10px 0 0;}
.prb_condbar_c p{ font-size:.9em; padding:0;}
.prb_condbar_d{ width:27%; padding:0 10px 0 0;}
.prb_condbar_d p{ font-size:.9em; padding:0;}


/* -- 房務頁 -- */
.walkin_top{ padding:36px 0 0 0;}
.puc_walkin_goto{ width:30px; height:30px;}
.puc_walkin_weekbar{ margin:0;}
.puc_walkin_weekbar li{ font-size:1em;}
.puc_walkin_yeartxt{ font-size:1em; padding:0 15px;}
.puc_walkin_daybar li{ font-size:1em; padding:6px 0 8px 0; margin:0 0 10px 0;}


/* -- 221118 -- */
.puc_timenav_btbar{ width:100%; padding:0 15px; margin:0px auto -10px auto;}
.puc_timenav_btbar a{ width:31%; margin:0 2% 2% 0;}
.puc_timenav_btbar a:nth-child(5){ margin:0 2% 2% 0;}
.puc_timenav_btbar a:nth-child(3){ margin:0 0 2% 0;}

.puc_setup_time{ width:80%; margin:20px auto 0 auto;}

.puc_rotab_bbt{ padding:3px 10px 4px 10px; margin:0;}

.puc_schedule_timeup,
.puc_schedule_timedo{ width:88%; border-radius:15px;}

.puc_schedule_timeup h3,
.puc_schedule_timedo h3{ width:17%; font-size:.9em;}

.pst_up_a,
.pst_up_b,
.pst_up_c,
.pst_do_a,
.pst_do_b,
.pst_do_c{ width:32%; font-size:.8em;}


/* -- 故障排除 -- */
.puc_roomfault_bar{ padding:10px 10px 0 10px; margin:0 0 -15px 0;}
.puc_roomfault_l{ flex-wrap:wrap;
	width:40%; border-right:solid 1px #E1DFD9; padding:0; margin:0; box-sizing:border-box;}
.puc_roomfault_l h2{ width:100%; font-size:1.4em; font-weight:bold; color:#064D4B; padding:0; margin:0;}
.puc_roomfault_l h3{ width:100%; font-size:1.4em; font-weight:bold; color:#B4D231; padding:0; margin:0;}
.puc_roomfault_r{ width:60%; line-height:20px; font-size:.9em;}

.puc_roomfault_pttit{ margin:25px 0 -15px 0;}
.puc_roomfault_pix{ width:95%; margin:30px auto 20px auto;}
.puc_roomfault_txt{ width:95%; padding:10px; margin:0 auto;}
.puc_roomfault_txt p{ font-size:1em;}


/* -- 團對班表 -- */
.puc_teamclass_bar{ width:97%;}

.prb_teamclass_a{ width:20%;}
.prb_teamclass_a h2{ font-size:1.5em;}

.prb_teamclass_b{ width:40%; padding:0 0 0 15px;}
.prb_teamclass_b h2{ font-size:1.5em;}

.prb_teamclass_c{ width:40%; padding:0 10px 0 0;}
.prb_teamclass_c p{ font-size:.9em;}


/* -- 房務_服務員_home -- */
.room_status_waiter_posbox{ width:97%; margin:-4px auto 0 auto;}
.room_status_waiter_posbl{ font-size:1.3em;}
.room_status_waiter_posbl span{ font-size:1.3em; margin:0 5px;}
.room_status_waiter_posbr img{ width:15px ; height:15px; margin:0 3px;}

.room_status_waiter_posbr a{ width:105px; height:28px; font-size:.9em;}
.room_status_waiter_posbr a img{ width:20px; margin:0 5px 0 0;}

.room_status_waiter_statepen_a{ width:270px; height:270px;}

.room_status_waiter_dowbar{ width:100%; left:0;}


/* -- 房務_服務員_接單中 -- */
.room_swaiter_roombox{ width:97%; padding:40px 20px 20px 20px;}
.room_swaiter_roombox_up{ width:80%; left:10%;}
.room_swaiter_mainbbt_a{ width:97%;}
.room_swaiter_mainbbt_b{ width:100%; left:0;}


/* -- 房務_服務員_成果 -- */
.room_swaiter_gaintop{ width:92%;}
.room_swaiter_gain_zone{ width:92%;}
.room_swaiter_mainbbt_c{ width:100%; left:0;}


/* -- 房務_服務員_複檢不良表 -- */
.room_swaiter_badbar h3{ width:50%;}
.room_swaiter_badr_bbt{ width:50%;}
.rsbb_main{ margin: 0 auto 10px auto;}
.rsbb_main_box{ width:90%; padding:10px 15px 5px 15px;}


/* -- 房務_服務員_OL來單 -- */
.rswsb_top{ height:117px;}
.room_status_waiter_statepen_b{ width:270px; height:270px;}
.room_swaiter_mainbbt_d{ width:100%; left:0;}





/* -- 旅客住宿登記卡_列印表格 -- */
.room_registertber_sign_box{ width:100px; margin:0 0 0 5px;}


/* -- 故障列表 -- */
.puc_fault_list{ 
	width:90%; 
	height:auto; 
	border:solid 1px #e0e0e0; 
	border-radius:5px;
	 border-bottom:solid 1px #E1DFD9;
/*	background:#fff; padding:0; margin:0 auto 20px auto; */
	overflow:hidden; 
	/*box-shadow:0 1px 10px 
	rgba(0,0,0,.2);*/
}

.puc_fault_list_bar{ margin-bottom:10px }
.puc_fault_list_bar h4{ width:50px; height:73px; font-size:1.5em; margin:0 10px 0 0;}
.puc_fali_main_up{ margin:5px 0 0 0;}
.puc_fali_main_do{ margin:-6px 0 0 0;}

.puc_fali_main_roun{ font-size:1em; margin:0 10px 0 0;}
.puc_fali_main_up a{ font-size:1em;}
.puc_fali_main_roti,
.puc_fali_main_rona{ font-size:.9em; font-weight:500;}
.puc_fali_main_roti{ margin:0 10px 0 0;}

.puc_fali_endbbx, .puc_fali_endbbo{ right: 34px}
/* -- 230714方塊列表 --
.puc_posroom_box{ width:33%; margin:0 0 10px 0;} */

.puc_posroom_box{ margin: 0 2px 10px 2px;}
}


@media (max-width: 375px) {
/* -- 230714方塊列表 -- 
.puc_posroom_box{ width:50%; margin:0 0 10px 0;}*/
}


@media (max-width: 320px) {
}


@media (max-width: 280px) {
}



/*庫存*/
.inven-wrapper .th-w{  width:72px; }
.inven-wrapper table{ text-align:center; }
.inven-wrapper table td{  color: #4fbde9; cursor:pointer; font-size:1.5em }
.inven-wrapper table td:hover{  color: #4fbde9; background:rgba(82, 179, 219, 0.1); }

.inven-wrapper .danger{ color:#ff0000;  background:rgba(255, 0, 0, 0.1); }
.inven-wrapper .danger:hover{ color:#ff0000;  background:rgba(255, 0, 0, 0.2); }

.inven-wrapper .zero{ color:#666;  background:rgba(0, 0, 0, 0.1); }
.inven-wrapper .zero:hover{ color:#666;  background:rgba(0, 0, 0, 0.1); }



/*排房號*/
.order-room-wrapper{
	border: 1px solid #dee2e6;
}
.order-room-wrapper h2{
color: black;
font-weight: 700;
}

.order-room-wrapper p{ cursor:context-menu; }
.order-table{
    margin: 10px;
}

.order-table tr:nth-child(odd){
    background:  #f7f7f7;
}

.order-table tr:nth-child(even){
    background:  white;
}

.order-table tr td:nth-child(odd){
    padding: 10px 0px;	


}
.order-table tr td:nth-child(even){
    padding: 10px 0px;	
    

}



.set-month ul li{ list-style:none; display:inline; color:#6c757d; cursor: pointer;}
.set-month ul li a{ color:#6c757d;   border-radius: 0.25rem; }
.set-month ul li.active a{ background:#FF9064; color:white; padding:10px;  color: white; }
.set-month ul li:hover a{ background:#FF9064; color:white; padding:10px; }

.puc_asign_tabter1 table{ width:100%;}
.puc_asign_tabter1 table tr td {
   
    font-size: 1em;
    border: solid 1px #dee2e6;
    color: #6c757d;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
/*    white-space: nowrap;*/
    cursor: pointer;
    
  }
  .puc_asign_tabter1 table tr td div{height: 80px;}
 


  
  .puc_asign_tabter1 table tr th{
/*    text-align:center; font-size:1.1em; */
    font-weight:400;
   border:solid 1px #dee2e6; 
  color:#6c757d;
/*color: white;*/
	background:#f1f5f7;
	padding:5px 15px; margin:0; 
	box-sizing:border-box; 
/*	white-space:nowrap;*/
	text-align: center;
	white-space: normal;
}

.puc_asign_tabter1 table tr td .pst1_dt_a{ 
	background:rgba(79, 189, 233, 0.1); 
	padding: 10px;

	overflow: hidden;

}
.puc_asign_tabter1 table tr td .pst1_dt_b{ 
	background:rgba(147, 104, 243, 0.1);  
	padding: 10px;

	overflow: hidden;
}
.puc_asign_tabter1 table tr td .pst1_dt_c{ 
	background:rgba(62, 195, 150, 0.1); 
	padding: 10px;

	overflow: hidden;
}
.puc_asign_tabter1 table tr td div:hover::after{
content: "編輯";
color: #FF9064;
/*background: #FF9064;
padding: 2px;
border-radius: 3px;
display: flex;
justify-content: center;
position: absolute;
margin: 20px 0px 0px 20px ;
width: 100%;
text-align: center;
position: absolute;*/
}


.puc_asign_tabter1 table tr td .pst2_dt_a{
	background:rgba(79, 189, 233, 1);
	text-align: center; 
	padding: 10px;
	color: white;
	overflow: hidden;

}


.puc_asign_tabter1 table tr td .pst2_dt_b{
	background:rgba(147, 104, 243, 1);
	text-align: center; 
	padding: 10px;
	color: white;

	overflow: hidden;
}
.puc_asign_tabter1 table tr td .pst2_dt_c{
	background:rgba(62, 195, 150, 1);
	text-align: center;
	 padding: 10px;
	 color: white;

	overflow: hidden;
	}

.puc_asign_tabter1 table tr td .pst2_dt_a:hover::after{
	content: "";
}

.puc_asign_tabter1 table tr td .pst2_dt_b:hover::after{
	content: "";
}

.puc_asign_tabter1 table tr td .pst2_dt_c:hover::after{
	content: "";
	background: transparent;
}
.puc_asign_tabter1	i { padding-right:5px; }

.pst_float{ width:50%; float: left; font-size: 0.9em; }


@media (max-width:992px) {
  .puc_asign_tabter1 table tr td div{height: 120px;}
  .pst_float{ width:100%; float: left; font-size: 0.9em;}
}

@media (max-width:768px) {
  .puc_asign_tabter1 table tr td div{height: 90px;}
  .pst_float{ width:50% !important;  font-size: 0.9em;}
  .puc_asign_tabter1 table{ width:800px;}


}

.col{ cursor:pointer; text-decoration: underline;}
.col:hoer{color:#ff9064;}


#navbar_toggleBtn{ display:none; z-index:-9; }
#navbar_closeBtn{ display:none; z-index:-9;}
.left-260{ margin-left:260px !important; }
.left-230{ margin-left:230px !important; }

.left-260-btn{ margin-left:112px !important;}

.puc_title{ padding-top:80px !important; padding-left:220px  }
.col1{ cursor:pointer; text-decoration: underline;color: #348cd4;}
.col2{ cursor:pointer; text-decoration: underline;color: #348cd4;}
.col3{ cursor:pointer; text-decoration: underline;color: #348cd4;}
.col4{ cursor:pointer; text-decoration: underline;color: #348cd4;}



@media (max-width:1200px) {
 #navbar_toggleBtn{ display:block; z-index:1;}
  #navbar_closeBtn{ display:block; z-index:1;}
   .left-260{ margin-left:auto !important; }
   .left-230{ margin-left:auto !important; }
   .puc_title{ padding-left:0px; }
   .left-260-btn{margin-left:0px !important;}
}


/*續住*/
.live_tag{ 
	width: 50px; 
    font-size: 10px !important;
    text-align: center;
    padding: 3px;
	border-radius: 0.25rem;
	color:white; 
	background:#348cd4;
	font-size: 12px; 
	border-radius: 5px; 
	text-decoration: none;     
	margin-right: 10px;
	float: left;
}

/*休*/
.rest_tag{   
    width: 50px; 
    font-size: 10px !important; 
    border-radius: 0.25rem;
    color:white;
    background:#5d6dc3; 
    padding:3px; 
    border-radius: 5px;
    text-decoration: none;    
    margin-right: 10px;
    text-align: center;
    float: left;
 }


/*已預約*/
.app_tag{ 
	width: 50px; 
    font-size: 10px !important;
    text-align: center;
    padding: 3px;
	border-radius: 0.25rem;
	color:white; background:#9368f3;
	font-size: 12px; 
	border-radius: 5px;
	text-decoration: none;  
	margin-right: 10px;
    float: left;
}
/*待退房*/
.checkout_tag{
	width: 50px; 
    font-size: 10px !important;
    text-align: center; 
    padding: 3px;
    border-radius: 0.25rem;
    color:white; 
    background: #4fbde9; 
    font-size: 12px; 
    border-radius: 5px;text-decoration: none;     
    margin-right: 10px;
    float: left;
}

/*待退房*/
.clear_tag{
	width: 50px; 
    font-size: 10px !important;
    text-align: center; 
    padding: 3px;
    border-radius: 0.25rem;
    color:white; 
    background: blck; 
    font-size: 12px; 
    border-radius: 5px;text-decoration: none;     
    margin-right: 10px;
    float: left;
}

/*未退房*/
.black_tag{
	width: 50px; 
    font-size: 10px !important;
    text-align: center; 
    padding: 3px;
    border-radius: 0.25rem;
    color:white; 
    background: black; 
    font-size: 12px; 
    border-radius: 5px;text-decoration: none;     
    margin-right: 10px;
    float: left;
}


.pic_icon{ 
background: white;
    color: #cccccc;
    border: 1px #cccccc solid;
    float: left;
    border-radius: 3px;
/*    padding: 5px 10px;*/
    cursor: pointer;
    margin: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
        padding-top: 5px;
 }

 .alert-danger{ margin-right: 55px;}
 @media (max-width:1200px) {
 	.alert-danger{ margin-right: 0px;}
 }

 .home-tag{ 
    background: red;
    color: white;
    border-radius: 5px;
    font-size: 12px;
    padding: 0px 3px;
    width: 30px;
    overflow: hidden;
    float: right;
    position: absolute;
    right: 13px;
    height: 20px;
    top: 0px;
    
 }
.circle{ float:left; }
.circle i{ font-size:14px; padding:2px 4px ;  border-radius: 50%; margin: 5px;}

  .bg1 i{background: #5BB36E;   
color:white;  }
 
  .bg2 i{background: #3929ce; 
color:white;}

   .bg3 i{background: #8929ce; 
color:white;}


.upper{}
.upper h3{ 
	width: 100%;
	font-weight:bold; 
	font-size:1.2rem;  
	padding-left: 15px;
	 padding-left: 0px;
	}
.upper p{ font-size:1em; margin-bottom: 0px; text-align:center; }
.upper.col-3{ padding-top:15px;  } 
.m1{ background:#FF9064; color: white;} 
.m2{ background:black; color:white;} 
.upper_btn{float:right;}
/*padding-left: 20px;
    padding-right: 20px;*/

.upper_left {display: wrap; padding: 15px 15px 30px 15px;}
.upper_left h3{ width: 100%;}
.upper_left i{ font-size:20px; padding:10px; }
.upper_left p{  }

.left_btn a{
	  width: 100%;
   /* height: calc(1.5em + 0.9rem + 2px);
    padding: 0.45rem 0.5rem;
    font-size: 0.875rem;
    color: #495057;*/
    font-size: 10px !important;
    text-align: center;
    padding: 3px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
}

.left_btn a{
   

}

.left_btn a:hover{
color: white;
background: #FF9064;
}

.small_text{ font-size:0.8rem !important; }
.upper_left .center{ 
 display: flex;
 align-items: center;
 justify-content: center;
}

.upper_middle i { font-size:20px; padding:10px; }
.upper_middle h3{ width:100% }

.upper_right p{ text-align:left; 
	font-size: 0.8rem;
	padding-left: 10px;

}


.upper_btn a{ 
	/*width:29%; text-decoration:none; text-align:center; font-size:1em; font-weight:400; 
	    border:solid 1px #e0e0e0; border-radius:20px; color: #6c757d; 
	    background:#fff; padding:5px 10px; margin:0 0 10px 0; box-sizing:border-box;
	    display: inline-block;*/
    width: 100%;
    height: calc(1.5em + 0.9rem + 2px);
    padding: 0.45rem 1.9rem 0.45rem 1.9rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
   
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


	}

	.upper_middle .title{
		width: 100%;
	}


.alert-light {
    
    border-color: #e2e2e2;
    font-size: 0.8rem;
}

  .upper_right .badge-pill {
  	height: 20px;
    margin-top: 3px;
    margin-left: 5px;
}
.room-mun{ float:right; color:#2D2D35; font-size: 0.5em; }
.puc_2 { width:100%; height: 22px; }
.more{color: #cccccc; font-size: 0.6rem; text-align: right; text-decoration: underline; cursor: pointer;}

.textarea{height: 85px;  } 
.puc_pos_name_in{ height: 50px; }
.more_btn {height: 35px; }/*justify-content:space-between; display: flex;*/
.more_btn a {
    width: 100%;
  
     padding: 0.4rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    font-size: 0.8rem;
}

.center{
 display: flex;
  align-items: center;
  justify-content: center;
   
}



.popup {
    display: none; /* 預設隱藏 */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    width: 300px;
    text-align: center;
}

.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}


 .date-picker-group {
      margin-bottom: 10px;
    }

    .remove-btn {
      margin-left: 10px;
      color: red;
      cursor: pointer;
    }

    .date-picker-group .datepicker{
    	border:1px solid #ced4da;
    	width: 50%;
    }

.delete_btn{ color: #f36270; border: none; background: none; text-decoration:underline; }
.delete_btn:hover{ color: #ff0031;}