.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    font-size: 16px;
}
.navbar-brand, .navbar-nav>li>a {
    text-shadow: 0 0px 0 rgba(255,255,255,.25);
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #bca167;
    background-color: transparent
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #301300
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #bca167
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #bca167!important
}
.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: #bca167;
    background-color: transparent
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #bca167!important
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #bca167!important
}
@media (max-width:768px) {
    .navbar-default {
        background: #301300;
    }
}

/*เมนูชิดขวา*/
/* 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 ;
}
#EffectView5b88ea81b98feafe396a3af60, #EffectView5b88ea81b98feafe396a3af61, #EffectView5b88ea81b98feafe396a3af62, #EffectView5b88ea81b98feafe396a3af63, #EffectView5b88ea81b98feafe396a3af64, 
#EffectView5b88ea81b98feafe396a3af65, #EffectView5b88ea81b98feafe396a3af66, #EffectView5b88ea81b98feafe396a3af67, #EffectView5b9892aca59f9b001a94685c0, #EffectView5b9892aca59f9b001a94685c1, 
#EffectView5b9892aca59f9b001a94685c2, #EffectView5b9892aca59f9b001a94685c3, #EffectView5b9892aca59f9b001a94685c4, #EffectView5b9892aca59f9b001a94685c5, #EffectView5b9892aca59f9b001a94685c6,
#EffectView5b9892aca59f9b001a94685c6, #EffectView5b9892aca59f9b001a94685c8 {
	margin-bottom:-20px!important;
}
#EffectView5b88fcd58606ae673b00d24c0 {
    margin-left: 2.3%!important;
    margin-bottom: -20px!important;
    width: 96.3%;
}
#EffectView5b88fc70b98fea3e4c6a41d50 {
    margin-left: -1.6%!important;
    width: 100%;
    margin-bottom: -20px!important;
}
#imagesControl5b88fb75842fb11cbb122d11 {
    margin-top: -1%;
}
#height_respo {
	height: 236px!important;
	border-radius: 4px;
    box-shadow: 2px 2px 2px #a2a2a2;
}
}


/* 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 ;
}
#EffectView5b88ea81b98feafe396a3af60, #EffectView5b88ea81b98feafe396a3af61, #EffectView5b88ea81b98feafe396a3af62, #EffectView5b88ea81b98feafe396a3af63, #EffectView5b88ea81b98feafe396a3af64, 
#EffectView5b88ea81b98feafe396a3af65, #EffectView5b88ea81b98feafe396a3af66, #EffectView5b88ea81b98feafe396a3af67, #EffectView5b9892aca59f9b001a94685c0, #EffectView5b9892aca59f9b001a94685c1, 
#EffectView5b9892aca59f9b001a94685c2, #EffectView5b9892aca59f9b001a94685c3, #EffectView5b9892aca59f9b001a94685c4, #EffectView5b9892aca59f9b001a94685c5, #EffectView5b9892aca59f9b001a94685c6,
#EffectView5b9892aca59f9b001a94685c6, #EffectView5b9892aca59f9b001a94685c8 {
	margin-bottom:-20px!important;
}
#EffectView5b88fcd58606ae673b00d24c0 {
    margin-left: 2.3%!important;
    margin-bottom: -20px!important;
    width: 96.3%;
}
#EffectView5b88fc70b98fea3e4c6a41d50 {
    margin-left: -1.6%!important;
    width: 100%;
    margin-bottom: -20px!important;
}
#imagesControl5b88fb75842fb11cbb122d11 {
    margin-top: -1%;
}
#height_respo {
	height: 236px!important;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #a2a2a2;
}
}


a {
    color: #343433;
    transition: 0.2s;
}
a:hover {
    color: #7f7f7fcc;
}
.effect-sadie:hover {
    box-shadow: 3px 3px 5px 0px rgba(88, 88, 88, 0.56);
}
.effect-steve {
    box-shadow: 3px 3px 5px 0px rgba(88, 88, 88, 0.56);
}
figure.effect-steve h2, figure.effect-steve p {
    display: none;
}
figure.effect-sadie figcaption::before {
    background: rgba(0, 0, 0, 0.40);
    transform: translate3d(0,0,0);
}
figure.effect-sadie p {
	font-size: 96%;
    padding: 10% 0% 20% 0%!important;
}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {
    opacity: 5;
    z-index: 900;
}
.no-js .thumbnail {
   border-radius: 4px;
   background-color:rgba(255, 255, 255, 0);
   box-shadow: 0 0px 2px rgba(0,0,0,.075);
}
.no-js .thumbnail:hover {
    background: -webkit-linear-gradient(-45deg,#f1f1f1 0,#e0bd54 100%);
    border-radius: 2px;
    box-shadow: 3px 3px 2px 1px rgb(116, 116, 116);
}
figure.effect-ming figcaption::before {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 2px solid #e0bd55;
    box-shadow: 0 0 0 30px rgba(224, 189, 85, 0.05);
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
figure.effect-selena {
    background: #fff0;
}
#EffectView5b740412b98fea22256899b00, #EffectView5b740412b98fea22256899b01 {
	margin-bottom: -21px!important;
}
#EffectView5b740412b98fea22256899b02 {
    margin-top: -1px!important;
}
#EffectView5b7403f78606aead45ff3b6b0 {
    width: 100.6%;
}
.boderedlayoutClient {
    border-top: 0px dashed transparent;
    border-left: 0px dashed transparent;
    border-right: 0px dashed transparent;
    border-bottom: 0px dashed transparent;
}

#text_f {
	color:#ffff;
}
#text_f:hover {
	color:#e0bd54;
}

/*ติดต่อเรา*/
#tel {
 	color:#53c307;
    transition: 0s;
}
#tel:hover {
	color:#e0bd55;
}
#mail {
 	color:#f14437;
    transition: 0s;
}
#mail:hover {
	color:#e0bd55;
}
#face {
 	color:#3c5a99;
    transition: 0s;
}
#face:hover {
	color:#e0bd55;
}
#line {
 	color:#01c301;
    transition: 0s;
}
#line:hover {
	color:#e0bd55;
}
.Contentmanager-template2-1 a {
    color: #000;
    font-size: 14px;
}
.Contentmanager-template2-1 .thumb>img {
    max-height: 100%;
}
.Contentmanager-template2-1 a:hover {
    color: #e0bd54;
}
.text-justify {
    text-align: inherit;
}
.landingpagemanager {
    display: none;
}



@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*/
  .itopplus-bg1 {
    background-size: 676% auto;
}
 #imagesControl5b738fd2842fb1e774107a5a {
    padding: 0px!important;
}
#EffectView5b740412b98fea22256899b00, #EffectView5b740412b98fea22256899b01 {
    margin-bottom: 0px!important;
}
#EffectView5b7403f78606aead45ff3b6b0 {
    width: 100%;
    margin-bottom: -20px!important;
}
#EffectView5b7408aab98fea9186689a251, #EffectView5b74e2adb98fea0def689bb81 {
    margin-bottom: -20px!important;
}
#imagesControl5b74e2588606ae2210ff3dd4 {
    padding: 20px!important;
}
.table-responsive {
    white-space: nowrap;
}
/*ผลิตภัณ*/
#EffectView5b751f21842fb11ace109c372, #EffectView5b752257b98fea4a9c68a9732, #EffectView5b7526a5842fb1d7b0109e622 {
    margin-bottom: -15px!important;
}

}




