.itopplus-background {

}
::selection {
    color: #fff;
    background: #ed1c24;
}

a {
    color: #333;
}


a:hover {
    color: #ed1c24;
   transition: 0.32s;
}


.itopplus-head a{
    color: #fff;
}

.itopplus-head a:hover{
    color: #ffe04a;
    transition: 0.32s;
}

.dropdown-menu>li>a {
    font-size: 16px;
}


@media only screen and (min-width: 1240px){
  
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 16px;
}
  
  ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
   margin: 0;
}

  .navbar-nav>li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 10px;
}
  

  .col-md-8.col-sm-8.col-xs-12.padding-col strong {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    padding-left: 20px;
    padding-right: 20px !important;
    
}
  
}


@media only screen and (min-width: 1900px){
  
  .navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 20px;
}  
  
  /*----------เนื้อหาระบบ----------*/
  
  .img-container {
    width: 100%;
    height: 0;
    padding-bottom: 115% !important;
    position: relative;
      border: 1px solid #e7e7e7;
}
  
  .col-md-8.col-sm-8.col-xs-12.padding-col strong:after {
display: block;
    content: 'ดูรายละเอียด ';
    color: #fff;
    width: 55%;
    margin-top: 20px;
    margin-left: -1%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    padding: 8px 0px 8px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 2px;
    background-color: #de020a;
    background-repeat: no-repeat;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
  
  li.col-md-6.col-sm-6.col-xs-12 {
    width: 24.3% !important;
  }
  
  .col-md-8.col-sm-8.col-xs-12.padding-col strong {
    font-weight: 500;
  font-size: 16px;
  color: #000000;
}
  
/*----------อัลบั้มภาพ----------*/
  
#background5ddcaa2cdc159700127aeaea .thumbnail {
    display: block;
    padding-top: 0px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 15.5% !important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
        height: 614px !important;
}
  
 figure.effect-phoebe p {
    font-size: 18px;
    color: #ed1c24;
    margin-left: -8% !important;
    margin-right: -8% !important;
    font-weight: 500;
} 
  
figure.effect-phoebe h2 {
    margin-top: 50% !important;
}
  
  
  /*-----ฟอร์มสร้างเอง-----*/  
  #capcha5ddcdfcc1537b6001367de74{
      margin-left: -0.5% !important;
    margin-right: -3% !important;
  }
}



 /*-----ค้นหา-----*/  

  .itopplus-search-image-flex-item {
    background-color: #f9f9f9!important;
    width: 23%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 200px!important;
    max-height: 197px!important;
    padding-top: 10px!important;
}
  
.itopplus-search-image-flex-container {
  display:block!important;
  }
.itopplus-search-image-flex-container img {
    width: 100% !important;
}





/*----------ฟอร์มสร้างเอง----------*/
#formdisplay5ddcdfcc1537b6001367de74{
    padding: 25px;
    border-radius: 10px;
  font-weight: 500;
  font-size: 15px;
}
#btnview5ddcdfcc1537b6001367de74  .btn-danger {
    background-image: -webkit-linear-gradient(top,#ed1c24 0,#ed1c24 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#ed1c24));
    background-image: linear-gradient(to bottom,#ed1c24 0,#ed1c24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc12e2a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #f2e6df;
}



/*----------อัลบั้มภาพ----------*/

figure.effect-selena {
    background: transparent;
}

figure.effect-jazz figcaption::after {

    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;

}


#background5ddcaa2cdc159700127aeaea .thumbnail {
    display: block;
	padding-top: 0px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 4.5% !important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
      height: 420px;
}

figure.effect-phoebe p {
    font-size: 18px;
    color: #ed1c24;
    margin-left: -13%;
    margin-right: -13%;
    font-weight: 500;
}

figure.effect-phoebe h2 {
    margin-top: 43%;
}

figure.effect-phoebe {
    background: transparent;
}

figure.effect-phoebe img {
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-phoebe:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}


#mainmenu5ddcc7f4d207db00126e6840 .imageGallery {
    border: 1px solid #b7b7b7;
}

