.title-contact{border-top:5px solid #45cec1; border-bottom: 3px solid #CCC; padding: 10px 0;}
.title-contact h2{font-size: 20px;font-weight: bold;}
.title-contact h2 span{display: inline-block;background: #ff8400;color: #FFF;padding:3px 8px;font-weight: normal;margin: 0 0 0 15px;font-size: 14px;}

.form-container{max-width: 980px; margin: 0 auto; padding: 20px 0;}
.textbox{display:flex;flex-wrap: wrap;align-items: end;margin: 0 0 20px;}
.textbox div,.textbox strong{display: inline-block;}
.textbox div input{border:3px solid #CCC; padding: 5px}
.textbox strong{font-size: 17px;width: 94px;}
.style-select {border:3px solid #CCC; padding: 5px;}

#input_date1,#input_date2{ width:120px; margin:0 10px 0 0;}

.textarea-box textarea{width: 100%; box-sizing: border-box; border:3px solid #CCC; padding: 5px; height: 120px; font-size: 16px; color: #666;}
.textarea-box strong{font-size: 18px; color: #666; padding: 0 0 5px; display: block;}
.textarea-box strong span{display:block; color:#000;}

.button-submit{text-align:center; padding: 20px 0;}
.button-submit button{border-radius: 30px; padding: 10px 0; width: 200px; background: #45cec1; color: #FFF; font-size: 22px; font-weight: bold; border:0;}

.check-list{margin:0 0 20px; font-size: 0;}
.check-list div{width: 50%; display: inline-block; font-size:18px; margin: 0 0 10px;}
.check-list input[type=checkbox] {display:none;}
.check-list input[type=checkbox] + label{cursor: pointer;}
.check-list input[type=checkbox] + label span{display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 3px solid #CCC; border-radius: 5px;}
.check-list input[type=checkbox] + label figure{opacity: 0; display:inline-block; position: relative; margin-left: -35px;}
.check-list input[type=checkbox]:checked + label figure{opacity: 1;}

.edit_errors{
    max-width: 960px;
    margin: 19px auto;
    border: 5px solid #CCC;
    /* border-radius: 10px; */
    padding: 10px;
    /* background: #f3f3f3; */
    color: #666;
    font-size: 15px;
    }



    .ui-state-active{background: #4DB2B6;}
    .ui-datepicker{display:none;width: 565px;font-family: 'Monda', sans-serif;text-align: center;background: #ffffff;margin: 0 0 10px 0;border: 5px solid #45cec1;box-shadow: 5px 5px 0px rgb(33 37 41 / 44%);padding: 15px;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;}
    .ui-datepicker a{color: #000;}
    .ui-state-default{color: #898989;}
    .ui-datepicker-calendar{width: 100%;font-size: 18px;}
    .ui-datepicker-group{margin: 0 0 10px 0;background: #48C2C2;}
    .ui-datepicker-header {color: #2e2e2e;padding: 0 10px 10px;text-transform: uppercase;letter-spacing: 3px;font-size: 18px;border-bottom: 3px solid #45cec1;border-image-slice: 1;}
    
    .ui-datepicker-calendar thead th{color: #2e2e2e; padding:10px;}
    .ui-datepicker-calendar thead th:first-child {color: #d50c74;}
    .ui-datepicker-calendar thead th:last-child {color: #0073b5;}
    
    .ui-datepicker-calendar th,.ui-datepicker-calendar td{font-size: 18px;color: #dadada;text-align: center;}
    .ui-datepicker-calendar td span{display: block;padding: 5px;}
    .ui-datepicker-calendar td a{color: #2e2e2e;display: block;padding: 5px;}
    .ui-datepicker-calendar td:first-child a {color: #d50c74;}
    .ui-datepicker-calendar td:last-child a {color: #0073b5;}
    
    .ui-datepicker-title{/* clear: both; *//* font-size: 18px; */}
    .ui-datepicker-prev{float: left;}
    .ui-datepicker-next{float: right;}
    



@media(max-width:980px){
.form-container{padding: 20px;}
}
@media(max-width:780px){
.check-list div{width: 100%;}
.textbox strong{width: 25%;}
.textbox div{width: 75%;}
.textbox div input{width: 100%; box-sizing: border-box;}
}

/* 
.tel-orange { display: none}
.tel-orange img { width: 100px;}
.floating_banner  {
    display: none
}
.tel-yellow { position: fixed; right: 0px; bottom: 0; z-index: 9;}
.tel-yellow img { width: 100px;}
.back-to-top a{ display: block; z-index: 9; position: fixed; right: 100px; bottom: 0;}
.tel-orange {  display: none}
@media(max-width:768px){
    .floating_banner  {
        display: none;
    }
    .tel-yellow { position: fixed; right: 0px; bottom: 0; z-index: 9;}
    .tel-yellow img { width: 100px;}
    .tel-orange { position: fixed; right: 0; bottom: 0; z-index: 9; display: none}
    .tel-orange img { width: 100px;}
    .back-to-top a{ display: block; z-index: 9; position: fixed; right: 100px; bottom: 0;}
} */