.itopplus-background {

}
.navbar-default {
    background: #3c77ae;
    border-radius: 0
}


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

}

/* 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, .navbar-default .navbar-text {
    color: #fff;
    font-family: THKodchasalRegular;
    font-size: 22px;
}
.dropdown-menu>li>a {
    font-family: THKodchasalRegular;
    font-size: 20px;
}

p.search_urlSearch {
     word-wrap: break-word;
}

.panel-body {
    font-family: THKodchasalRegular;
    font-size: 16px;
}

.navbar-inline .text-bar {
    display: none;
}
.navbar-inline {
    margin-top: 9px;
    margin-right: 2px;
    margin-left: -2px;
    margin-bottom: 9px;
}


/*CONTACT US*/
.form-horizontal .control-label {
    padding-top: 0px;
    font-family: THKodchasalRegular;
    font-size: 22px;
    font-weight: 100;
}
.form-control {
    font-family: THKodchasalRegular;
    font-size: 16px!important;
}
.label {
   font-family: THKodchasalRegular;
   font-size: 14px;
}
.btn-default{
    font-family: THKodchasalRegular;
    font-size: 18px;
}
.input-group-btn>.btn{
    font-family: RSU;
    font-size: 12px;
}
/*CONTACT US*/




/*Effect/Product/Home*/
  .imgA {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-animation-name: small;
          animation-name: small;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.imgB {
  -webkit-animation-name: big;
          animation-name: big;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  animation-direction: reverse;
}


@keyframes small {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }  
}

@keyframes big {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -1rem);
  }
  100% {
    transform: translate(0, 0);
  }  
}
/*Effect/Product/Home*/



/*Hover INSTRUMENT*/
.thumbnail {
   border: none;
   border-radius: 2px;
   background-color:rgba(255, 255, 255, 0);
}
.thumbnail:hover{
   	background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
	background: linear-gradient(-45deg, rgb(255, 129, 75) 0%,rgb(255, 240, 57) 100%);
    border-radius: 2px;
    box-shadow: 3px 3px 2px 1px rgb(170,225,246);

}
/*Hover INSTRUMENT*/

/*เพิ่มขนาดความยาวของเมนูย่อยในมือถือ*/
@media only screen and (min-width : 320px) {
.navbar-default.navbar-fixed .dropdown-menu {
    max-height: 1000px;
    overflow: scroll;
}
}