.itopplus-background {

}
a {
  color: #161616;
}
a:hover {
  color: #00528c;
}

.itopplus-footer a {
  color: #083140;
}
.itopplus-footer a:hover {
  color: #006ab6;
}

.itopplus-menu-logo {
  height: 95px !important;
}
#itopplus-nav-bar-sticky {
  padding: 20px 0 10px;
}
.navbar.navbar-default.itopplus-sticky-nav-bar-inside {
  width: 85% !important;
}

.navbar-default {
  background: #edf5fa;
  border-radius: 0px;
}
.navbar-default .navbar-brand {
  color: #013547;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #006ab6;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #013547;
}
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #006ab6;
}
.text-bar {
  color: #013547 !important;
}
.navbar-default .navbar-toggle:focus .text-bar,
.navbar-default .navbar-toggle:hover .text-bar {
  color: #006ab6 !important;
}

.navbar-default .navbar-nav > li > a {
  color: #013547;
  font-size: 16px;
  font-weight: 500;
   border-bottom: 1px solid transparent;
}

ul#itopplus-nav-bar {
    display: flex;
    justify-content: center;
  	gap: 20px;
}

/*
ul#itopplus-nav-bar:hover a {
  border-bottom: 1px solid rgba(57, 60, 66) !important;
}

*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent !important;
  color: #006ab6;
  border-bottom: 1px solid rgba(57, 60, 66) !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: transparent;
  background-image: none;
  color: #006ab6;
  
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: transparent;
  background-image: none;
  color: #006ab6 !important;
}
@media (max-width: 768px) {
  .navbar-default {
    background: #edf5fa;
  }
}

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

.thumbs {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding: 0px;
  margin-bottom: 10px;
}
figure.effect-jazz {
  background: transparent;
}
figure.effect-jazz figcaption::after {
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
}
figure.effect-jazz h2 {
  transition: transform 0.35s;
  top: 80%;
  padding: 10px 5px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  transform: scale3d(1, 1, 1);
}
.eftext {
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgba(72, 76, 97, 0.8) 75%);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 15px 5px;
  color: white;
  font-size: 24px;
  font-weight: 400 !important;
}

.hvr-grow {
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.1);
}

/**shopcart**/
.Template-B-frame {
  padding: 10px 0px 30px 0px;
  border-radius: 0px;
  background: #f7f8fa;
}
.Template-B-pic {
  background-color: #f7f8fa;
  border: solid 0px #ccc;
  padding: 0px;
  width: 100%;
  overflow: hidden;
  height: inherit !important;
}
.Template-B-Name {
  color: #013547;
  font-size: 16px;
  height: 26px;
  margin-top: 0%;
  text-align: center;
}
.Template-B-Name label {
  font-weight: 300;
}
.Template-B-Price {
  color: #013547;
  height: 55px;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
}
.Template-B-Price label {
  font-weight: 300;
}
.priceNoPromotion {
  color: #013547;
  font-size: 16px;
  font-weight: 300;
}
.Template-B-Icon {
  width: 10%;
}
.Template-B-button {
  width: 40%;
  background: linear-gradient(to bottom, rgba(0, 75, 129, 1) 0%, rgba(0, 106, 182, 1) 100%);
  color: #ffffff;
  border-radius: 10px;
  font-weight: 300;
  padding: 7px 0 7px 3%;
}
.Template-B-button:hover {
  width: 40%;
}
.Template-B-CateName {
  color: #0d3544;
  font-size: 28px;
  font-weight: bold !important;
}
.Template-B-ProName {
  color: #005491;
  font-size: 28px;
  font-weight: bold !important;
}
.col-xs-12.col-md-6 {
  font-family: Kanit !important;
  font-weight: 300 !important;
}
.Template-B-Big {
  border: solid 0px #ccc;
  height: inherit;
}
.Template-B-smallpic {
  height: inherit;
  border: solid 0px #9e9e9e;
}
.PictureOverflow {
  width: 100%;
  max-height: inherit;
}
.Template-B-buttonDetail {
  background: linear-gradient(to bottom, rgba(0, 75, 129, 1) 0%, rgba(0, 106, 182, 1) 100%);
  color: #ffffff;
  border-radius: 10px;
  font-weight: 300;
}
.shopcartID-Head-Default {
  font-size: 20px;
  color: #0d3544;
  border-bottom: solid 1px #f6f8fa;
}
.shopcartName-Head-Default {
  font-size: 20px;
  color: #0d3544;
  border-bottom: solid 1px #f6f8fa;
}
.shopcartID-Default {
  color: #00528d;
  font-size: 20px;
  border-bottom: solid 1px #f6f8fa;
}
.shopcartName-Default {
  color: #00528d;
  font-size: 20px;
  border-bottom: solid 1px #f6f8fa;
}
.shopcartlinePrice-Default {
  color: #f6f8fa;
}
select.input-sm {
  height: 35px;
  line-height: 30px;
  font-size: 14px;
}
.Template-B-PriceNormal {
  color: #005491;
  font-size: 30px !important;
}
.shopcartSize-Default label {
  font-size: 20px;
  color: #0d3544;
  font-weight: 300 !important;
}
.Template-B-Quantity {
  color: #0d3544;
  font-weight: 300;
  font-size: 16px;
}
.Template-B-Item {
  color: #0d3544;
  font-weight: 300;
  font-size: 16px;
}
.shopcartDetail-Default {
  font-size: 22px;
  font-family: Kanit;
  border-bottom: solid 3px;
  border-color: #005491;
  font-weight: 600;
}
.ui.steps .step.active .title {
  color: #005491;
}
.ui.steps .step .title {
  font-family: Kanit;
  font-weight: 300;
}
.Headcheckout {
  color: #005491;
}
.step1checkout {
  background-color: #005491;
  border: 5px solid #005491;
}
.btnCheckoutprevious {
  background-color: #005491;
  font-weight: 300;
}
.step5checkout {
  background-color: #005491;
  border: 7px solid #005491;
}
.shopcart-paymentpage {
  font-size: 14px;
  background-color: #005491;
  width: 20%;
}

