html {
    height: 100%;
}

body {
    margin: 0;
    min-height: 100%;
    display: grid; /*使用grid排版*/
    grid-template-rows: 1fr auto; /*將上半部設置為一個單位，剩下的部分設為自動高度*/
}

.alert a{
    color: #f7f5e1;
}

.modal-content{
    background-color: #f7f5e1!important;
}

.alert-light{
    background-color: #f7f5e1!important;
    color: #f7f5e1;
    border-color:#f7f5e1;
}

.content{
    display: flex;
    flex-direction: column;
}

.form{
    display: flex;
    justify-content: center;
}

.footer{
    background-color: rgb(0, 0, 0);
    grid-row-start: 2;/*欄位從第二條橫線開始*/
    grid-row-end: 3;/*欄位從第三條橫線結束*/
}

.rbox{
    float:right;
    color:#828282;
}

.lbox{
    float:left;
    color:#828282;
}

.dbox{

    color:#ffffff;
}