.itopplus-background {
background-image:none;background-color :rgba(247, 240, 240, 1);
}
/*------------ตะกร้าสินค้า-----------*/

.Template-H-Icon {
    width: 20%;
    padding: 0 5px 5px 0;
}

.Template-H-frame {
    margin-bottom: 10%;
    padding: 0px 0px 10px 0px;
    border: solid 1px #fff;
   
    cursor: pointer;
}

.Template-H-frame:hover {
    margin-bottom: 10%;
    padding: 0px 0px 10px 0px;
     border: solid 1px #fff;
    cursor: pointer;
    box-shadow: 0 0 4px 2px #ffffff00;
}

.Template-H-pic:hover {
    width: 100%;
    overflow: hidden;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}


.Template-H-Name {
    text-align: center;
    font-size: 16px;
    height: 52px;
    overflow: hidden;
    margin-top: 3%;
    color: #034c20;
    line-height: 1.7;
    font-weight: 100!important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
}





.Template-H-button:hover {
    background-color: #519a24;
    color: #fff;
}

.Template-H-button {
    width: 60%;
    margin: 0 auto;
    padding: 3px 0 3px 0%;
    background-color: #8fc94f;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    font-weight: 200;
    font-size: 16px;
    text-align: center;
}

.Template-H-Price {
    height: 75px;
    text-align: center;
    font-size: 16px;
}

.Template-H-ProName {
    color: #8fc94f;
    font-size: 18px;
}

.Template-H-CateName {
    color: #000;
    font-size: 18px;
}

.shopcartID-Head-Default {
    font-size: 20px;
    color: black;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0;
    font-family: Prompt,sans-serif;
}

.shopcartName-Head-Default {
    font-size: 20px;
    color: black;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0;
    font-family: Prompt,sans-serif;
}
.shopcartName-Default {
    font-size: 18px;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0;
    font-family: Prompt,sans-serif;
}

.shopcartID-Default {
    font-size: 18px;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0;
    font-family: Prompt,sans-serif;
}

.Template-H-PricePromotion {
    color: black;
    font-size: 22px;
    font-family: Prompt,sans-serif;
}

.PictureOverflow {
   max-height: inherit;
   cursor: pointer;
}
.Template-H-pic, .Template-H-innerPic {
height: inherit!important;
}
.Template-H-smallpic{
   height: inherit!important;
}
.Template-H-Big {
   border: 2px solid #9e9e9e;
   width: 100%;
   overflow: hidden;
}
.discount {
    right: 0;
}

.Template-H-PriceNormal {
    color: red;
    font-family: Prompt,sans-serif;
}

.Template-H-buttonDetail {
    cursor: pointer;
    width: 40%;
    margin: 5px 0 0 0;
    padding: 3px 0 3px 0;
    color: #fff;
    background-color: #8fc94f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    font-family: Prompt,sans-serif;
}
.Template-H-buttonDetail:hover {
    cursor: pointer;
    width: 40%;
    margin: 5px 0 0 0;
    padding: 3px 0 3px 0;
    color: #fff;
    background-color: #519a24;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    font-family: Prompt,sans-serif;
}


.Template-H-Quantity {
    color: black;
    font-family: Prompt,sans-serif;
}

.Template-H-Item {
    color: black;
    font-family: Prompt,sans-serif;
}

.shopcartDetail-Default {
    font-size: 22px;
    border-bottom: solid 1px;
    border-color: #d8d8d8;
    font-family: Prompt,sans-serif;
    margin-left: -20px;
}

/*-------การสั่งซื้อ------------*/

.ui.steps .step.active .title {
    color: #186d3a;
}

.ui.steps .step .title {
    font-size: 14px;
    font-weight: bold;
    font-family: Prompt,sans-serif;
    margin-top: 10px;
}



.step1checkout {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    background-color: #8fc94f;
    border: 5px solid #2e7c48;
    text-align: center;
    width: 70px;
    height: 70px;
    margin-top: 0;
}