#mainmenu5ddccc0f5e938000125777f9 .imageGallery {
    border: 1px solid #b7b7b7;
}

#mainmenu5ddccebfd207db00126e693c .imageGallery {
    border: 1px solid #b7b7b7;
}

/*----------ตาราง----------*/
table.MJ1 tr{
 font-size:16px;
  background-color:#fff;
color:#000;
      text-align: left;
}




/*----------เนื้อหาระบบ----------*/

  li.col-md-6.col-sm-6.col-xs-12 {
    width: 23.9% ;
  }

.col-md-8.col-sm-8.col-xs-12.padding-col strong:after {
display: block;
    content: 'ดูรายละเอียด ';
    color: #fff;
    width: 55%;
    margin-top: 20px;
    margin-left: -1%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    padding: 8px 0px 8px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 2px;
    background-color: #de020a;
    background-repeat: no-repeat;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.col-md-8.col-sm-8.col-xs-12.padding-col strong:hover:after {
    transition: 0.32s;
    background-color: #000;
  

}


.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        display: block;
    width: 100% \9;
     max-width: 95%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    padding: 3px;
}


.Contentmanager .Milk ul, ol {
    padding-left: 52% !important;
}



.nav-template li:hover {
    background-color: #eee0;
    text-decoration: underline !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
    padding-top: 10px;
}
.nav-template li {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.col-md-4.col-sm-4.col-xs-12.padding-col {
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.col-md-8.col-sm-8.col-xs-12.padding-col {
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
      height: 130px;
  
}

.col-md-8.col-sm-8.col-xs-12.padding-col strong:hover {
    font-weight: 500;
    color: #000;
}

.col-md-8.col-sm-8.col-xs-12.padding-col p{
    display: none;
} 



.landingpagemanager {
    display: none;
}

.contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

.contenemanager-gallery .col-xs-12.col-md-3 {
    width: 33.3%;
}

.contenemanager-gallery .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    margin-left: -5px;
    margin-right: -5px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.contenemanager-gallery .thumbnail:hover{
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}

.managerHeader {
    font-size: 22px;
    color: #000;
    text-align: left;
    padding-left: 15px;
}


#Contentmanager .post-time {
    font-size: 14px;
    color: #666;
      display: none;
}

.page-header {
	padding-bottom: 7px;
    margin: 40px 0 40px;
    border-bottom: 0px solid #eee;
    background-color: #f2f2f2;
    padding-top: 16px;
    border-radius: 0px;
    border-left: 7px solid #dd0208;
}

.social-icon {
    color: #fff;
    width: 26px;
    height: 26px;
    font-size: 18px;
    margin: 2px;
    border-radius: 50px;
    display: none;
}

.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 110%;
    position: relative;
      border: 1px solid #e7e7e7;
}

.Contentmanager .img-thumbnail {
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}



/*ปิดคอมเม้นเฟส*/
.fbcomments, .fb-comments {
    display: none;
}




  /*----------ตระกร้าสินค้า----------*/
.shopcart {
    z-index: 888;
    border-radius: 50px 0px 0px 50px;
    -moz-border-radius: 50px 0px 0px 50px;
    -webkit-border-radius: 50px 0px 0px 50px;
    border: 0 solid #000;
    width: 97px !important;
    height: 72px !important;
    background-image: url(https://itp1.itopfile.com/ImageServer/itp_13082019lufc/60/0/stp-materialcartz-z797989575238.webp);
    background-color: #fe0002;
    background-repeat: no-repeat;
    background-position: 13% 55%;
    position: fixed;
    -webkit-transition: width .3s,height .3s;
    transition: width .3s,height .3s;
    cursor: pointer;
    bottom: 5%;
    right: 0;
}




       /*-------เลขหน้าถัดไป-----*/  

.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 14px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #fe0002;
    border-color: #fe0002;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fe0002;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fe0002;
    background-color: #eee;
    border-color: #ddd;
}






/*--------------------------------------หน้าจอไอแพด--------------------------------------*/

