*{
   padding: 0;
   margin: 0;
}
/* ****reminder_one start *******/


.reminder_One .mask-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: black;
    z-index: 99999;
    top: 0px;
    left: 0px;
}

.reminder_One .window-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: #ffffff;
}

.reminder_One    .window-panel .title {
    position: unset;
    border-radius: 4px 4px 0 0;
    width: 100%;
    display: none !important;
}

.reminder_One   .window-panel .body-panel {
    position: unset;
    width: 100%;
    z-index: 1;
    background: #fff;
}




/* title */


/* Btn */
.reminder_One .btns{
    color: var(--Light, #FFF);
text-align: center;
font-family: MontserratMedium !important;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
letter-spacing: 0.4px;
padding-bottom: 0px !important;
padding: 0px !important;
}
/******* reminder one end***** */



/* ****reminder_two start *******/

.reminder_two .mask-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: black;
    z-index: 99998;
    top: 0px;
    left: 0px;
}

.reminder_two .window-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 16px;
    background-color: #ffffff;
}

.reminder_two .window-panel .title {
    position: unset;
    border-radius: 4px 4px 0 0;
    width: 100%;
    display: none;
}

.reminder_two .window-panel .body-panel {
    position: unset;
    width: 100%;
    z-index: 1;
    background: #fff;
}


.reminder_two .tips_bts {
    display: flex;
    align-items: center;

}

.reminder_two .tips_bts>button {
    flex: 1 0 0;
}

.reminder_two .tips_bts>button:nth-of-type(1){
    border: 1px solid #0A2240;
 
    color: var(--WP-Core-Night-Blue, #0A2240);
font-style: normal;
font-weight: 400;
letter-spacing: 0.4px;
background: #fff;
}
.reminder_two .tips_bts>button:nth-of-type(2){
    margin-left: 8px;   
background: var(--membership-gold, #AE865F);
color: var(--light, #FFF);
font-weight: 600;
border: 1px solid rgba(174, 134, 95, 1);
}
/* ****reminder_two end *******/
.reminder_One .body-panel .content,.reminder_two .body-panel .content {
    text-align: left;
    padding: 0px !important;
    margin-top: unset !important;
} 

samp{
    font-family:Noto Sans !important;
}

/* 暫無可用的餐單，請與本餐廳職員聯絡。 */
#CUnavailable>div{
    margin: 30% 16px 0px 16px;
    width: auto;
    box-sizing: border-box;

}