@import 'https://fonts.googleapis.com/css?family=Kanit|Prompt';

.my-bg-mfu {
    background-color: #111F4D !important; /*เปลี่ยนสีแถบควบคุมเว็บไซต์*/
    color: #ededed /*เปลี่ยนสีตัวหนังสือ*/
}

.my-bg-mfu2 {
    background-color: transparent; /*เปลี่ยนสีพื้นหลังเว็บไซต์*/
}

.my-btn-link {
    font-weight: 400;
    color: dimgray;
    text-decoration: none;
}

    .my-btn-link:hover {
        color: #f7ca7c;
        text-decoration: none;
    }

    .my-btn-link.focus, .btn-link:focus {
        text-decoration: underline;
        border: none;
    }

    .my-btn-link.disabled, .btn-link:disabled {
        color: #6c757d;
        pointer-events: none;
        border: none;
    }

.my-a:link {
    color: dimgray;
}

.my-a:hover {
    color: Highlight;
    text-decoration: none;
}

.my-a:active {
    color: darkgrey;
}

.my-a:visited {
    color: darkgrey;
}

.my-a-dark:link {
    color: #ebebeb;
}

.my-a-dark:hover {
    color: #ededed;
    text-decoration: none;
}

.my-a-dark:active {
    color: #ebebeb;
}

.my-a-dark:visited {
    color: #ebebeb;
}

.my-font {
    font-family: 'Kanit', sans-serif;
}

.my-autosize-img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}

.my-img-zoom {
    transition: transform .2s;
}

.my-img-zoom:hover {
    transform: scale(1.1);
}

.my-checkbox input[type="checkbox"] {
    margin-right: 5px;
}