.booking-cancel *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Georgia, serif;

    background:
        linear-gradient(
            rgba(0,0,0,.45),
            rgba(0,0,0,.45)
        ),
        url("../images/booking/booking.jpg");

    background-size:cover;
    background-position:center;
    background-attachment:fixed;

    margin:0;

    color:#fff;

}

.booking-cancel{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

}

.booking-cancel .container{

    width:100%;

    max-width:700px;

    margin:0 auto;

}



/*語言設定*/
.booking-cancel .language-switch{

    position: absolute;

    top: 20px;
    left: 50%;
    transform: translateX(-50%);

    display:flex;
    align-items:center;
    gap:12px;

    z-index:1000;

    background:transparent;
}

.booking-cancel .language-switch img{
    width: 36px;
    height: auto;
    border-radius: 4px;
    transition: .2s;
}

.booking-cancel .language-switch img:hover{
    transform: scale(1.1);
}



.booking-cancel .cancel-box{

    width:100%;

    max-width:700px;

    margin:60px auto;

    padding:50px;

    background:rgba(255,255,255,.95);

    border-radius:20px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.booking-cancel .cancel-box h1{

    font-size:48px;

    margin-bottom:20px;

    color:#333;

}

.booking-cancel .cancel-box p{

    color:#666;

    font-size:20px;

    margin-bottom:20px;

}

.booking-cancel .cancel-box input{

    width:100%;

    padding:18px 20px;

    margin-bottom:20px;

    border:1px solid #ccc;

    border-radius:10px;

    font-size:18px;

}

.booking-cancel .cancel-box input:focus{

    outline:none;

    border-color:#f5c400;

    box-shadow:0 0 10px rgba(245,196,0,.4);

}

.booking-cancel .cancel-box #cancelBtn{

    width:100%;

    padding:18px;

    border:none;

    border-radius:10px;

    background:#f5c400;

    color:black;

    font-size:22px;

    font-weight:bold;

    cursor:pointer;

    transition:.25s;

}

.booking-cancel .cancel-box #cancelBtn:hover{

    background:#e0b100;

}

.booking-cancel .cancel-box #result{

    margin-top:25px;

    font-size:18px;

    font-weight:bold;

    color:#d8a000;

}




/* ===========================
   Mobile
=========================== */

@media (max-width:768px){

.booking-cancel{

    padding:25px 15px;

    align-items:flex-start;

}

.booking-cancel .cancel-box{

    width:100%;

    max-width:420px;

    margin:30px auto;

    padding:35px 25px;

    border-radius:28px;

}

.booking-cancel .cancel-box h1{

    font-size:42px;

    line-height:1.1;

    margin-bottom:20px;

}

.booking-cancel .cancel-box p{

    font-size:18px;

    line-height:1.5;

    margin-bottom:28px;

    color:#666;

}

.booking-cancel .cancel-box input{

    height:60px;

    padding:0 18px;

    margin-bottom:18px;

    border-radius:14px;

    font-size:18px;

}

.booking-cancel .cancel-box input::placeholder{

    color:#b0b0b0;

}

.booking-cancel .cancel-box #cancelBtn{

    height:64px;

    width:100%;

    font-size:22px;

    border-radius:16px;

    margin-top:10px;

}

.booking-cancel .cancel-box #result{

    margin-top:20px;

    font-size:16px;

    line-height:1.5;

}

}




.booking-cancel .language-switch{

    background: transparent !important;

    background-color: transparent !important;

    box-shadow: none !important;

    border: none !important;

}