.btnCheckoutprevious {
    cursor: pointer;
    width: 40%;
    background-color: #8fc950;
    color: white;
    margin: 5px 0 0 110px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 0 5px 0;
    font-weight: bold;
    text-align: center;
}
.step5checkout {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    background-color: #8fc94f;
    border: 7px solid #297745;
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.shopcart-paymentpage {
    font-size: 13px;
    color: white;
    background-color: #f45d0a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 15%;
    cursor: pointer;
    padding: .5%;
    margin: 0 auto;
}

.shopcart {
    background-image: url(https://itp1.itopfile.com/ImageServer/itp_03062019l061/0/60/shoppingz-z778849252508.webp);
    background-color: #8fc94f!important;
    background-repeat: no-repeat!important;
    background-position: 45% 55%;
    border-radius: 50px;
    position: fixed;
    bottom: 1%;
    width: 90px !important;
    height: 90px !important;
    -webkit-animation: pulse 2s infinite 2s;
    animation: pulse 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

#imagesControl5d3a60124d573100124f0eab{
  padding: 0px!important;
}

@media only screen and (max-width: 768px){
  .row-fluid [class*=col-sm-5fix] {
   width: 50%;
   float:left;  
 }
   .col-md-3.col-sm-6.col-xs-12 {
    width: 50%;
    float: left;
 }
  .Template-H-button {
    width: 100%;
    margin: 0 auto;
    padding: 3px;
    background-color: #8fc94f;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
  .itopplus-search-image-flex-container {
   width: 100%!important;
   display: block!important;
}
.itopplus-search-image-flex-item {
   height: auto!important;
   width: 100%!important;
   padding: 10px;
   text-align: left;
}
.Shopcart-Related-Main .col-xs-6.col-sm-12 {
width: 33%;
}
}

@media only screen and (max-width: 414px){
.Shopcart-Related-Main .col-xs-6.col-sm-12 {
width: 50%;
}
    #imagesControl5d3a60124d573100124f0eab{
padding: 0px!important;
}
   .col-md-3.col-sm-6.col-xs-12 {
    width: 50%;
    float: left;
 }
}
/*-------------เมนู---------------*/

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 16px;
    
    border-bottom: 0.3px solid #E6E6FA;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
   
}

.navbar-default {
    background: linear-gradient(to bottom, #116835 0%,#57b61b 100%);
  	border-radius: 0px;
     border: 0.3px solid #E6E6FA;
}

  .navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: transparent;
}
@media only screen and (max-width: 768px) {
#menu5e5f7c604696e2001a4e50b1 a {
	 color: white; 
}
#menu5e61d7f20dfbcc0019035d07 a {
	color: white;
}
#menu5e61d83154ad260019554eac a {
	color: white;
}
#menu5e61d8d26baa7c001949d281 a {
	color: white;
}

#menu5e61d9039e1b0c0019bda0c7 a {
	color: white;
}
#menu5fbf1a104f1d6e00123b0284 a {
	color: white;
}
#menu5e61da2b9e1b0c0019bda0db a {
	color: white;
}
#menu5fbf386b9fef800013df4056 a {
	color: white;
}
#menu5fbf1cb68a1fa40013878f22 a {
	color: white;
}
#menu5e61dc789e1b0c0019bda0fd a {
	color: white;
}
#menu5e9e76a20377880012305407 a {
	color: white;
}
#menu5fc4a47e81db2c00193b491e a {
	color: white;
}
#menu5fa509f6d030ea001a43e79c a {
	color: white;
}
#menu5e65f330ecc8e90013ccb12e a {
    color: white;
}
#menu5fb60f3b44e180001a64a5a4 a {
	color: white;
}
}
/*เมนูกึ่งกลาง*/
/* 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 ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 8px;
    padding-right: 8px;
}
}

/* 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 ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
}
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #92ca53;
}


/*----------------effect ข้อความ--------------------------------*/
[class^="hvr-"] {
    margin: .4em;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
   opacity: 1;
   -webkit-transform: translateY(5px);
   transform: translateY(5px);
}
.hvr-float-shadow:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
   content: '';
   top: 100%;
   left: -5%;
   height: 10px;
   width: 90%;
   opacity: 0;
   background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
   background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform, opacity;
   transition-property: transform, opacity;
}

.hvr-grow {
    vertical-align: middle;
    -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;
}

figure.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
z-index: 99;
}


