#main-menu {background: #ff9900;}
#main-menu .nav.nav-justified > li > a {color: #333;}
#main-menu .nav.nav-justified > li.active, .nav.nav-justified > li>a:hover, .nav.nav-justified > li>a:focus {background: #fc0;}
#main-menu .nav.nav-justified.nohover > li > a:hover {background: transparent;}

#all-category {
  background: #333;
}
#all-category .nav.nav-justified > li > a {
  color: #fff;
}
#banner-container {
  transition: background-color 1s ease;
  border-bottom: 1px solid #ddd;
}
#left-category, #left-category .list-group {
  margin-bottom: 0;
  height: 433px;
  background: #fff;
  position: relative;
}
#left-category .list-group-item:first-child {
  border-radius: 0;
}
#left-category .list-group-item:last-child {
  border-radius: 0;
  border-bottom: none;
}
#left-category .list-group-menu {
  position: static;
}
#left-category .list-group-menu:hover {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
#left-category .list-group.secondary {
  display: none;
  position: absolute;
  left: 100%;
  top: 0px;
  width: 100%;
  z-index: 100;
  border-left: 1px solid #eee;
}
#left-category .list-group-menu:hover .list-group.secondary {
  display: block;
}
#left-category .list-group.secondary .list-group-item {
  border: none;
}
#left-category .list-group.secondary .list-group-item h4 {
  margin-bottom: 0;
}
#hot-category {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
}
#hot-category .nav li a {
  color: #666;
}
#hot-category .nav li a:hover {
  color: #f00;
  background: transparent;
}
#carousel .item {
  height: 433px;
}
#carousel .item img {
  position:absolute;
  left: 50%;
  max-width: none !important;
  width: auto !important;
  height: 433px !important;
  transform: translateX(-50%);
}

#carousel .carousel-caption {
  left: 5%;
  right: 5%;
  background: rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 10%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 90%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}

#right-column {
  height: 433px;
  background: #fff;
}
.avatar {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  margin-right: 10px;
}

.qrcode {
  width: 120px;
  height: 120px;
}

.container.section {
  margin-top: 30px;
}

#merchants .banner {
  height: 549px;
  overflow: hidden;
  background-image: url('/images/bootstrap_v3/home/star-shops-banner.jpg');
  background-position: center center;
}
#merchants .logos > .col-sm-3 {
  padding: 8px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#merchants .logos > .col-sm-3:nth-child(4n+1) {
  border-left: 1px solid #ddd;
}
#merchants .logos > .col-sm-3:nth-child(1) {
  border-top: 1px solid #ddd;
}
#merchants .logos > .col-sm-3:nth-child(2) {
  border-top: 1px solid #ddd;
}
#merchants .logos > .col-sm-3:nth-child(3) {
  border-top: 1px solid #ddd;
}
#merchants .logos > .col-sm-3:nth-child(4) {
  border-top: 1px solid #ddd;
}
#merchants .logos img {
  width: 100%;
  max-width: 120px;
  max-height: 120px;
}

#foods .tab-pane {
  border: 1px solid #ddd;
  border-top: 0;
  padding-top: 10px;
  padding-bottom: 20px;
}
#foods .col-sm-4 .store-image {
  width: 100% !important;
  height: auto !important;
}
#foods .media-object {
  max-width: none;
  width: 64px;
  height: auto;
}

#travel .banner {
  height: 320px;
  overflow: hidden;
  background-image: url('/images/bootstrap_v3/home/travel-banner.jpg');
  background-position: center center;
}
#travel .items .item {
  position: relative;
  height: 320px;
  overflow: hidden;
}
#travel .items .store-image {
  position:absolute;
  width: auto !important;
  height: 320px !important;
  left: 50%;
  transform: translateX(-50%);
}

#beauty .banner {
  height: 320px;
  overflow: hidden;
  background-image: url('/images/bootstrap_v3/home/beauty-banner.jpg');
  background-position: center center;
}
#beauty .items .item {
  position: relative;
  height: 320px;
  overflow: hidden;
}
#beauty .items .store-image {
  position:absolute;
  width: auto !important;
  height: 320px !important;
  left: 50%;
  transform: translateX(-50%);
}

#new-business a.thumbnail {
  color: #000;
}
#new-business a.thumbnail:hover {
  text-decoration: none;
}