.input-sm,
.form-horizontal .form-group-sm .form-control {
  font-size: 14px;
}

/***************/
.Contentmanager .site .col-section .item.-micro a .caption .title {
  font-size: 18px;
  font-weight: 600;
  color: #005491;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
  color: #97d7f3;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
  font-size: 14px;
  color: #161616;
  font-weight: 300;
}
.Contentmanager .site .col-section .item.-micro a .post {
  font-size: 12px;
  color: #023648;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: solid 1px #f6f8fa;
  border-bottom: solid 1px #f6f8fa;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-bottom: solid 1px #f6f8fa;
}
h3.managerHeader {
  color: #005491;
  font-size: 26px;
  font-weight: bold;
}
#Contentmanager .post-time {
  font-size: 14px;
  color: #023648;
}
.row.Contenemanager-galler .thumbnail {
  border: none;
}
.row.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 5px;
  padding-right: 5px;
}
.landingpagemanager {
  display: none;
}

.camera_thumbs_cont ul {
  padding: 10px 4px 8px;
}

.itopplus-search-image-flex-item {
  background-color: #f7f8fa !important;
  padding-top: 5px;
  width: 25% !important;
}
.itopplus-search-shopcart-image-position {
  width: 100% !important;
  overflow: hidden;
}

@media (max-width: 768px) {
  .Template-B-button {
    width: 65%;
    background: linear-gradient(to bottom, rgba(0, 75, 129, 1) 0%, rgba(0, 106, 182, 1) 100%);
    color: #ffffff;
    border-radius: 10px;
    font-weight: 300;
    padding: 7px 0 7px 3%;
  }
  .Template-B-button:hover {
    width: 65%;
  }

  .row.margin.Shopcart-Related-Main .col-xs-6.col-sm-12 {
    width: 50%;
  }

  .itopplus-search-shopcart-image img {
    width: 100% !important;
  }
  .itopplus-search-image-flex-container {
    width: 100% !important;
    display: block !important;
  }
  .itopplus-search-image-flex-item {
    height: auto !important;
    width: 100% !important;
    padding: 10px;
    background-color: #f7f8fa !important;
  }

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

@media (max-width: 480px) {
  .eftext {
    background: white;
    position: inherit;
    width: inherit;
    left: 0;
    bottom: 0;
    padding: 5px 5px;
    color: #0b3342;
    font-size: 20px;
    font-weight: 400 !important;
    top: 0;
  }
  .Template-B-buttonDetail {
    background: linear-gradient(to bottom, rgba(0, 75, 129, 1) 0%, rgba(0, 106, 182, 1) 100%);
    color: #ffffff;
    border-radius: 10px;
    font-weight: 300;
    width: 60%;
  }
  .Template-B-buttonDetail:hover {
    width: 60%;
  }
  .row.margin.Shopcart-Related-Main .col-xs-6.col-sm-12 {
    width: 100%;
  }
}

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

.shopcart {
  background-image: url(https://itp1.itopfile.com/ImageServer/c5cb8f7c46e98f73/45/0/kt-onlyone11z-z1385821226286.webp);
  background-color: #083140;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
  position: fixed;
  margin: 10px 10px 10px 10px;
  width: 90px !important;
  height: 90px !important;
  animation: pulse 2s infinite 2s;
  left: 0%;
  bottom: 9%;
  display: none !important;
}

.itopplus-sidebar-main a:link {
  color: #013547 !important;
}