@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&family=Sarabun:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

.wrapper {
    margin: auto;
}

body {
    font-family: 'Sarabun', sans-serif;
    color: #424245;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: 'Kanit', sans-serif;
}

a {
    text-decoration: none;
}

.member-type-card {
    border-radius: 7px;
    border: 1px solid #f0f1f3;
}

.member-type-card:hover {
    background-color: #f6f6f8;
}

.koha-register {
    max-width: 640px;
}

.member-type-card > a {
    display: block;
    padding: 15px;
}

.title-en {
    font-size: 1.4em;
}

.title-th {
    font-size: 1.2em;
    color: #86868b;
}

.text-en {

}

.text-th {
    font-size: 0.8em;
    color: #86868b;
}

label.text-th {
    font-size: 13px;
}

.koha-register label {
    font-weight: 500;
}

.form-group {
    margin-bottom: 15px;
}


input:read-only {
    background-color: #f1f1f1;
}

.alert-danger {
    background-color: #fff;
    border-width: 2px;
}

.btn-google {
    font-weight: bold;
    border-color: darkred;
    color: darkred;
}

.btn-google:hover {
    color: #ffffff;
    border-color: darkred;
    background: darkred;
}