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

.orange-color{
	color: #FF9064;
	padding-left: 5px;
	padding-right: 5px;
}
.btn-orange{
	color: #fff;
    background: #FF9064;
    cursor: pointer;
}
.btn-orange:hover{
	color: #fff;
    background: #FF7950;
    transition-duration: 1s;

}

.login_bker{ background-size: cover !important;
    background: url(../images/phone_bkere.jpg);
    height: 100%;
}
.login_logo{ 
	 margin: auto;
	width: 45% !important;
	vertical-align: middle;
	padding-bottom: 15px;
	display: flex;
    justify-content: center;
    align-items: center;
	 } 



/* -- 登入頁面 -- */
.eve_login_box{  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;}
.language_area{}
.language_area ul {  
/* position: absolute !important;
 top: 50% !important;
 left: 50% !important;
 transform: translate(55%, -20%) !important;
 inset: 0px auto auto 0px !important;*/

}
.language_area .dropdown-menu.show{
	       top: 120% !important;
    left: 48% !important;
    transform: translate(-50%, -50%) !important;
}



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


.room_zone{ background:white; 
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
    box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.puc_topbar_logo{float: left; display: flex;}
.puc_topbar_bbt { float:right; }
.puc_topbar_bbt_pre{ padding-top:10px; padding-left:5px; }


.puc_topbar_bbt a{ display:block; width:48px; height:48px; border-radius:50%; 
	background:white; border: 1px solid #FF9064; padding:0; margin:10px 0px 10px 10px; box-sizing:border-box; }
.puc_topbar_bbt1 { float:right;display:block; width:48px; height:48px; border-radius:50%; 
	background:white;padding:0; margin:10px 0px 10px 10px; box-sizing:border-box; background:white; }


.puc_topbar_bbt1 i{  color:#FF9064; font-size:25px; }
.puc_topbar_bbt1 .dropdown-menu.show{ 
	    top: 52px !important;
 }

 
.puc_topbar_bbt_pre img{ 
    float: left;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: white;
    border: 1px solid #FF9064;
    /* padding: 0; */
    /* margin: 10px 0px 10px 10px; 
    /* box-sizing: border-box; */
    background: white;
 }

.puc_topbar_bbt1 img{ 
    float: right;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: white;
    border: 1px solid #FF9064;
    /* padding: 0; */
    /* margin: 10px 0px 10px 10px; */
    /* box-sizing: border-box; */
    background: white;
 }


.puc_topbar_viewbbt { height:60px;}
.puc_topbar_viewbbt a{ 
	 height: 60px;
    line-height: 60px;
	text-align: center;
    padding: 0;
/*    border-radius: 10px;*/
    border-radius: 0.25rem;
    border: 1px #CACACA solid;
     color: #CACACA ;
/*     width: 100%;*/
    width: 200px;
   
}
.puc_topbar_viewbbt .custom-select {    margin-top: -5px !important; margin-left:10px; }

.puc_topbar_viewbbt a:hover { color:#fff; background:#CACACA; }
/* .puc_topbar_viewbbt:first-child{ border-right:dotted 1px #d0cbc6;}*/

/*.puc_topbar_viewbbt a{ width:80%; border: 1px solid #CACACA;
	line-height:43px; text-align:center; text-decoration:none; font-size:1.2em; font-weight:400; color:#b8b1a8; }*/
.puc_topbar_viewbbt .active{ border-radius: 0.25rem; color:#fff; background:#CACACA; }



.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:#666666; 
	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:#3ec396; 
	padding:0 0 0 13px; margin:0 0 0 30px; box-sizing:border-box; font-size: 1em}
.puc_room_complete img{ width:35px; padding:0; margin:-5px 0 0 0;}
.puc_room_busy{ width:82px; height:38px; line-height:36px; border-radius:40px; 
	color:white; background:#f36270; 
	padding:0 0 0 13px; margin:0 0 0 30px; box-sizing:border-box;}
.puc_room_busy img{ width:35px; padding:0; margin:-5px 0 0 0;}
.puc_room_number{ 
	line-height:36px; 
	font-size:1.9em; 
	font-weight:bold; 
	color:#666666; 
	padding:0 0 0 20px;
}
.puc_room_time{ 
	line-height:14px; 
	text-align:center; 
	font-size:1em; 
	font-weight:500; 
	 color:#CACACA; 
	padding:0;
	 margin:-3px 0 0 -5px;
	 line-height: 1.3em;
	}
.puc_room_time img{ width:10%; padding:0; margin:0 0 0 0;}
.puc_room_name{ 
	line-height:36px; 
	font-size:1.7em; 
	font-weight:bold; 
	color:#666666; 
	padding:0; 
	margin:0 0 0 -2px;
}




.room-space{
padding-top: 1.5rem !important;
padding-bottom: 0rem !important;
}



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

@media (max-width: 768px) {
	/* -- 登入頁面 -- */

.room_bg{ background:white; }
/*.language_area ul {transform: translate(70%, -20%) !important;}*/

.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_bbt_pre img{ 
	margin: 10px 0px 10px 10px; 
 }
/*.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{ width:105px; height:48px; line-height:44px; font-size:1em;
	padding:0 0 0 18px; margin:1px 0 0 13px;}
/*.puc_room_busy{ width:105px; height:48px; line-height:44px; font-size:1.3em;
	padding:0 0 0 18px; margin:1px 0 0 13px;}*/
/*.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_suppop_main_seb a {font-size: 0.8em;}*/
}
@media (max-width: 768px) {
.puc_room_time{ font-size:1em; }
.puc_room_number{font-size: 1em;}
.puc_room_name{  font-size:1em; }
.puc_room_busy{    margin: 0 0 0 15px;}
.room-space{padding-top: 0rem !important; padding-bottom: 1.5rem !important;}
	
}
@media (max-width: 428px) {
	.room-space{padding-top: 0rem !important; padding-bottom: 1.5rem !important;}
.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_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; 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{ width:82px; height:37px; line-height:35px; font-size:1em; border-radius:40px; color:#fff; background:#B4D231; 
	padding:0 0 0 14px; margin:1px 0 0 30px; box-sizing:border-box;}
.puc_room_complete img{ width:50%; padding:0; margin:-3px 2px 0 0;}*/
.puc_room_busy{ width:82px; height:38px; line-height:36px; font-size:1em; border-radius:40px; color:#fff; background:#769070; 
	padding:0 0 0 13px; margin:0 0 0 15px; box-sizing:border-box; }
/*.puc_room_busy img{ width:53%; padding:0; margin:-5px 0 0 0;}*/
.puc_room_number{ 
	line-height:36px; 
	font-size:1em; 
	font-weight:500;  
	padding:0 0 0 18px;
}
.puc_room_time{ line-height:15px; text-align:center;
 font-size:1em; font-weight:500; letter-spacing:0.4px; 
 color:#6c757d; 
	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:1em; font-weight:bold; letter-spacing:-2px; color:#064D4B; padding:0; margin:0 0 0 -6px;}



}

@media (max-width: 375px) {

}

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

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


.staff_name{ text-decoration: underline;}

.staff_name:hover{ color: #FF9064;}