body{
    background-color: #f5f5f5;
}
select,input{ appearance: none; -webkit-appearance: none;-webkit-border-radius: 0;border-radius:0;-webkit-border-radius:0; -moz-border-radius:0;}
select::-ms-expand{ display:none;}
select {border:1px solid #bbb; padding: 0 10px; background: url(/static/kjz_mobile/img/icon/select_arrow.png) no-repeat 98% 50% white; background-size: 12px;}
option{background:#fff;}
input{border-radius: 8px; border: 1px solid lightgray; background-color: white;}

.package_area{}
.package_area .package_zone{ 
    background-color: #ffdd29;
    padding: 12px;
    text-align: center;
    border-radius: 8px;
    margin: 20px 20px 0 20px;
}
.package_area .package_zone span{ color: #222; font-weight: bold;}

.package_area .search_area{ background-color: #f1f1f1; padding: 20px;}
.package_area .search_area .search_item{margin-bottom: 10px;}
.package_area .search_area .search_item select{width: 100%; height: 40px;}
.package_area .search_area .search_btn_area{text-align: center;width:100%; }
.package_area .search_area .search_btn_area .search_detail{width:100%; height: 40px;  background-color: #000; color: #fff; border-radius: 5px; border: 0;}

.package_area .accdion_list_area{padding: 20px;}
.package_area .accdion_list_area .err_msg{padding: 20px 30px; text-align: center; font-size: 20px; font-weight: bold;}
.package_area .accdion_list_area .list_area{}
.package_area .accdion_list_area .list_area .acc_list{    
    background: white;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 16px;
    font-weight: 500;
}
.package_area .accdion_list_area .list_area .acc_list .row{margin: 0; display: flex;}
.package_area .accdion_list_area .list_area .acc_list .row .acc_icon{margin-right: auto; color: #aaa;}
.package_area .accdion_list_area .list_area .acc_list .row .acc_icon.type{margin-right:0;}
.package_area .accdion_list_area .list_area .acc_list .row .acc_item{margin-right: auto; width: 40%; font-weight: bold;}
.package_area .accdion_list_area .list_area .acc_list .row .acc_item.item_price{width: 40%; text-align: right;}
.package_area .accdion_list_area .list_area .item_show{margin-bottom: 20px; border-radius: 8px; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); word-wrap: break-word; word-break: break-all;}
.package_area .accdion_list_area .list_area.on .item_show{display: none;}
.package_area .accdion_list_area .list_area.on .acc_list .row .acc_icon.type .fa-chevron-up{transform:rotate(180deg);}
.package_area .accdion_list_area .list_area .package_btn_area{text-align: center;}
.package_area .accdion_list_area .list_area .package_btn_area .package_btn{background-color:#333; color:white; font-size: 15px; border: 0; border-radius: 8px; padding:14px 24px; margin-bottom: 25px;}


.modal{}
.modal .modal-dialog{}
.modal .modal-dialog .modal-content{}
.modal .modal-dialog .modal-content .modal-header{}
.modal .modal-dialog .modal-content .modal-header .modal-title{text-align: center; font-weight:bold; padding-top:5px;}
.modal .modal-dialog .modal-content .modal-body{padding: 15px 20px;}
.modal .modal-dialog .modal-content .modal-body .info_area{}
.modal .modal-dialog .modal-content .modal-body .info_area .info_item{ margin-bottom: 10px;}
.modal .modal-dialog .modal-content .modal-body .info_area .info_item .row{margin: 0; display: flex; align-items: center;}
.modal .modal-dialog .modal-content .modal-body .info_area .info_item .row .info_text{ width: 25%;}
.modal .modal-dialog .modal-content .modal-body .info_area .info_item .row .info_input{ width: 75%;}
.modal .modal-dialog .modal-content .modal-body .info_area .info_item .row .info_input input{height: 35px; width: 100%; padding: 0 10px; border-radius: 8px; border: 1px solid lightgray; background-color: white;}
.modal .modal-dialog .modal-content .reservation_btn{text-align: center; margin: 20px;}
.modal .modal-dialog .modal-content .reservation_btn .btn_detail{background-color:#ffec05; color:#000; width:100%; height:40px; font-weight:bold; font-size: 16px; border: 0; border-radius: 8px;}


.modal.type .modal-dialog .modal-content .modal-header{border-bottom: 0;}
.modal.type .modal-dialog .modal-content .modal-header .modal-title{font-weight: bold;}
.modal.type .modal-dialog .modal-content .modal-body div{text-align: center;}
.modal.type .modal-dialog .modal-content .modal-footer{border-top: 0; text-align: center}
.modal.type .modal-dialog .modal-content .modal-footer .btn_detail{width: 60%; height: 35px; color: #000; background-color: #ffec05; border: 0; border-radius: 8px;}

p img{max-width:100%!important;}