.itopplus-background {

}
.no-js .jssorb03{
transform: scale(0) !important;
}


.no-js .ui.icon.input>i.circular.icon {
    top: 0.1em;
}


.no-js .fa {
    margin: auto;
}

.no-js .link {
    color: #fefeff;
}

.no-js .fa-search:before {
    content: "\f002";
    font-size: 20px;
}

.no-js .ui.icon.input input {
    padding-right: 2.82142em !important;
    height: 30px !important;
}

.no-js .col-sm-12.col-md-12.col-xs-12.ng-scope {
    margin: -11px auto !important;
    float: none;
}

.no-js .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #99a6c7;
}

.no-js form.form-search2 {
    margin-top: -12px;
}

.no-js .form-horizontal .control-label {
    font-family: roboto_slablight;
    font-size: 15px;
}

.no-js .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: #346ead;
}

.no-js .fancybox-skin {
    background: rgba(249, 249, 249, 0);
}

.no-js .fancybox-opened .fancybox-skin {
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
}

.no-js .thumbnail {
   border: none;
   border-radius: 2px;
   background-color:rgba(255, 255, 255, 0);
}

.no-js .thumbnail:hover{
   	background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
	background: linear-gradient(-45deg,#fff 0,rgb(2, 131, 192) 100%);
    border-radius: 2px;

}

.no-js figure {
margin: 0;
padding: 0;
overflow: hidden;
}

.no-js figure:hover span {
bottom: -36px;
opacity: 1;
}

.no-js .hover01 figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.no-js .hover01 figure:hover img {
-webkit-transform: scale3d(0.95,0.95,1);
transform: scale3d(0.95,0.95,1);
}

.no-js .navbar-default .navbar-nav>li>a {
    font-family: roboto_slablight;
    font-size: 15px;
}

.no-js .navbar-default .navbar-nav>.active>a,
.no-js .navbar-default .navbar-nav>.active>a:focus,
.no-js .navbar-default .navbar-nav>.active>a:hover,
.no-js .navbar-default .navbar-nav>.disabled>a,
.no-js .navbar-default .navbar-nav>.disabled>a:focus,
.no-js .navbar-default .navbar-nav>.disabled>a:hover,
.no-js .navbar-default .navbar-nav>li>a:focus,
.no-js .navbar-default .navbar-nav>li>a:hover {
    color: #5492db;
    -webkit-box-shadow: inset 0 -3px 0 0 #5492db;
    -moz-box-shadow: inset 0 -3px 0 0 #5492db;
    box-shadow: inset 0 -3px 0 0 #5492db;
}

.no-js .navbar-default .navbar-nav>.open>a,
.no-js .navbar-default .navbar-nav>.open>a:focus,
.no-js .navbar-default .navbar-nav>.open>a:hover {
    color: #5492db;
    -webkit-box-shadow: inset 0 -3px 0 0 #5492db;
    -moz-box-shadow: inset 0 -3px 0 0 #5492db;
    box-shadow: inset 0 -3px 0 0 #5492db;
}

.no-js .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #5492db;
    -webkit-box-shadow: inset 0 -3px 0 0 #5492db;
    -moz-box-shadow: inset 0 -3px 0 0 #5492db;
    box-shadow: inset 0 -3px 0 0 #5492db;
}

.no-js .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
    color: #5492db!important;
    -webkit-box-shadow: inset 0 -3px 0 0 #5492db;
    -moz-box-shadow: inset 0 -3px 0 0 #5492db;
    box-shadow: inset 0 -3px 0 0 #5492db;
}

@media (max-width:768px) {
    .navbar-default {
        background: #2046a9;
    }
   .navbar-default .navbar-nav>li>a {
         color: #fff;
         padding: 10px 8px;
         font-family: roboto_slablight!important;
         font-size: 16px;
    }
   .navbar-default .navbar-brand {
         color: #ffffff;
    }
   .text-bar {
         color: #fff!important;
    }
   .navbar-default .navbar-toggle .icon-bar {
         background-color: #fff;
    }
    
}

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

  .navbar-default .navbar-nav>li>a {
    color: #2d2d2d;
}
  
}

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

  .navbar-default .navbar-nav>li>a {
    color: #2d2d2d;
}
  
}