.itopplus-background {

}
#bannerInside {
    margin-top: 24px;
}
.navbar-default .navbar-nav>li>a {
    font-size: 20px;
    font-family: Thaisansneue;
    margin: 0px 4px;
}
.navbar-default .navbar-brand {
    color: #000
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #18bc9c;
}
.navbar-default {
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%)
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background: #18bc9c;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff!important;
    background: #18bc9c!important;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #fff!important;
    background: #18bc9c;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background: #18bc9c!important;
    color: #fff!important;
}
.navbar-default .navbar-nav .open .dropdown-menu>.divider {
    background: #18bc9c;
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #18bc9c!important;
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:focus {
    background: #18bc9c;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #18bc9c!important;
    background-image: none;
    color: #fff!important;
}

@media (max-width:768px) {
    .navbar-default {
        background: #fff;
        background: -moz-linear-gradient(top,#fff 36%,#fff 36%,#efefef 88%,#e0e0e0 100%);
        background: -webkit-linear-gradient(top,#fff 36%,#fff 36%,#efefef 88%,#e0e0e0 100%);
        background: linear-gradient(to bottom,#fff 36%,#fff 36%,#efefef 88%,#e0e0e0 100%)
    }
    .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
        color: #fff!important;
        background-color: #18bc9c;
    }
}

/*เมนูชิดขวา*/
/* 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: 10px;
    padding-right: 10px;
}
.navbar-collapse {
    padding-right: 7px;
    padding-left: 7px;
}
}
/* 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: 12px;
    padding-right: 12px;
}
.container {
        width: 1140px;
}
.navbar-collapse {
    padding-right: 7px;
    padding-left: 7px;
}
}

.fancybox-margin {
    margin-right: 0px;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: hidden;
}

/*BG Customer Refernce*/
.wrapper {
    position: relative;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
/*BG Customer Refernce*/


.jssorb03{
        transform: scale(0) !important;
}
.jssora03l, .jssora03r {
        display: none;
}

.managerHeader {
    color: #18bc9c;
    font-size: 26px;
}
.post-time, .landingpagemanager, .post {
	display:none;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
	color: #19bc9c!important;
}

@media (max-width:768px) {
/*Hide Menu Phone*/
          .navbar-default .navbar-toggle {
              border-color: #f68e1f00;
          }
          .navbar-inline .text-bar {
              display: none;
          }
          .navbar-inline {
              margin-top: 9px;
              margin-right: 2px;
              margin-left: -2px;
              margin-bottom: 9px;
          }
           .glyphicon-phone-alt:before {
                content: "\e182";
          }
          p.search_urlSearch {
               word-wrap: break-word;
          }
          .text-justify {
              text-align: inherit;
          }
          .col-sm-12, .col-md-12, .col-lg-12 {
                  padding-right: 5px;
              padding-left: 5px;
          }
/*Hide Menu Phone*/
#imagesControl5c6f91217c6c36001dab3593 {
	padding:0px!important;
}
}

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


@media only screen and (max-width: 768px){
 .row-fluid [class*=col-sm-5fix] {
  width: 50%;
  float:left;  
}
}