@import url(https://fonts.googleapis.com/css?family=Bai+Jamjuree&display=swap);body{background-color:#f8f8f8;font-family:Bai Jamjuree,sans-serif}#backgroung{width:410px;height:410px;left:1126px;top:310px}#backgroung,#backgroung2{position:absolute;z-index:-1}#backgroung2{width:200px;height:200px;left:0;top:145px}.navBar[data-v-6ac219fc]{width:100vw;height:5vw;position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25)}.homeBox[data-v-6ac219fc]{width:70%;padding:2%}a[data-v-6ac219fc]:link{text-decoration:none;color:#000}a[data-v-6ac219fc]:hover{text-decoration:underline;color:#3c9ff5}.loginBox[data-v-6ac219fc]{width:30%;right:0;text-align:right;padding:2%}.menuBox[data-v-6ac219fc]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;right:0;text-align:right;padding:2%;margin:auto}.menu[data-v-6ac219fc]{margin-left:10px}#logoutButton[data-v-6ac219fc]:hover{text-decoration:underline;color:#3c9ff5;cursor:pointer}.hotelBox[data-v-3fde42f6]{width:80%;height:20%;margin:auto;margin-top:2%;padding:1%;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25);border-radius:6px;-webkit-transition:width .2s,height .2s;transition:width .2s,height .2s;background-color:#f8f8f8}.hotelBox[data-v-3fde42f6]:hover{-webkit-box-shadow:2px 5px 4px rgba(2,126,234,.25);box-shadow:2px 5px 4px rgba(2,126,234,.25);width:85%;height:25%;background-color:#f8f8f8;cursor:pointer}.hotelListScreen[data-v-0d8c8f28]{position:fixed;top:10vh;left:0;right:0;bottom:0}.filterBox[data-v-0d8c8f28]{margin-top:2.08333333333vw;margin-left:9.375vw}#checkbox[data-v-0d8c8f28]:hover{cursor:pointer}.availableBox[data-v-0d8c8f28]{width:92%;height:5%;padding-top:1%;margin:auto}.loginScreen[data-v-ef6e0ee8]{background-color:#f8f8f8;position:fixed;top:0;right:0;left:0;bottom:0;font-size:14px}.navBar[data-v-ef6e0ee8]{width:100vw;height:5vw;position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25)}.homeBox[data-v-ef6e0ee8]{width:70%;padding:2%}a[data-v-ef6e0ee8]:link{color:#000;font-size:16px}a[data-v-ef6e0ee8]:hover{color:#3c9ff5}.loginBox[data-v-ef6e0ee8]{width:20%;height:50%;margin:auto;margin-top:10%;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25);border-radius:6px;background-color:#f8f8f8}.loginHeader[data-v-ef6e0ee8]{font-size:20px;text-align:center;padding-top:60px}.loginForm[data-v-ef6e0ee8]{margin:auto;padding-top:10%}input[data-v-ef6e0ee8]{width:60%;padding:8px 20px;display:inline-block;border:1px solid #ccc;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:60px;margin-bottom:10px}.loginButton[data-v-ef6e0ee8]{background-color:#3c9ff5;border:none;color:#fff;padding:8px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:6px;margin-left:100px;margin-top:20px}.loginButton[data-v-ef6e0ee8],.loginButton[data-v-ef6e0ee8]:hover{-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25)}.loginButton[data-v-ef6e0ee8]:hover{background-color:#6abaff}.registerButton[data-v-ef6e0ee8]{text-align:center;margin-top:10px}a[data-v-ef6e0ee8]:link{text-decoration:none;color:#3c9ff5}a[data-v-ef6e0ee8]:hover{text-decoration:underline}#backgroung[data-v-ef6e0ee8]{left:1126px;top:310px}.registerScreen[data-v-7d9b22f6]{background-color:#f8f8f8;position:fixed;top:0;right:0;left:0;bottom:0;font-size:14px}.navBar[data-v-7d9b22f6]{width:100vw;height:5vw;position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25)}a[data-v-7d9b22f6]:link{text-decoration:none;color:#000;font-size:16px}a[data-v-7d9b22f6]:hover{text-decoration:underline;color:#3c9ff5}.homeBox[data-v-7d9b22f6]{width:70%;padding:2%}.createAccountBox[data-v-7d9b22f6]{width:20%;height:50%;margin:auto;margin-top:10%;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25);border-radius:6px;background-color:#f8f8f8}.registerHeader[data-v-7d9b22f6]{font-size:20px;text-align:center;padding-top:60px;margin-bottom:25px}input[data-v-7d9b22f6]{width:60%;padding:8px 20px;display:inline-block;border:1px solid #ccc;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:60px;margin-bottom:10px}.registerButton[data-v-7d9b22f6]{background-color:#3c9ff5;border:none;color:#fff;padding:8px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:6px;margin-left:90px;margin-top:20px}.registeButton[data-v-7d9b22f6]:hover,.registerButton[data-v-7d9b22f6]{-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25)}.registeButton[data-v-7d9b22f6]:hover{background-color:#6abaff}#backgroung[data-v-7d9b22f6]{left:1126px;top:310px}.hotelInfoScreen[data-v-9368ec98]{top:5vw;left:0;right:0;bottom:0;position:fixed}.infoTop[data-v-9368ec98]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:auto;width:100%;height:50%}.infoTopLeft[data-v-9368ec98]{width:50%}img[data-v-9368ec98]{width:650px;height:400px;margin:3vw;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25);border-radius:6px}.infoTopRight[data-v-9368ec98]{width:50%;margin:3vw}.nameHeader[data-v-9368ec98]{font-size:25px;font-weight:700;margin-bottom:1vw}.dataText[data-v-9368ec98]{margin-bottom:.5vw}.bookingButton[data-v-9368ec98]{background-color:#3c9ff5;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:6px}.bookingButton[data-v-9368ec98],.bookingButton[data-v-9368ec98]:hover{-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25)}.bookingButton[data-v-9368ec98]:hover{background-color:#6abaff}.infoBottom[data-v-9368ec98]{margin-left:3vw}.bookingScreen[data-v-ec8a4b5c]{top:10vh;left:0;right:0;bottom:0;position:fixed;padding:2%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.bookingBox[data-v-ec8a4b5c]{width:50%;height:100%;margin:auto}.inputBox[data-v-ec8a4b5c],h2[data-v-ec8a4b5c]{margin:3%}input[data-v-ec8a4b5c]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box}.bookingButton[data-v-ec8a4b5c]{background-color:#3c9ff5;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:6px;margin-left:575px}.bookingButton[data-v-ec8a4b5c],.bookingButton[data-v-ec8a4b5c]:hover{-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25)}.bookingButton[data-v-ec8a4b5c]:hover{background-color:#6abaff}.bookingBox[data-v-363f5eb4]{width:80%;height:20%;margin:auto;margin-top:2%;padding:1%;-webkit-box-shadow:2px 5px 4px rgba(0,0,0,.25);box-shadow:2px 5px 4px rgba(0,0,0,.25);border-radius:6px;-webkit-transition:width .2s,height .2s;transition:width .2s,height .2s;background-color:#f8f8f8}.bookingBox[data-v-363f5eb4]:hover{-webkit-box-shadow:2px 5px 4px rgba(2,126,234,.25);box-shadow:2px 5px 4px rgba(2,126,234,.25);width:85%;height:25%}.bookingListScreen[data-v-43e24ccb]{position:fixed;top:10vh;left:0;right:0;bottom:0}.bookingListHeader[data-v-43e24ccb]{font-size:25px;font-weight:700;margin:3vw;margin-left:9vw}