@charset "utf-8";
@media screen and (max-width: 900px) {
.page_title.with_border{
    position: fixed;
    top: 13px;
}
#temp_wrap_main{
/*    padding-top: 95px; */
}
/* ==================================================
Address Summary
================================================== */
.address_summary{
    margin: 15px;
    padding: 10px 10px 15px;
}
.address_summary .name{
    padding: 0 0 12px;
}
.address_summary .name h3{
    font-size: 100%;
}
.address_summary .name span{
    font-size: 85.7%;
    padding: 3px 0 0px 16px;
    margin: 0 0 0 10px;
}
.address_summary .address{
    font-size: 85.7%;
    padding-bottom: 10px;
}
.address_summary .cnt{
    float: none;
}
.address_summary .btn{
/*    float: none;*/
    margin: 0 auto;
    width: 200px;
    height: 35px;
    padding: 7px 0 0;
}
.address_summary .address span{
    margin-left: 0;
    display: block;
}
/* ==================================================
Reservation Icon Explanation
================================================== */
.reservation_icon_explanation{
    position: relative;
    padding: 0;
    margin: 0 0 8px;
}
.reservation_icon_explanation .title{
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    padding: 6px 30px 5px 15px;
    font-size: 100%;
    color: #515151;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}
.reservation_icon_explanation .title:before{
    content: '';
    width: 13px;
    height: 11px;
    background: url('/shared/images/icon/triangle_icon.png') 0 0 no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    position: absolute;
    right: 16px;
    top: 12px;
}
.reservation_icon_explanation .active.title:before{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.reservation_icon_explanation p{
    font-size: 85.7%;
    padding: 8px 15px 0;
    font-weight: 400;
}
.reservation_icon_explanation .icon{
    font-size: 116.7%;
}
.reservation_icon_explanation .cnt{
    border-bottom: 1px solid #cccccc;   
    padding-bottom: 11px;
}
.reservation_icon_explanation .beforeBr::before{
  content: "\A" ;
  white-space: pre-wrap;
}

/* ==================================================
Reservation Table
================================================== */
.reservation_table{
    padding: 0 15px;
}
.reservation_table .rt_header .title h2{
    font-size: 100%;
    color: #515151;
    margin-bottom: 5px;
}
.reservation_table .rt_header .btn_booking{
    display: none;
}
.reservation_table .rt_header .btn_calendar{
    width: 90px;
    height: 30px;
    padding: 3px  0 0;
    font-size: 85.7%;
}
.reservation_table .rt_header .btn_calendar:before{
    margin-right: 4px;
}
.reservation_table .rt_header .pagination{
    right: 0;
    left: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    bottom: 3px;
}
.reservation_table .rt_header .pagination a{
    font-size: 85.7%;
}
.reservation_table .rt_header .pagination .split{
    height: 11px;
    margin: 0 14px;
}
.reservation_table .rt_header .pagination .btn_prev:before{
    margin-right: 12px;
}
.reservation_table .rt_header .pagination .btn_next:after{
    margin-left: 12px;
}
.reservation_table table{
    font-size: 85.7%;
}
.reservation_table table tbody span{
    display: none;
}
.reservation_table table thead th.bg_gray{
    text-align: left;
    font-size: 100%;
}
.reservation_table table thead th{
    text-align: center;
    padding: 6px 3px 3px;
    font-size: 85.7%;
}
.reservation_table table tbody td{
    width: 12.5%;
    font-size: 100%;
    line-height: 1.2;
    padding: 5px;
}
.reservation_table table tbody th{
    padding: 6px 3px 4px;
    width: 12.5%;
    white-space: unset;
    font-size: 85.7%;
    line-height: 1.2;
    height: 36px;
}
.reservation_table table tbody small{
    white-space: nowrap;
}
.reservation_table table thead strong{
    font-size: 100%;
}
.reservation_table .btn_booking{
    width: 200px;
    height: 35px;
    padding: 0;
    line-height: 1.3;
}
.reservation_table .rt_footer{
    /* padding: 30px 0; */
    /* margin: 0 0 12px; */
    background: none;
    border: none;
}
.reservation_table .btn_booking{
    padding: 7px 0 0;
}
/* ==================================================
Login page
================================================== */
.region_login{
    padding: 0 15px 45px 15px;
    width: 100%;
}
.region_login .para_notification{
    margin: 25px 0 20px;
    font-size: 100%;
}
.region_login .form_login{
    padding-right: 0;
}
.form_login .btn_signup{
    margin-right: 0;
}
.region_login .btn_login,
.region_login .btn_signup{
    padding: 8px 10px 7px;
    margin-left: 0;
    display: block;
    width: 100%;
}
.region_login .para_notification{
    text-align: center;
}
.region_login .btn_login:before,
.region_login .btn_signup:before{
    display: inline-block;
}
.user_registration .action_login{
    float: none;
    width: 100%;
}
.form_login .btn_login{
    margin-top: 30px;
}
.row_group{
    margin-bottom: 14px;
}
.region_login .action_login{
    margin-bottom: 7px;
    padding: 0 33px;
    font-size: 85.7%;
}
.form_login .control_label{
    padding: 8px 5px 0 0;
    font-size: 121.4%;
    width: 110px;
}
.form_login .input_field{
    margin-left: 110px;
}
.form_login .para_forgot{
    margin-left: 0;
    text-align: center;
}
.user_registration{
    margin-top: 20px;
    text-align: center;
}
.user_registration .btn_signup{
    float: none;
}
.user_registration p{
    padding: 10px 17px 0;
    font-size: 85.7%;
    text-align: left;
}
}