.itopplus-background {

}

.itopplus-footer a{
  color: #fff;
}

.itopplus-footer a:hover {
  color: #000;
}


.navbar-default .navbar-nav>li>a {
    color: #8d8d8d;
     font-size: 18px;
}
.navbar-default {
    background: #ffffff;
    border-radius: 0
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #e90615;
}
.navbar-default .navbar-toggle:hover {
    border-color: #e90615;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #e90615;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #e90615!important;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #e90615;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #e90615;
}
.navbar-default .navbar-nav .open .dropdown-menu>.divider {
    background: #e90615;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #e90615!important;
}

.dropdown-menu>li>a {
    font-size: 16px;
}
.navbar-default .navbar-nav .open>.dropdown-menu {
    background: #fff;
}


 .glyphicon-phone-alt:before {
     content: "\e182";
}





/*เมนูกึ่งกลาง*/
/* 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 ;
}
#capcha0{
    margin-left: -0.3%;
    margin-right: -4%;
}
}

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

}



/*เนื้อหาระบบ*/
.Contentmanager .col-md-5.col-sm-6.col-xs-12 {
    width: 33%;
}

.Contentmanager .col-md-7.col-sm-6.col-xs-12 {
    width: 66.7%;
}

.Contentmanager p.clearfix {
    border-bottom: 1px solid #f29198;
    padding-bottom: 20px;
}

.Contentmanager a.btn-sm.link.padding {
    font-size: 18px;
}

.Contentmanager .btn-sm p {
    font-size: 16px;
    line-height: 1.5;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #e20514;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
    line-height: 1.2em;
    color: #000;
     font-size: 20px;

}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    margin-bottom: 10px;
    font-size: 14px;
    color: gray;
}

.landingpagemanager {

    display: none;
}

.managerHeader{
    font-size: 26px;
    color: #e70616;
}


.page-header {
    padding-bottom: 9px;
    margin: 20px 15px 30px;
    border-bottom: 1px solid #777;
}

/*ปิดคอมเม้นเฟส*/
.fbcomments, .fb-comments, .fb_iframe_widget, .fb_iframe_widget_fluid_desktop{
   display:none;
}


@media only screen and (max-width: 768px){
 .row-fluid [class*=col-sm-5fix] {
     width: 20%;
     float:left;
 }
    #display1{
margin-right: -3%;
}
    #display3{
margin-right: -3%;
}
    #display5{
margin-right: -3%;
}
#capcha0{
    margin-left: -1%;
    margin-right: -6%;
}
}

@media only screen and (max-width: 414px){
.Contentmanager .col-md-5.col-sm-6.col-xs-12 {
    width: 100%;
}
  
  .Contentmanager .col-md-7.col-sm-6.col-xs-12 {
    width: 100%;
    margin-top: 15px;
}
   .row-fluid [class*=col-sm-5fix] {
     width: 100%;
     float:left;
 }

  
  #display1{
margin-right: -7%;
}

  #display3{
margin-right: -7%;
}
    #display5{
margin-right: -7%;
}

#capcha0{
    margin-left: -1%;
    margin-right: -12%;
}
}


@media (max-width:768px) {
label.col-xs-12.col-sm-3.col-md-3.control-label {
   width: 33%;
}
}