.PageUP_input {
    border-radius: 5px; /* 圓角設定 */
    padding: 5px; /* 設定內邊距 */
    border: 1px solid #ccc; /* 添加灰色邊框 */
    box-sizing: border-box; /* 設置框模型為邊框框模型 */
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    width: 120px;
}



.button-green { /* 立即報名 */
    font-family: "微軟正黑體", sans-serif; /* 設定字型 */
    color: green; /* 設定文字顏色 */
    border: 2px solid green; /* 設定邊框 */
    background-color: white; /* 設定背景顏色 */
    border-radius: 5px; /* 圓角設定 */
    padding: 5px 5px; /* 設定內邊距 */
    width: 120px;
    cursor: pointer; /* 將滑鼠游標設為手形 */
    font-weight: 900;
}

    .button-green:hover {
        background-color: green; /* 滑鼠移上去時的背景顏色 */
        color: white; /* 滑鼠移上去時的文字顏色 */
    }

.button-blue { /* 獎勵金 */
    font-family: "微軟正黑體", sans-serif; /* 設定字型 */
    color: #2f5597; /* 設定文字顏色 */
    border: 2px solid #2f5597; /* 設定邊框 */
    background-color: white; /* 設定背景顏色 */
    border-radius: 5px; /* 圓角設定 */
    padding: 5px 5px; /* 設定內邊距 */
    width: 120px;
    cursor: pointer; /* 將滑鼠游標設為手形 */
    font-weight: 900;
}

    .button-blue:hover {
        background-color: #2f5597; /* 滑鼠移上去時的背景顏色 */
        color: white; /* 滑鼠移上去時的文字顏色 */
    }

.button-red { /* 就讀意願 */
    font-family: "微軟正黑體", sans-serif; /* 設定字型 */
    color: #c00000; /* 設定文字顏色 */
    border: 2px solid #c00000; /* 設定邊框 */
    background-color: white; /* 設定背景顏色 */
    border-radius: 5px; /* 圓角設定 */
    padding: 5px 10px; /* 設定內邊距 */
    width: 160px;
    cursor: pointer; /* 將滑鼠游標設為手形 */
    font-weight: 900;
}

    .button-red:hover {
        background-color: #c00000; /* 滑鼠移上去時的背景顏色 */
        color: white; /* 滑鼠移上去時的文字顏色 */
    }
.button-purple { /* 紫色按鈕樣式 */
    font-family: "微軟正黑體", sans-serif;
    color: #6A1B9A; /* 深紫文字 */
    border: 2px solid #6A1B9A; /* 深紫邊框 */
    background-color: white; /* 白底 */
    border-radius: 5px;
    padding: 5px 5px;
    width: 120px;
    cursor: pointer;
    font-weight: 900;
}

    .button-purple:hover {
        background-color: #6A1B9A; /* 滑鼠移上時變深紫底 */
        color: white;
    }

.button-gray { /* 深灰按鈕樣式 */
    font-family: "微軟正黑體", sans-serif;
    color: #555555; /* 深灰文字 */
    border: 2px solid #999999; /* 中灰邊框 */
    background-color: white; /* 白底 */
    border-radius: 5px;
    padding: 5px 5px;
    width: 120px;
    cursor: pointer;
    font-weight: 900;
}

    .button-gray:hover {
        background-color: #999999; /* 滑鼠移上時變灰底 */
        color: white;
    }









.button-dark_blue {
    font-family: "微軟正黑體", sans-serif; /* 設定字型 */
    color: white; /* 設定文字顏色 */
    border: 2px solid #007bff; /* 設定邊框 */
    background-color: #007bff; /* 設定背景顏色 */
    border-radius: 5px; /* 圓角設定 */
    padding: 5px 5px; /* 設定內邊距 */
    width: 85px;
    height: 40px;
    font-size: 16px;
    cursor: pointer; /* 將滑鼠游標設為手形 */
    font-weight: 900;
}

    .button-dark_blue:hover {
        background-color: #0069d9; /* 滑鼠移上去時的背景顏色 */
        border: 2px solid #0069d9; /* 設定邊框 */
    }

.button-dark_green {
    font-family: "微軟正黑體", sans-serif; /* 設定字型 */
    color: white; /* 設定文字顏色 */
    border: 2px solid green; /* 設定邊框 */
    background-color: green; /* 設定背景顏色 */
    border-radius: 5px; /* 圓角設定 */
    padding: 5px 5px; /* 設定內邊距 */
    width: 85px;
    height: 40px;
    font-size: 16px;
    cursor: pointer; /* 將滑鼠游標設為手形 */
    font-weight: 900;
}

    .button-dark_green:hover {
        background-color: #006900; /* 滑鼠移上去時的背景顏色 */
        border: 2px solid #006900; /* 設定邊框 */
    }

.button-dark_red {
    font-family: "微軟正黑體", sans-serif; /* 設定字型 */
    color: white; /* 設定文字顏色 */
    border: 2px solid red; /* 設定邊框 */
    background-color: red; /* 設定背景顏色 */
    border-radius: 5px; /* 圓角設定 */
    padding: 5px 5px; /* 設定內邊距 */
    width: 85px;
    height: 40px;
    font-size: 16px;
    cursor: pointer; /* 將滑鼠游標設為手形 */
    font-weight: 900;
}

    .button-dark_red:hover {
        background-color: #c80000; /* 滑鼠移上去時的背景顏色 */
        border: 2px solid #c80000; /* 設定邊框 */
    }

@media screen and (orientation:landscape) { /*電腦*/


        
}

@media screen and (max-width: 991px) {

    .button-green.btn-width-160, .button-blue.btn-width-160 { /* 配合就讀意願長度 */
        width: 160px;
    }

}