.itopplus-background {

}
.navbar-default {
    background: #9754a3;
    border-radius: 0
}
.navbar-default .navbar-nav>li {
    padding: 10px 0px 0px 10px;
}

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



@media (max-width:768px) {
  #textphone-con {
    	 margin-left:12px!important;
}
  #bg-phone {
		 width: 94%!important;
}
#bg-phones {
    width: 107%!important;
    border-radius: 10px 10px 0px 0px!important;
}
#textbox-phone {
    padding: 14px!important;
    width: 100%!important;
}
.thumbs {
    margin-bottom: 6px;
    padding: 0px!important;
    width: 104%!important;
    margin-left: -2%;
}

}

@media only screen and (min-width : 1024px) {
  #Component5b06239207f801491019df0e {
          padding: 10px 70px 10px 70px;
          width: 50%;
          margin: 0 auto;
}
}

@media only screen and (min-width : 1366px) {
  #Component5b06239207f801491019df0e {
          padding: 10px 70px 10px 70px;
          width: 50%;
          margin: 0 auto;
}
}


.table>thead>tr>td {
    border-top: 1px solid #000;
}
.table>tbody>tr>td {
    border-top: 1px solid #000;
}
.form-horizontal .control-label {
    font-weight: 100;
}

figure.effect-jazz {
    background: linear-gradient(-45deg,#9754a3 0,#9754a3 100%);
}
figure.effect-jazz:hover figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,-10deg) scale3d(1,1,1);
}
figure.effect-steve h2, figure.effect-steve p {
    display: none;
}
.thumbnail {
     border: none;
     border-radius: 2px;
     background-color:rgb(151, 85, 163);
}
.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;

}
.itopplus-bgmain {
    margin-bottom: 40px;
}


label.col-xs-12.col-sm-3.col-md-3.control-label {
    width: 30%;
}

/*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;
}
/*Hide Menu Phone*/