.btn-primary {
    background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -o-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#428bca),to(#2d6ca2));
    background-image: linear-gradient(to bottom,#2e7b48 0,#2f7b48 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: #2e7b48;
}
.btn-primary:active, .btn-primary.active {
    background-color: #2e7b48;
    border-color: #2e7b48;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #2e7b48;
    background-position: 0 -15px;
}


.Test p {
    text-indent: 2em;
    font-size: 16px;
    text-align: inherit;
    margin-bottom: 15px;
}
.link-con:hover {
    color: #217a50;
}
.link-con {
    transition: 0.32s;
    color: #333;
}


/* เนื้อหาระบบ รูปแบบ 2.1 */
/* ปรับความสูง */
.Contentmanager-template2-1 .thumb {
    max-height: inherit!important;
    min-height: inherit!important;
    border-radius: 2px!important;
    border: 1px solid #a5a5a5!important;
}

.Contentmanager-template2-1 .thumb>img {
    max-height: inherit!important;
    padding: 2px!important;
}

/* ข้อความใต้รูป */
.Contentmanager-template2-1 .text-center {
	text-align: center;
    font-size: 16px;
    overflow: hidden;
    margin-top: 3%;
    color: #000;
    font-weight: bold!important;
}

.managerHeader {
    color: #8fc94f;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: -22px!important;
}

.post-time {
	display:none;
}
.landingpagemanager {
	display:none;
}



.Contentmanager-template2-1 {
    padding: 5px 20px 0px 20px!important;
    margin-bottom: 35px;
}
.Contentmanager-template2-1 .Contentmanager-thumbnail:hover {
    transform: scale(1.04);
}
.Contentmanager-template2-1 .Contentmanager-thumbnail {
    transition: 0.32s;
}
/* เนื้อหาระบบ รูปแบบ 2.1 */


.itopplus-bgmain {
	background-image: unset;
  	background-size: unset;
    background-position: unset;
    background-color: white;
}
.itopplus-bgmain2  {
	background-color: white;
}
.itopplus-bgmain3 {
	background-color: white;
}
.itopplus-footer {
	background-color: white;
    background-image: unset;
  	background-repeat: unset;
    background-size: unset;
    background-position: unset;
}
#menu5d3558cc764ecda724942338 .dropdown-toggle {
	color: white;
}
#menu5d3558cc764ecda724942338 .dropdown-toggle:hover {
	color: #333;
}
/* menu5e61d77b0dfbcc0019035cf6 */
#menu5e61d77b0dfbcc0019035cf6 .dropdown-toggle  {
	color: white;
}
#menu5e61d77b0dfbcc0019035cf6 .dropdown-toggle:hover {
	color: #333;
}
#menu5e61d77b0dfbcc0019035cf6 .dropdown-toggle:active {
	color: #333;
}
#menu5d3558cc764ecda724942338 .dropdown-toggle {
	color: white;
}
#menu5d3558cc764ecda724942338 .dropdown-toggle:hover {
	color: #333;
}
#menu5d3976298c3bf90019a9c4a1 a {
	color: white;
}
#menu5d3976298c3bf90019a9c4a1 a:hover {
	color: #333;
}
#menu5d397642a204af0019bb5378 a {
	color: white;
}
#menu5d397642a204af0019bb5378 a:hover {
	color: #333;
}
#menu5d39765d32abad00195d0ed4 a {
	color: white;
}
#menu5d39765d32abad00195d0ed4 a:hover {
  	color: #333;
}
#menu5d39766932abad00195d0ee2 .dropdown-toggle {
	color: white;
}
#menu5d39766932abad00195d0ee2 .dropdown-toggle:hover {
	color: #333;
}
#menu5d39766932abad00195d0ee2 .dropdown-toggle:active {
	color: #333;
}
#menu5e6087ec0dfbcc0019034b4f a {
	color: white;
}
#menu5e6087ec0dfbcc0019034b4f a:hover {
	color: #333;
}
#menu5e7975b85e529100125fc30a a {
	color: white;
}
#menu5e7975b85e529100125fc30a a:hover {
	color: #333;
}
#menu5d39769432abad00195d0efe a {
	color: white;
}
#menu5d39769432abad00195d0efe a:hover {
	color: #333;
}
#menu5fb60d9b388faa0019b45848 .dropdown-toggle {
	color: white;
}
#menu5fb60d9b388faa0019b45848 .dropdown-toggle:hover {
	color: #333;
}
#menu5fb60d9b388faa0019b45848 .dropdown-toggle:active {
	color: #333;
}
#itplinemobile {
	color: white;
}
#itpfacebookmobile {
	color: white;
}
#itpsearchmobile {
	color: white;
}
#itpphonemobile {
	color: white;
}
.dropdown.dropdown-sub.open#menu5e61d77b0dfbcc0019035cf6 .dropdown-toggle.cursor {
	color: black !important;
}
.dropdown.dropdown-sub.open#menu5d39766932abad00195d0ee2 .dropdown-toggle.cursor {
	color: black !important;
}


.drodown .dropdown-sub .open .dropdown-toggle {
	color: black!important;
}
.dropdown dropdown-sub open a {
	color:black !important;
}
.fontBlackColor {
	color: black!important;
}
.dropdown dropdown-sub open {
	color: black !important;
}
.fontWhiteColor {
	color: white!important;
}