.itopplus-background {

}
a {
    color: #000;
}
a:hover {
    color: #0751a6;
}
.itopplus-bgmain a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a {
    font-size: 18px;
    font-weight: 300;
}
.dropdown-menu>li>a {
    font-size: 16px;
    font-weight: 300;
}




.navbar-default {
    background-color: #0a82e3;
    border-color: #1995dc;
    border-radius: 0px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #0050ab;
}
.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: #0050ab;
}
.navbar-default .navbar-toggle {
     border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #0050ab;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #0050ab;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #0050ab;
    color: #fff;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #0050ab!important;
    background-image: none;
    color: #fff!important;
}
@media (max-width:768px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: #0050ab;
    }
}

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

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
figure.effect-steve h2 {
    margin-top: 11em!important;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
 }
#imagesControl5e2e619ef2ef8600148e6e19 , #imagesControl5e2e61f92ee40100125325cc {
    padding: 0px 0%!important;
}
  .box2 {
    background: white;
    color: black;
    padding: 6% 2% 17.4% 2%!important;
    text-align: left;
    line-height: 1;
}
}






/*footer icon*/
.effecticon {
     transition: 0.3s;
}
.effecticon:hover {
    transform: scale(1.03);
}
/*footer*/

/*padding bg fix*/
.pad1 {
    padding: 5% 7%;
    text-align: center;
}
.pad2 {
    padding: 15% 7%;
    text-align: center;
}
/*padding bg fix*/

/*menu*/
.textmenu {
    font-size: 48px;
    font-weight: bold;
    color: #0050ab;
    text-align: center;
}
.textservices {
    text-align: left;
    color: #0151ab;
    font-weight: bold;
    font-size: 32px;
    margin-top: -10%;
    padding-left: 10px;
}

/*button*/
.buttonp {
    border-radius: 0px;
    background-color: #fff;
    border: none;
    color: #0050ab;
    text-align: center;
    font-size: 18px;
    padding: 7px 5px;
    width: 100%;
    transition: all 0.5s;
    cursor: pointer;
    margin: 0 auto;
}
.buttonp span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
.buttonp span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttonp:hover span {
  padding-right: 20px;
}

.buttonp:hover span:after {
  opacity: 1;
  right: 0;
}


.btnp {
  background-color: #fff;
  border: none;
  color: #0050ab;
  padding: 5px 20px;
  text-align: center;
  font-size: 14px;
  margin: 4px 2px;
  transition: 0.3s;
  border-radius: 55px;
}

.btnp:hover {
  background-color: #d8b04c;
  color: white;
}

/*button*/

.box1 {
    background: white;
    color: black;
    padding: 5%;
    text-align: center;
    font-size: 18px;
}
.box2 {
    background: white;
    color: black;
    padding: 6% 2%;
    text-align: left;
    line-height: 1;
}

ul.a {
  list-style-image: url('https://itp1.itopfile.com/ImageServer/itp_20542a7l/30/0/iconz-z974322439941.webp');
  list-style-position: outside;
}
ul.b {
  list-style-image: url('https://itp1.itopfile.com/ImageServer/itp_20542a7l/25/0/Untitled-1z-z1225462595281.webp');
  list-style-position: outside;
}




figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}
figure.effect-steve {
    background: transparent;
}
figure.effect-steve h2:before {
    box-shadow: 0 0 0 rgba(0,0,0,0.5);
}
figure.effect-steve:before, figure.effect-steve h2:before {
    background: transparent;
}
figure.effect-steve h2, figure.effect-steve p {
    background: transparent;
    color: #ffffff;
}
figure.effect-steve h2 {
    margin-top: 5em;
    padding: 0;
    font-size: 23px;
    font-weight: 600;
    text-transform: capitalize;
}
figure.effect-steve:before {
    box-shadow: 0 0 0 rgba(0,0,0,0.8);
}

