@charset "UTF-8";

.section_mypage{padding:30px 0px;background-color:#fefefe;}
.section_mypage .container{}

.content_box_type1 .mypage_bookings_menu .active{background-color:#115086}
#btn_bookinglist_hotel,
#btn_bookinglist_tour{margin-bottom:15px}

.mypage_bookings_menu{}

/**
 * mypage hotel list
 */
.blbt1{padding:15px;margin-bottom:30px;height:34em;border:4px solid #ffffff;background-color:#f9faff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(88, 88, 88, 0.5);
     -moz-box-shadow: 1px 1px 5px 0px rgba(88, 88, 88, 0.5);
          box-shadow: 1px 1px 5px 0px rgba(88, 88, 88, 0.5);
}
.blbt1 div {
  /*display: -webkit-box;*/
  line-height:1.5em;
  font-size: 14px;
  -webkit-box-orient: vertical;
}
.blbt1 .blbt1_booking_status{position:absolute;top:4px;left:20px;z-index:36}
.blbt1 .blbt1_booking_status span{padding:2px 10px}
.blbt1 .blbt1_booking_photo{position:relative;min-height:120px;max-height:200px;overflow:hidden;border:1px solid #ccc;background-color:#000}
.blbt1 .blbt1_booking_photo img{position:absolute;left:-5%;top:-5%;z-index:35;width:120%;height:120%;overflow:hidden}
.blbt1 .blbt1_goods_countrycity{text-align:right;font-size:12px;position:absolute;right:39px;top:20px;z-index:35;color:#fff;text-shadow:1px 1px 1px #544b4b}
.blbt1 .blbt1_goods_name{margin-top:1em;margin-bottom:1em;overflow:hidden;-webkit-line-clamp:3;font-weight:bold;color:#10479c}
.blbt1 .blbt1_use_date{margin-bottom:1em;overflow:hidden;-webkit-line-clamp:2}
.blbt1 .blbt1_goods_count{}
.blbt1 .blbt1_payment_status{float:left;font-weight:bold}
.blbt1 .blbt1_goods_price{float:right;text-align:right;font-weight:bold}
.blbt1 .blbt1_booking_detail{text-align:center}
.blbt1 .blbt1_booking_date{position:absolute;right:27px;bottom:36px;text-align:right;font-size:11px;color:#a2a2a2}
.blbt1 .blbt1_booking_rqtranf{text-align:center}
.blbt1 .blbt1_booking_hide{position:absolute;left:20px;bottom:35px;font-size:11px}
.blbt1:hover .blbt1_booking_photo img{left:-10%;top:-10%;width:140%;height:140%}

/**
 * mypage tour list
 */
.blbt2{padding:15px;margin-bottom:30px;height:28em;border:4px solid #ffffff;background-color:#f9faff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(88, 88, 88, 0.5);
     -moz-box-shadow: 1px 1px 5px 0px rgba(88, 88, 88, 0.5);
          box-shadow: 1px 1px 5px 0px rgba(88, 88, 88, 0.5);
}
.blbt2 div {
  /*display: -webkit-box;*/
  line-height:1.5em;
  font-size: 14px;
  -webkit-box-orient: vertical;
}
.blbt2 .blbt2_booking_status{position:absolute;top:4px;left:20px;z-index:36}
.blbt2 .blbt2_booking_status span{padding:2px 10px}
.blbt2 .blbt2_goods_name{margin-top:1em;margin-bottom:2em;overflow:hidden;-webkit-line-clamp:3;font-weight:bold;color:#10479c}
.blbt2 .blbt2_use_date{overflow:hidden}
.blbt2 .blbt2_user_name{margin-bottom:1em;overflow:hidden}
.blbt2 .blbt2_payment_status{float:left;font-weight:bold}
.blbt2 .blbt2_goods_price{float:right;text-align:right;font-weight:bold}
.blbt2 .blbt2_booking_detail{text-align:center}
.blbt2 .blbt2_booking_date{position:absolute;right:27px;bottom:36px;text-align:right;font-size:11px;color:#a2a2a2}
.blbt2 .blbt2_booking_hide{position:absolute;left:20px;bottom:35px;font-size:11px}
/*
.blbt2 .blbt2_goods_countrycity{text-align:right;font-size:12px;position:absolute;right:39px;top:20px;z-index:35;color:#fff;text-shadow:1px 1px 1px #544b4b}
.blbt2 .blbt2_goods_count{}
.blbt2 .blbt2_booking_rqtranf{}
.blbt2 .blbt2_booking_photo{position:relative;min-height:120px;max-height:200px;overflow:hidden;border:1px solid #ccc;background-color:#000}
.blbt2 .blbt2_booking_photo img{position:absolute;left:-5%;top:-5%;z-index:35;width:120%;height:120%;overflow:hidden}
.blbt2:hover .blbt1_booking_photo img{left:-10%;top:-10%;width:140%;height:140%}
*/






.user_info{margin:0px;padding:0px;list-style:none}
.user_info li{line-height:200%;font-size:14px;list-style:none;padding:10px 0px;border-bottom:1px solid #eee}
.user_info li:last-child{border-bottom:none}

.company_info{margin:0px;padding:0px;list-style:none}
.company_info li{line-height:200%;font-size:14px;list-style:none;padding:10px 0px;border-bottom:1px solid #eee}
.company_info li:last-child{border-bottom:none}

.status_blu{display:inline-block;padding:2px 4px;background-color:#2c7cda;color:#fff}
.status_grn{display:inline-block;padding:2px 4px;background-color:#4cc14e;color:#fff}
.status_red{display:inline-block;padding:2px 4px;background-color:#c75858;color:#fff}
.status_gry{display:inline-block;padding:2px 4px;background-color:#565656;color:#fff}
.status_red2{display:inline-block;padding:2px 4px;background-color:#eaa2a2;color:#fff}

.payment_grn{display:inline-block;color:#30b721}
.payment_red{display:inline-block;color:#f33737}











.cancellation_container{border:1px solid #ECECEC;padding:1em;background-color:#FBFBFB}
.cancellation_container:after{display:block;content:' ';clear:both}
.cancellation_container table{margin:10px auto;border:1px solid #ccc;background-color:#ffffff}
.cancellation_container table td{padding:5px;border:1px solid #ccc;text-align:center}
.cancellation_container ul{}
.cancellation_container ul li{margin-bottom:5px;font-weight:bold}

.pay_btn_container{margin:20px auto;text-align:center}


.bank_account_info{text-align:center}





.content_box_type1 {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border:1px solid #ddd;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