@media only screen and (max-width: 768px){
      /*-----ค้นหา-----*/    
.itopplus-search-image-flex-item {
    background-color: #f9f9f9 !important;
    width: 31%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 222px!important;
    max-height: 210px!important;
    padding-top: 10px!important;
}
  
  
  /*------เนื้อหาระบบ-----*/
  
    li.col-md-6.col-sm-6.col-xs-12 {
    width: 31% ;
  }
  
  .contenemanager-gallery .col-xs-12.col-md-3 {
    width: 33.3%;
    padding-left: 20px;
    padding-right: 20px;
}
  
  .Contentmanager .pull-left {
    float: inherit !important;
}
  .Contentmanager .img-responsive {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
  
  .Contentmanager .Milk ul, ol {
    padding-left: 3.5% !important;
}
 
.col-md-8.col-sm-8.col-xs-12.padding-col {
    width: 100%;
    font-size: 12px;
    text-align: center;
    padding-top: 15px;
}
  


  
  
  
  
  /*-----อัลบั้มภาพ-----*/  
#background5ddcaa2cdc159700127aeaea .thumbnail {
      height: 350px;
}
  
  figure.effect-phoebe p {
    font-size: 12px;
    color: #ed1c24;
    margin-left: -25%;
    margin-right: -25%;
    font-weight: 500;
}
  figure.effect-phoebe h2 {
    margin-top: 35%;
}
  
  
/*-----ฟอร์มสร้างเอง-----*/  
  #display1{
      margin-right: -3%;
  }
  
  #capcha5ddcdfcc1537b6001367de74{
      margin-left: -1%;
    margin-right: -7%;
  }
  #btnview5ddcdfcc1537b6001367de74{
      text-align: center;
  }
  
#btnview5ddcdfcc1537b6001367de74  .btn-danger {
    background-image: -webkit-linear-gradient(top,#ed1c24 0,#ed1c24 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#ed1c24));
    background-image: linear-gradient(to bottom,#ed1c24 0,#ed1c24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc12e2a',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #f2e6df;
}
  
  
  
         /*-----หน้าติดต่อเรา-----*/  
  .btn-primary {
    background-image: -webkit-linear-gradient(top,#ed1c24 0,#ed1c24 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#ed1c24));
    background-image: linear-gradient(to bottom,#ed1c24 0,#ed1c24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #ed1c24;
}
  .btn-primary:hover, .btn-primary:focus {
    background-color: #ed1c24;
    background-position: 0 -15px;
}
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ed1c24;
    border-color: #ed1c24;
}
  .btn-primary:active, .btn-primary.active {
    background-color: #ed1c24;
    border-color: #ed1c24;
}
}





/*--------------------------------------หน้ามือถือ--------------------------------------*/
@media only screen and (max-width: 414px){
#background5ddcaa2cdc159700127aeaea .thumbnail{
      height: 450px !important;
}
  
  
   /*-----เนื้อหาระบบ-----*/

  li.col-md-6.col-sm-6.col-xs-12 {
    width:100% !important;
    margin-bottom: 15px !important;
        padding: 0px;
}
  
  .Contentmanager .Milk ul, ol {
    padding-left: 7% !important;
}
  
  .contenemanager-gallery .col-xs-12.col-md-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}  
  
  
  .col-md-8.col-sm-8.col-xs-12.padding-col {
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
}
  
/*-----ฟอร์มสร้างเอง-----*/  
  #formdisplay5ddcdfcc1537b6001367de74 {
    padding: 5px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 15px;
}
  
  #display1{
      margin-right: -7.5%;
  }
  #capcha5ddcdfcc1537b6001367de74{
  margin-left: -2%;
    margin-right: -16%;
  }
  
  
       /*-----ค้นหา-----*/  

  .itopplus-search-image-flex-item {
    background-color: #f9f9f9!important;
    width: 100%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 200px!important;
    max-height: 315px!important;
    padding-top: 10px!important;
}
  
.itopplus-search-image-flex-container {
  display:block!important;
  }
  
}