@charset "utf-8";

/* 19.06.20 ksnam : DevPart PC/SP hotel main style(hotel(_m).css) overloading */

/* Common */
#hotelBody a,
#hotelBody label,
#hotelBody button,
#hotelBody select,
#hotelBody textarea,
#hotelBody input { outline:none; }

/* .collHotelList */ .info_hotel.info_price .data_after .num_data + .num_append { font-size:inherit; font-weight:inherit; }
.cont_fold.etc-html-data img { max-width:100%; }

/* ===== SEARCH ===== */
.searchHotel input.warn { border:2px solid #f00!important; }
.searchHotel button.warn span.tf_hotel { border:2px solid #f00!important; }
.searchHotel select.warn { border:2px solid #f00!important; }

form.hotelSearchForm button[type='submit']:disabled { }

/* Calendar */
.tbl_hotel.tbl_calendar  .hcal_pnday .txt_lab { font-size:9px; }

.tbl_hotel.tbl_calendar .inp_hotel:checked:disabled ~ .txt_lab { color:#fff;background-color:#ff4d4d; }

/* Room Counter */
.choice_room .btn_data:disabled { background-color:#f6f6f6!important; opacity:0.5; }

/* Search Option (LIST) */
.fold_hotel.fold_type4 .ico_ui.ico_fold { display:none; }
.fold_hotel.fold_type4 .ico_ui.ico_fold_close { display:inline-block; }
.fold_hotel.fold_type4 .cont_fold { display:block; }

.fold_hotel.fold_type4.close .ico_ui.ico_fold { display:inline-block; }
.fold_hotel.fold_type4.close .ico_ui.ico_fold_close { display:none; }
.x-fold_hotel.fold_type4.close .cont_fold { display:none; }

.collNavExtract .btn_hotel.btn_color_type3 { display:block; margin:16px auto; }

/* Keyword */
#v-q::-ms-clear {  display:none; width:0; height:0; }
#v-q::-ms-reveal {  display:none; width:0; height:0; }
#v-q::-webkit-search-decoration,
#v-q::-webkit-search-cancel-button,
#v-q::-webkit-search-results-button,
#v-q::-webkit-search-results-decoration { display:none; }

#keywordHint { }
#keywordHint .autocomplete-suggestions { position:relative!important; border:none; box-shadow:none; max-height:100%!important; border-bottom:1px dotted #e5e5e5; }
#keywordHint .autocomplete-suggestions .autocomplete-group {
    position:relative; padding:0px; height:0px; font-size:inherit; font-weight:bold; color:inherit; overflow:visible; border-top:1px dotted #e5e5e5;
}
#keywordHint .autocomplete-suggestions .autocomplete-group:first-child { border-top:none; }
#keywordHint .autocomplete-suggestions .autocomplete-group strong {
	position:absolute; display:block; top:3px; right:10px; color:inherit;
}

#keywordHint .autocomplete-suggestions .autocomplete-suggestion { padding:3px 10px; color:#555555; }
#keywordHint .autocomplete-suggestions .autocomplete-suggestion strong { color: #3c76da; }

#keywordHint ~ .btn_close { margin-top:3px; }

.hfdev-sp #keywordHint { border:1px solid #e1e1e1; }
.hfdev-sp #keywordHint .autocomplete-suggestions { border:none; }


/* MAIN */
.mainHotelIndex .collBookGuide { margin-bottom:30px; }

.mainHotelIndex .searchHotel #keywordHint .autocomplete-suggestions { width:100%!important; }


/* DETAIL */
.hfdev-pc .collHotelPhoto .inner_paging .thumb_ui.thumb_crop .img_thumb { width:98px; height:74px; }
.hfdev-pc .collHotelPhoto .paging_swiper .thumb_crop.on:after { border:2px solid #000; }

#hotel_detail_price_list { position:relative; }
.collRoomTypeCharge .searchHotel .desc_room select:disabled { background-color:#f6f6f6; opacity:0.5; }
.collRoomTypeCharge .searchHotel .desc_room.dis { x-opacity:0.5; }
.collRoomTypeCharge .searchHotel .desc_room.dis .info_age { display:none; }

.hfdev-pc .collRoomTypeCharge .searchHotel .desc_room.dis { visibility:hidden; }
.hfdev-sp .collRoomTypeCharge .searchHotel .desc_room.dis { display:none; }

#roomSelInfo .noem { font-weight:normal; font-size:12px; border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; }

.btn_hotel.btn_type8.eps-btn-dis .wrap_cont { font-size:12px; color:#aaa; }

.hfdev-pc .collRoomTypeCharge .searchHotel .num_room { margin-right:28px; }
.hfdev-pc .collRoomTypeCharge .searchHotel .info_age .box_opt3 { min-width:60px; }
/* .hfdev-pc */ .collRoomTypeCharge .searchHotel .info_age label.childAges select { padding-left:5px!important; }

.collRoomTypeCharge .collAvailableHotel .info_price .data_before { display:inline-block; }

.collRoomTypeCharge .lock_cont { display:none; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,0.5); }
.collRoomTypeCharge .lock_cont .lock_warn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; padding:10px; border:1px solid #ccc; background-color:#fff; }

/* STEP1 */
.fold_hotel.fold_type3 .info_fold:visible:first-child { margin-top:0px; }

.fold_hotel.fold_type3 #use_point_wrap:hidden { background-color:#f00; }

/* PAY */
.hfdev-pc .collStepRule .btn_hotel.btn_type6.btn_kip { margin-top:10px; min-height:20px; padding:8px 10px; width:402px; background-color: #979797; border-color: #979797; color: #fff; }
.hfdev-sp .collStepRule .btn_hotel.btn_type6.btn_kip { background-color: #979797; border-color: #979797; color: #fff; margin-top:10px; }
.hfdev-sp .collStepRule .btn_hotel.btn_type6.btn_kip .wrap_cont { font-size:11px; line-height:12px; padding:4px 0px; }

#payPointAll { margin-top:10px; }
#use_point_wrap { padding:12px 11px 9px; }
#use_point_wrap dt, #use_point_wrap dd { font-weight:normal; }

/* HanchaoPay */
.hfdom-H .setPayment .paymethod.wrap_item { padding:0; border-top-width:0; border-bottom-width:0; margin-top:10px; }
.hfdom-H .setPayment .paymethod.wrap_item hanchaopay { margin:0; }
.hfdom-H .setPayment .paymethod.wrap_item hanchaopay .pgSeparator { background-color:#ccc; }
.hfdom-H.hfdev-sp .setPayment .paymethod.wrap_item { margin:0; }
.hfdom-H.hfdev-pc #payPointAll { margin-top:10px; }

/* ** layer_loading ** */
.layer_hotel.layer_loading{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;font-size:0;line-height:0;background-color: rgba(0,0,0,.4);text-align:center}
.layer_hotel.layer_loading:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.layer_hotel.layer_loading .inner_layer{display:inline-block;max-width:500px;padding:15px;border:3px solid #ee3524;font-size:16px;line-height:20px;color:#222;background-color:#fff;vertical-align:middle;box-shadow:0 4px 12px 0 rgba(0,0,0,0.12);box-sizing:border-box}
.layer_hotel.layer_loading .img_loading{display:block;overflow:hidden;width:32px;height:32px;margin:0 auto 10px}

.pgPayProcessBoxCont { min-width:250px; }

/* esp pay */
.eanpayFrame .eanpay-msg, .eanpayFrame .eanpay-hlp{margin:0;padding:0px}
.eanpayFrame .eanpay-msg {color:#f00}
.eanpayFrame .layer_pay .list_tip img { max-width:80%; }
.eps_card_list span { display:inline-block; height:20px; padding:2px; line-height:20px; font-size:11px; border:1px solid #ccc; width:35px; text-align:center; border-radius:2px; margin-right:4px; }
.eps_card_list span img { max-width:100%; }
.eps_card_list span.off { color:#aaa; opacity:0.1; }
.eps_card_list span.on  { color:#000; opacity:1.0; border:1px solid #666; }

.info_fold.info_sum.info_tax { margin-top:0px; font-weight:normal; }
.info_fold.info_sum.info_tax dt, .info_fold.info_sum.info_tax dd { font-weight:normal; font-size:0.875em; color:inherit; }

.collMap .map_infowin div { line-height:130%; }

/* for HANCHAO */
tr.copyright_top_margin { display:none; }