[v-cloak]{display:none;}
html{font-size: 14px;}
::placeholder {color: #ccc !important;opacity: 1; font-style: italic;}
@font-face {font-family: "hkytw5";src: url("/static/font/hkytw5.woff2") format("woff2"),url("/static/font/hkytw5.woff") format("woff");font-weight: normal;font-style: normal;}
body{font-family: 'hkytw5',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";overscroll-behavior-x: none;}
.no-focus:focus {box-shadow: none;outline: 0;}
.min-vh-100-dvh { min-height: 100vh;min-height: 100dvh;}
.span-txt{display: inline-block; text-align: left;}
.container{max-width: 70rem !important;}
.offcanvas-height-fit {height: fit-content !important;}
.fade-enter-from, .fade-leave-to {opacity: 0;}
.fade-enter-active, .fade-leave-active {transition: all 0.5s ease;}
.fade-enter-to, .fade-leave-from {opacity: 1;}
.error-container {overflow: hidden;transition: height 0.3s ease, margin 0.3s ease;height: 0; margin: 0; }
.list-move,.list-enter-active {transition: all 0.5s;}
.list-leave-active {transition: all 0.3s;}
.list-enter-from {opacity: 0;transform: translate(-30px, 0);}
.list-leave-to {opacity: 0;transform: scaleY(0.01) translate(-30px, 0);}
.list-leave-active {position: absolute;}
.list-container {position: relative;padding: 0;list-style-type: none;width: 100%;}
 .overlay {position: fixed;top: 0;left: 0;width: 100%;height: 150%;background-color: rgba(0, 0, 0, 0.75);z-index: 9999;}
 .bg-gold{background-color: #fff8e8;}
 .text-gold{color:#b87b35}