body {
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    overflow-x: hidden;
}

@charset "utf-8";

/* CSS Document */

.mybg-login {
    background-image: url(../imgs/bg_login.jpg);
    background-size: cover;
}

.top-nav-collapse {
    background-color: #25429a !important;
}

.navbar:not(.top-nav-collapse) {
    background: #25429a !important;
}

@media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
        background: #25429a !important;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #25429a!important;
    }
}

footer.page-footer {
    background-color: #383838;
}

@media (max-width: 450px) {
    .display-3 {
        font-size: 3rem;
    }
}

.linetub {
    position: relative;
}

.linetub:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: red;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}