.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 16px;
}
.navbar-default .navbar-toggle {
    border-color: #6e97b100;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #d6d6d600;
}
marquee {
    display: inline-block;
    width: -webkit-fill-available;
}



figure.effect-selena {
    background: none;
}
figure {
    margin: 0 !important;
    font-size: 16px;
    line-height: 2;
}
.thumbnail, .img-thumbnail {
   -webkit-box-shadow: none!important;
   box-shadow: none!important;
}
.img-thumbnail {
    border: 0px solid #ddd;
}


/*เนื้อหาระบบ*/



.Contentmanager .template1 .template-panel {
    padding-bottom: 75%!important
}
.Contentmanager .caption {
    height:45px;
    overflow: hidden;
    font-size: 16px;
    line-height: 2.5;
    background-color:#339cd5;
    color:#fff;
    
}
.Contentmanager .caption:hover{
    height:45px;
    overflow: hidden;
    font-size: 16px;
    line-height: 2.5;
    background-color:#ccc;
    color:#339cd5;
}

.img-container .img {
    width: 100%;
    height: 100%;
    border-top: solid 1.3px #dddee2;
    border-radius: 0px;
    background-position : center 50%!important;

}

.img-container .img:hover {
    width: 100%;
    height: 100%;
    border-top: solid 1.3px #dddee2;
    border-radius: 0px;
     -webkit-filter: contrast(110%); /* Safari */
   filter: contrast(110%);
}

.maxHeight-TP5 {
    min-height: 100%!important;
    max-height: 450px!important;
    overflow: hidden;
    padding: 5px!important;
}
.img-container {
    width: 100%;
    height: inherit!important;
    padding-bottom: 117%!important;
    position: relative;
}


/*เมนูกึ่งกลาง*/
/* 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 ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 8px;
    padding-right: 8px;
}
}

/* 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 {
    padding-left: 15px;
    padding-right: 15px;
}
}

@media only screen and (min-width : 768px) {
.col-md-6.pull-left {
    width: 50%;
    padding-bottom: 20px;
  }
}


@media{
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
margin: 0;
 }
}