@font-face{font-family:ChiayiCityFont;font-style:normal;font-weight:400;src:url(./ChiayiCity.BTOWOJF1.ttf) format("truetype")}::-moz-selection{background-color:#0f0f0f;color:#858585}::selection{background-color:#0f0f0f;color:#858585}.flexible-appointment{align-items:center;display:flex;flex-direction:column;gap:3.2rem;height:auto;position:relative;width:100%}@media (max-width:1099.98px){.flexible-appointment{align-items:flex-start;gap:2.4rem;overflow:hidden}}.flexible-appointment__period{display:flex;flex-direction:column;gap:2.4rem;height:auto;opacity:0;padding-bottom:0;position:relative;transform:translateY(3rem);transition:opacity .8s ease,transform .8s ease;width:100%}.flexible-appointment__period.is-inview{opacity:1;transform:translateY(0)}.flexible-appointment__period-item{display:flex;flex:1;flex-direction:column;gap:1.2rem}@media (max-width:1099.98px){.flexible-appointment__period-item{gap:1.6rem}}.flexible-appointment__period-item>h3{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:2rem;font-weight:900;line-height:1.6}@media (max-width:1099.98px){.flexible-appointment__period-item>h3{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:900;line-height:1.6}}.flexible-appointment__period-item>ul{display:flex;flex-direction:column;gap:1.2rem}@media (max-width:1099.98px){.flexible-appointment__period-item>ul{gap:1.6rem}}.flexible-appointment__period-item>ul>li{display:flex;gap:1.2rem}@media (max-width:1099.98px){.flexible-appointment__period-item>ul>li{gap:2.4rem}}.flexible-appointment__period-item>ul>li>h4{color:#51c4d3;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:900;line-height:1.6}.flexible-appointment__period-item>ul>li>div{display:flex;gap:1.2rem}@media (max-width:1099.98px){.flexible-appointment__period-item>ul>li>div{flex-direction:column;gap:.8rem}}.flexible-appointment__period-item>ul>li>div>p{align-items:center;display:flex;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:400;gap:1.2rem;line-height:1.6}.flexible-appointment__period-item>ul>li>div>p:last-child:not(:first-child):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%2351C4D3' d='M4.825 9.938A33 33 0 0 1 .062 5.175q-.145-.195.05-.388 2.38-2.77 4.712-4.714.195-.146.388 0a29.5 29.5 0 0 1 4.714 4.714q.146.195 0 .388Q7.983 7.556 5.213 9.89q-.195.195-.388.049Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";display:block;height:1rem;width:1rem}@media (max-width:1099.98px){.flexible-appointment__period-item>ul>li>div>p:last-child:not(:first-child):before{display:none}}.flexible-appointment__table{background-color:#fff;border-collapse:collapse;border-radius:.8rem;box-shadow:0 0 12px 6px #d6ccc733;height:auto;opacity:0;overflow:hidden;position:relative;transform:translateY(3rem);transition:opacity .8s ease,transform .8s ease;width:100%;z-index:1}.flexible-appointment__table.is-inview{opacity:1;transform:translateY(0)}@media (max-width:1099.98px){.flexible-appointment__table{overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.flexible-appointment__table::-webkit-scrollbar{display:none}}.flexible-appointment__table-hint{display:none}@media (max-width:1099.98px){.flexible-appointment__table-hint{align-items:center;background-color:#363636cc;border-radius:10rem;color:#fff;display:flex;gap:1rem;justify-content:center;left:50%;padding:3.2rem 4.8rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.flexible-appointment__table-hint>svg{flex:0 0 auto;height:3.2rem;width:3.2rem}.flexible-appointment__table-hint>p{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.6;word-break:keep-all}}.flexible-appointment__table>table{height:auto;width:100%}.flexible-appointment__table td,.flexible-appointment__table th{border:1px solid rgba(66,66,66,.2);padding:1rem;text-align:center;vertical-align:middle}@media (max-width:1099.98px){.flexible-appointment__table td,.flexible-appointment__table th{word-break:keep-all}}.flexible-appointment__table thead{background-color:#51c4d3;height:8.3rem;width:auto}.flexible-appointment__table thead th{color:#fff;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:400;font-weight:500;height:5rem;line-height:1.6;vertical-align:middle}.flexible-appointment__table thead th:first-child{border-bottom:1px solid hsla(0,0%,100%,.3);height:auto;width:8.6rem}.flexible-appointment__table thead th:not(:last-child){border-right:1px solid hsla(0,0%,100%,.3)}.flexible-appointment__table thead th:last-child{border-right:none}.flexible-appointment__table tbody tr:not(:first-child):not(:last-child) td:first-child{background-color:#51c4d3}.flexible-appointment__table tbody tr td{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1.6rem;font-weight:400;height:10.3rem;line-height:1.6}.flexible-appointment__table tbody tr td.time-slot{background-color:#51c4d3;color:#fff;line-height:1.5}@media (max-width:1099.98px){.flexible-appointment__table tbody tr td{word-break:keep-all}}
