@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;}


.room_zone{ max-width:768px; position:relative;}


/* -- 登入頁面 -- */
.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{ margin:22px 0 0 0; }
.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:absolute; top:0; left:0; z-index:660;}

.puc_search_top_box{ display:block; width:90%; height:auto; text-align:center; border-radius:20px 20px; 
	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: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_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_housing_top_navbkers{ display:flex; justify-content:center;
	width:100%; height:100%; background:rgba(0,0,0,0); padding:0; margin:0; 
	box-sizing:border-box; position:absolute; top:0; left:0; z-index:610;}

.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:-450px; left:0; z-index:620;}

.puc_housing_top_navbar{ display:flex; justify-content:space-between; align-items:flex-start;
	width:100%; height:auto; padding:10px 20px; margin:0; box-sizing:border-box;}
.puc_housing_top_navtit{ width:22%; font-size:1.1em; font-weight:bold; color:#164234; padding:5px 0 0 0; margin:0; box-sizing:border-box;}
.puc_housing_top_navman{ 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_navman a{ width:29%; 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_navman a:active{ color:#fff; background:#769070;}
.puc_housing_top_navman .active{ color:#fff; background:#769070;}

.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;
	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; }


/* -- 房間住退狀況頁 -- */
.puc_roomcin_bar{ width:88%; 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; justify-content:space-between; align-items:center;
	width:100%; height:75px; text-decoration:none;}

.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; height:100%; background:#92c558; padding:0; margin:0; box-sizing:border-box;}
.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;}
.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{ display:flex; justify-content:space-between; align-items:center;
	width:768px; height:54px; border-radius:50px; color:#fff; background:#4d7958; padding:0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:calc(50% - 384px);; 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;}
.room_h_btr{ padding:0; margin:0 20px 0 0;}

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

.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:0px 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:8px 0; 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:0 0 5px 0; box-sizing:border-box;}
.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_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:.85em; color:#6c757d; 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{ width:100%; height:100%; background:rgba(255,255,255,.9); 
	padding:0 6%; margin:30px auto 0 auto; box-sizing:border-box; position:absolute; top:40px; left:0px;}
.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: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 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; 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_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:1.2em; font-weight:bold; color:#92c558; padding:0; margin:0 3px; box-sizing:border-box;}
.puc_order_breadcrumb ol li a{ text-decoration:none;  font-weight:bold;  color:#ccc; padding:0; margin:0; box-sizing:border-box;}

.puc_order_bar{ width:100%; text-align:center; background:#fff; padding:0; margin:0; box-sizing:border-box;}
.puc_order_bar h4{ display:block; width:88%; 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; 
	width:88%; margin:0 auto; box-sizing:border-box;}
.puc_order_budget_times,
.puc_order_budget_timee{ display:flex; justify-content:center; align-items:center;
	width:45%; border:solid 1px #e0e0e0; border-radius:18px; background:#fff; padding:10px; margin:0 auto;}
.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{ width:70%; text-align:right; font-size:1em; border:none; color:#6DB63A; padding:0 5px; margin:0;}

.puc_order_budget_quantity{ display:flex; justify-content:space-between; align-items:center;
	width:88%; height:auto; border:solid 1px #e0e0e0; border-radius:18px; 
	padding:0; margin:0 auto; box-sizing:border-box; overflow:hidden;}
.puc_order_budget_quantity a{  display:flex; justify-content:center; align-items:center; width:50px; height:52px; background:#6DB63A;}
.puc_order_budget_quantity a img{ width:60%; height:auto;}
.puc_order_budget_quantity p{ font-size:2em; font-weight:bold; color:#006000; padding:0; margin:0; box-sizing:border-box;}

.puc_order_roomview_zone{ display:flex; flex-wrap:wrap; justify-content:space-between; width:88%; list-style:none; padding:0; margin:0 auto;}
.puc_order_roomview_zone li{ display:flex; justify-content:center; align-items:center;
	width:48%; height:150px; border:solid 1px #e0e0e0; border-radius:18px; 
	padding:0; margin:0 0 15px 0; overflow:hidden; position:relative;}
.puc_order_roomview_zone li p{ width:; font-size:.9em; font-weight:100; border-radius:5px; color:#fff; 
	background:rgba(0,0,0,.2); padding:2px 10px; margin:0; position:absolute; right:10px; bottom:10px;}
.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{ width:88%; 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:95%; height:auto; background:#; padding:0; margin:0 auto; box-sizing:border-box;}
.puc_order_or span{ width:45%; height:1px; background:#4d7958; padding:0; margin:0; box-sizing:border-box;}
.puc_order_or p{ font-size:1.2em; 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:310;}
.puc_order_popdata_box{ width:80%; border-radius:20px; 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:#064D4B; 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:10px 20px;}
.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%; border-bottom:solid 1px #ccc; padding:0 0 8px 0; margin:0 0 10px 0; box-sizing:border-box;}
.puc_order_popdata_tit h3{ font-size:1.5em; color:#064D4B; padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.puc_order_popdata_tit h4{ font-size:1.5em; color:#064D4B; padding:0; margin:0; box-sizing:border-box;}
.puc_order_popdata_min{ width:100%; border-bottom:solid 1px #ccc; 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; border-radius:10px; color:#6DB63A; padding:0; margin:5px 0; box-sizing:border-box;}


/* -- 詳細訂單三欄 -- */
.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{ border-radius:40px; color:#fff; background:#E8962E;}

.ptv_de_l{ justify-content:flex-end; border-right:dotted 1px #d0cbc6; padding:0 15px 0 0; 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 0 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:bold; 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;
	width:85%; 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_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_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_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:15px; 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: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;}
.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:1.3em; 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{ background:#abca27;}
.puc_middle_shift{ background:#69af33;}
.puc_night_shift{ background:#004c4b;}

.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.7em; font-weight:bold; color:#92c558; 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: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%; border-radius:20px; background:#4d7958; padding:15px; margin:-60px auto 0 auto; box-sizing:border-box;}
.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:#fff; padding:0; margin:0; box-sizing:border-box;}
.room_shift_reach_totaline p{  font-size:1.2em; color:#fff; padding:0; margin:0; box-sizing:border-box}
.room_shift_reach_totaline p span{ font-size:1.5em; font-weight:bold; color:#b3d131; 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 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:1.3em; font-weight:200; border-bottom:dotted 1px rgba(255,255,255,.4); border-radius:15px;
	color:#faffb5; background:rgba(255,255,255,.9); padding:8px; margin:0 0 15px 0; box-sizing:border-box; box-shadow:inset 2px 2px 5px rgba(0,0,0,.2);}
.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:#064d4b; 
	padding:0 0 5px 5px; margin:0; box-sizing:border-box;}

.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;}
.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_tabter{ width:97%; padding:0; margin:0 auto 10px auto; box-sizing:border-box; overflow:scroll;}
.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 #6ba606; color:#fff; 
	background:#92c558; 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 #9ab2a3; 
	color:##006000; padding:0; margin:0; box-sizing:border-box; white-space:nowrap; cursor:pointer;}

.pat_ca{ font-size:1em; font-weight:100; border:solid 1px #c06e60 !important; color:#fff; background:#DD806F; padding:2px 10px !important;}
.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;}


/* -- 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:solid 1px #c5ddaa; border-radius:5px; color:#4d7958;
	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:8px; 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{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; 
	width:100%; padding:0; margin:20px auto 10px auto; box-sizing:border-box;}

.puc_schedule_timeup,
.puc_schedule_timedo{ display:flex; justify-content:center; align-items:center;
	width:83%; padding:0; margin:0 auto; box-sizing:border-box;}

.puc_schedule_timeup{ border-radius:40px; background:#666; padding:0; margin:0 auto 10px auto; box-sizing:border-box; overflow:hidden;}
.puc_schedule_timeup h3{}

.puc_schedule_timedo{ border-radius:40px; background:#303c32; padding:0; margin:0 auto 10px auto; box-sizing:border-box; overflow:hidden;}
.puc_schedule_timedo h3{}

.puc_schedule_timeup h3,
.puc_schedule_timedo h3{ width:25%; height:100%; line-height:20px; text-align:center; font-size:1.1em; font-weight:400; color:#fff; 
	padding:8px 0; margin:0; box-sizing:border-box;}

.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:1.1em; font-weight:400; padding:8px 0; margin:0; box-sizing:border-box;}

.pst_up_a{ height:100%; color:#fff; background:#abca27;}
.pst_up_b{ height:100%; color:#fff; background:#69af33;}
.pst_up_c{ height:100%; color:#fff; background:#064D4B;}
.pst_do_a{ height:100%; color:#fff; background:#9aba11;}
.pst_do_b{ height:100%; color:#fff; background:#4c9415;}
.pst_do_c{ height:100%; color:#fff; background:#02413f;}


.pst_ta{ border:solid 1px #48634f !important; background:#4d7958 !important;}
.pst_tb{ border:solid 1px #c47818 !important; color:#fff !important; background:#E8962E !important;
	padding:5px 10px !important;}

.pst_dt_a{ color:#fff; background:#abca27 !important;}
.pst_dt_b{ color:#fff; background:#69af33 !important;}
.pst_dt_c{ color:#fff; background:#064D4B !important;}

.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:#d2ed5f !important;}
.pst_dd_b{ background:#b7e196 !important;}
.pst_dd_c{ background:#a6d2d1 !important;}


/* -- 故障排除 -- */
.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:#b8b1a8; 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;}






.dspy_no{ display:none;}













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

@media (max-width: 768px) {
	/* -- 登入頁面 -- */
.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;}

.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:1.5em; 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;}


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


/* -- 房間住退狀況次選單 -- */
.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:24px 24px 0 0; color:#fff; 
	padding:12px 36px 0px 34px; 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:23px; z-index:20;}
.puc_suppop_tit_txt h3{ font-size:2.7em; font-weight:200; letter-spacing:5px; }

.puc_suppop_tit_txts{ border-radius:24px 24px 0 0; color:#fff; 
	padding:12px 36px 0px 34px; 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:24px; z-index:20;}
.puc_suppop_tit_txts h3{ font-size:2.7em; 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: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:100%; margin:0;}
.puc_suppop_main_seb a{ 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:1.7em;}
.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:3em;padding:0 0 8px 0;}
.puc_shift_list_lbox ul li,
.puc_shift_list_rbox ul li{ font-size:1.8em; 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:1.5em; 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:4em; 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;}
}























@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_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_btr_bbt a:active{ box-shadow:inset 1px 1px 0px rgba(0,0,0,.4), inset -1px -1px 0px rgba(255,255,255,.5);}

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

.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{ width:100%; height:100%; background:#f8f8f8; padding:0 5%; margin:0 auto; box-sizing:border-box; top:60px;}
.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:1.2em;}
.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:2em;}

.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_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:2em; padding:0 0 5px 0;}
.puc_shift_list_lbox ul li,
.puc_shift_list_rbox ul li{ font-size:1.3em;}

.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;}


}


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


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


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