.itopplus-background {

}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .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: #767676;
}	
.itopplus-menu {
    margin-top: 0px;
}

/*เมนูกึ่งกลาง*/
/* 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 ;
}
.navbar-nav {
    margin-top: 4%;
}
}

/* 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 ;
}
.navbar-nav {
    margin-top: 4%;
}
}



@media only screen and (min-width : 1024px) {
.nav>li>a {
    padding: 10px 12px;
}
.shopcart {
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    width: 80px;
    height: 80px;
    background-image: url(https://itp1.itopfile.com/ImageServer/a4f415a938fb35e3/0/0/iTopPlus1158955257486.webp);
    background-color: #309667;
    background-size: 58%;
    background-position: 47% 57%;
    bottom: 50%;
    right: 6px;
}

}
.navbar-default .navbar-nav>li>a {
    padding-left: 5px;
    padding-right: 5px;
}  
}


@media only screen and (min-width : 1366px) {
.nav>li>a {
    padding: 10px 12px;
}
.shopcart {
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    width: 80px;
    height: 80px;
    background-image: url(https://itp1.itopfile.com/ImageServer/a4f415a938fb35e3/0/0/iTopPlus1158955257486.webp);
    background-color: #309667;
    background-size: 58%;
    background-position: 47% 57%;
    bottom: 50%;
    right: 6px;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
} 
}

@media (max-width:768px) {
/*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;
          }
          .text-justify {
              text-align: inherit;
          }
          .col-sm-12, .col-md-12, .col-lg-12 {
                  padding-right: 5px;
              padding-left: 5px;
          }
/*Hide Menu Phone*/
.navbar-default {
    background-color: #309667;
}
.shopcart {
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    width: 80px!important;
    height: 80px!important;
    background-image: url(https://itp1.itopfile.com/ImageServer/a4f415a938fb35e3/0/0/iTopPlus1158955257486.webp);
    background-color: #309667;
    background-size: 42%;
    background-position: 48% 57%;
    bottom: 4%;
    right: 2%;
}
  .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #fff;
}
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff!important;
}
  .navbar-default .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 16px;
}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
.table-responsive {
    white-space: nowrap;
}
.Template-I-button {
    width: 100%!important;
}
.priceNoPromotion {
    font-size: 20px!important;
}
}


#btmhover {
    transition: 0.35s;
    border:1px solid #309667;
    padding:13px 10px 10px 10px;
    border-radius:22px;
}
#btmhover:hover {
    background-color: #309667;
    border-radius: 22px;
    transition: 0.35s;
    padding:13px 10px 10px 10px;
}

#btmhover-s {
    transition: 0.35s;
    border:1px solid #309667;
    padding:10px 10px 8px 10px;
    border-radius:22px;
}
#btmhover-s:hover {
    background-color: #309667;
    border-radius: 22px;
    transition: 0.35s;
    padding:10px 10px 8px 10px;
}

.boderedlayoutClient {
   border-top: 0px dashed transparent;
   border-left: 0px dashed transparent;
   border-right: 0px dashed transparent;
   border-bottom: 0px dashed transparent;
}

.Template-I-pic {
    border: 2px solid #e5dbd8;
}
.Template-I-frame {
    border: 2px solid #e5dbd8;
}
.Template-I-frame:hover {
    -moz-box-shadow: 0 0 10px #58585800;
    -webkit-box-shadow: 0 0 10px #58585800;
    box-shadow: 0 0 10px #58585800;
    cursor: pointer;
}
.Template-I-button img {
    display: none;
}
.Template-I-button {
    width: 54%;
    color: #333;
    background-color: #29a3dc00;
    border: 1px solid #309667;
    border-radius: 24px;
    font-weight: bold;
    transition: 0.35s;
}
.Template-I-pic:hover {
    transform: scale3d(0.95,0.95,1);
    transition: 0.35s;
    position: relative;
}
.Template-I-pic {
    border: 2px solid #e5dbd800;
    transition: 0.35s;
}
.priceNoPromotion {
    color: #309667;
    font-size: 24px;
    font-weight: bold;
}
.Template-I-Title {
    font-size: 18px;
    margin-bottom: -8%;
}
.Template-I-Name {
    font-size: 18px;
    height: 80px;
    margin-top: 3%;
    margin-bottom: -4%;
}
.Template-I-Price {
    margin-top: 4%;
}
.Shopcart-Related-Main {
    display: none;
}
.Template-I-buttonDetail img {
    display: none;
}
.Template-I-CateName {
    color: #a6a4a5;
    font-size: 22px;
}
.Template-I-ProName {
    font-size: 22px;
    font-weight: bold!important;
    color: #309667;
}
.col-xs-12, .col-md-6 {
	 font-family: Kanit,sans-serif!important;
}
.shopcartDetail {
    margin-left: 0%;
    font-weight: bold;
    padding-left: 0%!important;
}
.Template-I-buttonDetail {
    border-radius: 24px;
    font-weight: bold;
    background-color: #29a3dc00;
    border: 1px solid #309667;
    font-size: 20px;
}
.notificationcart {
    width: 20px;
    height: 19px;
    bottom: 56%;
    right: 35%;
}
.ui.steps .step.active .title {
    color: #309667;
}
.ui.steps .step .title {
    font-family: Kanit,sans-serif!important;
    font-size: 12px;
    font-weight: 700;
    padding-top: 8px;
}
.shopcart-paymentpage {
    font-size: 16px;
}

@media (max-width:768px) {
label.col-xs-12.col-sm-3.col-md-3.control-label {
   width: 33%;
}
}

.Template-I-Name {
    height: 80px;
}