.announcement{display:flex;height:auto;justify-content:center;width:100%}.announcement .container{max-width:1024px;padding:0 20px;width:100%}.announcement .container .checktext{align-items:center;display:flex;height:100px;width:100%}.announcement .container .checktext input{height:20px;margin-right:5px;width:20px}.announcement .container .infoDes{align-items:center;border:1px solid #d3d3d3;display:flex;height:80px;padding:0 20px}.announcement .container .infoDes svg{background-color:bisque;color:#fb9004;display:flex;height:20px;margin-right:20px;padding:10px;width:20px}.announcement .container .discountInfo{align-items:center;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.145);display:flex;gap:10px;height:160px;margin-top:20px;padding:5px 20px}.announcement .container .discountInfo .left{width:150px}.announcement .container .discountInfo .left img{display:flex;width:120px}.announcement .container .discountInfo .right{display:flex;flex-direction:column;gap:5px}.announcement .container .discountInfo .right button{background-color:var(--primary-color);border:none;border-radius:2px;color:#fff;cursor:not-allowed;padding:10px 5px;width:80px}.GlobalBanner{align-items:center;background-image:url(https://cf.bstatic.com/static/img/genius-banner-world-bg/2b5cdbad7b92073bc396b8b59d0bb421b3a01cba.png);background-position:100%;background-repeat:no-repeat;border:1px solid #d3d3d3;border-radius:5px;display:flex;height:200px;margin-top:20px;padding:5px 20px}.GlobalBanner img{display:flex;width:180px}.GlobalBanner .BannerInfoDes{display:flex;flex-direction:column;gap:20px}.GlobalBanner .BannerInfoDes .Bannerbtn{display:flex;gap:10px}.GlobalBanner .BannerInfoDes .Bannerbtn button{background-color:#fff;border:1px solid #35a47f;border-radius:2px;color:#35a47f;cursor:pointer;padding:8px 15px}.GlobalBanner .BannerInfoDes .Bannerbtn button:hover{background-color:#35a47f1a}.GlobalBanner .BannerInfoDes .Bannerbtn button:last-child{border:none}@keyframes skeleton{to{opacity:.6}}.popularHotelSK{position:relative}.popularHotelSK .imgSK{animation:skeleton 1s ease infinite alternate;background-color:#ececec;height:230px;margin-bottom:2px;width:250px}.popularHotelSK .InfoSK{animation:skeleton 1s ease infinite alternate;display:flex;flex-direction:column;gap:2px}.popularHotelSK .InfoSK .titleSK{height:25px;width:220px}.popularHotelSK .InfoSK .subTitleSK,.popularHotelSK .InfoSK .titleSK{animation:skeleton 1s ease infinite alternate;background-color:#ececec}.popularHotelSK .InfoSK .subTitleSK{height:15px;width:70px}.popularHotelSK .InfoSK .priceSK{animation:skeleton 1s ease infinite alternate;background-color:#ececec;height:20px;width:150px}.popularHotelSK .InfoSK .rateAndCommentSK{height:25px;width:190px}.amountSK,.popularHotelSK .InfoSK .rateAndCommentSK{animation:skeleton 1s ease infinite alternate;background-color:#ececec}.amountSK{height:30px;position:relative;width:150px}.animation{background-color:#d8d8d8}.SearchItemSK,.animation{animation:skeleton 1s ease infinite alternate;border-radius:3px}.SearchItemSK{align-items:center;background-color:#ececec;display:flex;gap:20px;height:240px;margin-bottom:15px;padding:0 20px;width:720px}.SearchItemSK .imgSK{height:210px;width:200px}.SearchItemSK .InfoSK{display:flex;flex-direction:column;gap:8px;height:210px;position:relative;width:480px}.SearchItemSK .InfoSK .titleSK{height:45px;width:300px}.SearchItemSK .InfoSK .subTitleSK{height:30px;width:200px}.SearchItemSK .InfoSK .decSK{height:30px;width:150px}.SearchItemSK .InfoSK .rateAndCommentSK{height:30px;width:190px}.SearchItemSK .InfoSK .priceSK{bottom:0;height:45px;position:absolute;right:0;width:200px}.categories{display:flex;gap:10px}.categories .item img{border-radius:2px;height:150px;object-fit:cover;width:200px}.categories .item .itemInfo{padding:5px 0}.categories .item .itemInfo .title{font-weight:800}.categories .item .itemInfo .desc{color:gray}.CardContainer{display:flex;flex:1 1;padding:5px;position:relative}.CardContainer .imgBg{border-radius:2px;object-fit:cover;width:100%}.CardContainer .itemInfo{color:#fff;left:22px;position:absolute;text-shadow:2px 2px #000;top:12px}.postcards{height:auto;padding:10px 0;width:100%}.postcards .line{display:flex;flex-wrap:wrap;width:100%}.popularHotels{display:flex;gap:15px}.popularHotels .item img{display:flex;height:230px;width:250px}.popularHotels .item .itemInfo .subTitle{color:gray;font-size:12px}.popularHotels .item .itemInfo .price{color:#000;font-weight:500;padding:2px 0}.popularHotels .item .itemInfo .rate{align-items:center;display:flex;gap:5px}.popularHotels .item .itemInfo .rate span{color:#000}.popularHotels .item .itemInfo .rate p{color:gray;font-size:12px}.popularHotels .item .itemInfo .rate button{align-items:center;background-color:var(--primary-color);border:none;border-radius:5px 5px 5px 0;color:#fff;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;width:30px}.feature{display:flex;height:auto;justify-content:center;overflow:hidden;width:100%}.feature .container{max-width:1024px;width:100%}.feature .container .listTitle{padding:15px 10px}.feature .container .listItems{display:flex;overflow-x:scroll;padding:0 10px}.footer{align-items:center;background-color:#d9cdb8;margin-top:50px}.footer,.footer .title{display:flex;flex-direction:column}.footer .title{color:brown;font-size:24px;font-weight:100;margin-top:20px;padding-top:15px;text-align:center}.footer .title span{color:#292929;font-size:16px}.footer .emailcontainer{max-width:1024px;padding:20px 0;width:100%}.footer .emailcontainer .wrapper{align-items:center;display:flex;padding:0 50px}.footer .emailcontainer .wrapper .email{border:none;border-radius:5px;font-size:20px;font-weight:100;height:45px;line-height:28px;margin-right:5px;padding-left:15px;width:calc(65% - 25px)}.footer .emailcontainer .wrapper button{background-color:#003e29;border:none;border-radius:2px;color:#fff;font-size:20px;font-weight:100;height:45px;width:35%}.footer .emailcontainer .checktext{padding:15px 50px}.footer .emailcontainer .checktext input{margin-right:5px}.footer .subcontainer{background-color:#003e29;flex-direction:column;gap:20px;height:200px;width:100%}.footer .subcontainer,.footer .subcontainer button{align-items:center;display:flex;justify-content:center}.footer .subcontainer button{background-color:#0000;border:1px solid #fff;border-radius:2px;color:#fff;height:45px;width:150px}.footer .subcontainer hr{width:100%}.footer .subcontainer ul{color:#d3d3d3;display:flex;gap:20px}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;position:relative;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px 0 #23394236}.rdrDateDisplayItem input{background:#0000;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;background:url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:#0000 #34495e #0000 #0000;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:#0000 #0000 #0000 #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:#0000;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#ffffffd9}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:#ffffff17;border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:2px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:#0000;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.header{background-color:var(--primary-color);display:flex;justify-content:center;padding:0 20px;position:relative}.header .headerContainer{color:#fff;margin:20px 0 100px;max-width:1024px;width:100%}.header .headerContainer .headerTitle{font-size:45px}.header .headerContainer .headerDes{margin-top:10px}.header .headerContainer .headerSearchBar{display:flex}.headerSearchBar{align-items:center;background-color:#df8200;border:none;border-radius:5px;bottom:-30px;display:flex;height:55px;max-width:1024px;position:absolute;width:95%}.headerSearchBar svg{color:#d3d3d3;font-size:24px;margin-left:10px}.headerSearchBar input{border:none;font-size:16px;outline:none;text-overflow:ellipsis;width:100%}.headerSearchBar .SearchBarItem:first-child{width:calc(34% - 20px)}.headerSearchBar .SearchBarItem{align-items:center;background-color:#fff;border-radius:2px;color:#000;cursor:pointer;display:flex;gap:10px;height:50px;margin-left:2px;width:320px}.headerSearchBar .SearchBarItem .calendar{border:1px solid #d3d3d3;box-shadow:0 0 15px #d3d3d3;position:absolute;top:56px}.headerSearchBar .SearchBarItem .SearchText{align-items:center;display:flex;height:100%;width:100%}.headerSearchBar .SearchBarBtn{background-color:var(--primary-color);border:none;border-radius:2px;color:#fff;cursor:pointer;height:50px;margin:0 2px;width:60px}.ConditionsContainer{background-color:#fff;border-radius:5px;box-shadow:0 0 15px #d3d3d3;cursor:default;padding:10px 40px;position:absolute;right:0;top:60px;width:auto}.ConditionsContainer .condition{align-items:center;display:flex;height:60px;justify-content:space-between;width:400px}.ConditionsContainer .condition p{color:gray;font-size:14px}.ConditionsContainer .condition .conditionCounter{align-items:center;display:flex;justify-content:space-between;width:100px}.ConditionsContainer .condition .conditionCounter .conditionCounterButton{background-color:#fff;border:1px solid var(--primary-color);border-radius:2px;color:var(--primary-color);cursor:pointer;height:30px;width:30px}.ConditionsContainer .condition .conditionCounter .conditionCounterButton:hover{background-color:#35a47f1a}.ConditionsContainer .condition .conditionCounter .conditionCounterButton:disabled{cursor:not-allowed}.auth{height:80px!important}.navbar{background-color:var(--primary-color);display:flex;height:160px;justify-content:center;width:100%}.navbar .navbarContainer{color:#fff;height:160px;max-width:1024px;width:90%}.navbar .navbarContainer .lineOne{align-items:center;display:flex;height:50%;justify-content:space-between}.navbar .navbarContainer .lineOne .left{display:flex}.navbar .navbarContainer .lineOne .left .logo{color:inherit;font-size:20px;font-weight:500;text-decoration:none}.navbar .navbarContainer .lineOne .right{align-items:center;display:flex;gap:10px}.navbar .navbarContainer .lineOne .right .navButtonFlag{background-image:url(https://q-xx.bstatic.com/backend_static/common/flags/new/48-squared/tw.png);background-size:cover;border:none;border-radius:50%;height:30px;width:30px}.navbar .navbarContainer .lineOne .right .navButtonFlag:hover{border:1px solid #d3d3d3;cursor:pointer}.navbar .navbarContainer .lineOne .right .navButtonNotif{background-color:#5a7d9a;border:1px solid #fff;color:#fff;font-size:14px;margin-left:10px;padding:8px 16px}.navbar .navbarContainer .lineOne .right .navButtonNotif:hover{background-color:#ffffff24}.navbar .navbarContainer .lineOne .right .navButton{border:none;border-radius:2px;color:#35a47f;cursor:pointer;font-size:14px;padding:8px 16px}.navbar .navbarContainer .lineTwo{align-items:flex-start;display:flex;gap:20px;height:50%}.navbar .navbarContainer .lineTwo .item{align-items:center;border-radius:25px;display:flex;gap:10px;padding:10px 15px;position:relative}.navbar .navbarContainer .lineTwo .item:hover{background-color:#ffffff24}.navbar .navbarContainer .lineTwo .active{background-color:#ffffff24;border:1px solid #fff}.navbar .navbarContainer .lineTwo .nav-tooltip{background:#e74c3c;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-size:13px;left:50%;padding:6px 12px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateY(-50%);white-space:nowrap;z-index:10}.navbar .navbarContainer .lineTwo .nav-tooltip:after{border:6px solid;border-color:#0000 #0000 #e74c3c;content:"";left:50%;position:absolute;top:-6px;transform:translateY(-50%)}.home{display:flex;flex-direction:column;justify-content:center;width:100%}*{font-family:Open Sans,sans-serif;margin:0}:root{--primary-color:#2c3e50}.SearchItem{align-items:center;border:1px solid #add8e6;border-radius:3px;display:flex;gap:15px;height:240px;margin-bottom:15px;padding:0 15px;width:720px}.SearchItem img{border-radius:3px;height:210px;object-fit:cover;width:200px}.SearchItem .itemInfo{height:210px;width:505px}.SearchItem .itemInfo .infoTitle{display:flex;justify-content:space-between}.SearchItem .itemInfo .infoTitle h2{font-size:20px;width:300px}.SearchItem .itemInfo .infoTitle .infoTitleRight{display:flex;gap:5px;text-align:right}.SearchItem .itemInfo .infoTitle .infoTitleRight button{align-items:center;background-color:var(--primary-color);border:none;border-radius:5px 5px 5px 0;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.SearchItem .itemInfo .infoDes .far{border-bottom:1px solid var(--primary-color);color:var(--primary-color);font-size:12px;margin-right:5px}.SearchItem .itemInfo .infoDes .discount{align-items:center;background-color:var(--primary-color);border:none;color:#fff;font-size:10px;font-weight:200;justify-content:center;padding:5px}.infoDetail{align-items:flex-end;display:flex;justify-content:space-between;margin-top:10px}.infoDetail .detailLeft{border-left:3px solid #d3d3d3;font-size:12px;padding:15px 5px}.infoDetail .detailLeft .detailDes{color:green;margin-top:10px}.infoDetail .detailLeft .detailDes b:last-child{color:red}.infoDetail .detailRight{font-size:12px}.infoDetail .detailRight .btn{background-color:#ff8e04;border:none;border-radius:1px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;padding:5px 10px;width:200px}.infoDetail .detailRight .btn:hover{background-color:#ce7201}.infoDetail .detailRight .btn:disabled{cursor:not-allowed}.infoDetail .detailRight span{display:flex;justify-content:flex-end;text-align:end}.infoDetail .detailRight .price{font-size:20px;font-weight:500}.infoDetail .detailRight .tax{color:gray}.active{background-color:#35a47f33;box-shadow:0 0 15px var(--primary-color)}.listContainer{display:flex;justify-content:center;margin-top:30px}.listContainer .listWrapper{display:flex;gap:20px;max-width:1024px;width:100%}.listSearch{background-color:#ffc489;border-radius:2px;height:-webkit-max-content;height:max-content;padding:5px;position:-webkit-sticky;position:sticky;top:10px}.listSearch .searchTitle{background-color:rgba(253,137,21,.776);border-radius:1px;color:#000;font-size:20px;padding:10px}.listItem{color:#000000b3;display:flex;flex-direction:column;font-size:12px;margin-top:20px;width:250px}.listItem .searchInput{border:none;border-radius:1px;padding:10px 5px}.listItem .dates{background-color:#fff;border:none;border-radius:2px}.listItem .searchbtn{background-color:#2c3e50;border:none;color:#fff;cursor:pointer;font-size:20px;padding:10px}.listItem .searchbtn:hover{background-color:#0f825c}.listItemLimitPrice{display:flex;flex-direction:column;margin-bottom:10px}.listItemLimitPrice .searchInput{border:1px solid gray}.listItmConditions{background-color:#fff;display:flex;padding:10px 5px}.resultTitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.resultTitle .map{background-color:#000;background-image:url(https://cf.bstatic.com/psb/capla/static/media/map-entry-point.6b01012a.png);border-radius:2px;padding:20px 25px}.resultTitle .map button{background-color:var(--primary-color);border:none;color:#fff;padding:8px 15px}.HotelContainer{display:flex;justify-content:center;padding:20px}.HotelContainer .HotelWrapper{display:flex;flex-direction:column;gap:10px;max-width:1024px;width:100%}.HotelHeaderBtn{display:flex;gap:3px}.HotelHeaderBtn button{background-color:#d9cdb8;border:none;border-radius:2px;color:#2c3e50;font-size:16px;padding:10px 20px}.HotelHeaderBtn button:hover{color:#000}.hotelTitle{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.hotelTitle svg{color:#f65050}.hotelTitle .titleLeft span{margin-right:5px;vertical-align:middle}.hotelTitle .titleLeft .type{background-color:#00d8ff;border-radius:2px;color:#fff;padding:2px}.hotelTitle .titleLeft .hotelName{font-size:20px;font-weight:600}.hotelTitle .titleLeft .recommend{background-color:#cbe5d8;border-radius:15px;font-size:12px;padding:5px 10px 5px 0;vertical-align:bottom}.hotelTitle .titleLeft .recommend svg{background-color:#fff;border:1px solid #000;border-radius:50%;color:var(--primary-color);height:15px;padding:2px;width:15px}.hotelTitle .titleLeft .address{font-size:16px}.hotelTitle .titleLeft .address a{color:#5381fe;font-size:12px}.hotelTitle .titleRight{align-items:flex-end;display:flex;flex-direction:column}.hotelTitle .titleRight button{background-color:var(--primary-color);border:none;border-radius:2px;color:#fff;font-size:16px;padding:5px 20px}.hotelTitle .titleRight button:hover{color:#fdc97a}.hotelDes{display:flex;font-size:12px;gap:20px;margin-top:10px}.hotelDes .hotelDesText{line-height:2.5}.hotelDes .hotelDesPrice{background-color:#fff9c4;display:flex;flex-direction:column;gap:15px;height:-webkit-min-content;height:min-content;line-height:1.5;padding:10px}.hotelDes .hotelDesPrice button{background-color:#2c3e50;border:none;border-radius:2px;color:#fff;font-size:20px;padding:5px 10px;width:200px}.hotelDes .hotelDesPrice button:hover{color:#fdc97a}.popupcomment{height:300px;left:0;padding:10px;position:absolute;top:0;width:300px;z-index:2}.popupcomment .commentInfo{align-items:center;background-color:#fff;border-radius:2px;display:none;gap:5px;height:60px;justify-content:flex-start;opacity:0;width:250px}.popupcomment .commentInfo .commentRate{align-items:center;background-color:var(--primary-color);border:none;border-radius:5px 5px 5px 0;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;margin-left:5px;width:40px}.hotelImgWrapper{position:relative}.hotelImgWrapper .hotelImg{grid-gap:3px;display:grid;gap:3px;grid-template-columns:1fr 1fr 1fr}.hotelImgWrapper .hotelImg .Imgwrap:first-child{grid-column:1/3;grid-row:1/3}.hotelImgWrapper .hotelImg .Imgwrap{border-radius:2px;position:relative}.hotelImgWrapper .hotelImg .Imgwrap img{cursor:pointer;height:100%;object-fit:cover;width:100%}.hotelImgWrapper .hotelImg .more{align-items:center;background-color:#00000080;color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;position:absolute;width:100%}.textIcon{align-items:center;display:flex;font-size:16px;gap:10px}.textIcon svg{color:green}.textIcon .wifi{font-size:14px}.slider{align-items:center;background-color:rgba(0,0,0,.613);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.slider .sliderWrapper{background-color:#fff;border-radius:2px;height:80%;width:90%}.wrapperTitle{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;height:10%;justify-content:space-between;width:100%}.wrapperTitle .TitleName{font-size:20px;margin:0 20px}.wrapperTitle .CloseSign{align-items:center;cursor:pointer;display:flex;gap:10px;margin:0 20px}.wrapperTitle .CloseSign svg{font-size:30px}.wrapperTitle .CloseSign:hover{color:var(--primary-color)}.wrapperBody{align-items:center;display:flex;height:90%;justify-content:center}.wrapperBody img{border-radius:5px;height:500px;-webkit-user-select:none;user-select:none;width:600px}.wrapperBody .arrow{color:gray;cursor:pointer;font-size:40px;margin:0 20px}.wrapperBody .arrow:hover{color:var(--primary-color)}.Reservation{background-color:rgba(0,0,0,.576);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.Reservation .container{align-items:center;display:flex;height:100vh;justify-content:center}.Reservation .container .wrapper{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;margin:20px;padding:20px;width:100%}.Reservation .container .wrapper .title{border-bottom:1px solid #d3d3d3;display:grid;grid-template-columns:3fr 1.2fr .1fr;width:100%}.Reservation .container .wrapper .title svg{font-size:25px}.Reservation .container .wrapper .body .roomTitle{align-items:center;background-color:#d9cdb8;border-radius:2px;color:#fff;display:grid;grid-template-columns:1fr .5fr .5fr 1fr 1fr .3fr;justify-content:space-around;margin:10px 0;padding:5px 2px;text-align:center}.Reservation .container .wrapper .body .roomTitle>div:first-child{border-left:none}.Reservation .container .wrapper .body .roomTitle>div{border-left:1px solid #fff}.Reservation .container .wrapper .body .roomData{grid-gap:2px;display:grid;gap:2px;grid-template-columns:4fr .3fr;min-height:200px}.Reservation .container .wrapper .body .roomData .roomColumn .roomInfo{border-bottom:1px solid #d3d3d3;display:grid;grid-template-columns:1fr .5fr .5fr 1fr 1fr;padding:5px 0}.Reservation .container .wrapper .body .roomData .roomColumn .roomInfo:last-child{border-bottom:none}.Reservation .container .wrapper .body .roomData .roomColumn .roomInfo>div{align-items:center;border-left:1px solid #d3d3d3;display:flex;flex-direction:column;justify-content:center;min-height:50px}.Reservation .container .wrapper .body .roomData .roomColumn .roomInfo>div input{margin-right:5px}.Reservation .container .wrapper .body .roomData .roomColumn .roomInfo>div:first-child{border-left:none}.Reservation .container .wrapper .body .roomData .reservationbtn{align-items:center;background-color:#fff;border:1px solid #35a47f;border-radius:2px;color:#35a47f;cursor:pointer;display:flex;justify-content:center}.Reservation .container .wrapper .body .roomData .reservationbtn:hover{background-color:#35a47f1a}.Reservation .container .wrapper .body .roomData .reservationbtn:disabled{cursor:not-allowed}.login .container{display:flex;height:auto;justify-content:center;width:100%}.login .container .wrapper{margin-top:20vh}.login .container .wrapper .form{display:flex;flex-direction:column;gap:10px;justify-content:center}.login .container .wrapper .form input{padding:10px;width:300px}.login .container .wrapper .form button{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:2px;color:#fff;cursor:pointer;height:30px}.login .container .wrapper .form button:hover{background-color:#35a47f1a;color:var(--primary-color)}.register .container{display:flex;height:auto;justify-content:center;width:100%}.register .container .wrapper{margin-top:20vh}.register .container .wrapper .form{display:flex;flex-direction:column;gap:10px;justify-content:center}.register .container .wrapper .form input{padding:10px;width:300px}.register .container .wrapper .form button{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:2px;color:#fff;cursor:pointer;height:30px}.register .container .wrapper .form button:hover{background-color:#35a47f1a;color:var(--primary-color)}
/*# sourceMappingURL=main.00b9e0e5.css.map*/