/* Biểu mẫu Booking Enquiry: dáng như bản cũ (nhãn trái 35%, ô nhập phải 65%) */
#form{width:100%;border-top:0;padding:10px 0;margin:0}
#form .dd-form-wrap{width:80%;margin:0 auto}
#form .dd-form-intro p,#form .dd-form-note{width:100%;margin:0;padding:0 0 15px;font:400 italic 13px/20px OpenSans;color:#222}
#form .dd-form-ok,#form .dd-form-err,#form .dd-notice{margin:0 0 15px;padding:12px 15px;border:1px solid #3b8a33;background:#eef8ec;color:#1f5a19;font:400 14px/20px OpenSans}
#form .dd-form-err{border-color:#c00;background:#fdeeee;color:#900}
#form fieldset{display:grid;grid-template-columns:35% 150px 150px minmax(0,1fr);border:0;margin:0;padding:0 0 10px;min-width:0}
#form legend{padding:0 0 10px;font:400 14px/20px OpenSansSemibold;text-transform:uppercase;color:#222;float:left;width:100%}
#form legend+*{clear:both}
#form .dd-f{display:contents;margin:0}
#form .dd-f label{grid-column:1;padding:9px 0;font:400 14px/16px OpenSans;color:#222;align-self:start}
#form .dd-f label span{color:#f00}
#form .dd-f input,#form .dd-f select,#form .dd-f textarea{grid-column:2/-1;width:100%;box-sizing:border-box;border-radius:3px;border:1px solid;border-color:#e6e6e6 #e6e6e6 #d2d2d2;outline:0;margin:3px 0;padding:5px 10px;background-color:#fff;font:400 14px/20px Arial;color:#444;transition:all 150ms linear 10ms;min-width:0}
#form .dd-f select{-webkit-appearance:none;appearance:none;background:#fff url(../img/down-green.webp) no-repeat right}
#form .dd-f input:hover,#form .dd-f select:hover,#form .dd-f textarea:hover{box-shadow:#06f 0 0 5px 0}
#form .dd-f input:focus-visible,#form .dd-f select:focus-visible,#form .dd-f textarea:focus-visible{outline:2px solid #06f}
#form .dd-f-departure input,#form .dd-f-adult input{width:150px}
#form .dd-f-room_type select{grid-column:2;width:150px}
#form .dd-f-room_num input,#form .dd-f-child_u4 input{grid-column:3;width:150px;margin-left:18px}
#form .dd-f-child_4_12 input{grid-column:2;width:150px}
#form .dd-f-child_4_12 input+*{}
#form .dd-f-airport{display:block;grid-column:2/-1;padding:9px 0 3px;font:400 14px/20px OpenSans}
#form .dd-f-airport input{display:inline-block;width:auto;margin:0 6px 0 0;vertical-align:middle;grid-column:auto}
#form .dd-f-airport label{display:inline;padding:0;font:400 14px/20px OpenSans}
#form .dd-f-request textarea{height:212px}
#form .dd-f-submit{display:block;padding-left:35%}
#form .dd-btn,#form button[type=submit]{display:inline-block;background:#f7d500;border-radius:3px;border:0;border-bottom:3px solid #cdb100;margin:10px 0 0;padding:6px 35px;font:400 14px/22px OpenSansSemibold;color:#1a2e3c;text-transform:uppercase;cursor:pointer;transition:all 150ms linear 10ms}
#form .dd-btn:hover,#form button[type=submit]:hover{background:#e9c900}
#form .dd-btn:focus-visible{outline:2px solid #06f;outline-offset:2px}
@media screen and (max-width:768px){
#form .dd-form-wrap{width:100%}
}
@media screen and (max-width:600px){
#form .dd-f-submit{padding-left:0}
#form fieldset{display:block}
#form .dd-f{display:block}
#form .dd-f label{display:block;padding:9px 0 3px}
#form .dd-f input,#form .dd-f select,#form .dd-f textarea{display:block;margin:3px 0}
#form .dd-f-room_num input,#form .dd-f-child_u4 input{margin-left:0}
#form .dd-f-airport input{display:inline-block}
}
#form .req{color:#f00}
#form .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
