.itopplus-background {
background-image:none;background-color :rgba(0, 0, 0, 0);
}

/*เมนูกลาง จอคอม*/
.itopplus-banner{background:#2d368e}
.navbar-default{background:#2d368e;border-radius:0}
.navbar-default .navbar-brand{padding-top:5px;color:#2d368e;display:none}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff;background-color:none}
.navbar-default .navbar-text{color:#bbb}
.navbar-default .navbar-nav>li{padding:5px 0 10px}
.navbar-default .navbar-nav>li:hover{background-color:none}
.navbar-default .navbar-nav>li>a{color:#fff}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:none;-webkit-box-shadow:0 2px 0 0 #fff;-moz-box-shadow:0 2px 0 0 #fff;box-shadow:0 2px 0 0 #fff}.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:none}.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:red}.navbar-default .navbar-toggle{border-color:none}.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{background:0 0!important}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar{background-color:#fff}.text-bar{color:#fff!important}.navbar-default .navbar-toggle:focus .text-bar,
.navbar-default .navbar-toggle:hover .text-bar{color:#fff!important}.navbar-default .navbar-collapse,
.navbar-default .navbar-form{border-color:#fff}.navbar-default>.navbar-collapse>.navbar-nav>.open>a{background:0 0!important}.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{background-color:none;color:#fff!important}


.navbar-default .navbar-nav .open>.dropdown-menu{background:#2d368e;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.dropdown-submenu>.dropdown-menu{background-color:#2d368e}.navbar-default .navbar-nav .open .dropdown-menu>.divider{background:0 0}.navbar-default .navbar-nav .open .dropdown-menu .menu-item>a{background:0 0;color:#fff!important}.navbar-default .navbar-nav .open 
.dropdown-menu .menu-item a:hover{background:#fff;color:#000!important}.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:focus{background:0 0}.dropdown-menu,.dropdown-menu>li>a{color:#fff;background:#000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#000;background-color:#fff}.navbar-nav>li>.dropdown-menu>li>a{background:0 0;color:#fff}
.navbar-nav>li>.dropdown-menu>li>a:hover{background:#fff;color:#000!important}

/*เมนูกลาง จอโทรศัพท์*/

@media only screen and (max-width :768px){.navbar-default .navbar-brand{padding:15px;color:#231f20}
  .navbar-default .navbar-nav>li{padding:5px}}.navbar-nav>li>a{padding-top:10px;padding-bottom:2px}.menuVertical .nav>li>a:hover,.nav>li>a:focus{border-bottom:solid 0 #000!important}
@media (max-width:768px){.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{box-shadow:0 3px 0 -1px #fff}.navbar-default .navbar-toggle{border-color:transparent}}
@media (max-width:768px){.navbar-default{background:#2d368e}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff!important}.navbar-default .navbar-brand{color:#fff}.navbar-default 
  .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff;background-color:none}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:#f2ecd4!important}.nav .open>a,
  .nav .open>a:focus,.nav .open>a:hover,.navbar-default .navbar-nav .open>.dropdown-menu{background:0 0!important}}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{color:#fff!important}.navbar-default .navbar-nav .open>.dropdown-menu{background:#242b71}.dropdown-submenu:hover>.dropdown-menu{background-color:#242b71}
.dropdown-menu,.dropdown-menu>li>a{background-color:#242b71}

@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:center}}

@media only screen and (min-width :1366px){.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:center}}.menuVertical .navbar-default .navbar-link,.menuVertical .navbar-default 
.navbar-link:hover{color:#333}.menuVertical .dropdown-menu>li>a{background-image:none;color:#999!important}.dropdown-menu>li>a:focus,.menuVertical .dropdown-menu>li>a:hover{background-image:none;color:#333}
.menuVertical .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#f8f8f8;border-color:#e7e7e7;color:#999}.menuVertical .nav-pills>li{float:left}
.menuVertical .nav-pills>li+li{margin-left:2px;background-color:#f8f8f8;border:1px solid #e7e7e7}.menuVertical .nav-pills>li.active>a,.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover{background-color:#eee;border:1px solid #e7e7e7;color:#333}.menuVertical .nav-stacked>li{float:none}
.menuVertical .nav-stacked>li+li{border-radius:4px;margin-top:2px;margin-left:0;background-color:#f8f8f8;border:1px solid #e7e7e7}
.menuVertical .nav-pills>li>a{border-radius:4px;color:#999;background-color:#f8f8f8;border:1px solid #e7e7e7}.menuVertical .nav>li>a:hover,.nav>li>a:focus{color:#333;background-color:#eee}


/* สำหรับ Footer */

.itopplus-footer {
    background: #2d368e;
    color: #fff;
}