body {
min-width: 320px;
background: #f8f8f8;
}
body.loading::before {
content: '';
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: url(/m6104/b0001/tms/library/component/js/owlcarousel-2.3.4/assets/ajax-loader.gif) center no-repeat rgba(255,255,255,.7);
}
input, select, textarea {
outline: none;
}
.paging {
margin-top: 30px;
font-size: 16px;
text-align: center;
}
.paging > dd {
display: inline-block;
margin: 5px;
}
.paging > dd > a.selected {
color: #937016;
}
#header {
z-index: 1000;
top: 0;
left: 0;
height: 70px;
width: 100%;
position: fixed;
}
.header_top{
background: #e1d7ba;
height: 12px;
box-shadow: 0 5px 10px #ccc;
position: relative;
}
.header_content{
display: flex;
justify-content: space-between;
align-items: center;
box-shadow:0 -5px 28px grey;
background: #ffffff;
border-bottom: 1px solid #eaeaea;
height:64px;
}
.back_qmi{
width:35px;
height:35px;
margin-right:10px;
}
.hd-c{
display: flex;
padding: 0 20px;
justify-content: center;
align-items: center;
}
.back_qmi > img{
width:100%;
max-width:100%;
}
#hd-logo {
display:flex;
height:100%;
align-items: center;
padding-left:20px;
}
#hd-logo > a {
display: block;
width: 76px;
height:100%;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
}
#hd-logo > .line {
background-color:black;
height:66%;
width:1px;
margin:0 10px;
}
#hd-logo > .booking_title {
font-size:20px;
}
#hd-menubtn {
display: none;
}
#hd-menu {
float: right;
margin-bottom: 0;
}
.login-button-1{
    border-left: 1px solid #eaeaea;height: 70px;display: flex;justify-content: center;align-items: center;padding-left: 20px
}
.login-button-1 a:hover{
    color:#937016
}
.login-button-2{
    display:none !important;
    height:28px !important;
}

#hd-menu > * {
float: left;
border-left: 1px solid #eaeaea;
}
#hd-menu dd{
    margin-bottom:0
}
#hd-menu > dd > a {
display: table-cell;
width: 100px;
height: 70px;
font-weight: bold;
text-align: center;
vertical-align: middle;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}
#hd-menu > dd:hover > a, #hd-menu > dd > a.selected {
color: #937016;
}
#hd-menu > dt > div {
display: table-cell;
width: 100px;
height: 70px;
text-align: center;
vertical-align: middle;
}
#hd-menu > dt > div > a:nth-child(n+2) {
margin-left: 10px;
}
#hd-menu > dt > div > a:hover, #hd-menu > dt > div > a.selected {
color: #937016;
}
#hd-title {
float: right;
margin-right: 20px;
line-height: 70px;
}
#body {
max-width: 700px;
margin: auto;
padding: 90px 10px;
overflow: hidden;
}
#footer {
position: fixed;
z-index: 1000;
left: 0;
bottom: 0;
width: 100%;
height: 45px;
line-height: 45px;
font-size: 12px;
text-align: center;
background: #ffffff;
border-top: 1px solid #eaeaea;
}
#iframe {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px calc(50% - 400px);
background: rgba(0,0,0,.7);
text-align: right;
}
#iframe > a {
color: #ffffff;
font-size: 30px;
}
#iframe > div {
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
height: calc(100% - 100px);
padding: 20px;
background: #ffffff;
text-align: left;
}
#iframe > div ol, #iframe > div ul {
padding-left: 20px;
}
.ui-state-default {
width: 33px !important;
border: 1px solid #ffffff !important;
}


.ui-datepicker-calendar td span , .ui-datepicker-calendar td a{
text-align:center !important;
}
.full-status{
opacity:1 !important;
}
.full-status span.ui-state-default{
background-color:#e1d7ba !important;
position:relative;
}
.full-status span.ui-state-default::after{
content: '';
display: block;
width: 90%;
height: 1px;
background: red;
top: 50%;
left: 5%;
position: absolute;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
}

.date-tip {
display: flex;
justify-content: center;
align-items: center;
width:100%;
margin-top: -33px;
margin-left: 25px;
}
.date-tip > div{
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
margin-bottom:10px;
}
.date-tip > div:last-child{
    margin-rigjt: 0;
}
.date-tip span{
width: 20px;
height: 20px;
display: block;
margin-right: 11px;
border-radius: 5px;
}
.date-tip .avaliable span{
background-color:#dffbda;
}
.date-tip .full span{
background-color:#e1d7ba;
position:relative;
}
.date-tip .full span::after{
content: '';
display: block;
width: 90%;
height: 1px;
background: red;
top: 50%;
left: 5%;
position: absolute;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
}

.date-tip .not-avaliable span{
background-color:#eaeaea;
opacity:0.35;
}
#bd-ct-reserve > dd.date > div{
padding-bottom:50px !important;
}

/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (min-width: 801px) {
#hd-menu {
display: block !important;
opacity: 1 !important;
}
}
@media screen and (max-width: 800px) {
#header {
height: 80px;
}
#hd-logo > a {
display: block;
height:100%;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
}
#hd-menubtn {
display: block;
z-index: 101;
top: 22px;
right: 22px;
width: 32px;
height: 30px;
cursor: pointer;
}
#hd-menubtn::before {
content: '';
display: block;
height: 6px;
margin-top: 3px;
border-top: 3px solid #937016;
}
#hd-menubtn::after {
content: '';
display: block;
height: 14px;
border-top: 3px solid #937016;
border-bottom: 3px solid #937016;
margin-top: 5px;
}
#hd-menu {
display: none;
opacity: 0;
float: none;
position: absolute;
z-index: 100;
top: 76px;
width: 100%;
height: auto;
background: #ffffff;
}
.login-button-1{
    display:none;
}
.login-button-2{
    display:table-cell !important;
}
#hd-menu > dd {
float: none;
width: 100% !important;
padding: 0;
border-top: 1px solid #ffffff;
}
#hd-menu > dd > a {
display: table-cell;
width: 1000px;
}
#hd-menu > dt > div {
display: table-cell;
width: 1000px;
}
#body {
padding: 75px 10px;
padding-top:88px;
}
#iframe {
padding: 10px;
}
#iframe > div {
height: calc(100% - 60px);
padding: 10px;
}
.date-tip {
margin-left: 0;
}
}
/* Print styles
-------------------------------------------------------------------------------*/
@media print {
}