@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@900&display=swap);.home{box-sizing:border-box;height:80vh}.ma-table-item{width:100%}@media only screen and (min-width:640px){.ma-table-item{width:200px}}.housekeeping-grid{position:relative;width:100%}.housekeeping-grid .hk-bottom{box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;padding:0;position:relative;width:100%}.housekeeping-grid .hk-bottom ::-webkit-scrollbar{display:block;height:20px;width:800px}.housekeeping-grid .hk-bottom ::-webkit-scrollbar-thumb{background-clip:padding-box;border:6px solid transparent;border-radius:10px;display:block;width:100px}.housekeeping-grid .hk-bottom table{border-bottom:1px solid #000;border-spacing:0;border-top:1px solid #000;box-sizing:border-box}.housekeeping-grid .hk-bottom tr{border:none}.housekeeping-grid .hk-bottom td{background-color:#fff;border:1px solid #000;height:100%;min-width:200px;position:relative;text-align:center;vertical-align:top}.housekeeping-grid .hk-bottom .headcol{background-color:#add8e6;border-left:2px solid #000;font-weight:700;left:0;min-width:100px;position:-webkit-sticky;position:sticky;text-align:center;z-index:999}.housekeeping-grid .hk-bottom td:nth-child(2n){background-color:#d3d3d3}.housekeeping-grid .hk-bottom .inner-table{border:none;border-collapse:collapse;width:100%}.housekeeping-grid .hk-bottom .inner-table td{background-color:transparent;border-left:none;border-right:none;border-top:none}.housekeeping-grid .hk-bottom .inner-table tr:last-child td{background-color:transparent;border:none}.housekeeping-grid .hk-bottom .button-container{align-items:stretch;display:flex;gap:10px;height:100%;position:absolute;width:100%}.housekeeping-grid .hk-bottom .button-container .button-checkin,.housekeeping-grid .hk-bottom .button-container .button-checkout,.housekeeping-grid .hk-bottom .button-container .button-onservice{height:50%;position:absolute;top:25%;z-index:998}.housekeeping-grid .hk-bottom .button-container .button-checkin:hover,.housekeeping-grid .hk-bottom .button-container .button-checkout:hover,.housekeeping-grid .hk-bottom .button-container .button-onservice:hover{cursor:pointer}.housekeeping-grid .hk-bottom .button-container .button-checkout{border-radius:10px;left:-10px;width:30%}.housekeeping-grid .hk-bottom .button-container .button-checkin{border-radius:10px;right:-10px;width:60%}.housekeeping-grid .hk-bottom .button-container .button-onservice{width:100%}.cake-container{align-items:center;background-color:#00008b;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:10px;width:100vw}.cake-container .firework{-webkit-animation:come 1s ease-in;animation:come 1s ease-in;background-clip:padding-box;background-image:url(https://usagif.com/wp-content/uploads/gify/fireworks-6-usagif.gif);background-size:130%;box-shadow:inset 0 0 30px 20px #00008b;height:300px;mix-blend-mode:lighten;position:absolute;top:0;width:100%}@-webkit-keyframes come{0%{opacity:0}to{opacity:1}}@keyframes come{0%{opacity:0}to{opacity:1}}.cake-container .cake{background-image:url(https://i.gifer.com/embedded/download/3SZU.gif);background-size:contain;border-radius:10px;box-shadow:0 0 10px #888;height:100px;margin:0 auto;position:relative;width:200px}.cake-container .candles{display:flex;height:50px;justify-content:space-around;left:50%;position:absolute;top:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}.cake-container .candle{background:linear-gradient(45deg,#ff3232,#c80a0a 10%,#ff3232 20%,#c80a0a 30%,#ff3232 40%,#c80a0a 50%,#ff3232 60%,#c80a0a 70%,#ff3232 80%,#c80a0a 90%);height:50px;position:relative;width:10px}.cake-container .candle .candle-lit{background-color:#ff0;border-radius:0 50% 0 5px;height:20px;position:absolute;top:-20px;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:100%}.cake-container .candle .candle-lit:hover{cursor:pointer}.cake-container .flicker{-webkit-animation:flicker .2s infinite alternate;animation:flicker .2s infinite alternate}.cake-container .blowed{opacity:0}@-webkit-keyframes flicker{0%{opacity:1;-webkit-transform:rotateY(50deg);transform:rotateY(50deg)}to{opacity:.7;-webkit-transform:rotateY(10deg);transform:rotateY(10deg)}}@keyframes flicker{0%{opacity:1;-webkit-transform:rotateY(50deg);transform:rotateY(50deg)}to{opacity:.7;-webkit-transform:rotateY(10deg);transform:rotateY(10deg)}}.cake-container .frosting{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #888;height:20px;left:calc(50% - 110px);position:absolute;top:90px;width:220px}.cake-container .base{background:linear-gradient(100deg,#fff,#969696 50%,#fff 80%,#646464);border-radius:0 0 10px 10px;box-shadow:0 2px 5px #888;height:10px;left:calc(50% - 120px);position:absolute;top:100px;width:240px}.cake-container .message{-webkit-animation:appear 3s ease-in-out forwards;animation:appear 3s ease-in-out forwards;color:#ff66a3;font-family:Noto Sans TC,sans-serif;font-size:20px;opacity:0;position:absolute;text-align:center;top:140px;width:100%}@-webkit-keyframes appear{to{opacity:1}}@keyframes appear{to{opacity:1}}
/*# sourceMappingURL=main.8daaa78f.css.map*/