/* format text */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
}
h1, h2{
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 22px;
}

.btn-primary {
    color: #fff;
    background-color: #efb73e;
    border-color: #efb73e;
}

b, strong {
    font-weight: 500;
}
body {
    font-family: 'Kanit', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.42857143;
}


/* tag p content */
p {
    margin: 0 0 10px;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* navbar */

.navbar-default, .header_view {
    background-color: #243B7F;
    border-color: #243B7F;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #4169e2;
    border-color: #4169e2;
}
a {
    color: #142146;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #4169e2;
    border-color: #4169e2;
}

.navbar-default .nav>li>a:hover, .navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:active, .header_view .nav>li>a:hover, .header_view .nav>li>a:focus, .header_view .nav>li>a:active {
    color: #fff;
    background: #4169e2;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .header_view .navbar-nav>.open>a, .header_view .navbar-nav>.open>a:hover, .header_view .navbar-nav>.open>a:focus{
    color: #fff;
    background: #4169e2;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: #4169e2;
}

/* size brand */
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand-logo img {
    max-height: 100%;
    width: auto;
}



/* for mobile */

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .header_view .navbar-toggle:hover, .header_view .navbar-toggle:focus {
    background-color: #030d3a;
}

.navbar-default .navbar-toggle, .header_view .navbar-toggle {
    border-color: #07103e;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #07103e;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form, .header_view .navbar-collapse, .header_view .navbar-form {
    border-color: #051244;
}


.obj_announcement_full img,
.cmp_announcements img {
  max-width: 100% !important;
  height: auto !important;
}