.boxcon {
    box-shadow: 0 2px 30px 0 #ced3d6;
    padding: 30px 5px;
    border-radius: 10px;
    transition: 0.3s;
    font-size: 18px;
    height: 220px;
}
.boxcon:hover {
    box-shadow: 0 0 10px #ced3d6;
    transform: translate(0px, -5px);
    transition: 0.3s;
}

.form-control {
    border-radius: 0px;
}
div#capcha0 {
    margin-left: -8px;
    margin-right: -45px;
}

/*Contentmanager*/
#Contentmanager .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
#Contentmanager .img-thumbnail {
    padding: 0px;
    border: 0px solid #ddd;
}
h3.managerHeader {
    color: #0050ab;
    font-size:34px;
    text-align: center;
}
#Contentmanager .post-time {
    display: none;
}
.page-header {
    border-bottom: 0px solid #eee;
}

.fbcomments, .fbcomments span[style], .fbcomments iframe[style] {
    display: none;
}
.nav-template li a {
    font-size: 16px;
}
.btn-sm p {
    font-size: 14px;
}

table.tj2 {
   width:100%;
}

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

}

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


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

.Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 5%;
    font-weight: 500;
    background: #0151ab;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #fff;
    background: #0685ec;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
    display: none;
}

article.col-md-6.item.-micro {
    width: 33.33%;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 20px 10px 0px 10px;
}
.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    margin-bottom: 0px;
}
.Contentmanager .site .col-section .item.-micro a .caption {
      width: 100%;
      background: transparent;
      padding-left: 0;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}


.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 0px;
      transition: 0.3s;
}
.Contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 0px;
      transition: 0.3s;
}
.Contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.Contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
.contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: transparent;
}
/*contenemanager*/

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

 .btn-primary {
    background-image: linear-gradient(to bottom,#0050ab 0,#0050ab 100%);
    border-color: #0050ab;
 }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #0050ab;
 }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    border-color: #0050ab;
  }
  .btn-primary:active, .btn-primary.active {
    background-color: #0685eb;
    border-color: #0685eb;
 }


/*search*/
 .itopplus-search-image-flex-item {
    width: 213px!important;
    min-height: 250px!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:1191px) {
figure.effect-steve h2 {
    margin-top: 5em;
}
}



@media only screen and (max-width:768px) {
.pad1 {
    padding: 5% 2%;
    text-align: center;
 }
  table.tj2 td {
    border: 2px solid #fff;
    padding: 10px 8px;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
 }
  .textservices {
    text-align: left;
    color: #0151ab;
    font-weight: bold;
    font-size: 28px;
    margin-top: -6%;
    padding-left: 7px;
}
figure.effect-steve h2 {
    margin-top: 5em;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 600;
}
  .grid figure figcaption {
    padding: 0em;
}
  .thumbs {
    margin-bottom: 21px;
}
  figure.effect-steve h2 {
    margin-top: 5em;
    padding: 0 2%;
    font-size: 18px;
}
  .table-responsive {
    border: 0px solid #ddd;
}
    .itopplus-search-image-flex-item {
    width: 227px!important;
    min-height: 250px!important;
    max-height: 425px!important;
}
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
 }
  .itopplus-bg1 {
    background-size: cover;
}
}


@media only screen and (max-width:414px) {
.itopplus-bg1 {
    background-size: cover;
 }
.textservices {
    text-align: left;
    color: #0151ab;
    font-weight: bold;
    font-size: 26px;
    margin-top: -7%;
    padding-left: 10px;
 }
.textproduct {
    color: white;
    position: absolute;
    top: 55%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    padding: 5px 23%;
  }
  article.col-md-6.item.-micro {
    width: 100%;
 }
  .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;
 }
  #display1 ,  #display3 {
    margin-right: -20px;
}
  .textmenu {
    font-size: 36px;
}
}


.grid figure h2 {
    word-spacing: inherit;
}
.grid figure h2 span {
    font-weight: 600;
}
.lang523d4c71164185981a000001 a , span.langChar523fc2697f89c5e80700008f{
    color: white;
}