.itopplus-background {

}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: none;
    -webkit-box-shadow: 0 5px 0 0 #fff;
    -moz-box-shadow: 0 5px 0 0 #fff;
    box-shadow: 0 5px 0 0 #fff
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #fff!important
}
@media (max-width:768px) {
  	.navbar-default  {
        background-color: #001446!important;
    }
    .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
        color: #fff;
    }
  
  .itopplus-background {
    -webkit-animation: movement 35s linear infinite;
     animation-delay: 2s;
     animation-iteration-count: infinite;
}
@keyframes movement { 
        0% { background-position: 0px 0px}
    100% { background-position: 500px 1000px}
}
  
}
/*เวลา hover focus ที่  opendropdown ตัวอักษรจะเป็นสีขาว*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #fff!important;
}

/*เมนูกึ่งกลาง*/
/* 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 ;
}
  
    .itopplus-background {
    -webkit-animation: movement 35s linear infinite;
     animation-delay: 2s;
     animation-iteration-count: infinite;
}
@keyframes movement { 
        0% { background-position: 0px 0px}
    100% { background-position: 500px 1000px}
}
  
  .navbar-default .navbar-nav .open>.dropdown-menu {
    background: #0d245e;
    box-shadow: 6px 4px 12px rgba(0, 0, 0, 0.45);
}

}

/* 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;
}
    .itopplus-background {
    -webkit-animation: movement 35s linear infinite;
     animation-delay: 2s;
     animation-iteration-count: infinite;
}
@keyframes movement { 
        0% { background-position: 0px 0px, }
    100% { background-position: 500px 1000px}
}
  
  .navbar-default .navbar-nav .open>.dropdown-menu {
    background: #0d245e;
    box-shadow: 6px 4px 12px rgba(0, 0, 0, 0.45);
}
  
#main-navbar-collapse{
  text-align:center ;
}
  


}

.no-js .img-qrcode1:hover>>.img-qrocde2{
 -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#cf {
  position:relative;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  width: 99%;
}

#cf img.top:hover {
  opacity:0;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0px;
    padding-left: 16px;
}

figure.effect-selena {
    background: rgba(255, 255, 255, 0);
}

.no-js .dropdown-menu>li>a {
    font-size: 21px!important;
}

.no-js .form-horizontal .control-label {
    font-family: thaisansneue;
    font-size: 1.6em;
    font-weight: 100;
    padding-top: 0px;
}

.no-js .form-control {
    font-family: thaisansneue;
    font-size: 1.2em!important;
}

.no-js .label {
    border-radius: .25em;
    font-family: thaisansneue;
    font-size: 15px;
    color: #0bc305!important;
}

.no-js .btn-default {
    font-family: thaisansneue;
    font-size: 18px;
}

.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,rgb(13, 36, 94) 0,rgb(13, 36, 94) 100%);
    border-radius: 2px;
    box-shadow: 6px 7px 1px 1px rgb(0,0,0);
}

.no-js .btn-primary {
    font-family: thaisansneue;
    font-size: 18px;
}

form.form-search {
    font-size: 17px;
}

.no-js .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    font-size: 12px;
}

.no-js .panel-body {
    color: black;
      font-size: 20px;
    font-family: thaisansneue;
}

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

.no-js .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
    display: none;
}

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