body, button, input,select, textarea,h1 ,h2, h3, h4, h5, h6 {
	font-family: 'Helvetica', 'Arial','黑體-繁','微軟正黑體', sans-serif;
}

.bg-logo-color {
  /*background-color: #0b474d;*/
  background-color: #ffffff;
}

.text-color {
  color: #0b474d;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
}

/* And set the max-width of the parent element */
.video-wrap {
  width: 100%;
  max-width: 600px;
}

/* Navbar */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{ display: none; }
  .navbar .nav-item:hover .nav-link{ color: #777777; }
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

nav a {
  color: #0b474d !important;
}

nav a:hover, nav a:focus, nav a:active {
  color: #777777 !important;
}

nav .active {
  font-weight:bold;
}

/* item page box */
.accordion-toggle:before {
  content: "－";
}
.accordion-toggle.collapsed:before {
  content: "＋";
}


/* star */
.star-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  position: relative;
}

.icon-rating-active {
  margin-right: .0rem;
  color: #ee4d2d;
}

.icon-rating {
  color: #ee4d2d;
  margin-right: .0rem;
  stroke: currentColor;
}

.comment-content {
  padding-top: 10px;
}

.comment-time {
  padding-top: 15px;
  padding-bottom: 15px;
}

.review-pane {
  padding-top: 10px;
}

.comment-seller-reply {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  background-color: #f5f5f5;
}

.comment-seller-reply-header {
  color: #0b474d;
}

.comment-seller-reply-text {
  padding-top: 5px;
}

.padding-left {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}


/* line share */
.share {
  float: left;
  position: relative;
  right: 7px;
}