.itopplus-background {

}
/*2.3*/
.Contentmanager .caption {
  font-size: 16px;
  height: 30px;
  color: #969694;
}

.Contentmanager .caption:hover {
  font-size: 16px;
  height: 30px;
  color: #fa040d;
}

/*babba*/
figure.effect-bubba figcaption::before {
  border-top: 0px solid;
  border-bottom: 0px solid;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}

figure.effect-bubba figcaption::after {
  border-right: 0px solid;
  border-left: 0px solid;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}

.grid figure.effect-bubba figcaption:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

figure.effect-bubba h2 {
  padding-top: 15%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}

figure.effect-bubba:hover figcaption::after,
figure.effect-bubba:hover figcaption::before {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*ฟอร์มค้นหา*/
.panel {
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.64);
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.ui.segment {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(39, 41, 43, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  margin: 1rem 0;
  padding: 1em 1em;
  border-radius: 0.2857rem;
  border: none;
  color: #000;
}

/*เนื้อหาระบบ*/
.text-center {
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  line-height: 18pt;
}

.Contentmanager-template2-1:hover .text-center {
  color: #fb040d;
}

.managerHeader {
  font-size: 20px;
  color: #fb040d;
}

.Contentmanager .post-time {
  font-size: 18px;
  color: #e0e0e0;
}

.nav-template strong {
  font-size: 16px !important;
  color: #fa0302 !important;
}

.nav-template p {
  font-size: 14px !important;
  color: #c7c7c7;
}

.page-header h4 {
  font-size: 16px !important;
}

.managerHeader.ng-binding {
  font-size: 16px;
  color: #fb040d;
}

.nav-template li:hover {
  background-color: #cccccc42;
  text-decoration: underline !important;
}

.text-justify {
  text-align: left;
}

.Contentmanager-thumbnail {
  border: 0px solid #ddd !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0) !important;
}

/* เมนูในโทรศัพ์ */
/*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;
}

/*Hide Menu Phone*/

@media (max-width: 768px) {
  #imagesControl5b973df71ab56e00190c58fd {
    padding: 0px !important;
  }
}

@media (max-width: 768px) {
  #imagesControl5b92458a59e8ba001a24d62a {
    padding: 0px !important;
  }
}

.navbar-default .navbar-nav > li > a {
  font-size: 18px;
}

.no-js a {
  /* ใส่สี link */
  color: #c8c8c8;
}

a:hover {
  /* ใส่สี link ตอน hover */
  color: #fb040d;
  text-decoration: none;
}

/*hover footer*/
.itopplus-footer a {
  color: #fff;
}

.itopplus-footer a:hover {
  color: #fb040d;
  box-shadow: 0 3px 0 0 #fb040d;
}

/*เมนูกึ่งกลาง*/
/* Medium Devices, Desktops */
@media only screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 2.25em;
  }

  h2,
  .h2 {
    font-size: 1.875em;
  }

  h3,
  .h3 {
    font-size: 1.5em;
  }

  h4,
  .h4 {
    font-size: 1.125em;
  }

  h5,
  .h5 {
    font-size: 0.875em;
  }

  h6,
  .h6 {
    font-size: 0.75em;
  }

  p {
    margin: 0 0 10px;
  }

  .navbar .nav,
  .navbar .nav > li {
    float: none;
    display: inline-block;
    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.25em;
  }

  h2,
  .h2 {
    font-size: 1.875em;
  }

  h3,
  .h3 {
    font-size: 1.5em;
  }

  h4,
  .h4 {
    font-size: 1.125em;
  }

  h5,
  .h5 {
    font-size: 0.875em;
  }

  h6,
  .h6 {
    font-size: 0.75em;
  }

  p {
    margin: 0 0 10px;
  }

  .navbar .nav,
  .navbar .nav > li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  #main-navbar-collapse {
    text-align: center;
  }
}

.Template-M-pic {
  height: auto !important;
  background: transparent;
}

.Template-M-Name {
  min-height: 60px;
}

.Template-M-frame {
  background-color: transparent;
}

.Template-M-Name {
  color: #fff;
  font-size: 16px;
}

.Template-M-Price,
.priceNoPromotion {
  color: red;
  font-size: 20px;
}

.Template-M-frame:hover {
  box-shadow: none;
}

.Template-M-button {
  background: red;
}

.shopcartID-Head-Default {
  font-size: 22px;
  color: #fff;
  border-bottom: solid 1px #d8d8d8;
  padding: 10px 0 10px 0;
}

.shopcartName-Head-Default {
  font-size: 22px;
  color: #fff;
  border-bottom: solid 1px #d8d8d8;
  padding: 10px 0 10px 0;
}

.Template-M-PricePromotion {
  color: red;
}

.shopcartSize-Default {
  font-size: 18px;
  color: #fff;
}

.Template-M-Quantity {
  color: #fff;
}

.Template-M-buttonDetail {
  background: linear-gradient(to bottom, red 0, red 100%);
}

.Checkout-font-panel {
  color: #fff;
}

.Headcheckout {
  color: #fff;
}

.Bodycheckout {
  color: #fff;
}

.checkoutFirstStepPrice {
  color: red !important;
}

.button-increase-shop-cart,
.button-minus-shop-cart {
  background: red;
}

#scrolltoshop input {
  background-color: #000;
}

.tt-suggestion {
  background: #000 !important;
}

.btnCheckoutprevious {
  background-color: red;
}

.step1checkout {
  background-color: red;
  border: 5px solid #fff;
}

#scrolltoshop input,
#scrolltoshop input::placeholder {
  color: #fff;
}

.ProductCheckoutColor {
  color: #fff;
}

.pick-color-text {
  color: #fff;
}

.pick-size-text {
  color: #fff;
}

.show-detail-selected {
  color: #fff;
}

.panel-body {
  color: #fff;
}