.itopplus-background {

}

.Contentmanager-template2-1 .thumb {
    min-height: inherit!important;
    max-height: inherit!important;
}



.navbar-default .navbar-nav>li>a {
    color: #4c4c4c;
    font-family: thaisanslite_r1;
    font-size: 22px;
    font-weight: bold;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-default .navbar-toggle {
    border-color: #4c4c4c;
}
.navbar-default .navbar-brand {
    color: #4c4c4c;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #4c4c4c;
}
.text-bar {
    color: #4c4c4c!important
}
.navbar-default .navbar-nav>li>a {
    color: #4c4c4c;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #7772a9;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: #7772a9;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    background-color: #7772a9!important
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #7772a9;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #7772a9!important;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    background-color: #7772a9;
}

.navbar-default {
    background: #e7e5ff;
    border-radius: 0
}


/*เมนูกึ่งกลาง*/
/* 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:center ;
}

}

/* 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:center ;
}

}


.text-center {
    text-align: center;
    font-family: thaisanslite_r1;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.Contentmanager-template2-1:hover .text-center{
 color: #7772a9;
}

.nav-template strong{
     font-family: thaisanslite_r1;
     font-size: 20px!important;
     color: #000!important;
}
.nav-template p{
     font-family: thaisanslite_r1;
     font-size: 20px!important;
}
.page-header h4 {
    font-family:thaisanslite_r1;
    font-size: 20px!important;
}

.managerHeader.ng-binding{
    font-family:thaisanslite_r1;
    font-size: 22px;
    color: #7772a9;
}


/*------------เรียง 5 รูป-------------------*/
@media only screen and (max-width: 768px){
.row-fluid [class*=col-sm-5fix] {
    width: 50%!important;
    float:left!important;
    display: inline-grid;
}
}


figure.effect-oscar figcaption {
    padding: 3em;
    background-color: rgba(119, 114, 169, 0.62);
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
}