.itopplus-background {

}
.navbar-default {
    background: #f5f5f5;
    border-radius: 0px;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-default .navbar-toggle {
    border-color: #242e85;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #242e85;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #242e85;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #242e85;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #242e85!important;
    color: #fff!important;
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:focus,.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #242e85!important;
    color: #fff!important;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #242e85!important;
    background-image: none;
    color: #fff!important;
}
@media (max-width:768px) {
    .navbar-default .navbar-nav .open>.dropdown-menu {
        background: 0 0
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #000
    }
}

/*เมนูกึ่งกลาง*/
/* 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: #000;
    padding-left: 69px;
    padding-right: 69px;
    margin-left: -17px;
    margin-right: -17px;
}
.navbar-nav {
    margin: 0px 0px;
}
  .itopplus-banner{
  	padding-bottom: 20px;
  }
  #controlBanner {
    margin-top: 16px;
}
.no-js #background5c9d98ffec04b2001ce30f6a {
  	display:none;
  }
.no-js #background5cc8004a559827001abf3393 {
  	display:none;
  	}
}

/* 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: #000;
    padding-left: 69px;
    padding-right: 69px;
    margin-left: -17px;
    margin-right: -17px;
}
  .itopplus-banner{
  	padding-bottom: 20px;
  }
  #controlBanner {
    margin-top: 16px;
}
}


@media only screen and (min-width : 1900px) {
#paddingphone {
  height:562px!important;
}

}

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

#imgcol-6 {
	display:block;
	margin:0 auto;
}
#imgcol-6 img {
    width: 84%!important;
    transition: all 0.32s;
    padding-bottom: 10px;
}
#myImage1553680080066:hover,
#myImage1553680085994:hover,
#myImage1553680092077:hover,
#myImage1553680097434:hover,
#myImage1553680103657:hover,
#myImage1553680110345:hover{
    -webkit-transform: scale(0.89);
    transform: scale(0.89);
}
#bd-bottom:hover {
    border-bottom: 1px solid #adadad;
}

figure.effect-steve h2,
figure.effect-steve p {
    display: none;
}
figure.effect-steve {
    background: #0000;
}

#myImage1553756353254 {
    transition: transform 0.32s;
}
#myImage1553756353254:hover {
    transform: scale(0.95,0.95);
    transition: transform 0.32s;
}

.thumbnail {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0px 2px rgb(58, 58, 58);
    transition: 0.32s;
}
.thumbnail:hover {
    background: -webkit-linear-gradient(-45deg, rgba(37, 47, 133, 0) 0%,rgba(37, 47, 133, 0) 100%);
    background: linear-gradient(-45deg, rgba(37, 47, 133, 0) 0%,rgba(37, 47, 133, 0) 100%);
    box-shadow: 2px 2px 2px 2px rgb(58, 58, 58);
    border-radius: 0px;
    color: #000;
    transition: 0s;
}
.btmgoto {
    text-align: center;
    width: 36%;
    margin: 0 auto;
    display: block;
    padding: 8px 10px 6px 10px;
    margin-bottom: 20px;
    background-color: #252f85;
    border-radius: 50px;
    transition: 0.2s;
}
.btmgoto:hover {
    background-color: #141a4d;
    box-shadow: inset -4px -2px 2px 2px #080d37;
    transition: 0.2s;
}


#border {
	border: 2px solid #a8a8a8;
  	border-radius: 3px;
  	padding: 6px;
   	transition: 0.32s;
}

#border:hover {
	box-shadow: 2px 2px 2px 2px rgb(58, 58, 58);
    transition: 0.15s;
}
 #Mgleft {
  margin-left:-70px;
  }
/*Hide Menu Phone*/
@media (max-width:768px) {
.navbar-default .navbar-toggle {
	border-color: #f68e1f00;
}
.navbar-inline .text-bar {
	display: none;
}
.navbar-inline {
	margin-top: 9px;
	margin-right: -3px;
	margin-left: -3px;
	margin-bottom: 9px;
}
.glyphicon-phone-alt:before {
	content: "\e182";
}
p.search_urlSearch, .search_text {
	word-wrap: break-word;
}
.text-justify {
	text-align: inherit;
}
.col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
.navbar-brand i {
	font-size: 16px;
	margin-top: 3px;
	padding: 0px 5px 0px 5px;
}
#contentnewmode5c9b4b36274fd4001c8e1e2b {
    padding: 10px!important;
}
  #paddingphone {
    padding: 25px 5px!important;
}
.table-responsive {
    white-space: nowrap;
} 
 #Mgleft {
  margin-left:0px;
  }

}
/*Hide Menu Phone*/


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