.itopplus-background {

}
@media only screen and (min-width: 280px) {
.caret-right.dropdown-menu-sm,.caret.dropdown-menu-sm,.dropdown-sub.open>.dropdown-menu-sm,.dropdown-submenu:hover>.dropdown-menu-sm {
    display:none
}

.caret-right.dropdown-menu-md,.caret.dropdown-menu-md,.dropdown-sub.open>.dropdown-menu-md,.dropdown-submenu:hover>.dropdown-menu-md {
    display: none
}

.dropdown-sub.open>.dropdown-menu-xs,.dropdown-submenu:hover>.dropdown-menu-xs {
    display: block
}

.caret-right.dropdown-menu-xs,.caret.dropdown-menu-xs {
    display: inline-block
}

.dropdown-submenu:hover>.dropdown-menu-all {
    display: block
}

.navbar-default.navbar-fixed .dropdown-menu {
    overflow: auto;
    max-height: 400px
}

.navbar-default.navbar-fixed .nav {
    overflow: auto;
    max-height: 800px
}

.navbar-fixed {
    min-height: 50px;
    border-radius: 0!important;
    position: fixed!important;
    z-index: 1;
    width: 100%!important;
    top: 0!important;
    left: 0!important
}

#controlBanner {
    margin-top: -15px!important
}

.navbar-default {
    margin: -5px;
}
}
  

@font-face {
    font-family: fontname;
    src: url(fontname.eot);
    src: url(fontname.eot?#iefix) format('embedded-opentype'),url(fontname.woff2) format('woff2'),url(fontname.woff) format('woff'),url(fontname.ttf) format('truetype'),url(fontname.svg#roboto_slabbold) fodemormat('svg');
    font-weight: 400;
    font-style: normal
}

body,html {
    font-family: Kanit,sans-serif;
    margin: 0;
    padding: 0
}

.margin {
    margin: -10px!important
}

.padding {
    padding: 0!important
}

a {
    color: #000
}

a:hover {
    color: #888;
    text-decoration: none
}

:-webkit-full-screen-ancestor:not(iframe) .animated {
    -webkit-animation-name: inherit!important;
    animation-name: inherit!important;
    -webkit-animation-fill-mode: inherit!important;
    animation-fill-mode: inherit!important
}

:-webkit-full-screen-ancestor:not(iframe) .zIndex-menu,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos1,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos10,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos2,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos3,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos4,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos5,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos6,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos7,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos8,:-webkit-full-screen-ancestor:not(iframe) .zIndex-pos9 {
    z-index: 0!important
}

.itopplus-search {
    position: absolute;
    top: 0;
    margin-left: -15px
}

.itopplus-background {
    background-color: #fff
}

.itopplus-banner {
    background: linear-gradient(to bottom,#f08d28 0,#f5932f 25%,#ff9f3e 50%,#f5932f 75%,#f08d28 100%)
}

.itopplus-menu {
    margin-top: 0px;
}

@media only screen and (min-width : 1024px) {
    .h1,h1 {
        font-size:2.25em
    }

    .h2,h2 {
        font-size: 1.875em
    }

    .h3,h3 {
        font-size: 1.5em
    }

    .h4,h4 {
        font-size: 1.125em
    }

    .h5,h5 {
        font-size: .875em
    }

    .h6,h6 {
        font-size: .75em
    }

    p {
        margin: 0 0 10px
    }

    .navbar .nav,.navbar .nav>li {
        float: none;
        display: inline-block;
        vertical-align: top
    }

    #main-navbar-collapse {
        text-align: right;
        margin: 10px;
    }

    .itopplus-menu {
        margin-top: 10px
    }