body, html {margin:0; padding:0; background:#eee;}
body {height:100%;}

/*div, span, td, th, li, form, table, a, h1, h2, h3, h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif;}*/
div, span, td, th, li, form, table, a, h1, h2, h3, h4 {font-size:13px; font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', system-ui, sans-serif;}



.es2_s {display:none;}
.es2_ed .es2_s {display:inline-block;}
.es2_e {display:inline-block;}
.es2_ed .es2_e {display:none;}
.add_sinv_c {display:none;}

#faci_box.faci_box_dim .pop_o {filter: blur(2px); opacity:0.5;}
#splash img {max-width:100%; max-height:100%;}
#splash { justify-content: center; align-items: center; display:flex;  position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; background:#0083cf;transition: opacity 0.2s ease-in-out; opacity:0;}
#splash.show {opacity:1;}

#pay_booking {z-index:300;}
#slt_pay_method {z-index:300;}

select {background:#fff;}

.ait_o {padding:0 30px;}

#indicator.re1 {opacity:0 !important;}
#indicator.re0 { transition:none !important;}
#indicator {opacity:1;}

.tab-container {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.tab-bar {
    display: flex;
    background-color: rgba(120, 120, 128, 0.12);
    border-radius: 8.91px;
    padding: 3px;
    position: relative;
    height: 32px;
}

.tab {
    flex: 1;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    font-weight: normal;
    color: rgba(60, 60, 67, 0.6);
    cursor: pointer;
    z-index: 1;
    transition: color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.tab.ed {
    color: #000;
}

.tab-indicator {
    position: absolute;
    top: 3px;
    left: 10px;
    height: calc(100% - 6px);
    width: calc(50% - 20px);
    background-color: white;
    border-radius: 6.93px;
    box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.16);
    transition: transform 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}
.tab-indicator[c="3"] {
    width: calc(33.3% - 20px);
}
.tab-indicator[c="4"] {
    width: calc(25% - 20px);
}

#pay_bar {padding:0 15px;}
.mems_plan_r {margin-bottom:5px;}
.vi_cd, .vi_cd span {font-size:11px;}

.qc_r, .chg_acc_r {height:35px !important; line-height: 35px !important; padding:0 15px !important; box-sizing:border-box;}

.top_search_bg {
	display:none;
	position: absolute;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.top_search_bg0 {
	display:none;
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}

/*#app .pop_bg {width:calc(100% - 30px); margin-left:calc(-1 * (100% - 30px) / 2); min-width:300px; left:50%;} */


#app #vi_dt .q_ao_upl_img {height:100px; width:100px;}
.upl_cur_img_o {width:90px; height:90px; left:50%; margin-left:-45px;}
.upl_cur_img_o .upl_icon {width:90px; height:90px;}
form.fc_form_2 .upl_cur_img_o {margin-left:-45px;}
form.fc_form .upl_cur_img_o {margin-left:-45px;}

.fa_rmk [name="eps_rmk"] {width:100%}
.nbo_cus_id_tr .is_mem_lbl {
    top: 16px;
    color: green;
}
.nbo_mem_t_tr .day_left_lbl {
    top: 50px;
    color: green;
    left: 20px;
}

#app[acct="u"] .nbo_cus_id_tr.show {display:block;}
#app[acct="u"] .nbo_mem_id_tr.show {display:block;}
#app[acct="u"] .nbo_mem_t_tr.show {display:block;} /*table-row*/

#faci_box .iti .xin_go, #book_cart .iti .xin_go {bottom:0;}

.change_booking .qc_c {display:none;}
.faci_u_tel_c table {width:345px; margin:0 auto;}

.fa_rmk {padding:5px 0;}
.bo_info_2, .conc_info_2 {padding:4px 0;}
#app.isapp[acct="u"] #add_subacc .ao_r_in_srh, #app.isapp[acct="u"] #add_subacc .pu_r_in_srh {display:none;}

.popbox_r_carphotos .photos_r, .photos_r {width:100%;}
.plc_r_amo {margin-bottom:5px;}
.plc_r_amo, .plc_depo_c, .plc_depo_c > div, .rdc_c, .rdc_inv {font-size:14px;}
#pay_bar_info {display:none;
	padding: 10px 0;
	text-align: center;
}
#pay_booking.ispaying #pay_bar_info {display:block;}
#pay_booking.ispaying #pay_bar {display:none;}
.btn.pu_srh_cus_go {height:35px !important; line-height: 35px !important;}

.parking_card_box {display:none;}
.link_parking {width:100%; margin:5px 0;}
.link_carno {margin-bottom:5px; width:100%;}
.appoint_r .need_approval {
	display: none;
	position: absolute;
	right: 12px;
	top: 36px;
	width: auto;
}

img.rad {
border-radius:50%;
-webkit-border-radius:50%;
}

.faci_time_c {padding-bottom:5px;}
div .in_r.faci_time { margin-bottom:85px; padding-bottom:0;}
#download_o .bpop_back {display:none;}
.ves_plate {display:inline-block; vertical-align:top; padding:3px 8px; background:#000; color:#fff; border:4px;
position:relative; top:-5px;
}
.card_r img {width:60px; height:60px; }
#add_subacc .retrieve_data_r {position:absolute; bottom:3px; top:auto;}
#srh_account {width:calc(100% - 75px); }
#slt_unit3_o .acc_active_c, #slt_unit3_o .to_add_account, #slt_unit3_o .sltacc_r_1 {display:none;}
#inci_dt .evi_ti {margin-top:10px;}
.upl_r0_o {text-align:left;}
.upl_r0 {margin:5px;}
.upl_r0 .in_lbl {text-align:center; padding-top:5px;}
#add_inci .dz-clickable {position:absolute; left:0; top:0; width:100%; height:100%;}
#add_inci .del_upl {position:absolute; right:-5px; top:-5px;}
#add_inci .upl_icon {width:50px; height:50px;}
#inci_dt .dl_pdf {
	padding: 30px;
	border: 1px solid #000;
	display: block;
}
.upl_icon_w {display:none;}
#add_inci .upl_list {position:absolute; left:50%; top:1px; width:50px; padding:0; margin-left:-25px;}
#add_inci .upl_r0 {position:relative; display:inline-block; vertical-align:top; width:45%; text-align:center;}
.upl_inci_r {width:50px; height:50px; background:#fff url('/images/upload_g.png') no-repeat center center / 24px auto; border:1px solid #ccc; display:inline-block;}

#view_subacc_o .u_photo, #me .u_photo {width:90px; height:90px;}
#view_subacc_o .u_photo {margin-bottom:0;}
#view_subacc_o .acc_rel {margin-bottom:10px;}
#view_subacc_o .upl_r .upl_icon {width:100%; height:auto;}

.vi_top_st {}
.subacc_r .subacc_status {text-align:right;}
#view_subacc_o .upl_x {display:none !important;}
#view_subacc_o .apop_c2 table {width:100%; }
#view_subacc_o th {width:50%; text-align:right;}
#view_subacc_o th, #view_subacc_o td {padding:5px;}
.apop_title {height:50px; width:100%; text-align:center; line-height:50px; font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #000;}
.apop_bg {background:#fff; position:absolute; left:0; top:0; z-index:64; display:none; width:100%; height:100vh;}
.apop_bg.show {display:block;}
.download_form {background:url('/images/download.png') no-repeat center center / 24px auto; width:50px; height:50px; position:absolute; right:0px; top:0px; }
#app select.gray_slt {background:#ddd;}
#add_vi .ovb2 {margin-left:144px;}
.footer_terms span {color:#fff; margin:0 2px;}

.list_tb tr:last-child td {border-bottom:0;}
#dropoff_done .wa_btn {display:none; margin-bottom:10px; height:60px; line-height:60px;}
#dropoff_done[wa="2"] .wa_btn {display:block;}
#new_delivery[v1="0"] .nd_v1 {display:none;}
#new_delivery[v2="0"] .nd_v2 {display:none;}
#new_delivery[v3="0"] .nd_v3 {display:none;}
#new_delivery[v4="0"] .nd_v4 {display:none;}
#new_delivery[v5="0"] .nd_v5 {display:none;}
#new_delivery[v6="0"] .nd_v6 {display:none;}
#new_delivery[v7="0"] .nd_v7 {display:none;}
#new_delivery .pop_title_con {display:none;}
#new_delivery.confirming .pop_title_con {display:block;}
#new_delivery.confirming .pop_title_fir {display:none;}
.bo_info_4 .xin_c {display:inline-block;}
.bo_info_4 .xin_go {bottom:auto; top:0px;height:35px;}
.top_search_c .xin_go {
	right: 108px;
	top: 7px;
	height: 50px;
}
[auth="2"] .add_dlr.s_add {display:none;}
[auth="2"] .top_des {display:none;}
#content2[axt="delivery_lockers"] .top_ti {line-height:42px;}
.top_des {position: absolute;
	left: 0;
	top: 28px;width: 100%;text-align: center;
}
.slt_dlr_dv { color:#999;
	border: 0;
	background: #fff;
	height: 20px;
	line-height: 20px;
} 
[deli="2"] #content2[axt="delivery_lockers"] .dlr_o[t="home"] .top_back {display:none;}

#content.show {display:block;}

.slt_door_no { min-height:55px;
	overflow-y:hidden;
	white-space: nowrap;
	overflow-x: scroll;
	padding-left: 1px;
}
.code_r {display:inline-block; vertical-align:top; width:16%; padding:10px 5px; box-sizing:border-box;}
.code_r_c {text-align:center;border:1px solid #ccc; line-height:50px; height:50px;  font-size:20px;}
.code_o {font-size:0;}
.kp_o {position:relative; font-size:0; border:1px solid #ccc; border-right:0; border-bottom:0;}
.kp_r {display:inline-block; vertical-align:top; width:25%; height:50px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:50px; font-size:20px;}
.kp_r[v="bs"] {background:url('/images/backspace.png') no-repeat center center / 16px auto;  }
.kp_r[v="enter"] {
	height: 150px;
	position: absolute;
	right: 0;
	top: 50px;
	background: #fff;
	line-height: 150px;
}
.d_lock_tb {margin:10px 15px; width:calc(100% - 30px);}
.d_lock_tb td {padding:10px 5px; border-bottom:1px solid #eee;}
.d_lock_tb td:first-child {padding-left:0px;}
.d_lock_tb td:last-child {padding-right:0px;}
.dlr_door_no {	border: 2px solid #000;	padding: 0 15px;	height: 40px;	line-height: 40px;	display: inline-block; font-size:20px; font-weight:bold;
border-radius:10px;
-webkit-border-radius:10px;
}
#dropoff_done {text-align:center;}
#dropoff_ing {text-align:center;}
#pickup_done {text-align:center;}
#pickup_ing {text-align:center;}
.dropoff_img {width:128px; height:auto; margin-bottom:20px; margin-top:50px;}
.dropoff_w {margin-bottom:10px;}
.pickup_w {margin-bottom:10px;}
.dropoff_cd { padding-bottom:30px;
animation: blink 1s infinite linear;
-webkit-animation: blink 1s infinite linear;
}
.nor_cd_w {font-size:25px; color:#ff0000;}
#new_delivery [name="cus_tel"] {padding-right:40px;}
.tick {background:url('/images/tick.png') no-repeat center center / 16px auto; width:20px; height:20px; position:absolute; right:10px; top:27px; display:none;}
.in_r[e="2"] .tick {display:block;}
.in_r_door_no_2 {display:none;}
#new_delivery .pop_back {display:none;}
#new_delivery.confirming .pop_back {display:block;}
#new_delivery.confirming .in_r_door_no_2 {display:block;}
#new_delivery.confirming .in_r_door_no {display:none;}
#new_delivery.confirming .dlr_open {display:none;}
#new_delivery .dlr_open_2 {display:none;}
#new_delivery.confirming .dlr_open_2 {display:block;}
.door_no_r {display:inline-block; vertical-align:top; padding:0 20px; height:50px; line-height:50px; border:1px solid #ccc; margin-left:-1px; box-sizing:border-box; font-size:20px;}
.door_no_r.ed {border:3px solid #316bff; line-height:47px; z-index:2; padding:0 18px; position:relative;}
#s_dlr_list {background:url('/images/parcel_list.png') no-repeat center center / 20px auto; width:50px; height:50px; position:absolute; right:0; top:0; }
.dlr_o {display:none; }
.dlr_o .list_c {box-sizing:border-box; padding-bottom:70px;}
.dlr_o[t="home"] .list_c {padding:40px 0 30px;}
.dlr_t_r { text-align:center; width:200px; margin:0 auto 20px; }
.dlr_t_r:last-child {margin-bottom:0;}
.dlr_img {width:160px; height:160px; display:inline-block; vertical-align:top; border:2px solid #000; margin-bottom:5px; border-radius:20px; -webkit- border-radius:20px;}
.dlr_t_1 .dlr_img {background:url('/images/drop_off.png') no-repeat center center / 128px auto; }
.dlr_t_2 .dlr_img {background:url('/images/pickup.png') no-repeat center center / 128px auto; }
.booked_by {display:block; color:#999; margin:0;}
.bpop_back {background:url('/images/back2.png') no-repeat center center / 18px auto; width:50px; height:60px; position:absolute; left:10px; top:0;}
.pop_back {background:url('/images/back2.png') no-repeat center center / 20px auto; width:50px; height:50px; position:absolute; left:0px; top:5px;}
.pabox {padding:0 0px;}
.me_tb .split {border-bottom:1px solid #eee;}
.avc_status {background:#ff2828; color:#fff; display:inline-block; padding:2px 7px; line-height:14px;
border-radius:4px; 
-webkit-border-radius:4px; 
}

.sv_r, .space_r { box-sizing:border-box; font-size:12px;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 50%;
}

/* .noti_tm {
	color: #999;
	font-size: 11px;
} */
.noti_tm {
    color: #aaa;
    font-size: 13px;
    margin-top: 4px;
}

.bpop_o {opacity:0;  display:none;} /* bottom:-300px; */
#slt_pay_method.bpop_o {bottom:0; left:auto;  display:none;} /* right:-300px;  */
#app .bpop_o.show {display:block;}

.bpop_o.fading { opacity:1; } /* transform:translateY(-300px); */
/*
.bpop_o.fading {
animation: show_bpop 0.2s ease-out forwards;
-webkit-animation: show_bpop 0.2s ease-out forwards;
}
*/
#slt_pay_method.bpop_o.fading { opacity:1; } /* transform:translateX(-300px); */
/*
#slt_pay_method.bpop_o.fading {
animation: show_bpop_right 0.3s ease-out forwards;
-webkit-animation: show_bpop_right 0.3s ease-out forwards;
}

@keyframes show_bpop {
	0% {transform:translateY(0); opacity:1;}
	100% {transform:translateY(-300px); opacity:1;}
}

@keyframes show_bpop_right {
	0% {transform:translateX(0); opacity:0;}
	100% {transform:translateX(-300px); opacity:1;}
}
*/

.xpin_w {margin-bottom:15px;}
.xpin_qr_box {border:1px solid #ccc; display:inline-block; text-align: center; padding:10px 10px 5px;}
.xpin_qr img, .xp_r_qr img {margin:0 auto;}
.xp_r {margin-bottom:5px; text-align: center;}
#xendit_paybox {z-index:212;}
.xp_r_img {text-align:center;}
.xp_r_img img {width:120px; height:auto}
.bankline {border:1px solid #000; padding:10px; margin-bottom:5px;}

.slt_pym_r[v="9"] .slt_pym_t_r[v="42"] {background:#eee url('/images/banks/linkaja.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="9"] .slt_pym_t_r[v="41"] {background:#eee url('/images/banks/dana.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="9"] .slt_pym_t_r[v="40"] {background:#eee url('/images/banks/qris.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="31"] {background:#eee url('/images/banks/mandiri.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="32"] {background:#eee url('/images/banks/bri.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="33"] {background:#eee url('/images/banks/bni.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="34"] {background:#eee url('/images/banks/permata.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="35"] {background:#eee url('/images/banks/bsi.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="36"] {background:#eee url('/images/banks/bjb.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.slt_pym_r[v="2"] .slt_pym_t_r[v="1"] {background:#eee url('/images/banks/tng.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="2"] .slt_pym_t_r[v="2"] {background:#eee url('/images/banks/boost.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.slt_pym_r[v="3"] .slt_pym_t_r[v="1"] {background:#eee url('/images/banks/mbb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="2"] {background:#eee url('/images/banks/cimb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="3"] {background:#eee url('/images/banks/pbb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="4"] {background:#eee url('/images/banks/hlb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="5"] {background:#eee url('/images/banks/rhb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="6"] {background:#eee url('/images/banks/ambank.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="7"] {background:#eee url('/images/banks/ocbc.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="8"] {background:#eee url('/images/banks/sc.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="9"] {background:#eee url('/images/banks/affin.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="10"] {background:#eee url('/images/banks/rakyat.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="11"] {background:#eee url('/images/banks/muamalat.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="12"] {background:#eee url('/images/banks/islam.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="13"] {background:#eee url('/images/banks/bsn.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="14"] {background:#eee url('/images/banks/alliance.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="15"] {background:#eee url('/images/banks/uob.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="16"] {background:#eee url('/images/banks/hsbc.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.slt_pym_r[v="8"] .slt_pym_t_r[v="1"] {background:#eee url('/images/banks/711.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="8"] .slt_pym_t_r[v="2"] {background:#eee url('/images/banks/99.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.ps_v::before {content:""; display:inline-block; vertical-align:top; width:14px; height:14px; margin-right:5px;}
.ps_v[t="2_1"]::before {background:url('/images/banks/tng.png') no-repeat center center / 14px auto; }
.ps_v[t="2_2"]::before {background:url('/images/banks/boost.png') no-repeat center center / 14px auto; }

.ps_v[t="3_1"]::before {background:url('/images/banks/mbb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_2"]::before {background:url('/images/banks/cimb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_3"]::before {background:url('/images/banks/pbb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_4"]::before {background:url('/images/banks/hlb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_5"]::before {background:url('/images/banks/rhb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_6"]::before {background:url('/images/banks/ambank.png') no-repeat center center / 14px auto; }
.ps_v[t="3_7"]::before {background:url('/images/banks/ocbc.png') no-repeat center center / 14px auto; }
.ps_v[t="3_8"]::before {background:url('/images/banks/sc.png') no-repeat center center / 14px auto; }
.ps_v[t="3_9"]::before {background:url('/images/banks/affin.png') no-repeat center center / 14px auto; }
.ps_v[t="3_10"]::before {background:url('/images/banks/rakyat.png') no-repeat center center / 14px auto; }
.ps_v[t="3_11"]::before {background:url('/images/banks/muamalat.png') no-repeat center center / 14px auto; }
.ps_v[t="3_12"]::before {background:url('/images/banks/islam.png') no-repeat center center / 14px auto; }
.ps_v[t="3_13"]::before {background:url('/images/banks/bsn.png') no-repeat center center / 14px auto; }
.ps_v[t="3_14"]::before {background:url('/images/banks/alliance.png') no-repeat center center / 14px auto; }
.ps_v[t="3_15"]::before {background:url('/images/banks/uob.png') no-repeat center center / 14px auto; }
.ps_v[t="3_16"]::before {background:url('/images/banks/hsbc.png') no-repeat center center / 14px auto; }

.ps_v[t="3_31"]::before {background:url('/images/banks/mandiri.png') no-repeat center center / 14px auto; }
.ps_v[t="3_32"]::before {background:url('/images/banks/bri.png') no-repeat center center / 14px auto; }
.ps_v[t="3_33"]::before {background:url('/images/banks/bni.png') no-repeat center center / 14px auto; }
.ps_v[t="3_34"]::before {background:url('/images/banks/permata.png') no-repeat center center / 14px auto; }
.ps_v[t="3_35"]::before {background:url('/images/banks/bsi.png') no-repeat center center / 14px auto; }
.ps_v[t="3_36"]::before {background:url('/images/banks/bjb.png') no-repeat center center / 14px auto; }
.ps_v[t="9_41"]::before {background:url('/images/banks/dana.png') no-repeat center center / 14px auto; }
.ps_v[t="9_42"]::before {background:url('/images/banks/linkaja.png') no-repeat center center / 14px auto; }
.ps_v[t="9_40"]::before {background:url('/images/banks/qris.png') no-repeat center center / 14px auto; }

.slt_pym_r_lbl {display:inline-block; vertical-align:top; margin-left:28px; font-size:16px;}
.upl_list {background:#fff;}
#temp_upl_1 .upl_vi_img {max-width:300px; height:auto; width:100%;}
.inner_bpop {max-height:400px; overflow-y:auto; height:100%; }
.slt_pym_r.ed .slt_pym_r_lbl::after {background:url('/images/tick.png') no-repeat center center / 16px auto; content:""; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-left:8px;}
.pym_t_lbl {display:block; color:#888; font-size:14px;padding-top:5px; display:none;}

.slt_pym_r[v="4"] .pym_t_lbl, .slt_pym_r[v="5"] .pym_t_lbl {display:none;}

.slt_pym_r[v="2"] {background:url('/images/ewallet.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="3"] {background:url('/images/bank.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="4"] {background:url('/images/card.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="5"] {background:url('/images/other.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="8"] {background:url('/images/otc.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="9"] {background:url('/images/qr.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="6"] {background:url('/images/cheque.png') no-repeat 30px 21px / 20px auto;}

.slt_pym_t_c .bpop_title {padding:20px 0 20px 50px; margin-bottom:0;}
.slt_pym_r {padding:20px 30px; font-size:16px; border-bottom:1px solid #eee; cursor:pointer; position:relative;}
.slt_pym_t_c {box-sizing:border-box; padding-top:15px; white-space:nowrap; overflow-x: scroll; }
.slt_pym_t_c_5 {overflow:unset; white-space:normal;}

.slt_pym_t_r {display:inline-block; vertical-align:top; background:#eee; padding:16px 20px; margin-right:5px; cursor:pointer; border:2px solid rgba(0,0,0,0);
border-radius:10px;
-webkit-border-radius:10px;
}
.slt_pym_t_r.ed {border:2px solid #316bff; box-sizing:border-box; }

.p15 {padding:15px;}
.account_list_c {margin-bottom:10px;}
.account_list_r table {width:100%;}
.account_list_r th, .account_list_r td {padding:5px;}
.account_list_r th {width:50%; text-align:right;}
.account_list_r {padding:10px 15px; border-bottom:1px solid #eee;}
.account_list_r.ed {background:#CCECFF; border-radius:12px;}
#app[sos="0"] #s_sos {display:none !important;}

/* .noti_r {padding-left:60px; position:relative; border-bottom:1px solid #eee; min-height:55px; padding-bottom:10px;} */
.noti_r {
    padding-left: 70px;
    position: relative;
    border-bottom: none;
    min-height: 55px;
    padding: 8px 8px 8px 70px;
    margin: 8px 3px;
    background: white;
    border-radius: 10px;
/*     box-shadow: 0 1px 5px rgba(0,0,0,0.08); */
}

/* .noti_w {padding-top:6px; margin-bottom:3px; padding-top:10px; color:#000;} */
.noti_w {
    padding-top: 0;
    margin-bottom: 3px;
    color: #000;
    font-size: 13px;
    line-height: 1.4;
}

/* .noti_img {width:50px; height:auto; position:absolute; left:0; top:8px;}*/
.noti_img {
    width: 60px;
    height: auto;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    object-fit: cover;
}

.qrk_tb .times {text-align:center;}
.other_box {display:none; width:100%; margin-top:5px; padding-right:10px;}
.sv_c, .space_c {font-size:0;}
.sv_c {display:none;}
.retrieve_data_r {display:none; padding:8px 8px;}
.same_as {position:absolute; right:5px; top:20px; color:#316bff; font-size:12px; height:35px; line-height:35px; display:inline-block;}
.same_as_mob {top:-5px; height:30px; line-height:30px; right:8;}
[e="0"] .same_as {display:none;}
.ao_r_in {margin-bottom:10px; margin-top:10px;}
.swtd .switch_account {display:inline-block;}
.swtd.ed .switch_account {display:none;}
.swtd .switched {display:none; margin-right:5px;}
.swtd.ed .switched {display:inline-block;}
.switch_account {color:#316bff; display:inline-block;}
.switched {color:#999; margin-left:5px;}
#visitors .vi_nm {padding-top:0; margin-bottom:0px; font-size:16px; font-weight:bold; word-break: break-word;}
.avc_propic {width:60px; margin-bottom:5px; height:60px;
}
.avc_propic[h="2"] {width:auto; height:100%;}
.avc_propic_o {display:inline-block; width:60px; height:60px; overflow: hidden;
border-radius:50%;
-webkit-border-radius:50%;
}

#upl_vi_dt_5 {display:inline-block; width:100px; height:100px; border-radius:50%; overflow:hidden;}
#upl_vi_dt_5 img {border-radius:unset;}
#upl_vi_dt_5 img[h="2"] {width:auto; height:100%;}

.upl_cur_img_o .upl_r {display:block; width:100%; height:100%;}

.vi_r_status, .subacc_r .subacc_status_lbl {font-size:14px;}
.graybox {background:#f8f8f8; padding:10px; border:0px solid rgba(0,0,0,0.1); margin-bottom:24px; border-radius:12px; top:16px;}
div .valid_from.dn, div .valid_from_e.dn {display:none;}
div .valid_until.dn, div .valid_until_es.dn {display:none;}
.carpho_r {width:100%;}
#carno_pho .pop_o {width:calc(100% - 20px); height:auto; margin:0; left:10px;}
#carno_pho .pop_c {min-height:0;}
#carno_pho h2 {text-align:center; font-size:20px; font-weight:normal;}
.agree_info {text-align:center; padding:30px 0 0;}
.agree_on {display:inline-block; padding:5px; margin-top:15px; margin-bottom:25px;}
.agree_r {display:inline-block; padding:5px; text-align:center; color:#000; vertical-align:middle; width:33.3%; box-sizing:border-box; border-right:1px solid #ccc; cursor:pointer;}
.agree_r:last-child {border-right:0;}
.agree_info {font-size:0;}
.sos_unit {margin-top:5px;}
.sos_unit_v {font-size:18px; text-align:center; padding:5px; width:100%; height:50px; line-height:50px;}
.eme_num_tb {width:100%;}
.eme_num_tb td {padding:8px 4px; border-bottom:1px solid rgba(0,0,0,0.1);}
.eme_num_tb td:first-child {padding-left:0px; }
.eme_num_tb td:last-child {text-align:right; padding-right:20px;}
.amen_img {width:40px; height:auto;}
.notfound {color:#999; font-size:12px; text-align:center; padding:50px 20px; box-sizing:border-box;}

.faci_c .notfound {display:block;}
.bpop_o {display:none;}
.bpop_o.show {display:block;}
.ait_r {display:block; padding:10px 0; font-size:16px; border-bottom:1px solid #eee;}
.ait_r:last-child {border:0;}
.pop_sms_c {left:auto; right:0;}

.send_code {height:35px; line-height:35px;}
.code_cd {height:35px; line-height:35px;}
.oktick {top:10px; }
.nook {top:10px;}
[name="qrtl_v"], [name="qrul_v"] {width:100%; margin:3px 0;}
#mi_req .btn {margin-right:10px;}
#mi_req .des {margin-bottom:10px;}
#mi_req { margin-top:10px; 
}
#mi_req > div {
text-align:center;
padding: 15px 10px 0;
border: 1px solid #316bff;
}

.red_btn {background:#ff2828; color:#fff; border-color:#ff2828;}
div .s_amen_dt, div .s_booking_dt, div .s_conc_dt {font-size:12px;}

/* #login_box { margin:0px auto; width:300px; padding:25px 0;} */
#login_box { margin:20px auto; width:80%; max-width:340px; padding:25px 15px; background: rgba(255, 255, 255, 0.9); border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}





/* #forgot_box, #signup_box { margin:0px auto; width:300px;   box-sizing:border-box; display:none; padding:25px 0;} */
#forgot_box, #signup_box { margin:20px auto; width:80%; max-width:340px; display:none; padding:25px 15px; background: rgba(255, 255, 255, 0.9); border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}






#reset_box { margin:0px auto; width:300px;  box-sizing:border-box;  padding:25px 0;}
textarea:focus, input:focus{
    outline: none;
}

.split_line {border-bottom:1px solid #eee; height:1px;}
.items_dt_o .op_close {top:5px; right:5px;}
.vi_extend {margin-left:20px;}
.qr_link, .s_share2_o {display:none;}
.botbar .long_btn {height:70px; line-height:70px;}
.bpop_c {min-height:80px; max-height:330px; overflow-y:scroll;}
#pay_booking .bpop_c {max-height:none;}
#pay_booking.part_hiding { bottom:1800px; }

.sos_type_r[v="0"] {display:none;}
.sos_close {z-index:5;}
.sosbar_title {position:absolute; left:0; top:5%; width:100%; font-size:25px; color:#e40000; text-align:center; font-weight:bold; text-transform:uppercase;}
.sosbar {position:absolute; left:0; top:60%; width:0; height:20px; background:#e40000;}
.sosbar_w {position:absolute; left:0; top:70%; width:100%; text-align:center;color:#e40000; display:none; font-size:20px;
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
}
.sosbar_s_ing {color:#fff; position:absolute; left:0; top:40%; width:100%; text-align:center; font-size:20px; display:none;}
.s_ing .sosbar_s_ing {display:block;}
.goani {
transition:all 1s linear;
-webkit-transition:all 1s linear;
}
.slt_pym_1, .slt_pym_2 {display:none;}
.ps_r {font-size:0; padding:15px 30px; border-top:1px solid #eee;  border-bottom:1px solid #eee; cursor:pointer;}
.ps_lbl {width:50%; display:inline-block; vertical-align:top;}
.ps_v {width:50%; text-align:right; display:inline-block; vertical-align:top; background:url('/images/arw_right.png') no-repeat 97% 2px / 12px auto; padding-right:25px; box-sizing:border-box;}
#sos_o[v="1"] .sosbar.gofw {width:100%;}
#sos_o[v="2"] .sosbar.gofw {width:100%;}
#sos_o[v="3"] .sosbar.gofw {width:100%;}
#s_sos {background:url('/images/sos.png') no-repeat center center / 34px auto; position: absolute;	right: 15px;	top: 8px;	z-index: 10; width:50px; height:34px;}
#app[units="0"] #s_sos {display:none !important;}

.app_bg { min-height:100%; background:url('/images/bg_s.jpg') no-repeat center center / cover;}
.app_bg { 
    min-height:100%; 
    background:url('/images/bg_s.jpg') no-repeat center center / cover;
    background-attachment: fixed;
}

#app[auth="0"] #s_sos {display:none !important;}
#pay_booking .bpop_title, #slt_pay_method .bpop_title {text-align:center; padding:0;}
.payment_amo {text-align:center; font-size:30px; font-weight:bold; padding:5px 0; margin-bottom:20px;}
.currency_sym {display:inline-block; font-size:22px; margin-right:5px;}
.items_list {font-size:0; } /* padding:5px; border:1px solid #ddd; */ 
#marketplace .items_list {border:0;}
.f1, .f2 {width:50%; display:inline-grid; vertical-align:top;}
.items_r {display:inline-block; vertical-align:top; width:100%; text-align:center; margin-bottom:5px;}
.items_rr {padding:8px; }
.items_nm {text-align:left; padding:0 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
}
.notava {
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: block;
}
.slt_method_evi, .upl_snap {
	color: #316bff;
	padding: 0 15px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.faci_time_top {margin-left:-5px;}
.book_left_c {} 
.items_by {color:#999; font-size:14px; text-align:left; padding:0 5px;}
/*.to_market {float:right;}*/
.pending {color:#999;}
.pending_ack_cd {margin-top:20px;}
.pac_hrs, .pac_mins, .pac_secs, .pending_ack_cd {font-size:28px; color:#e40000;}
.items_price {font-weight:bold;text-align:left; padding:0 4px;font-size:16px;color:#aaa;}
.item_img { width:100%; height:auto; border-radius:8px; }
.item_img_r {overflow:hidden;  width:100%; margin-bottom:5px;border:0px solid rgba(0,0,0,0.1);}
.ann_ti {}
.bill_h1s {font-size:14px; margin-bottom:3px;}
.td_dleft {text-align:right; margin-bottom:3px;}
.td_st {text-align:right; font-weight:bold; margin-bottom:3px;}
.td_by {text-align:right; color:#999;} 
.faci_date_c2 {padding-left:1px;}
.faci_date_r {display:inline-block; vertical-align:top; margin-left:-1px; padding:0 13px; border:1px solid #ccc;}
.faci_date_r.ed {position:relative; z-index:2;}
.legend_r {margin-right:8px;}

.bill_img {display:inline-block; vertical-align:top; width:30%;}
.bill_right {display:inline-block; vertical-align:top; width:70%;}
.faci_c .in_lbl {display:inline-block; margin-right:10px; padding-top:20px;}
.faci_c2 {width:100%; overflow-y:hidden; overflow-x:scroll; display:inline-block; vertical-align:top;}
.faci_c3 {width:0%; padding-left:1px; white-space:nowrap;}
.faci_r {display:inline-block; vertical-align:top; padding:0 15px; border:1px solid #ccc; margin-left:-1px;  box-sizing:border-box; height:35px; line-height:35px;}
.faci_r.ed {border:1px solid #000; position:relative; z-index:2; padding:0 13px; line-height:35px; font-weight:bold;}

div.pay_bookings_o {display:none;}
.fb_r_c td, .list_tb td {border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 5px;}
.rec_r1 {font-weight:bold; font-size:16px;}
.rec2_r1 {font-size:14px; text-align:right; word-break:break-word;color:#316bff;}
.rec2_r2 {text-align:right; font-size:14px; color:#aaa; white-space:nowrap;}
.s_autopay {background:url('/images/gear_black.png') no-repeat center center / 20px auto; display:inline-block; width:50px; height:50px;position:absolute; right:0px; top:0px;}
.indi[indi="0"] {display:none;}
/*.indi {display:none; vertical-align:middle; padding:0 5px; height:17px; line-height:17px; background:#ff2828; color:#fff; border-radius:9px; -webkit-border-radius:9px; margin-left:2px;} */
.indi {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 18px;
    height: 18px;
    background: #ff2828;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top:-4px;
    margin-left: 4px;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    padding: 0 4px;
    box-sizing: border-box;
    font-weight: normal;
}

.nav_r .indi { position:relative; right:-14px; top:-47px; margin-left:3px;}
.snav_r {position:relative;}
.snav_r .indi {position:absolute; right:20px; top:15px;}
.func_r .indi {position:absolute; right:auto; top:5px; left:calc(50% + 20px);}
/*.indi:not([indi="0"]) {display:inline-block;}*/
.indi.hide {display:none;}
.d2_w, .d1_w {display:inline-block; vertical-align:top; margin:0 0px;}
.slt_dates {position:relative; padding:0 20px;   background:url('/images/dd.png') no-repeat right center / 8px auto;}
.carno {display:inline-block; padding:3px 5px; background:#000; color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
margin-top:8px;
}
.dates { opacity:0; 
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%; text-align:center;
}

/* .main_link {
	text-align: center;
	display:inline-block; 
	padding: 5px;
} */

.main_link {
    text-align: center;
    display:inline-block; 
    padding: 8px;
    font-size: 14px;
}

#pay_booking .pop_tb_c {
	max-height: calc(100vh - 260px);
	overflow-y: scroll;
}
#app .del_temp_upl {}
#temp_upl_1 .del_temp_upl {position:absolute; right:25px; top:10px; opacity:1; background-size:20px; width:30px; height:30px; background:url('/images/delete.png') no-repeat center center / 30px 30px;}
#temp_upl_1 .upl_c {}
.bar_des {position:absolute; left:0; top:0px; width:100%; font-size:13px; color:#000; width:100%; text-align:center;}
.water_bar_v {width:100%; text-align:center; display:block; position:absolute; left:0; bottom:0; margin-bottom:5px;}
.water_bar {position:absolute; bottom:0px; left:50%; margin-left:-10px; width:20px; background:#316bff;}
.bar_lbl {position:absolute; left:0; bottom:-20px; width:100%; text-align:center; color:#999;}
.bar_r {display:inline-block; vertical-align:bottom; width:25%; height:100px; position:relative; border-bottom:0px solid #eee;}
.water_bar_o {position:relative; font-size:0; padding:40px 0 25px; margin-bottom:0px;  border:0px solid #ddd; border-radius:12px;background-color:#f8f8f8;}
.out_list_c {padding:10px;border:0px solid #ddd; border-radius:12px; background-color:#f8f8f8;}

.ann_o {margin-top:12px;}
/* .ann_r {margin-bottom:4px; border:1px solid #ddd;} */
.c_title {margin-top:28px;margin-bottom:4px; font-size:16px;}

.cross {text-decoration:line-through;}
.edited_c {color:#999;}
.summ_tb td {padding:5px;}
#temp_upl_1 {display:none; text-align:center; position:relative; min-height:60px; margin:15px;}
.temp_upl[cou="1"] .upl_c {text-indent:-9999px;}
.pay_th {font-size:14px;}
.temp_upl .upl_list {padding-top:0;}


.pym_lbl {vertical-align:middle;}
.pym_lbl[t="1"] {background:url('/images/cash.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.pym_lbl[t="2"] {background:url('/images/ewallet.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.pym_lbl[t="3"] {background:url('/images/bank.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.pym_lbl[t="4"] {background:url('/images/card.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.slt_method { display:block; display:none; margin-bottom:10px; width:250px; margin:0 auto 10px;}
.slt_pym {width:250px; display:block;  margin:0 auto 10px; }
.bpop_c .slt_pym {margin:0; width:100%;}
.pop_c .slt_pym {width:100%; margin:0 0 10px;}
.pop_c .slt_method {box-sizing:border-box; width:100%; margin:0 0 10px;}
.slt_method_1 {display:inline-block;}
#pay_gl_box {margin-bottom:20px; text-align:center;}
.pay_btn {background:#316bff; color:#fff; width:100%; text-align:center; height:50px; line-height:50px;}
.pay_btn_v {color:#fff; }
.pay_tb th {text-align:left;}
.pay_tb table, .pay_tb {width:100%;}
.pay_tb table {margin-bottom:20px;}
.pay_tb {margin-bottom:20px;}
.pay_gl_a {width:80px !important;}
.pay_gl_td {width:80px;}
.dn {display:none !important;}
.view_more {width:40px; background:url('/images/arw_right.png') no-repeat 20px center / 20px auto; height:30px;}
.top_balanace, .top_date {position:absolute; left:0; top:32px; width:100%; text-align:center;}
.times {font-size:25px; margin-bottom:3px;}
.times_lbl {color:#999; width:88px;}
body .daterangepicker .calendar-table th, body .daterangepicker .calendar-table td {height:20px; line-height:20px;}
table {border-collapse:collapse;}

/* select, input[type="text"], input[type="date"], input[type="search"], input[type="tel"], input[type="password"], input[type="email"] {border:1px solid #ccc; padding:2px 5px; height:35px; line-height:35px; vertical-align:top;}  */
select, input[type="text"], input[type="date"], input[type="search"], input[type="tel"], input[type="password"], input[type="email"] {
    border: 1px solid #eee;
/*    padding: 12px 15px;*/
    height: 44px;
    line-height: normal;
    vertical-align: top;
    border-radius: 10px;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    background-color: white;
    padding: 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;

}






textarea {border:1px solid #eee; border-radius:8px;}
select:focus, input[type="date"]:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus {border-color:#000;}
.pop_c form {font-size:0;}
.in_r_50 {width:50%; display:inline-block;  box-sizing:border-box; padding-right:10px; vertical-align:top;}
.in_r_50_2 {width:50%; display:inline-block;  box-sizing:border-box; padding-left:10px;}
.in_r_50_2 select, .in_r_50 select, .in_r_50_2 input:not([type="radio"]):not([type="checkbox"]), .in_r_50 input:not([type="radio"]):not([type="checkbox"]) {width:100%;}


.navi_lbl {display:inline-block; vertical-align:middle; color:#000; font-size:16px; }

.snav {font-size:0; }
.snav_r {width:33.3%; display:inline-block; vertical-align:top;  box-sizing:border-box; padding:20px 15px; }
.snav_r:not(.func_r) > div { text-align:center; height:100px; width:100px; line-height:100px; border:0px solid #ddd;  box-sizing:border-box; border-radius:8px;background-color:#f8f8f8; color:#aaa;}





.snav2 {font-size:0;  position:absolute; left:0; top:50px; width:100%;background:#eee; z-index:5;} 







.snav2_r {width:50%; display:inline-block; vertical-align:top;  box-sizing:border-box; padding:5px; position:relative; z-index:5; background:none; } /*#e4e3e9*/ 



.snav2_r > div { box-sizing:border-box; text-align:center; line-height:45px; height:45px; border:1px solid #ccc; white-space:nowrap; color:#000; font-size:14px; border:none;}



[axt="comp"] .snav2, [axt="sugg"] .snav2, [axt="amen"] .snav2, [axt="inci"] .snav2 {padding:0 15px; box-sizing:border-box; background:#fff;}
[axt="comp"] .snav2_r, [axt="sugg"] .snav2_r, [axt="amen"] .snav2_r, [axt="inci"] .snav2_r {background:#fff; padding:10px 5px 5px; }
[axt="comp"] .snav2_r > div, [axt="sugg"] .snav2_r > div, [axt="amen"] .snav2_r > div, [axt="inci"] .snav2_r > div {background:#fff; color:#222; border-radius:4px; height:40px; line-height: 40px; }
.snav2_r.wamo > div { padding:10px 0;  line-height:normal;}
.snav2_r.ed > div {border:1px solid #000; }




.snav2_r:last-child, .snav2_r:last-child > div {} 
.snav2_r .indi {position:static; vertical-align:middle;}

.snav2_r_vi {width:50%; display:inline-block; vertical-align:top;  box-sizing:border-box; border-bottom:1px solid #eee; background:#eee;}
.snav2_r_vi > div { box-sizing:border-box; text-align:center; line-height:50px; height:50px; border-right:0px solid #eee; white-space:nowrap; color:#000;font-size:14px;}
.snav2_r_vi.ed > div {color:#000; font-weight:bold; font-size:14px; }
.snav2_r_vi.ed {background:#fff; color:#000; font-weight:bold;border-color:#fff;}
.snav2_r_vi:last-child > div, .snav2_r:last-child > div {}
.snav2_r_vi .indi {position:static; vertical-align:middle;}

#content.c .snav2_r,
#content2[axt="market"] .snav2_r,
#content2[axt="vi"] .snav2_r, 
#content2[axt="fb"] .snav2_r {padding:0;}
#content.c .snav2_r:last-child > div, 
#content2[axt="market"] .snav2_r:last-child > div, 
#content2[axt="vi"] .snav2_r:last-child > div, 
#content2[axt="fb"] .snav2_r:last-child > div {border-right:0;}
#content.c .snav2_r > div, 
#content2[axt="market"] .snav2_r > div, 
#content2[axt="vi"] .snav2_r > div, 
#content2[axt="fb"] .snav2_r > div {border-color:#e2e2e2;border-left:0; border:none;}
#content.c .snav2_r.ed > div, 
#content2[axt="market"] .snav2_r.ed > div, 
#content2[axt="vi"] .snav2_r.ed > div, 
#content2[axt="bills"] .snav2_r.ed > div, 
#content2[axt="fb"] .snav2_r.ed > div {background:#fff; color:#000; font-weight:bold; border-color:#fff; background:none; border:none;}





.snav3 {font-size:0; width:100%; position:absolute; left:0; top:95px; background:#fff; z-index:5; padding:0 15px; box-sizing:border-box;}
.snav3[t="vi_reg"], .snav3[t="vi_checked_in"] {display:none;}
.snav3.ed {display:block;}
.snav3_r {width:50%; display:inline-block; vertical-align:top;  padding:10px 5px 5px; box-sizing:border-box; position:relative;}
.snav3[col="3"] .snav3_r {width:33.3%;}
.snav3[col="4"] .snav3_r {width:25%;}
.snav3[col="5"] .snav3_r {width:20%;}
.snav3_r > div {box-sizing:border-box; text-align:center; vertical-align:middle; height:35px; display:block; width:inherit; border:0.5px solid #ccc; text-align:center; width:100%; padding-top:6px; font-size:14px; border-radius:0px;}
.snav3_r.wamo > div { padding:6px 0;  line-height:normal;}
.snav3_r.ed > div {border-color:#000; font-weight:bold;}

.hints {color:#ff2828; padding:20px; text-align:center;}
#chg_pw .hints, #chg_pw[first_pw="2"] .pop_x {display:none;}
#chg_pw[first_pw="2"] .hints {display:block;}
body .daterangepicker .drp-buttons {text-align:center;}
body .daterangepicker .drp-selected {padding:2px; text-align:center; margin-bottom:10px; display:block;}
.tab_amo {display:block; text-align:center;}
.statement_r tr.bills_r:last-child td {border-bottom:0;}
a {outline:none; text-decoration:none;}
.c {display:none;}


#statement {}
#statement.content {padding:15px;}
#me.content {padding:12px;}
.statement_date, .big_date {font-size:16px; padding-bottom:10px;}
.statement_r, .big_r {background:#fff; padding:0 12px; border:1px solid rgba(0,0,0,0.1); margin-bottom:10px;}
.big_r {margin-bottom:0; padding:12px;}
.list_tb .big_r td {border:0;}
.td_vt {margin-bottom:15px; padding:10px; text-align:center; display:block; border:1px solid rgba(0,0,0,0.1); border-top:0; text-transform:uppercase;}
.item_d {color:#999; font-size:11px;}
.method {font-size:11px; }
.bills_tb td, .bills_tb th {padding:10px 2px; border-bottom:1px solid #eee;}
.valid_tb th {font-weight:normal; text-align:left;}
.qrk_tb td, .qrk_tb th {padding:10px 2px; border-bottom:1px solid #eee;}
.td_carplate {display:inline-block; padding:2px 5px; background:#000; color:#fff; margin-bottom:3px;}
.td_status {margin-bottom:3px; font-size:14px; }

.vi_r .bill_h1 {font-size:14px;}
.files_r .bill_h1 {
	display: block;
	white-space: nowrap;
}

.vi_r_tb {width:100%;}
.item_d { font-size:12px;}

#evlots table.evlots_tb.list_tb tr.plc_r td.td_1 div.bill_h1.s_add {
width:100%;
}



.bill_h1 { margin-bottom:0px; color:#000; font-size:12px;  overflow:hidden; /*text-overflow:ellipsis;*/ position:relative;}
.bill_h2 {display:block; color:#000; margin-bottom:0px;font-size:15px;}
.bill_h2 a {color:#000;}
.bill_h3 {display:block; color:#999; white-space:nowrap;font-size:15px;}
.qrk_tb .bill_h3 {color:#000;}

.s_vi_rec {background:url('/images/history.png') no-repeat center center / 24px auto; width:50px; height:50px; position:absolute; right:0px; top:0; box-sizing:border-box; text-align:center; }
.s_lbl {text-align:center; font-size:11px;}
.c .td_1, .c .td_2, .c .td_3 {vertical-align:top;}
.c .td_1 {padding-left:0px;}
.c .td_3 {text-align:right; padding-right:0px; }
.c .td_2 {width:calc(100% - 150px);}
.c .files_r .td_2 {width:80px; padding-right:0;}
.dl_pdf {width:50px; height:50px; background:url('/images/dl_pdf.png') no-repeat center center / 24px auto; position:absolute; right:0; top:0;}
#invoices .td_1 {padding-left:0px;}
.td_tt {font-size:14px; display:block; text-align:right; margin-bottom:3px; white-space:no-wrap;}
.td_tt_sym {font-size:16px;}
.td_bal {text-align:right; color:#999; font-size:11px;}
.snav_r:last-child {border:0;}
.w100p {
         width:100% !important;     
         padding: 0 16px;
         height: 44px;
}

/* .in_r {margin-bottom:10px; position:relative;} */



#mer_map {width:100%; height:300px;}
.mer_back, .top_back, #view_subacc_o .apop_back {width:50px; height:50px; position:absolute; left:0; top:0; background:url('/images/back2.png') no-repeat center center / 20px auto; z-index:5;}
.top_add {width:50px; height:50px; position:absolute; right:0; top:0; background:url('/images/add2.png') no-repeat center center / 20px auto; z-index:5;}
.top_srh {width:50px; height:50px; position:absolute; right:8px; top:0; background:url('/images/search.png') no-repeat center center / 24px auto; z-index:5;}
.top_vi_scan {width:50px; height:50px; position:absolute; right:50px; top:0; background:url('/images/scan.png') no-repeat center center / 20px auto; z-index:5;}
[acct="u"] .top_vi_scan {display:none;}
.top_scan {width:50px; height:50px; position:absolute; right:0px; top:0; background:url('/images/add2.png') no-repeat center center / 20px auto; z-index:5;}
.top_srh_market {right:0;}

/* .box_ti {font-size:20px; text-align:center; margin-bottom:20px;} */
.box_ti {font-size:24px; text-align:center; margin-bottom:18px; font-weight:600; color:#000;}



.long_btn {margin-bottom:5px;}
.botbar .long_btn, .pop_c .long_btn {font-size:16px;}
.botbar .long_btn {margin:0; } 
.botbar .long_btn2 {margin:0;} 
.botbar[cou="5"] .botbar_r {width:20%}
.botbar[cou="4"] .botbar_r {width:25%}
.botbar[cou="3"] .botbar_r {width:33.33%}
.botbar[cou="1"] .botbar_r {width:100%}
.botbar[cou="2"] .botbar_r {width:50%}
.upl_icon {width:100%; height:auto; vertical-align:middle;}
.ao_r .upl_icon {width:100%; height:auto;}
.upl_icon_w {margin-left:3px; display:inline-block; color:#000;}
.upl_list {
	padding: 10px 0 0;
	text-align: center;
	position: relative;
}
/*.upl_x {position:absolute; right:-10px; top:-10px; width:20px; height:20px; background:#fff url('/images/close.png') no-repeat center center / 8px auto;} */
.upl_x {z-index:6;}
.upl_o {background-size:36px auto;}
.upl_o[cou="0"] .upl_x {display:none;}
#vi_dt .upl_o, #add_vi .upl_o, #edit_vi_o .upl_o {width:250px; height:auto; min-height:80px;}
.top_search_result_c {padding:15px; box-sizing:border-box;}
.top_search_result {position: absolute;	left: 0;	top: 110px;	z-index: 5;	height: calc(100% - 110px); background:#fff; overflow-y:auto; width:100%; display:none;}
.top_search_result .vi_tb {width:100%;}
.top_search_c {background:#fff;	}
.clear_search {display:none; width:35px; height:33px; position:absolute; right:102px; top:9px; background:#fff url('/images/close.png') no-repeat center center / 12px auto;}
.top_search .top_search_c {padding-left:10px; position:relative; padding-bottom:10px;}
.top_search .top_search_v {    background: url('/images/search_gray.png') no-repeat 12px center / 20px auto;
    padding-left: 40px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;}
.top_search_close {position:absolute; right:0px; top:-45px; display:inline-block; vertical-align:top; background:url('/images/close.png') no-repeat center center / 18px auto; color:#fff; width:50px; height:50px; line-height:50px; text-align:center;}
.top_search_go {position:absolute; right:10px; top:8px; display:inline-block; vertical-align:top; background:#316bff; color:#fff; width:80px; height:50px; line-height:50px; text-align:center;}
.top_search_c {padding:8px 100px 0 55px;}
.top_search_v {width:100%;}
.top_search {position:absolute; left:0; top:45px; width:100%; background:#fff; border-bottom:1px solid #ccc; display:none; z-index:7;
box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
}
.ok_ack_w {color:#2def44; font-size:16px; }
.pending_ack_w {color:#e40000; font-size:16px;
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
}
.dz-preview {display:none !important;}
.long_btn2, .long_btn.dis {background:#eee; color:#aaa;}
.long_btn, .btn2 {background:#000; color:#fff; text-align:center; height:50px; line-height:50px; cursor:pointer; display:block; box-sizing:border-box; }
.long_btn {padding:0;}
.long_btn2 {background:#316bff; color:#fff; text-align:center; height:50px; line-height:50px; cursor:pointer; display:block;}
.long_btn_red {background:#ff2828; color:#fff; height:59px; line-height:59px; }
.long_btn_blue {background:#316bff; color:#fff; height:59px; line-height:59px; }
.ac_r .btn2 {margin-bottom:5px;}
.ac_r .btn2:last-child {margin-bottom:0;}
.btn2.pay_booking {background:#316bff;}
.rec_r3 {color:#aaa;font-size:14px;}
.pay_btn, .pay_btn_v, .pay_gl_total, .long_btn, .long_btn2, .btn2, .long_btn2 div, .long_btn2 span, .long_btn div, .long_btn span, .btn2 div, .btn2 span {font-size:14px;}

.pop_o .ac {padding-bottom:0; padding-top:15px;}
#faci_box .pop_o .ac {padding-top:5px;}
.viva_hint {display:none; }
.hints2 {margin-bottom:15px; color:#999;}
#mer_o {position:absolute; left:0; top:0; width:100%; background:#fff; z-index:11;}
#mer_info {background:#fff;}
#mer_info .in_lbl {font-weight:bold;}
.s_mer {}
[auth="2"] .footer_terms {display:none;}
#login, #content, #nav {display:none;}
#app[auth="2"] #content, #app[auth="2"] #nav {display:block;}
#app[auth="0"] #login {display:block;}
#app[auth="0"]:not([deli="2"]) #nav, #app[auth="0"]:not([deli="2"]) #content {display:none !important;}

.botbar2_o {position:fixed; left:0; bottom:0; width:100%; font-size:0; z-index:6;}
.botbar2_r {width:50%; display:inline-block; vertical-align:top; border-right:1px solid #000; height:70px; line-height:70px; text-align:center; box-sizing:border-box;}
.botbar[cou="3"] .botbar2_r {width:33.3%; }
.botbar[cou="2"] .botbar2_r {width:50%;}
.subacc_unsuspend {display:none;}
.suspended .subacc_unsuspend {display:inline-block;}
.suspended .subacc_suspend {display:none;}
.suspended .subacc_edit {display:none;}
#view_subacc_o .apop_c2 {
	position: absolute;
	left: 0;
	top: 51px;
	width: 100%;
	height: calc(100% - 51px);
	overflow-y: auto; padding-bottom:70px;
	padding-bottom:70px; box-sizing:border-box;
}
[page="bills"] #content {padding-top:100px;}
#nav {position:fixed; left:0; bottom:0; width:100%; }
/* max-width:440px; */
/* #nav_c { font-size:0; height:70px;  margin:0 auto; width:100%; border-top:1px solid #000; background:#fff;} */
#nav_c { font-size: 0; height: 70px; margin: 0 auto; width: 100%; border-top: 0px solid transparent; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.05); background: rgba(248, 248, 248, 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}


.nav_r {display:inline-block; vertical-align:top; width:20%; text-align:center; height:100%; border-right:0px solid #000; box-sizing:border-box; padding-top:10px;position:relative;}
#nav_c[cou="4"] .nav_r {width:25%;}
/* .nav_r.ed {background:#f6f6f6;} */
.nav_r.ed {background:transparent;}
div.bar3 {margin:30px 0;}
.func_c {font-size:0;}

.func_r {width:33.3%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 0 12px 0; text-align:center;}

.func_r img {width:80px; height:auto; margin-bottom:0px;} 



.bill_c {font-size:0;}
.bill_r {width:33.3%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:10px;}
.bill_r > div {background:#fff; border:1px solid #000; text-align:center; padding:20px 10px; cursor:pointer;}
.pop_x {position:absolute; right:15px; top:15px; width:20px; height:20px; background:url('/images/close_w.png') no-repeat center center / 18px auto; }
.owner_nm {color:inherit;}
.owners_r {margin-bottom:3px;}

#content2[nobot="2"] .botbar_o {display:none;}
#content2[axt="delivery_lockers"] {padding-bottom:0px;}
#content2[axt="delivery_lockers"][c_t="list"] {padding-bottom:70px;}
.bpop2_bg {z-index:300;}
.bpop3_bg {z-index:300;}
.phone_i {padding-left:35px; background:url('/images/phone.png') no-repeat 5px center / 20px auto; display:block; min-height:20px;}
.car_i {padding-left:35px; background:url('/images/car.png') no-repeat 5px center / 20px auto; display:block; min-height:20px;}
.key_i {padding-left:35px; background:url('/images/key.png') no-repeat 5px center / 20px auto; display:block; min-height:20px;}
.nav_r:last-child {border-right:0;}
.nav_r_img, .nav_r_img_ed {width:22px; height:22px; margin-bottom:5px;}
.nav_r_img_ed {display:none;}
.nav_r.ed .nav_r_img_ed {display:inline-block;}
.nav_r.ed .nav_r_img {display:none;} 
.pr {position:relative;}
/* max-width:440px; */
#app {width:100%;  margin:0 auto;  min-height:100%; position:relative;}
/* max-width:440px; */
#app[auth="2"], #app[deli="2"], #app[pubweb="2"] {background:#fff; }
.c {padding-bottom:70px; height:100%; box-sizing:border-box; padding-top:50px; overflow-y:auto;}
.c.show {display:block;}
#qrk_dt, #vi_dt {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:7; overflow-y:auto;}
#vi_dt {padding:0; padding-top:70px;}
#vi_dt .list_c {height:calc(100% - 70px); padding-top:50px; padding-bottom:0px; box-sizing:border-box;}
#vi_dt .list_c.nobot {height:calc(100% - 100px) !important; }
.vi_rec_r {padding:15px 20px;}


.nav_lbl {font-size:10px; color: #8E8E93;}
.nav_r.ed .nav_lbl {color: #007AFF;}


.long_btn_blue .bot_tt {color:#fff;}
.botbar_o {position:fixed; left:0; bottom:0; width:100%;}
/* max-width:440px; */
.botbar {font-size:0; margin:0 auto; width:100%; height:70px; background:#fff; box-sizing:border-box;}
.botbar[cou="0"] {display:none;}
.botbar_r {display:inline-block; vertical-align:top; width:50%; height:70px; line-height:70px; text-align:center; border-right: 0.5px solid rgba(0,0,0,0.2); box-sizing:border-box;}
.bt1 {border-top:1px solid #000;}

.bpop_o {z-index:300;}
.s_share2_o {text-align:center; margin-bottom:10px;}

[acct="u"] .change_unit {display:none !important;}
.qr_link {margin-bottom:10px; text-align:center; color:#316bff;}

.list_c {height:100%; overflow-y:auto; padding:16px;}
.list_c, .inner_bpop, .bpop_c, .pop_c, .content {-webkit-overflow-scrolling: touch; overflow-y: auto;}

.list_tb {width:100%;}

.botnav form {margin:0;}
.pass_tb {width:100%; }
.pass_tb th {text-align:right; width:50%;}
.checkinstep_c {padding-bottom:75px; padding-top:10px;
box-shadow:0 -15px 25px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 -15px 25px 0 rgba(0,0,0,0.2);
}
#vi_dt .checkinstep_c th, #vi_dt .checkinstep_c td {vertical-align:middle;}
.carplate {background:#000; color:#fff; display:inline-block; padding:2px 6px; }
.botbar_r:last-child {border-right:0;}
[col="1"] .botbar_r {width:100%;}
[col="3"] .snav2_r {width:33.3%;}
[col="4"] .snav2_r {width:25%;}
.ended {text-align:center; padding:20px; color:#999; display:none;}
.ended.show {display:block;}
.s_more {text-align:center; padding:20px; color:#316bff;}
.content th { vertical-align:top;}
.me_tb {width:100%; margin-bottom:0px; border-bottom:1px solid #eee;}
.me_tb th {vertical-align:top; text-align:right; width:50%;}

/*.topbar2, .topbar {position:absolute; left:0; top:0; width:100%; height:50px; background:rgba(248, 248, 248, 0.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); z-index:6; border-bottom:0px solid transparent; box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); text-align:center;}*/
.topbar2, .topbar {position:absolute; left:0; top:0; width:100%; height:50px; background:rgba(248, 248, 248, 0.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); z-index:6; border-bottom:0px solid transparent; box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); text-align:center;}



.top_ti_statement {line-height:33px;}
.top_ti {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 50px;
	line-height: 50px;
	width: 100%;
	padding: 0 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}
.top_ti.top_ti_vi_dt.l3:not(.fti) {line-height:30px;}
.card_box_status {margin-top:-23px;}
.top_ti_vi_dt a {color:#316bff;}
.top_ti_vi_dt a {font-size:inherit;}
.me_nickname {margin-right:10px;}
#logout {}
.content {padding:16px;}
#visitors.content {padding-top:50px;}
.me_tb th, .me_tb td {padding:5px;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
#home {background:white; padding:0;}
.bill_img img {width:90%; height:auto; border:1px solid #000;}
.u_photo {width:128px; height:128px; margin:0px; border:0;}
.subacc_r .u_photo {width:60px; height:60px; margin:0; margin-bottom:0px;}
.ao_r_in .ao_upl_img, .ao_r .ao_upl_img {width:80px; height:80px; border-radius:8px;}

.form_go {cursor:pointer;}
.home_box {background:#fff; padding-left:16px; padding-right:16px; margin:0px 0;}

.capt {display:inline-block; vertical-align:top; width:47%;}
.login_logo img {width:88px; height:auto; border-radius:12px;}

#slt_unit {position:absolute; left:10px; top:5px; display:none;}
#slt_unit select {border:0;}
[units="1"] #slt_unit, [units="0"] #slt_unit {display:none;}

.home_logo img {height:28px; width:auto;display:none;}
.home_logo {text-align:center;  margin-bottom:5px; position:absolute; left:15px; top:12px; width:28px; height:28px; overflow:hidden;
border-radius:4px;
-webkit-border-radius:4px;
}
.home_des { font-weight:normal;
	text-align: center;
	line-height: 20px;
	padding-top: 0;
	position: absolute;
	left: 0;
	width: 100%;
	top: 28px;
	font-size: 12px;
	color: #aaa;
}
.topbardes .top_ti {
    line-height:40px;
}
/*.pop_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; overflow-x:hidden; overflow-y:scroll; z-index:65;}*/
.pop_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    overflow-x: hidden;
  /*  overflow-y: scroll;*/
    z-index: 250;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pop_bg.show {display:block;}


/* .pop_o {position:absolute; width:340px; margin-left:-170px;  left:50%; top:5%;  padding:0 0 30px; z-index:60;} */
.pop_o {
    position: absolute;
    width: 90vw; 
    height: 80vh; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%);
    padding: 0 0 0px;
    z-index: 60;
    display: flex;
    flex-direction: column;
/*    overflow: hidden; */
    box-sizing: border-box;

}

.pop_o .content {
    overflow-y: auto;
    flex-grow: 1;
}


/* .pop_c {background:#fff; padding:15px;  z-index:66; margin-bottom:15px; */
.pop_c {
    background: #fff;
    padding: 16px;
    z-index: 66;
    overflow-y: auto;
    overscroll-behavior: auto; /* Creates the elastic/bouncy scroll effect */
    border-radius: 14px;
/*    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);*/
box-sizing: content-box;
}



box-shadow:0 15px 20px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,0.2);
}
.unit_lbl {font-size:16px; padding-top:5px; display:block;}
.photos_lbl {font-size:13px;}
.in_lbl {margin-bottom:8px; margin-top:0px;}

.pop_title, .pop_title span {margin-bottom:12px; text-align:center; font-size:20px; display:block; font-weight:bold; padding-right:0px;}

#loading2 {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:10000; text-align:center; display:none;}
#loading2_c {
  position: fixed;
  left: 50%;
  top: calc(50% - 35px); /* Offset by half the bottom bar height */
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  z-index: 10001; /* Ensure it's above other elements */
}
#loading2_c:after {
  content: " ";
  display: block;
  width: 23px;
  height: 23px;
  margin: 0px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.lsc {overflow:hidden !important;}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#view_subacc_o .photos_r {display:inline-block; width:33.3%; vertical-align: top; text-align: center;}
#view_subacc_o .upl_o {width:90px; height:90px; background:#fff url('/images/view_image.png') no-repeat center center / 32px 32px;}

.ocr_bg_top { position:absolute; left:0; width:calc(100% - (100% - 490px)); }
.ocr_bg_bottom { position:absolute; left:0; top:0; width:calc(100% - (100% - 360px)); height:calc(100% - 218px - 120px);}
.ocr_bg_left { position:absolute; left:0; top:120px; width:20px; height:194px;}
.ocr_bg_right { position:absolute; right:0; top:120px; width:20px; height:194px;}
#vi_ocr {width: 360px;position: absolute;left: 50%;margin-left: -180px;height: 100%;}
#vi_ocr_nm_box { width:170px;height: 30px;position: absolute;left: 30px;top: 235px;}
#vi_ocr_o[t="2"] #vi_ocr_nm_box {width:190px; left:130px; top:155px; height:20px;}
#vi_ocr_o[t="3"] #vi_ocr_nm_box {width:190px; left:130px; top:155px; height:20px;}
#vi_ocr_ic_box { width:130px; left:30px; top:160px; height:25px; position:absolute;}
#vi_ocr_o[t="2"] #vi_ocr_ic_box {width:100px; left:195px; top:185px; height:20px; }
#vi_ocr_o[t="3"] #vi_ocr_ic_box {width:100px; left:195px; top:185px; height:20px; }
#vi_ocr_card_box {   width:320px; height:194px; position:absolute; top:120px; margin-left:-160px;}
/* background:url('/test_dri.jpg') no-repeat center center / 100% auto; */
#vi_ocr_video {width: 360px;position: absolute;top: 80px;left: 50%;margin-left: -180px;}


#tg_prop {width:280px; margin-bottom:10px;}
#slt_prop_bg, #slt_unit_bg {background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; top:0; display:none;}
#slt_prop, #slt_unit {background:#fff; width:360px; position:fixed; left:50%; margin-left:-180px; top:25%; padding:20px; box-sizing:border-box; text-align:center; display:none;
box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
}
#slt_unit2 .pop_c {background:#fff; width:500px; position:fixed; left:50%; margin-left:-250px; top:5%; padding:20px; box-sizing:border-box; text-align:center;  height:490px; z-index:50;
box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
}
.box_15 {padding:15px;}
#slt_unit2[t="u"] {height:auto;}
#slt_unit2 {background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; bottom:0; display:none; z-index:300;}


#srh_slt_unit {width:100%; box-sizing:border-box; border:1px solid #ccc; padding:0 20px 0 40px; height:30px; line-height:30px;   background:url('/images/search.png') no-repeat 12px center / 20px auto;
border-radius:14px;
-webkit-border-radius:14px;
font-size:16px;
}
.srh_slt {text-align:left; margin-bottom:15px;}
.slt_r {padding:4px;  text-align:left; font-size:12px;}
.slt_r.ed {background:url('/images/arw_right.png') no-repeat 95% center / 12px auto;}
.slt_c_3 .slt_r.ed {background:none;}
.slt_r_unit {background:none;}
.slt_r:hover {background-color:#f3f3f3;}
.slt_r.ed {color:#316bff;}

#msg {top:20px; }
#uploading {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:80;}
.uploading_w {position:absolute; top:40%; color:#fff; width:100%; text-align:center; }
/*#app[page="me"]:not([units="0"]):not([units="1"]) #slt_unit {display:block;}*/
[read_ed="0"] .bill_h1, [read_ed="0"] div, [read_ed="0"] span {font-weight:bold;}



.top_srh, .top_search_go, .main_link, .statement_date, .btn, .btn2, .snav2_r, .snav_r, .s_more, .func_r, .long_btn, long_btn2,  .btn2, .nav_r, #logout {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

img, 
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.empty {display:none;}
[edc="0"] .empty {display:block;}

.radio11in input[type="radio"], .radio11in input[type="checkbox"] {top:3px;}
#add_vi .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {font-size:14px;}
#add_vi .in_r label, #add_vi .in_r input, #add_vi .in_r textarea, #add_vi .in_r select {font-size:13px;}
#add_vi .in_lbl {font-size:13px; margin-left:8px;}

@media (max-width: 800px) {
    
    #slt_unit2 .pop_c {
        width:calc(100% - 20px);
        margin-left:calc((100% / -2) + 10px);
    }
    
}



/* BELOW WERE ADDED BY ALEX */
.longbtn {
    border-radius: 10px;
    font-weight: 500;
    background: #007AFF;
    color: white !important;
    font-size: 16px;
}

.blue_lbl {color:#007AFF;font-size:13px;}

.capt_c {
    margin-bottom: 15px;
}
.capt_img {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
}

#content[v="4"] .content {
    background: #F2F2F7;
    padding: 10px 0;
}

/* Modern iOS 16/17 Native Announcement Styling */
.ann_o {
    margin: 0px;
}



.ann_r {
    background: #f8f8f8;
/*    backdrop-filter: blur(24px) saturate(180%); */
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border: 0px solid #ddd;
    border-radius: 12px;
/*    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
*/*    padding: 12px 16px;
  /*  margin-bottom: 24px;*/
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}




.ann_r:active {
    transform: scale(0.98);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
}

.ann_ti {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
    padding-right: 20px;
    line-height: 1.3;
}

/* Announcement popup */
#ann_pop .pop_bg {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}





#ann_pop .pop_ti {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding: 0 15px;
    color: #000;
}

#ann_pop .pop_r {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}



/* Fix for keyboard not appearing in home screen mode */
input:not([type="checkbox"]):not([type="radio"]), textarea {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-appearance: none;
  appearance: none;
}



#signup_box .sendcode_c {
    position: relative;
    margin-bottom: 15px;
}

#signup_box .send_code {
    position: absolute;
    right: 4px;
    top: -1px;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    color: #007AFF;
    cursor: pointer;
}

#signup_box .code_cd {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    line-height: 45px;
    width: 50px;
    text-align: center;
    color: #888;
}

#signup_box .in_r {
    margin-bottom: 12px;
}

.oktick, .nook {
    position: absolute;
    right: 13px;
    top: 15px;
    width: 16px;
    height: auto;
    display: none;
}

#signup_box .in_r.pr.sendcode_c input {
    padding-right: 110px !important;
}

#signup_box form .in_r:not(.capt_c) {
    margin-bottom: 15px;
}

#signup_box .capt_c {
    margin-bottom: 20px;
}

#signup_box + .footer_terms {
    text-align: center;
    padding: 10px 0 20px;
}

#signup_box + .footer_terms .s_terms {
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
}







/* iOS Native Feel Improvements */
.long_btn, .btn2, .long_btn_blue, .longbtn, .snav_r > div, .func_r > div {
  transition: background-color 0.2s, transform 0.2s;
}

.long_btn:active, .btn2:active, .long_btn_blue:active, .longbtn:active, .snav_r > div:active, .func_r > div:active {
  transform: scale(0.98);
  opacity: 0.9;
}

.bpop_o {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
}

#app {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

#nav {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Fix for iOS momentum scrolling */
.inner_bpop, .bpop_c, .pop_c, .content, .list_c {
  -webkit-overflow-scrolling: touch !important;
}

/* This replaces the existing .longbtn definition */
.longbtn {
  border-radius: 12px;
  font-weight: 500;
  background: #007AFF;
  color: white !important;
  font-size: 16px;
}

span.gray_lbl.slt_vt_dt {font-size:14px;}
span.add_vi_vt_des.gray_lbl {font-size:12px;}

.rec_r2 {font-size:15px;}

.rec_r1.s_booking_dt {font-size:16px;font-weight:bold;}
.top_search_go {
    font-size: 16px;
}

td.dash_w {
    font-size: 14px;
}






/* Hide scrollbars only on mobile devices */
@media screen and (max-width: 768px) {
    /* Target all potentially scrollable elements */
    html, body, div, pre, textarea, select, input {
        /* Hide for Firefox */
        scrollbar-width: none;
        
        /* Hide for IE and Edge */
        -ms-overflow-style: none;
    }
    
    /* Hide for Chrome, Safari and Opera */
    html::-webkit-scrollbar, 
    body::-webkit-scrollbar,
    div::-webkit-scrollbar,
    pre::-webkit-scrollbar,
    textarea::-webkit-scrollbar,
    select::-webkit-scrollbar,
    input::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }
}




.last_slted.tar {
    font-size: 14px;
}


.home .home_box .c_title {
    font-size: 30px;
}

span.to_market.blue_lbl {
    font-size: 16px;
}

/*#app #faci_box .fa_rmk {width:100%; box-sizing:border-box;}*/
#app #faci_box .fa_rmk {
    width: 100%;
    box-sizing: border-box;
    margin-top: 24px;
}

#app #faci_box .nbo_o tbody, #faci_box .nbo_o tr, #app #faci_box .fa_rmk tbody, #faci_box .fa_rmk tr {display:block;}
#app #faci_box .nbo_o th, #app #faci_box .fa_rmk th {display:block; text-align:left; width:100%;font-weight:normal;}
#app #faci_box .nbo_o td, #app #faci_box .fa_rmk td {display:block; text-align:left; width:100%; box-sizing:border-box;}
body #app #faci_box .nbo_o table, body #app #faci_box .fa_rmk table {display:block; width:100%;}
#faci_box .nbo_o, #faci_box .fa_rmk {margin:10px 0;padding-bottom:16px;}

#app #book_cart .fa_rmk {width:100%; box-sizing:border-box;}
#app #book_cart .nbo_o tbody, #book_cart .nbo_o tr, #app #book_cart .fa_rmk tbody, #book_cart .fa_rmk tr {display:block;}
/*#app #book_cart .nbo_o th, #app #book_cart .fa_rmk th {display:block; text-align:left; width:100%;font-weight:normal;}*/
#app #book_cart .nbo_o th, #app #book_cart .fa_rmk th {
    display: block;
    text-align: left;
    width: 100%;
    font-weight: normal;
    margin-bottom: 4px;
    margin-top: 4px;
}

#app #book_cart .nbo_o td, #app #book_cart .fa_rmk td {display:block; text-align:left; width:100%; box-sizing:border-box;}
body #app #book_cart .nbo_o table, body #app #book_cart .fa_rmk table {display:block; width:100%;}
#book_cart .nbo_o, #book_cart .fa_rmk {margin:10px 0;}

.fa_rmk .xin_c, .fa_rmk [name="eps_rmk"] {width:100% !important;}

span.bigbw.blue_lbl
{
font-size:18px;

}

td.total_rate.faci_rmk_wd_v.nowrap {
    padding-right: 3px;
}

.bill_h1.s_add {
    width: 100% !important;
}

#login_box > div.main_box_c > form > div:nth-child(2) > input,
#login_box > div.main_box_c > form > div:nth-child(3) > input,
#login_box > div.main_box_c > form > div.in_r.capt_c > input,
#login_box > div.main_box_c > div.tar.mb20.forgot_r > span,
#login_box > div.main_box_c > div.tac.signup_r > span,
#login_box > div.main_box_c > div.tac.signup_r > span > span,
#forgot_box > div.main_box_c > form > div:nth-child(2) > input,
#forgot_box > div.main_box_c > form > div.in_r.capt_c > input,
#forgot_box > div.main_box_c > div.tac.login_r2 > span,
#forgot_box > div.main_box_c > div.tac.login_r2 > span > span,
#signup_box > div.main_box_c *
{font-size:16px;}

#signup_box > div.main_box_c > form > div.box_ti {font-size:24px;}

#faci_box > div > div.pop_c > div.bo_info > div.bo_info_2a > table.single_book_tb2 > tbody > tr:nth-child(8) > td > span:nth-child(2) > img {
    width: 22px;
    height: auto;

    position: absolute;
  top: 6px;
    right: -24px;
}



#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox > table > tbody > tr:nth-child(1) > th {
    padding-top: 0px;
}

#faci_box > div > div.pop_c > form > div.fa_rmk.graybox > table > tbody > tr:nth-child(1) > th {
    padding-top: 0px;
}

#faci_box > div > div.pop_c > div.bo_info > div.bo_info_2a > table.single_book_tb2 > tbody > tr:nth-child(8) > td > span > span {
    position: absolute;
    right: 3px;
}

#add_subacc_c > form > div.ao_o > div > div.oupl_o.ent_c.ent_c_1.show > div:nth-child(4) > div.in_lbl *
{margin-bottom: 4px;}

#add_subacc_c > form > div.ao_o > div > div.ao_r_in.hcor.pr.ao_r_sonly.ao_r_uh > span.same_as
{top: 30px;}