.itopplus-background {

}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #448ccb;
    -moz-box-shadow: inset 0 -3px 0 0 #448ccb;
    box-shadow: inset 0 -3px 0 0 #448ccb;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #448ccb;
    -moz-box-shadow: inset 0 -3px 0 0 #448ccb;
    box-shadow: inset 0 -3px 0 0 #448ccb;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #448ccb;
    -moz-box-shadow: inset 0 -3px 0 0 #448ccb;
    box-shadow: inset 0 -3px 0 0 #448ccb;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #448ccb;
    -moz-box-shadow: inset 0 -3px 0 0 #448ccb;
    box-shadow: inset 0 -3px 0 0 #448ccb;
}
@media (max-width:768px) {
    .navbar-default {
        background: #dddddd;
    }
}

/*เมนูกึ่งกลาง*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}

#Component59ded35c0961790001cf716f{
  display: none;
}
  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;	
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}

}
.navbar-default .navbar-nav>li>a {
    font-family: THSarabunNew;
    font-size: 22px;
}
.navbar-nav>li>.dropdown-menu>li>a {
    font-family: THSarabunNew;
    font-size: 20px;
}


/***** เอคเฟค sadie*******/
figure.effect-sadie figcaption::before {
    z-index: 0;
    background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(255, 255, 255, 0.8) 75%);
    background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(255, 255, 255, 0.8) 75%);
}
figure.effect-sadie p {
    padding: 1em!important;
}


/***** เอคเฟค goliath*******/
figure.effect-goliath {
    background: #448ccb;
}
figure.effect-goliath h2, figure.effect-goliath p {
    padding: 15px;
}

.Contentmanager-template2-1 a {
    color: #448ccb;
    font-family: THSarabunNew;
    font-size: 24px;
  font-weight: bold;
}

.Contentmanager-template2-1 a:hover {
    color: #7e7f80;
}
.h3, h3 {
    font-size: 26px;
    font-family: THSArabunNew;
    color: #448ccb;
}
#Contentmanager .post-time {
    font-size: 18px;
    font-family: THSarabunNew;
}
.h4, h4 {
    font-size: 20px;
    font-family: THSarabunNew;
}
.nav-template li a {
font-family: THSarabunNew;
   font-size: 20px;
}
.btn-sm p {
    font-size: 18px;
    line-height: 1;
}
.col-md-12 {
    width: 100%;
  font-family: THSarabunNew;
}

/*form ค้นหา*/
.panel-body {
    padding: 15px;
    font-family: THSarabunNew;
    font-size: 18px;
}


/****Menu******/
.menuVertical .nav-pills>li>a {
    color: #fff;
    font-family: THSarabunNew;
    font-size: 22px;
}
.menuVertical .nav-pills>li>a, .menuVertical .nav-stacked>li+li {
    border-radius: 0;
    border-top: solid 1px #ffffff;
    background-color: #458ccb;
}
.dropdown-menu {
    font-size: 20px;
    font-family: THSarabunNew;
}
.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    background-color: #ffffff;
    background-image: none;
    color: #0e448e;
}
.dropdown-menu>li>a:focus, .menuVertical .dropdown-menu>li>a:hover, .menuVertical .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #ffffff;
    background-image: none;
    color: #0e448e!important;
}