.itopplus-background {

}
.itopplus-footer {
    font-size: 14px;
    font-weight: 300;
}
.itopplus-footer a {
    color:#fff;
}
.itopplus-footer a:hover {
    color:#f0bd00;
}
.itopplus-bghead a {
    color: #444;
}
.itopplus-bghead a:hover {
    color: #fff;
}

 a {
    color: #444;
}
a:hover {
    color: #f0bd00;
}

.itopplus-sidebar-menu-single a:link {
    color: #444 !important;
}
.itopplus-sidebar-main a:link {
    color: #444 !important;
}
.itopplus-sidebar-menu-single a {
   color: #444;
}


.navbar-default {
    width: 100%!important;
    padding: 0 0!important;
}
.itopplus-sticky-nav-bar-inside div {
    float: none!important;
    text-align: center;
    background: #f6f6f8;
    padding: 10px 0 0 0;
}
#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
    border-bottom: 0px solid rgba(57,60,66,0.8) !important;
}



/*code system*/
.navbar-default .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
}
.dropdown-menu>li>a {
    color: #444!important;
    font-size: 20px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #f0bd00;
}
.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: #f0bd00;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #f0bd00!important;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #f0bd00;
    color: #fff;
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #f0bd00;
    border-color: transparent;
    color: #fff!important;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #f0bd00!important;
    background-image: none;
    color: #fff!important;
}
@media (max-width:768px) {
    .navbar-default {
        background: #eee;
    }
}

/*เมนูชิดขวา*/
/* 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 ;
}
.itopplus-menu {
    margin-top: 6%;
}
}

/* 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 ;
}
.itopplus-menu {
    margin-top: 6%;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
#imagesControl5e997cc478e5b1001263af4b {
    padding: 10px 13px 10px 13px!important;
 }
.ttcconcrete_boxabout {
    padding: 10% 10%!important;
}
.ttcconcrete_textservices {
    font-size: 18px!important;
    padding: 10% 19% 8% 0!important;
}
}




/*code pit*/

.ttcconcrete_boxabout {
      font-size: 18px;
      font-weight: 300;
      padding: 5% 10%;
}
.ttcconcrete_textmenu {
    font-size: 30px;
    color: #f0bd00;
    font-weight:500;
    text-align: center;
}
.ttcconcrete_textproduct {
    font-size: 22px;
}
.ttcconcrete_textservices {
    font-size: 16px;
    padding: 8% 13% 8% 0;
}
.ttcconcrete_button {
    background-color: #f0bd00;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    width: 20%;
    transition: 0.5s;
}
.ttcconcrete_button:hover {
    background-color: #444;
    color: #fff;
}


figure.effect-sadie h2 {
    position: absolute;
    top: 85%;
    left: 0;
    color: #ffffff;
    -webkit-transform: translate3d(0,-0,0);
    transform: translate3d(0,0,0);
}
figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,0%,0) translate3d(0,0px,0);
}
figure.effect-sadie figcaption::before {
    z-index: 0;
    background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,0.8) 75%);
    background: linear-gradient(to bottom,rgba(68, 68, 68, 0.5) 0,rgba(68, 68, 68, 0.5) 75%);
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
figure.effect-sadie p {
    position: absolute;
    bottom: 45%;
    left: 0;
    right: 0;
    padding: 2em !important;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

/*ตาราง*/
table.tj2 {
   width:100%;
}

table.tj2 td {
     border: 2px solid #fff;
    padding: 11px 8px;
    text-align: center;
    font-size: 16px;

}

table.tj2 tr:nth-child(even){background-color: #fff7da}
table.tj2 tr:nth-child(odd){background-color: #fdfdfd}


table.tj2 tr:hover{background-color: #f0bd00;color: #fff;}


ul.a {
  list-style-image: url('https://itp1.itopfile.com/ImageServer/itp_03112019l8hr/25/0/iconz-z1137723255757.webp');
  list-style-position: outside;
}

.bgcontact {
   background: #f6f6f8;
    border: 5px solid white;
    text-align: center;
    padding: 5% 0;
    font-size: 16px;
    transition: 0.5s;
}
.bgcontact:hover {
    transform: translateY(-8px);
    transition: 0.5s;
}




.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #f0bd00;
    border-color: #f0bd00;
}
.pagination>li>a, .pagination>li>span {
    color: #f0bd00;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #f0bd00;
    background-color: #f7f7f7;
}

/*search*/
 .itopplus-search-image-flex-item {
    width: 213px!important;
    min-height: 330px!important;
    max-height: 430px!important;
    background-color: #f9f9f9!important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
    .search_titleText {
    padding: 5px 0px;
    font-size: 16px;
}
    .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}


@media only screen and (max-width:768px) {
#imagesControl5e9977e7c8ad370012ea65a3 {
    padding: 0 0!important;
    margin-bottom: -5px;
}
table.tj2 td {
    white-space: nowrap;
}
.ttcconcrete_boxabout {
    font-size: 14px;
    padding: 5% 0%;
}
figure.effect-sadie h2 {
    top: 40%;
}
.ttcconcrete_button {
    width: 25%;
}
#imagesControl5e997d2db39af80013c5eef2 , div#imagesControl5e997d83c8ad370012ea664e {
    padding: 10px 14px!important;
}
.bgcontact {
    height: 200px;
}
.btn-primary {
    background-image: linear-gradient(to bottom,#f0bd00 0,#f0bd00 100%);
    border-color: #f0bd00;
}
 .btn-primary:hover, .btn-primary:focus {
    background-color: #f0bd00;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    border-color: #f0bd00;
}
.btn-primary:active, .btn-primary.active {
    background-color: #444444;
    border-color: #444444;
}
  .itopplus-search-image-flex-item {
    width: 227px!important;
    min-height: 240px!important;
    max-height: 425px!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
}
@media only screen and (max-width:414px) {
.ttcconcrete_boxabout {
    font-size: 18px;
    padding: 5% 0%;
}
#InmyDiv1587366597952 {
    display: none;
}
.ttcconcrete_textproduct {
    font-size: 22px;
    position: absolute;
    top: 0;
    left: 3%;
    right: 3%;
    bottom: 9%;
    padding-top: 27%;
    width: inherit;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
}
.ttcconcrete_button {
    width: 30%;
}
#contentnewmode5e9d86bab39af80013c60977 {
    padding: 10px!important;
}
.itopplus-search-image-flex-item {
    width: 100%!important;
    min-height: 210px!important;
    max-height: inherit!important;
}
  .itopplus-search-image-flex-item img {
    width: 100%!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
}
  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
}




.eapps-widget-toolbar { display: none; }