@charset "UTF-8";
/*** Reset css** */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  line-height: 1.4;
  font-size: 0.85rem; }

* > span,
* > a,
* > b,
* > small,
* > strong,
* > s,
* > i {
  font-size: inherit; }

html, body {
  font-family: Helvetica, Arial, Verdana, "Microsoft JhengHei", "微軟正黑體", "PMingLiU", sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.4;
  color: #333333;
  background: #ffffff; }

.all-page {
  font-size: 0.85rem;
  line-height: 1.4; }

h1, h2 {
  font-family: Helvetica, Arial, Verdana, Simhei, "Microsoft JhengHei", "微軟正黑體", "PMingLiU", sans-serif; }

h1 {
  font-size: 1.5rem; }

h2, cite {
  font-size: 1.2rem; }

h3 {
  font-size: 1rem; }

p {
  font-size: 0.85rem; }

.size-19rem {
  font-size: 1.9rem; }
  .size-19rem.size-force {
    font-size: 1rem !important; }

.size-15rem {
  font-size: 1.5rem; }
  .size-15rem.size-force {
    font-size: 1rem !important; }

.size-12rem {
  font-size: 1.2rem; }
  .size-12rem.size-force {
    font-size: 1rem !important; }

.size-10rem {
  font-size: 1rem; }
  .size-10rem.size-force {
    font-size: 1rem !important; }

.size-08rem {
  font-size: 0.85rem; }
  .size-08rem.size-force {
    font-size: 1rem !important; }

a {
  color: #005fb3;
  text-decoration: none;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none; }
  a:hover, a:focus {
    color: #e61e25;
    text-decoration: none; }

img {
  max-width: 100%;
  max-height: 100%; }

/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
  line-height: 28px;
  font-size: 1rem;
  color: #ccc; }

/* Firefox 19+ */
::-moz-placeholder {
  line-height: 28px;
  font-size: 1rem;
  color: #ccc; }

/* IE 10+ */
::-ms-input-placeholder {
  line-height: 28px;
  font-size: 1rem;
  color: #ccc; }

/* Firefox 18- */
::-moz-placeholder {
  line-height: 28px;
  font-size: 1rem;
  color: #ccc; }

.tooltip-inner {
  max-width: 300px;
  width: auto;
  padding: 5px;
  font-size: 0.85rem;
  letter-spacing: 1px; }

.zoom-image {
  overflow: hidden;
  display: table-cell; }
  .zoom-image img {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.zoom-image:hover img {
  opacity: 0.8; }

.navbar-default {
  border-color: #e7e7e7;
  background-color: #ffffff; }
  .navbar-default .menu-shopping {
    background: #efefef; }
  .navbar-default .navbar-nav .dropdown.active > a {
    color: #333 !important; }
  .navbar-default .navbar-nav .dropdown.open .dropdown-menu > li > a {
    color: #333; }
    .navbar-default .navbar-nav .dropdown.open .dropdown-menu > li > a.active-navbar {
      color: #fff; }
    .navbar-default .navbar-nav .dropdown.open .dropdown-menu > li > a:before {
      content: " - "; }

.overflow-menu-ui {
  position: relative;
  height: 30px;
  overflow: visible; }
  .overflow-menu-ui ul.overflow-menu {
    height: 30px;
    max-width: 100%; }
    .overflow-menu-ui ul.overflow-menu > li {
      display: block;
      float: left;
      height: auto;
      white-space: nowrap; }
  .overflow-menu-ui ul.overflow-sub-menu li {
    width: 100% !important; }
    .overflow-menu-ui ul.overflow-sub-menu li a {
      width: 100%; }
  .overflow-menu-ui ul.overflow-menu-collect {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding: 1px;
    overflow: visible; }
    .overflow-menu-ui ul.overflow-menu-collect .dropdown a {
      padding: 5px 0px;
      border-radius: 0;
      height: 30px;
      line-height: 20px;
      color: #fff;
      width: 100%;
      display: block; }
      .overflow-menu-ui ul.overflow-menu-collect .dropdown a:hover {
        background: none; }
    .overflow-menu-ui ul.overflow-menu-collect .dropdown ul li > a {
      padding: 5px; }
    .overflow-menu-ui ul.overflow-menu-collect .dropdown.open a {
      background: none; }
    .overflow-menu-ui ul.overflow-menu-collect .goodlife {
      font-style: italic;
      font-size: 0.85rem;
      color: #fff38e;
      overflow: hidden;
      word-break: break-all;
      word-wrap: break-word;
      height: 30px;
      margin: 0;
      line-height: 20px;
      padding: 5px; }
    .overflow-menu-ui ul.overflow-menu-collect ul.dropdown-menu {
      right: 0;
      left: auto; }
      .overflow-menu-ui ul.overflow-menu-collect ul.dropdown-menu li {
        border-bottom: #ccc; }
        .overflow-menu-ui ul.overflow-menu-collect ul.dropdown-menu li a {
          color: #333333; }
          .overflow-menu-ui ul.overflow-menu-collect ul.dropdown-menu li a:hover {
            color: #e61e25;
            background: none; }

.btn-basic-wide {
  width: 220px; }

.btn-basic-tiny {
  width: 110px; }

.no-margin {
  margin: 0 !important; }

.no-margin-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .dropdown .dropdown-menu > li > a {
    color: #fff !important; } }
.active-navbar {
  background-color: #e61e25; }
  .active-navbar:hover, .active-navbar:focus {
    background-color: #e61e25 !important; }

input, select {
  outline: none; }
  input:focus, select:focus {
    outline: none; }

hr {
  border-top: 1px solid #ccc; }

.btn {
  border-color: #ccc;
  height: 38px !important;
  font-size: 1rem;
  padding: 5px 10px !important;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0; }
  .btn.btn-small {
    height: 33px !important;
    font-size: 0.85rem;
    padding: 5px !important; }
  .btn.btn-large {
    height: 48px !important;
    font-size: 1.2rem;
    padding: 5px !important; }
  .btn.disabled {
    cursor: no-drop; }

a.btn {
  line-height: 28px !important; }
  a.btn.btn-small {
    line-height: 23px !important; }
  a.btn.btn-large {
    line-height: 38px !important; }
  a.btn.disabled {
    cursor: no-drop; }

.btn-gap-top {
  margin-top: 10px; }

.btn-gap-bottom {
  margin-bottom: 10px; }

.btn-gap-right {
  margin-right: 10px; }

.btn-gap-left {
  margin-left: 10px; }

.btn-warning {
  background-color: #ff6600;
  border: none; }
  .btn-warning:hover {
    background-color: #dd4e00; }

.btn-primary {
  color: #fff;
  background-color: #005fb3;
  border-color: #005fb3; }
  .btn-primary:hover {
    color: #fff;
    background-color: #005699;
    border-color: #005699; }

.btn-sub {
  color: #333333;
  background-color: #ffed00;
  border-color: #ccc; }
  .btn-sub:hover {
    background-color: #eedc4d; }

.btn-danger {
  color: #fff;
  background-color: #e61e25;
  border-color: #e61e25; }
  .btn-danger:hover {
    color: #fff;
    background-color: #ac2925; }

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998; }
  .btn-facebook:hover {
    color: #fff;
    background-color: #324b81; }

.btn-default {
  color: #666;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:hover {
    color: #666;
    background-color: #e6e6e6;
    border-color: #adadad; }

.label {
  font-size: 0.85rem;
  padding: 0.3em 0.6em 0.3em; }
  .label.label-large {
    font-size: 1rem; }

.label-danger {
  border: 1px #d9534f solid; }

.label-primary {
  border: 1px #337ab7 solid; }

.label-brand {
  border: 1px #47B8B3 solid;
  background: #47B8B3; }

.label-series {
  border: 1px #2C7EDA solid;
  background: #2C7EDA; }

.label-success {
  border: 1px #5cb85c solid; }

.label-urgent {
  background: #e61e25;
  color: #fff;
  font-weight: bold;
  border: 1px #e61e25 solid; }

.label-normal {
  background: #fff;
  color: #e61e25;
  font-weight: bold;
  border: 1px #e61e25 solid; }

.label-cold {
  background: #fff;
  color: #5281c1;
  font-weight: bold;
  border: 1px #304d85 solid; }

.label-warm {
  background: #fff;
  color: #fb722d;
  font-weight: bold;
  border: 1px #ee5e44 solid; }

.label-purple {
  background: #961975;
  color: #fff;
  font-weight: bold;
  border: 1px #961975 solid; }

.label-helmet {
  background: #f762c1;
  color: #fff;
  font-weight: bold;
  border: 1px #f762c1 solid; }

.label-motobatt {
  background: #f1e500;
  color: #6c6565;
  font-weight: bold;
  border: 1px #f1e500 solid; }

.label-oneshot {
  background: #37932f;
  color: #fff;
  font-weight: bold;
  border: 1px #37932f solid;
}

.label-winter {
  background: #ff9000;
  color: #fff;
  font-weight: bold;
  border: 1px #ff9000 solid; }

.label-cold-man {
  background: #0db815;
  color: #fff;
  font-weight: bold;
  border: 1px #0db815 solid; }

.btn-label {
  border-color: #ccc;
  border-style: solid;
  height: 38px;
  font-size: 1rem;
  padding: 5px 10px;
  line-height: 28px; }
  .btn-label.nowrap {
    white-space: nowrap; }
  .btn-label.start-label {
    padding-left: 0; }
  .btn-label.label-small {
    height: 33px;
    font-size: 0.85rem;
    padding: 5px;
    line-height: 23px; }
  .btn-label.label-large {
    height: 48px;
    font-size: 1.2rem;
    padding: 5px;
    line-height: 38px; }

input.btn-label {
  border-width: 1px; }

.select2-container .select2-selection--single {
  height: 38px; }
  .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 38px; }
  .select2-container .select2-selection--single .select2-selection__arrow {
    height: 36px; }
.select2-container .select2-results__options {
  touch-action: pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch; }

.text-vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.font-color-normal {
  color: #333333; }

.font-color-red {
  color: #e61e25; }

.font-color-white {
  color: #fff; }

.font-color-orange {
  color: #f0ad4e; }

.font-color-blue {
  color: #005fb3; }

.font-color-gray {
  color: #dddddd; }

.font-color-green {
  color: #5cb85c; }

.font-normal {
  font-weight: normal; }

.font-bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.width-full {
  width: 100% !important; }

.word-break {
  word-break: break-all; }

.bg-color-red {
  background-color: #e61e25;
  color: #fff; }

.bg-color-red:active, .bg-color-red:focus, .bg-color-red:hover {
  background-color: #e61e25;
  color: #fff; }

.rounded-img {
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  -ms-border-radius: 2px !important; }

.img-responsive {
  margin: 0 auto; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #292929 !important;
  border-bottom: 3px solid #e61e25 !important;
  max-height: 375px !important; }
  .navbar-default .navbar-collapse .nav.navbar-nav, .navbar-default .navbar-form .nav.navbar-nav {
    width: 65%; }

.navbar-default .navbar-collapse .nav.navbar-nav.home-page {
  width: 62% !important; }

@media (max-width: 767px) {
  .navbar-default .navbar-collapse .navbar-nav li {
    width: 100% !important; } }
.desktop .nav-up {
  top: -40px;
  border-bottom: 2px #fff solid; }

.center-box {
  margin: 10px 0;
  text-align: center;
  width: 100%;
  float: left; }

.no-padding {
  padding: 0; }

.no-padding-horizontal {
  padding-right: 0;
  padding-left: 0; }

.box-padding-2 {
  padding: 2%; }

.box-padding-5 {
  padding: 5%; }

.vertical-middle {
  display: inline-block;
  vertical-align: middle; }

span.helper {
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

ol.breadcrumb-product-detail {
  margin: -5px 0 0 0;
  padding-left: 0; }

.select2-container--default .select2-selection--single {
  border-radius: 0; }

.text-center {
  text-align: center !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.col-inline {
  font-size: 0; }
  .col-inline [class^=col-] {
    float: none;
    display: inline-block;
    vertical-align: middle; }

.bx-wrapper.bx-with-pager {
  margin-bottom: 10px; }

.bx-custom-pager .active {
  border-color: #e61e25; }
.bx-custom-pager .owl-prev,
.bx-custom-pager .owl-next {
  top: 24%;
  padding: 5px 5px; }

@media (max-width: 992px) {
  .bx-custom-pager .owl-prev,
  .bx-custom-pager .owl-next {
    padding: 5px 5px;
    top: 25%; } }
@media (max-width: 461px) {
  .bx-custom-pager .owl-prev,
  .bx-custom-pager .owl-next {
    padding: 10px 10px;
    top: 30%; } }
/*** End reset css ** */
/*** Reset custom css page ** */
/* dotted-text */
.dotted-text {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  white-space: nowrap; }

.dotted-text1 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  white-space: nowrap;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 200%; }
  .dotted-text1.force-limit {
    height: 19.5px; }

.dotted-text2 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 200%; }
  .dotted-text2.force-limit {
    height: 39px; }

.dotted-text3 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 300%; }
  .dotted-text3.force-limit {
    height: 58.5px; }

.dotted-text4 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 400%; }
  .dotted-text4.force-limit {
    height: 78px; }

/* Fix with one column */
.box-fix-column {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left; }
  .box-fix-column .box-fix-with, .box-fix-column .fix {
    margin: 0;
    padding: 0;
    float: left; }
  .box-fix-column .box-fix-auto, .box-fix-column .auto {
    float: none;
    width: auto;
    overflow: hidden; }

/* box content child */
.box-content-child {
  padding: 10px;
  width: 100%;
  float: left; }

/* thumb img 70px/70px */
.thumbnail-img-70 {
  width: 70px !important;
  height: 70px !important; }

/* thumb img 140px/140px */
.thumbnail-img-140 {
  width: 140px !important;
  height: 140px !important; }

/* thumb img 168px/127px */
.thumbnail-img-168 {
  width: 168px !important;
  height: 127px !important; }

@media (max-width: 767px) {
  .zoom-image {
    padding: 2px; } }
/* button strong style */
.style-button-strong {
  min-width: 180px;
  font-weight: bold;
  font-size: 1.2rem; }

/*** End reset custom css page ** */
.navbar-nav .open a:hover {
  color: #555 !important; }

.navbar-nav li.current {
  background-color: #e7e7e7; }
  .navbar-nav li.current a {
    color: #555 !important; }

#coupon {
  bottom: 46px;
  position: fixed;
  right: 45px;
  z-index: 2;
  padding-bottom: 7px; }

#coupon img {
  width: 100px; }

::-webkit-scrollbar {
  width: 10px;
  background-color: #FFF;
  /*** Header top page** */ }
  ::-webkit-scrollbar-track {
    background-color: #FFF;
    border-radius: 10px; }
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #DDD; }
    ::-webkit-scrollbar-thumb:hover {
      background: #CCC; }
  ::-webkit-scrollbar:horizontal {
    height: 6px; }

.header {
  box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.3);
  -moz-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  -ms-transition: top 0.2s ease-in-out;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out; }

.text-second-menu {
  font-weight: bold; }

.navbar-active {
  background-color: #e61e25 !important; }

.navbar-toggle {
  float: left;
  margin-left: 15px; }

.header-top {
  background-color: #2a313c; }

.navbar-nav > li > a {
  color: #fff !important;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.navbar-nav > li > a > h2 {
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, Verdana, "Microsoft JhengHei", "微軟正黑體", "PMingLiU", sans-serif; }

.staff-icon {
  position: fixed;
  top: 0;
  right: 0;
  background: #e61e25;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 3px;
  letter-spacing: 0.5px;
  z-index: 9999; }
  .staff-icon i {
    font-size: 18px;
    font-weight: lighter;
    color: white; }

@media (min-width: 992px) {
  .navbar-nav > li > a:hover {
    background-color: #e61e25 !important; } }
.icon-menu {
  margin: 0;
  padding: 0;
  width: 55px;
  height: 55px;
  color: #fff;
  border: none;
  /* @include border-radius(0) */ }
  .icon-menu:hover, .icon-menu:active, .icon-menu:focus {
    background-color: transparent !important; }

i.menu-icon {
  color: #999999; }
  i.menu-icon.menu-icon-active {
    color: #e62e04 !important; }

.container-header {
  position: relative;
  min-height: 75px; }

.col1-logo {
  width: 180px;
  display: none;
  position: absolute;
  z-index: 999; }

.col2-search {
  padding: 0 370px 0 230px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.col3-icon {
  padding: 20px 0 0 0;
  width: 350px;
  float: right;
  display: none; }
  .col3-icon ul li {
    margin-right: 5px; }

.cursor-pointer {
  cursor: pointer; }

.logo {
  margin: 0;
  height: 90px;
  display: table-cell;
  vertical-align: middle; }
  .logo img {
    max-width: 100%;
    float: left;
    width: 100%; }

.logo-mobile {
  margin: 12px 0 0;
  width: 110px;
  float: left;
  display: none; }
  .logo-mobile img {
    width: 100%;
    height: auto;
    float: left; }

.logo-webike-shopping {
  background: url(https://img.webike.tw/shopping/image/tmp_webike_tw_logos.png);
  background-position: -200px 0px;
  background-repeat: no-repeat;
  height: 80px;
  width: 100%;
  display: block; }

.logo-webike-shopping-69 {
  background: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/logo/webike_shopping_logo.svg);
  height: 80px;
  width: 100%;
  display: block;
  background-position: 0 0 !important; }

.box-search {
  margin: 20px 0 0;
  position: relative; }

.txt-search {
  padding: 0 200px 0 5px;
  width: 100%;
  height: 38px;
  line-height: 28px;
  border: 1px solid #e61e25;
  /* @include border-radius(2px) */
  position: absolute;
  top: 0;
  left: 0; }

.btn-search {
  padding: 0;
  width: 80px;
  height: 38px;
  line-height: 28px;
  border-radius: 2px;
  position: absolute;
  right: 0;
  top: 0; }
  .btn-search i {
    display: none; }
  .btn-search:hover, .btn-search:active, .btn-search:focus {
    color: #fff; }

.selection-search {
  position: absolute;
  top: 1px;
  right: 79px;
  height: 36px;
  z-index: 3; }

.selection-option:hover {
  background-color: #e61e25 !important; }

.col3-icon ul {
  float: right; }
  .col3-icon ul li {
    float: left; }

.btn-login {
  padding: 5px 15px !important;
  margin: 0 10px 0 0;
  border: 2px solid #e61e25;
  float: left; }
  .btn-login:hover, .btn-login:active, .btn-login:focus {
    background-color: #e61e25 !important;
    color: #fff; }

.btn-mybike-add {
  border: 2px solid #005fb3;
  background-color: #005fb3 !important;
  color: #fff;
  float: left; }
  .btn-mybike-add:hover, .btn-mybike-add:active, .btn-mybike-add:focus {
    opacity: 0.9;
    color: #fff; }

.btn-mybike-select {
  border: 2px solid #005fb3;
  background-color: #005fb3;
  color: #fff;
  float: left; }
  .btn-mybike-select:hover, .btn-mybike-select:active, .btn-mybike-select:focus {
    opacity: 0.9;
    color: #fff; }

.login-success {
  margin: 3px 0 0 0;
  display: none;
  float: left; }
  .login-success .uh-avatar {
    width: 30px;
    height: 30px;
    float: left; }

.login-info {
  margin: 0;
  padding: 0 !important;
  float: left; }

.user-name {
  margin: 8px 5px 0;
  font-weight: bold;
  max-width: 55px;
  float: left; }

.icon-down {
  margin: 11px 0;
  float: left; }

.login-success-active .login-success {
  display: block !important; }
.login-success-active .login {
  display: none !important; }
.login-success-active .my-bike {
  display: block !important; }

.btn-cart {
  padding: 0 !important; }
  .btn-cart .active {
    background-color: transparent !important;
    color: #e61e25; }
  .btn-cart:active, .btn-cart:focus, .btn-cart:hover {
    background-color: transparent !important;
    color: #e61e25; }

.btn-helpdesk {
  padding: 0 !important; }
  .btn-helpdesk:active, .btn-helpdesk:focus, .btn-helpdesk:hover {
    background-color: transparent !important;
    color: #e61e25; }

.my-bike {
  position: relative;
  float: left;
  list-style: none; }

.show-my-bike {
  position: absolute;
  top: 100%;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdee3;
  display: none;
  background-color: #fff;
  padding: 0;
  z-index: 999;
  width: 145px; }
  .show-my-bike li {
    margin: 0;
    padding: 0 !important;
    list-style-type: none;
    width: 100%; }
    .show-my-bike li a {
      line-height: 20px;
      padding: 5px;
      width: 100%;
      color: #333;
      display: block; }
      .show-my-bike li a:hover {
        background-color: #ededed; }
      .show-my-bike li a img {
        margin: 3px 5px;
        width: 40px;
        display: inline-block;
        vertical-align: middle; }
      .show-my-bike li a span {
        display: inline-block;
        vertical-align: middle;
        height: 100%; }

.top-nav .show-my-bike {
  width: 100%;
  font-size: 1rem; }
.top-nav .menu-icon .icon-area {
  cursor: pointer;
  position: relative;
  padding: 0; }
  .top-nav .menu-icon .icon-area:hover ul.list {
    display: block;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100); }
  .top-nav .menu-icon .icon-area img {
    width: 32px;
    height: 32px; }
  .top-nav .menu-icon .icon-area ul.list {
    position: absolute;
    top: 115%;
    right: 30%;
    background: #fff;
    width: 120px;
    border: 1px #777 solid;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    -webkit-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -o-transition: 200ms ease;
    transition: 200ms ease; }
    .top-nav .menu-icon .icon-area ul.list.active {
      display: block; }
    .top-nav .menu-icon .icon-area ul.list li {
      list-style: none;
      float: none;
      border-top: 1px #777 solid;
      margin: 0; }
      .top-nav .menu-icon .icon-area ul.list li:first-child {
        border-top: none; }
      .top-nav .menu-icon .icon-area ul.list li:focus {
        background: #e61e25; }
      .top-nav .menu-icon .icon-area ul.list li a {
        padding: 5px 10px;
        display: block;
        color: #333; }
        .top-nav .menu-icon .icon-area ul.list li a:hover, .top-nav .menu-icon .icon-area ul.list li a:focus {
          background: #e61e25 !important;
          color: #fff; }
@media (max-width: 767px) {
  .top-nav .cart {
    margin-top: 14px; } }

@media (max-width: 767px) {
  .top-nav .cart-icon {
    margin-top: 12px; }
    .top-nav .cart-icon:hover ul.list {
      display: none; } }
.content-my-bike {
  width: 100%; }
  .content-my-bike .show-my-bike {
    width: 100%;
    right: 0; }
  .content-my-bike .btn-my-bike {
    width: 100%; }

.btn-add-more-bike {
  margin: 0 !important; }
  .btn-add-more-bike a {
    margin-top: 1px;
    text-align: center;
    background-color: #ededed; }
    .btn-add-more-bike a:hover {
      background-color: #e61e25 !important;
      color: #fff; }

.my-bike:hover .show-my-bike {
  display: block !important; }

.btn-my-bike-add {
  margin: 0;
  padding: 4px 7px !important;
  height: 35px;
  float: left; }

.btn-my-bike {
  margin: 0;
  padding: 0 !important;
  border: 1px solid #2a313c;
  height: 38px;
  border-radius: 2px;
  float: left; }
  .btn-my-bike span {
    padding: 0 5px;
    line-height: 38px;
    color: #2a313c; }
  .btn-my-bike p {
    float: right;
    line-height: 38px;
    background-color: #2a313c;
    margin: 0;
    padding: 0 10px;
    color: #fff; }

.btn-my-bike-tablet {
  margin: 5px 0 0 0;
  padding: 0 !important;
  float: left; }

.icon-top-page {
  margin: 0 10px 0 0;
  padding: 0;
  float: right; }
  .icon-top-page li {
    float: left; }
    .icon-top-page li a {
      padding: 15px 7px 7px;
      color: #fff; }
      .icon-top-page li a:active, .icon-top-page li a:focus, .icon-top-page li a:hover {
        background-color: transparent !important; }

.goodlife {
  padding: 5px 15px;
  font-size: 0.85rem;
  float: left;
  color: #fff38e;
  font-style: italic; }

nav div.channel {
  float: left;
  margin-left: 5px;
  margin-top: 3px; }

/*** End Header top page** */
/*** Footer top page** */
.ct-footer-top {
  background-color: #2a313c; }

#footer-top .ct-footer-top span {
  color: #e5e5e5;
  margin: 10px 0;
  width: 100%;
  text-align: center;
  float: right; }
#footer-top .ct-footer-top ul {
  display: none; }
  #footer-top .ct-footer-top ul li a h2 {
    color: #e5e5e5; }
  #footer-top .ct-footer-top ul li a:hover {
    background-color: #2a313c !important; }
    #footer-top .ct-footer-top ul li a:hover h2 {
      color: #fff; }

/*** End Footer top page** */
/*** Header all page** */
.btn-show-second-menu {
  margin: -30px 0 0 0;
  font-size: 0rem;
  color: #333333;
  float: left;
  opacity: 0; }

.active-second-menu .logo {
  margin-left: 22%;
  background-position: -200px 3px; }
  .active-second-menu .logo img {
    max-width: 74%;
    float: left;
    margin: 0 0 0 15%; }
.active-second-menu .btn-show-second-menu {
  margin: 25px 0 0 0;
  font-size: 1.5rem;
  opacity: 1;
  cursor: pointer; }

.menu-shopping {
  width: 100%;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  float: left; }
  .menu-shopping li {
    list-style-type: none;
    float: left;
    margin: 0;
    position: relative; }
    .menu-shopping li a {
      padding: 5px 13px;
      color: #2a313c;
      float: left;
      -moz-transition: all 0s ease !important;
      -o-transition: all 0s ease !important;
      -ms-transition: all 0s ease !important;
      -webkit-transition: all 0s ease !important;
      transition: all 0s ease !important; }
    .menu-shopping li .dropdown-third-menu {
      padding: 0 10px;
      min-width: 175px;
      position: absolute;
      top: 32px;
      left: 0px;
      background-color: #fff;
      border: 1px solid #333333;
      display: none;
      overflow: hidden;
      max-height: 315px; }
      .menu-shopping li .dropdown-third-menu:hover {
        overflow: unset; }
      .menu-shopping li .dropdown-third-menu .dropdown-second-menu {
        top: 0px;
        left: 152px; }
      .menu-shopping li .dropdown-third-menu li {
        width: 100%;
        float: left;
        border-top: 1px solid #d0d0d0;
        background-color: #fff !important; }
        .menu-shopping li .dropdown-third-menu li a {
          padding: 6px 0 !important;
          width: 100%;
          color: #2a313c;
          background-color: #fff !important; }
      .menu-shopping li .dropdown-third-menu li:first-child {
        border-top: none; }
    .menu-shopping li .dropdown-second-menu {
      padding: 0 10px;
      min-width: 175px;
      position: absolute;
      top: 32px;
      left: 0px;
      background-color: #fff;
      border: 1px solid #333333;
      display: none;
      overflow-x: hidden;
      max-height: 315px; }
      .menu-shopping li .dropdown-second-menu li {
        width: 100%;
        float: left;
        border-top: 1px solid #d0d0d0;
        background-color: #fff !important; }
        .menu-shopping li .dropdown-second-menu li a {
          padding: 6px 0 !important;
          width: 100%;
          color: #2a313c;
          background-color: #fff !important; }
      .menu-shopping li .dropdown-second-menu li:first-child {
        border-top: none; }
  .menu-shopping .dropdown-third-menu li .dropdown-second-menu {
    display: none !important; }
  .menu-shopping .dropdown-third-menu li:hover .dropdown-second-menu {
    display: block !important;
    z-index: 9999; }
  .menu-shopping li:hover > .dropdown-third-menu {
    display: block !important;
    z-index: 9999; }
  .menu-shopping li:hover > .dropdown-second-menu {
    display: block !important;
    z-index: 9999; }
  .menu-shopping li:hover a {
    color: #fff;
    background-color: #333333; }
  .menu-shopping li.current a {
    color: #fff;
    background-color: #333333; }
  .menu-shopping hr {
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: none;
    height: 1px; }
  .menu-shopping .overflow-menu-ui ul.overflow-menu-collect .dropdown a {
    color: #333333; }
  .menu-shopping .overflow-menu-ui ul.overflow-menu-collect ul.dropdown-menu {
    min-width: 140px; }

/*** End Header all page** */
/*** Footer Shopping ** */
.foot-shopping {
  padding: 20px 0 0 0; }
  .foot-shopping i {
    vertical-align: middle; }

footer {
  background: #202732 url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/footer_top_bg.png) 50% 0 repeat-x;
  color: #d7dbe2;
  cursor: default;
  line-height: 18px; }
  footer .footer-links aside {
    float: left;
    padding-right: 10px; }
  footer .last-text {
    padding: 5px 0 0 10px; }

#footer-logo img {
  max-height: 44px;
  display: inline-block;
  vertical-align: top; }

footer .footer-links aside p {
  margin: 10px 0 0;
  font-size: 0.85rem; }
  footer .footer-links aside p a {
    color: #88b0ff; }
footer .footer-links .block {
  padding: 0; }
footer .footer-links .column {
  padding: 0 0 0 20px; }

.next-row {
  border-top: 1px #737b87 solid;
  margin-top: 20px;
  padding-top: 10px; }
  .next-row .title {
    border-bottom: none !important; }

#footer-signup {
  height: 35px;
  width: 45%;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  float: left;
  margin-top: 10px;
  line-height: 35px; }

.btn-upload-moto {
  height: 35px;
  width: 45%;
  color: #ffe900;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  float: left;
  margin-top: 10px;
  line-height: 35px;
  margin-left: 10px;
  border: 1px solid #ffe900; }
  .btn-upload-moto:hover {
    background-color: #ffe900;
    color: #000000 !important; }

footer .footer-links .title {
  border-bottom: 1px solid #737b87;
  padding-bottom: 8px; }
footer h5 {
  line-height: 16px;
  font-size: 14px;
  color: inherit;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 0px; }
footer .footer-links {
  padding: 0 0 20px; }
  footer .footer-links ul > li {
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 20px; }
    footer .footer-links ul > li > i {
      margin: 0 5px 0 0; }
    footer .footer-links ul > li a {
      color: #d6dbe1; }
      footer .footer-links ul > li a:hover {
        color: #ffffff;
        text-decoration: underline; }
footer .copyright {
  background: #2a313c;
  line-height: 24px;
  padding: 10px 0; }
footer h5 {
  line-height: 16px;
  font-size: 13px;
  color: inherit;
  margin-bottom: 10px;
  text-transform: uppercase; }
footer .copyright p {
  line-height: 24px;
  margin: 0;
  color: #d7dce2;
  font-size: 0.85rem; }
footer .copyright p i {
  margin: 0;
  width: 15px;
  text-align: center; }
footer .copyright ul.social {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0;
  float: right; }
  footer .copyright ul.social > li {
    float: left;
    display: block;
    margin-left: 10px;
    list-style-type: none; }
    footer .copyright ul.social > li .facebook:hover {
      background-color: #3c5a99; }
      footer .copyright ul.social > li .facebook:hover i {
        color: #ffffff; }
    footer .copyright ul.social > li .youtube:hover {
      background-color: #e61e25; }
      footer .copyright ul.social > li .youtube:hover i {
        color: #ffffff; }

.btn-mobile-view {
  margin: 4px 0 0 0;
  padding: 0 10px;
  height: 30px;
  display: block;
  text-transform: uppercase;
  text-align: center;
  border-radius: 5px;
  white-space: normal;
  line-height: 30px;
  text-decoration: none;
  background-color: #fff;
  float: right;
  clear: both;
  color: #293038; }
  .btn-mobile-view i {
    font-size: 34px;
    float: left;
    line-height: 30px;
    margin: 0 5px 0 0; }

footer .copyright ul.social > li > a {
  display: block;
  width: 32px;
  height: 32px;
  background-color: #ffffff;
  border-radius: 32px; }
  footer .copyright ul.social > li > a > i {
    color: #2a313c;
    float: left;
    font-size: 20px;
    line-height: 32px;
    width: 32px;
    text-align: center; }

#quick-contact {
  border-left: 1px solid #737b87; }

.title-connectwebike h5 {
  float: right !important; }

#quick-contact .guide {
  display: block;
  min-height: 65px;
  background: url(https://img.webike.tw/shopping/image/quick-contact.jpg) 0 0 no-repeat;
  padding-left: 40px;
  padding-bottom: 10px; }
  #quick-contact .guide p {
    line-height: 130% !important; }
#quick-contact form {
  margin-top: 5px;
  position: relative;
  display: table;
  width: 100%; }
  #quick-contact form .form-group {
    display: table-row; }

.form-group > label {
  font-weight: 400;
  width: auto;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left; }

#quick-contact form button.module-btn {
  text-transform: none;
  min-width: 75px;
  text-align: center;
  display: inline-block;
  background-color: #e61e25;
  color: #fff;
  border: 1px solid #c10e14;
  padding: 0 20px;
  font-weight: bold;
  height: 30px;
  line-height: 30px; }
  #quick-contact form button.module-btn:hover {
    background-color: #960006;
    border: 1px solid #960006; }

.input-phone-number {
  width: 134px;
  height: 30px;
  float: left;
  padding: 0 5px;
  color: #000; }

.copyright-webike .container p {
  margin: 15px 0;
  width: 100%;
  text-align: center;
  float: left; }

/*** End Footer Shopping ** */
/*** Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. ** */
@media only screen and (min-width: 922px) {
  .menu-left-mobile {
    display: none; }

  .col1-logo {
    display: block !important; }

  .col3-icon {
    display: block !important; }

  .col2-search {
    margin: 0;
    padding: 0 330px 0 230px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

  .icon-top-page {
    display: none !important; }

  .container {
    width: auto !important;
    max-width: 1280px !important; }

  #footer-top .container ul {
    display: block !important; }
  #footer-top .container p {
    width: auto !important; }
  #footer-top .ct-footer-top ul {
    display: block !important; }
  #footer-top .ct-footer-top span {
    width: auto !important; } }
@media only screen and (max-width: 767px) {
  /*** for detect mobile screen ** */
  #bp_mobile {
    display: block; } }
.bp_checking {
  display: none; }

/*** Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. ** */
@media all and (min-width: 768px) and (max-width: 921px) {
  .menu-left-mobile {
    display: none; }

  .col1-logo {
    width: 125px;
    display: block !important; }

  .col3-icon {
    width: 225px;
    display: block !important; }

  .col2-search {
    margin: 0;
    padding: 0 250px 0 230px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

  .icon-top-page {
    display: none !important; }

  .container {
    width: auto !important; } }
@media all and (max-width: 767px) {
  h1 {
    font-size: 1.2rem; }

  h2 {
    font-size: 1rem; }

  h3 {
    font-size: 1rem; }

  span {
    font-size: 0.85rem; }

  p {
    font-size: 0.85rem; }

  .logo-mobile {
    display: block; }

  .navbar-default {
    background-color: transparent !important;
    border-color: transparent !important; }

  .container-header {
    height: 60px;
    background-color: #2a313c; }

  .txt-search {
    border: none !important; }

  .box-search {
    margin-top: 0; }

  .btn-search {
    background-color: transparent !important;
    color: #e61e25 !important; }
    .btn-search span {
      display: none; }
    .btn-search i {
      display: block !important; }

  .col1-ct {
    display: none; }

  .container-header {
    display: none; }

  .selection-search {
    display: none; }

  .txt-search {
    padding: 0 70px 0 5px !important; }

  .btn-search {
    width: 45px !important; }

  #footer-top {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999; }

  .container-header {
    min-height: 50px !important; }

  .col2-search {
    padding: 0 !important; } }
/*** Template All page ** */
.breadcrumb-mobile {
  margin-top: 150px; }

@media (max-width: 767px) {
  .breadcrumb-mobile {
    margin-top: 60px !important;
    margin-right: 30px; } }
.ct-new-magazine {
  padding: 10px 15px 20px; }

.ct-owl-carousel {
  display: table;
  text-align: center;
  width: 100%; }
  .ct-owl-carousel a {
    margin: 0 auto;
    max-width: 140px; }
  .ct-owl-carousel img {
    margin: 0 auto;
    max-width: 140px; }
  .ct-owl-carousel span {
    width: 100%;
    margin-top: 5px;
    display: table; }

.owl-prev {
  position: absolute;
  top: 20%;
  left: 0;
  padding: 20px 10px;
  opacity: 0.7;
  background-color: #fff;
  box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  .owl-prev:hover {
    box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    opacity: 1;
    background-color: #e61e25; }
    .owl-prev:hover i {
      color: #fff; }

.owl-next {
  position: absolute;
  top: 20%;
  right: 0;
  padding: 20px 10px;
  opacity: 0.7;
  background-color: #fff;
  box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
  .owl-next:hover {
    box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -o-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.4);
    opacity: 1;
    background-color: #e61e25; }
    .owl-next:hover i {
      color: #fff; }

/* box content */
.box-content {
  margin-bottom: 20px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #dcdee3;
  display: block; }

/* title-box-content */
.title-box-content {
  margin: 20px 0 5px; }
  .title-box-content h1 {
    float: left; }
  .title-box-content a {
    line-height: 2rem;
    padding: 0 10px; }

.title-product-item {
  margin-top: 5px;
  width: 100%;
  font-size: 0.85rem;
  text-align: left;
  float: left; }

/* row-advertisement */
.row-advertisement {
  margin-bottom: 20px;
  text-align: center; }

@media (max-width: 992px) {
  .row-advertisement,
  [id="div-gpt-ad-"] {
    display: none; } }
.ct-row-advertisement {
  padding: 5px;
  text-align: center; }

.text-red-color {
  color: #e61e25; }

.border-radius-2 {
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -o-border-radius: 2px !important;
  -ms-border-radius: 2px !important; }

.base-btn-gray {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e3e3e3));
  background: -moz-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
  background: -webkit-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
  background: -o-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
  background: -ms-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
  background: linear-gradient(to bottom, #ffffff 5%, #e3e3e3 100%);
  color: #000 !important; }
  .base-btn-gray:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e3e3e3));
    background: -moz-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #e3e3e3 100%);
    background: linear-gradient(to top, #ffffff 5%, #e3e3e3 100%); }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #e61e25;
  color: #fff; }

/* Title main page */
.title-main-page {
  margin-bottom: 15px;
  background-color: #3d5479;
  color: #fff;
  padding: 5px 15px;
  border-bottom: 2px solid #e61e25;
  width: auto;
  display: flex; }
  .title-main-page h2 {
    float: left; }

.title-main-box {
  padding: 5px 15px;
  width: 100%;
  float: left;
  background-color: #3d5479;
  margin-bottom: 10px;
  font-size: 0; }
  .title-main-box img {
    margin: 2px 10px 0 0;
    width: 32px;
    float: left; }
  .title-main-box h1, .title-main-box h2 {
    font-size: 1.2rem;
    color: #fff !important; }
    .title-main-box h1.with-tag, .title-main-box h2.with-tag {
      display: inline-block;
      vertical-align: middle;
      width: 80%; }
    .title-main-box h1 a, .title-main-box h2 a {
      color: #fff;
      font-size: 0.85rem;
      display: inline-block;
      vertical-align: middle; }
    .title-main-box h1 span, .title-main-box h2 span {
      display: inline-block;
      vertical-align: middle; }
  .title-main-box .tag {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 20%;
    font-size: 0.85rem;
    color: #fff; }
    .title-main-box .tag a {
      color: #fff; }
  .title-main-box hr {
    width: 100%;
    height: 1px; }

.title-main-box-clear {
  color: #333;
  padding: 10px 0 0;
  margin-bottom: 10px;
  padding-left: 10px; }
  .title-main-box-clear h2 {
    color: #333 !important;
    font-weight: bold; }
    .title-main-box-clear h2.with-tag {
      display: inline-block;
      vertical-align: middle;
      width: 80%; }
    .title-main-box-clear h2 a {
      color: #005fb3;
      font-size: 0.85rem;
      font-weight: normal;
      display: inline-block;
      vertical-align: middle; }
    .title-main-box-clear h2 span {
      display: inline-block;
      vertical-align: middle; }
  .title-main-box-clear tag {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 20%;
    font-size: 0.85rem;
    color: #333; }
    .title-main-box-clear tag a {
      color: #333; }

ul.no-list-style li {
  list-style: none; }

@media all and (max-width: 992px) {
  .title-main-box h2.with-tag {
    width: 50%; }
  .title-main-box .tag {
    width: 50%; }

  .title-main-box-clear h2 a {
    display: block; } }
.title-customer-box {
  padding: 5px 15px;
  width: 100%;
  background-color: #dddddd;
  margin-bottom: 5px; }
  .title-customer-box img {
    margin: 2px 10px 0 0;
    width: 32px;
    float: left; }
  .title-customer-box h2 {
    float: left;
    color: #333333 !important; }
  .title-customer-box hr {
    width: 100%;
    height: 1px; }

.box-items-group {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #e0e6f0;
  float: left; }

.title-box-items-group {
  padding-bottom: 10px;
  width: 100%;
  float: left;
  border-bottom: 2px solid #b8b8b8; }
  .title-box-items-group img {
    margin-top: 5px;
    margin-right: 10px;
    width: 32px;
    float: left; }
  .title-box-items-group h1 {
    float: left; }
  .title-box-items-group hr {
    width: 100%;
    height: 1px; }

.ct-box-items-group {
  width: 100%;
  float: left; }

.title-main-box-2 {
  padding: 5px 15px;
  width: 100%;
  float: left;
  background-color: #efefef;
  margin-bottom: 5px; }
  .title-main-box-2 img {
    margin: 2px 10px 0 0;
    width: 32px;
    float: left; }
  .title-main-box-2 h2 {
    float: left;
    color: #2a313c !important; }
  .title-main-box-2 hr {
    width: 100%;
    height: 1px; }

.thumb-img {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative; }

.item-product-grid {
  padding: 5px;
  text-align: center;
  float: left;
  list-style-type: none; }
  .item-product-grid a {
    margin: 0 auto;
    display: inline-block; }
    .item-product-grid a figure {
      width: 140px;
      height: 140px;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      position: relative; }
      .item-product-grid a figure img {
        max-width: 100%;
        max-height: 100%; }
      .item-product-grid a figure .sale-off-icon {
        position: absolute;
        top: 5px;
        left: 5px;
        color: #fff;
        z-index: 2;
        height: 26px; }
        .item-product-grid a figure .sale-off-icon span {
          padding: 0 5px;
          height: 26px;
          background-color: #e61e25;
          float: left;
          line-height: 26px; }
        .item-product-grid a figure .sale-off-icon:before {
          content: "";
          width: 11px;
          height: 26px;
          background: url("https://img.webike.tw/shopping/image/bg-sale-off-left.png");
          float: left; }
        .item-product-grid a figure .sale-off-icon:after {
          content: "";
          width: 11px;
          height: 26px;
          background: url("https://img.webike.tw/shopping/image/bg-sale-off-right.png");
          float: left; }
  .item-product-grid .title-product-item-top {
    font-weight: bold;
    display: flex; }
  .item-product-grid .title-product-item {
    margin-top: 5px;
    width: 100%;
    float: left; }
  .item-product-grid .price {
    margin-top: 5px;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    color: #e61e25;
    font-weight: bold;
    float: left; }
  .item-product-grid .price-old {
    margin-top: 5px;
    width: 100%;
    font-size: 0.85rem;
    text-align: left;
    text-decoration: line-through;
    float: left; }
  .item-product-grid .normal-text {
    margin-top: 5px;
    width: 100%;
    font-size: 0.85rem;
    text-align: left;
    float: left;
    word-break: break-all;
    word-wrap: break-word; }
  .item-product-grid .bold-text {
    margin-top: 5px;
    width: 100%;
    font-size: 0.85rem;
    text-align: left;
    font-weight: bold;
    float: left;
    word-break: break-all;
    word-wrap: break-word; }

.item-product-grid.disabled {
  background: #f0f0f0;
  outline: 1px #ccc solid; }
  .item-product-grid.disabled .btn-see-detail-peoduct {
    background: #e3e3e3;
    border: 1px #dcdcdc solid;
    color: #6b6b6b; }
    .item-product-grid.disabled .btn-see-detail-peoduct:hover {
      background: #e3e3e3;
      border: 1px #dcdcdc solid;
      color: #6b6b6b; }

.btn-see-detail-peoduct {
  margin: 10px 0 0 0;
  width: 100%;
  border: 1px solid #e61e25;
  color: red; }
  .btn-see-detail-peoduct:hover {
    background-color: #e61e25;
    color: #fff;
    border: 1px solid #e61e25; }

.owl-carousel .owl-item img {
  display: initial;
  width: auto; }

.thumb-box-border {
  border: 1px solid #dcdee3; }

/*** End Template All page ** */
/*** Template All page list2** */
.box-page-group {
  margin-bottom: 15px;
  width: 100%;
  float: left;
  border: 1px solid #e0e6f0;
  list-style: none;
  box-shadow: 0 1px 2px #e0e6f0;
  -moz-box-shadow: 0 1px 2px #e0e6f0;
  -webkit-box-shadow: 0 1px 2px #e0e6f0;
  -o-box-shadow: 0 1px 2px #e0e6f0;
  -ms-box-shadow: 0 1px 2px #e0e6f0; }
  .box-page-group .ct-box-page-group {
    width: 100%;
    float: left; }
    .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group {
      padding: 0 8px;
      width: 100%;
      float: left; }
      .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li {
        width: 100%;
        float: left;
        border-top: 1px solid #e0e6f0;
        list-style-type: none; }
        .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li a {
          width: 100%;
          color: #333333;
          float: left;
          font-size: 0.85rem;
          line-height: 30px; }
          .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li a h2 {
            color: #e61e25 !important; }
        .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li.disabled {
          pointer-events: none;
          color: #c7c7c7 !important; }
          .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li.disabled a {
            pointer-events: none;
            color: #c7c7c7 !important; }
          .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li.disabled span {
            color: #c7c7c7 !important; }
        .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li.active a {
          color: #e61e25 !important; }
        .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li:hover span {
          color: #e61e25 !important; }
      .box-page-group .ct-box-page-group .ul-menu-ct-box-page-group li:first-child {
        border-top: none; }
    .box-page-group .ct-box-page-group .ul-button-ct-box-page-group {
      width: 100%;
      float: left; }
      .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li {
        width: 100%;
        float: left;
        border-top: 1px solid #e0e6f0;
        list-style-type: none;
        position: relative; }
        .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li a {
          padding: 7px 10px;
          float: left;
          font-size: 1rem;
          width: 100%; }
          .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li a i {
            padding: 3px 0;
            float: right;
            color: #e61e25; }
        .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li .improt-menu-left {
          padding: 0 10px;
          position: absolute;
          top: -1px;
          left: 198px;
          background-color: #fff;
          min-width: 175px;
          border: 1px solid #333333;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          display: none; }
          .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li .improt-menu-left li a {
            padding: 5px 10px;
            color: #2a313c; }
        .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li li:hover a {
          color: #e61e25; }
      .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li:first-child {
        border-top: none !important; }
      .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li:hover {
        background-color: #333333;
        display: block !important; }
        .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li:hover a {
          color: #fff; }
          .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li:hover a i {
            color: #fff; }
        .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li:hover .improt-menu-left {
          display: block !important;
          z-index: 9999; }
          .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li:hover .improt-menu-left li a {
            background-color: #fff; }
    .box-page-group .ct-box-page-group .ul-banner-ct-box-page-group {
      width: 100%;
      float: left; }
      .box-page-group .ct-box-page-group .ul-banner-ct-box-page-group li {
        padding: 0 5px 5px;
        width: 100%;
        float: left;
        text-align: center;
        list-style-type: none; }
        .box-page-group .ct-box-page-group .ul-banner-ct-box-page-group li a {
          float: left; }
      .box-page-group .ct-box-page-group .ul-banner-ct-box-page-group:first-child {
        padding-top: 5px; }

.ul-menu-ct-box-page-group-dropdown li {
  font-size: 0.85rem; }
  .ul-menu-ct-box-page-group-dropdown li a {
    padding: 10px 0 !important;
    font-size: 0.85rem;
    line-height: 30px; }
  .ul-menu-ct-box-page-group-dropdown li ul li.sub-menu {
    padding: 10px 0 10px 20px; }
    .ul-menu-ct-box-page-group-dropdown li ul li.sub-menu:first-child {
      border-top: 1px solid #dcdee3 !important; }

.title-box-page-group {
  padding: 0px 5px;
  width: 100%;
  float: left;
  background-color: #efefef;
  border-bottom: 1px solid #e61e25; }
  .title-box-page-group h3, .title-box-page-group span {
    float: left;
    font-weight: bold;
    line-height: 34px; }

/*** End Template All page list2 ** */
/*** move from checkout page & history page ** */
.checkout-page-state {
  line-height: 30px;
  color: #fff;
  padding: 1px;
  border-radius: 5px;
  position: relative; }
  .checkout-page-state a {
    display: table !important;
    float: left;
    background: #0069bf;
    height: 60px;
    margin-right: 35px;
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center; }
    .checkout-page-state a:last-of-type {
      margin-right: 0;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
      .checkout-page-state a:last-of-type:after {
        border: none; }
    .checkout-page-state a:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      top: 0;
      left: -30px;
      border: 30px solid transparent;
      border-color: #0069bf;
      border-left-color: transparent; }
    .checkout-page-state a.return-state:before {
      left: -30px;
      border: 30px solid transparent;
      border-color: #0069bf; }
    .checkout-page-state a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      top: 0;
      right: -60px;
      border: 30px solid transparent;
      border-left-color: #0069bf; }
    .checkout-page-state a.return-state:after {
      right: -60px;
      border: 30px solid transparent;
      border-left-color: #0069bf; }
    .checkout-page-state a:first-of-type {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
      .checkout-page-state a:first-of-type:before {
        display: none; }
    .checkout-page-state a.active-state {
      background: #ddd;
      color: #000;
      text-decoration: none; }
      .checkout-page-state a.active-state:before {
        border-color: #ddd;
        border-left-color: transparent; }
      .checkout-page-state a.active-state:after {
        border-left-color: #ddd; }
    .checkout-page-state a h3 {
      display: table-cell;
      vertical-align: middle; }

@media (max-width: 992px) {
  .checkout-page-state a.last-type {
    margin-bottom: 20px; }
  .checkout-page-state a:after {
    top: initial;
    bottom: -15px;
    right: 49%;
    border-left-color: #fff !important;
    border-style: solid !important;
    border-width: 10px 10px 0 10px !important;
    border-color: #005fb3 transparent transparent transparent !important; }
  .checkout-page-state a:last-child:after {
    border: none !important; } }
/*** move from checkout page & history page ** */
/*** move from cartpage page ** */
/* Disp Box outside main content */
.history-box-outside-content {
  top: 260px;
  right: 10px;
  width: 250px !important;
  position: fixed;
  z-index: 9999;
  background-color: #fff; }
  .history-box-outside-content ul.ul-menu-ct-box-page-group {
    display: none; }
  .history-box-outside-content .title-box-page-group {
    background-color: #e61e25 !important;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative; }
    .history-box-outside-content .title-box-page-group a {
      color: #fff;
      position: absolute;
      font-size: 1.5em;
      display: flex; }
      .history-box-outside-content .title-box-page-group a.history-btn-chevron-down {
        left: 10px;
        width: 35px;
        height: 35px; }
        .history-box-outside-content .title-box-page-group a.history-btn-chevron-down:hover {
          color: #000; }
      .history-box-outside-content .title-box-page-group a.history-btn-close {
        right: -5px;
        top: -10px;
        background: #000;
        color: #fff;
        border-radius: 50%;
        font-weight: normal; }
        .history-box-outside-content .title-box-page-group a.history-btn-close:hover {
          color: #000;
          background: #fff; }
  .history-box-outside-content .ul-menu-ct-box-page-group li a i {
    color: #e61e25; }
  .history-box-outside-content .ul-menu-ct-box-page-group li a span {
    color: #005599;
    font-weight: bold; }

@media all and (max-width: 767px) {
  .history-box-outside-content {
    width: 96%;
    margin: 2%;
    top: 10%;
    right: 0; } }
/*** move from cartpage page ** */
/*** ad block page ** */
.ad_block img {
  width: 100%;
  height: auto; }

.ad_text {
  display: none; }

/*** ad block page ** */
/*** slick block page ** */
.slick-slide {
  position: relative; }
  .slick-slide .cover-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.6; }
  .slick-slide img {
    opacity: 0.15; }

.slick-slide.slick-center .cover-screen, .slick-slide.slick-active .cover-screen {
  display: none; }
.slick-slide.slick-center img, .slick-slide.slick-active img {
  opacity: 1; }

.slick-prev:before,
.slick-next:before {
  color: #333 !important; }

/*** slick block page ** */
/*** over write vn template ** */
input[type=checkbox],
input[type=radio] {
  width: 16px;
  height: 16px; }

.radio label span,
.radio label input,
.checkbox label span,
.checkbox label input {
  vertical-align: middle; }

.account-icon {
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  font-size: 0;
  padding: 0 !important; }
  .account-icon span.helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0.5rem; }
  .account-icon span.text {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.5rem; }
  .account-icon.btn {
    padding: 2px 2px; }

#pagetop {
  bottom: 55px;
  font-size: 10px;
  position: fixed;
  right: 10px;
  z-index: 9999; }
  #pagetop a {
    background: none repeat scroll 0 0 #666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    opacity: 0.8;
    padding: 15px;
    text-align: center;
    text-decoration: none; }
  #pagetop i {
    background: none no-repeat scroll 9px 9px #666666;
    background-image: url("//img-webike-tw-370429.c.cdn77.org/shopping/image/return_top.png");
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    opacity: 0.8;
    padding: 15px;
    text-align: center;
    text-decoration: none; }

.btn-full {
  width: 100%; }

.btn-asking {
  background: #005fb3;
  color: #fff; }
  .btn-asking:focus, .btn-asking:hover {
    color: #fff;
    outline: 5px auto #fff; }

.flex-box {
  display: flex; }

.flex-box-child {
  display: flex;
  justify-content: center; }

.history-table-container {
  border: 1px solid #dcdee3; }

ul.history-info-table {
  list-style-type: none;
  border-bottom: 1px dotted #9fa7b5; }
  ul.history-info-table:last-child {
    border-bottom: none; }
  ul.history-info-table li.history-table-title ul {
    display: flex;
    width: 100%;
    background-color: #777777; }
    ul.history-info-table li.history-table-title ul li {
      padding: 0;
      color: #fff;
      border-right: 1px solid #dcdee3;
      display: flex;
      min-height: 35px;
      justify-content: center;
      flex-direction: column;
      text-align: center; }
      ul.history-info-table li.history-table-title ul li:last-child {
        border-right: none; }
  ul.history-info-table li.history-table-content ul {
    display: flex;
    background-color: #fff;
    width: 100%; }
    ul.history-info-table li.history-table-content ul li {
      border-right: 1px dotted #9fa7b5;
      display: flex;
      min-height: 35px;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      margin: 10px 0;
      font-size: 1rem; }
      ul.history-info-table li.history-table-content ul li:not(.level-card) {
        color: #000; }
      ul.history-info-table li.history-table-content ul li:last-child {
        border-right: none; }
      ul.history-info-table li.history-table-content ul li div.history-table-multi-content-block label {
        color: #005599;
        font-weight: bold; }
        ul.history-info-table li.history-table-content ul li div.history-table-multi-content-block label strong {
          color: #000; }
      ul.history-info-table li.history-table-content ul li div.history-table-multi-content-block span {
        display: inline-block; }
      ul.history-info-table li.history-table-content ul li span.flex-center {
        text-align: center;
        display: flex;
        justify-content: center; }
    ul.history-info-table li.history-table-content ul:not(.extra-link):nth-child(2n) {
      background-color: #eee; }

.popups-ui {
  position: fixed;
  z-index: 1050;
  width: 100%;
  height: 100%;
  margin-top: -150px;
  padding-bottom: 150px; }
  .popups-ui.popups-ui-cover {
    background: rgba(0, 0, 0, 0.6); }
  .popups-ui .popups-ui-window {
    position: relative;
    z-index: 1060; }
    .popups-ui .popups-ui-window .note.has-error {
      color: #ac2925;
      margin-top: 10px; }
    .popups-ui .popups-ui-window .popups-ui-window-close {
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer; }
      .popups-ui .popups-ui-window .popups-ui-window-close:hover {
        opacity: 0.8; }

@media (max-width: 922px) {
  .popups-ui .popups-ui-window {
    width: 100%; } }
@media (max-width: 767px) {
  .popups-ui {
    position: absolute; }
    .popups-ui .popups-ui-window {
      width: 100%; }

  footer .footer-links .title {
    padding-top: 15px;
    padding-bottom: 0px; } }
footer .container span.channelicon span {
  margin-left: 10px; }

footer .next-row div:nth-child(1) {
  margin-right: 30px; }

footer .next-row div {
  margin-right: 10px; }

@media (max-width: 922px) {
  ul.history-info-table li.history-table-content ul {
    border-bottom: 1px dotted #9fa7b5; }
    ul.history-info-table li.history-table-content ul li {
      border-right: none; } }
@media all and (max-width: 767px) {
  .col-xs-2-4 {
    width: 20% !important; }

  .col-xs-block {
    display: block !important; }

  .col-xs-full {
    width: 100% !important; }

  .checkbox-inline,
  .radio-inline {
    margin-left: 0 !important; }

  #pagetop a {
    display: none; }
  #pagetop i {
    display: block; }

  .bookmark-ui {
    position: fixed;
    z-index: 8; }
    .bookmark-ui.bookmark-left {
      left: 0;
      margin-left: -12px; }
    .bookmark-ui.bookmark-top-20 {
      top: 30%; }
    .bookmark-ui .bookmark-icon {
      position: relative;
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 20px;
      background: #e61e25;
      color: #fff;
      opacity: 0.8; }
      .bookmark-ui .bookmark-icon i {
        position: absolute;
        top: 13px;
        right: 6px;
        font-size: 16px; } }
@media (min-width: 768px) {
  .next-row {
    padding-left: 80px; } }
@media (min-width: 768px) and (max-width: 992px) {
  .col-sm-2-4 {
    width: 20%; }

  .col-sm-block {
    display: block !important; }

  .col-sm-full {
    width: 100% !important; } }
@media (min-width: 992px) and (max-width: 1200px) {
  .col-md-2-4 {
    width: 20%; }

  .col-md-block {
    display: block !important; }

  .col-md-full {
    width: 100% !important; }

  .form-group > label {
    white-space: initial; } }
@media (min-width: 1200px) {
  .col-lg-2-4 {
    width: 20%; }

  .col-lg-block {
    display: block !important; }

  .col-lg-full {
    width: 100% !important; } }
.product-list li {
  list-style-type: none; }

.product-grid {
  padding: 5px;
  text-align: center;
  font-size: 0; }
  .product-grid .image-link {
    display: block; }
  .product-grid a {
    margin: 0 auto; }
    .product-grid a figure {
      width: 140px;
      height: 140px;
      vertical-align: middle;
      text-align: center;
      position: relative;
      display: block;
      font-size: 0;
      margin: 0 auto; }
    .product-grid a .image-180-180 {
      width: 180px;
      height: 180px; }
    .product-grid a .image-90-90 {
      width: 90px;
      height: 90px !important; }
    .product-grid a .image-100-100 {
      width: 100px;
      height: 100px !important; }
      .product-grid a .image-100-100 img {
        max-width: 100%;
        max-height: 100%;
        display: inline-block;
        vertical-align: middle; }
      .product-grid a .image-100-100 .sale-off-icon {
        position: absolute;
        top: 5px;
        left: 5px;
        color: #fff;
        z-index: 2;
        height: 26px; }
        .product-grid a .image-100-100 .sale-off-icon span {
          padding: 0 5px;
          height: 26px;
          background-color: #e61e25;
          float: left;
          line-height: 26px; }
        .product-grid a .image-100-100 .sale-off-icon:before {
          content: "";
          width: 11px;
          height: 26px;
          background: url("https://img.webike.tw/shopping/image/bg-sale-off-left.png");
          float: left; }
        .product-grid a .image-100-100 .sale-off-icon:after {
          content: "";
          width: 11px;
          height: 26px;
          background: url("https://img.webike.tw/shopping/image/bg-sale-off-right.png");
          float: left; }
  .product-grid .title-product-item-top {
    font-weight: bold;
    display: flex; }
  .product-grid .name {
    margin-top: 5px;
    font-size: 0.85rem;
    text-align: left; }
  .product-grid .product-name {
    color: #005fb3; }
  .product-grid .final-price {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
    color: #e61e25; }
  .product-grid .price-old {
    margin-top: 5px;
    width: 100%;
    font-size: 0.85rem;
    text-align: left;
    text-decoration: line-through; }
  .product-grid .normal-text {
    margin-top: 5px;
    width: 100%;
    font-size: 0.85rem;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word; }
  .product-grid .bold-text {
    margin-top: 5px;
    width: 100%;
    font-size: 0.85rem;
    text-align: left;
    font-weight: bold;
    word-break: break-all;
    word-wrap: break-word; }
  .product-grid .icon-star {
    float: left;
    margin: 0 auto;
    padding: 0;
    width: 72px;
    height: 14px;
    background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/shopping/icon.png);
    background-position: 0 -145px;
    display: table; }
  .product-grid .star-01 {
    background-position: 0 -174px; }
  .product-grid .star-02 {
    background-position: 0 -202px; }
  .product-grid .star-03 {
    background-position: 0 -230px; }
  .product-grid .star-04 {
    background-position: 0 -257px; }
  .product-grid .star-05 {
    background-position: 0 -285px; }
  .product-grid .icon-star-text {
    margin: -2px 0 0 5px;
    float: left; }

.product-grid-col-2 {
  width: 33.333%;
  font-size: 0; }

.product-grid-left {
  display: inline-block;
  vertical-align: middle;
  width: 45%; }

.product-grid-right {
  padding: 0 0 0 5px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 55%; }

.product-grid-ranking {
  margin: 0 auto; }
  .product-grid-ranking a {
    margin: 0 auto;
    margin-bottom: 5px;
    height: 130px;
    width: 130px;
    display: table-cell;
    vertical-align: middle;
    border: #CCC 1px solid;
    text-align: center;
    position: relative; }
  .product-grid-ranking img {
    max-width: 100%;
    max-height: 100%; }
  .product-grid-ranking span {
    margin: 0 0 0 43px; }
  .product-grid-ranking a span {
    padding: 1px 5px;
    position: absolute;
    top: 0;
    left: 0; }
  .product-grid-ranking .lank {
    background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/shopping/icon.png);
    background-position: -153px -66px;
    padding: 5px 0 0 0;
    margin: 35px 0 0 0;
    width: 43px;
    height: 33px;
    float: left;
    text-align: center;
    font-weight: bold;
    color: #fff; }
  .product-grid-ranking .lank-01 {
    margin: 35px 0 0 0;
    width: 43px;
    height: 33px;
    float: left;
    text-align: center;
    padding: 13px 0 0 0;
    font-weight: bold;
    color: #fff;
    background-position: left 1px; }
  .product-grid-ranking .lank-02 {
    margin: 35px 0 0 0;
    width: 43px;
    height: 33px;
    background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/shopping/icon.png);
    float: left;
    text-align: center;
    padding: 13px 0 0 0;
    font-weight: bold;
    color: #fff;
    background-position: left -33px; }
  .product-grid-ranking .lank-03 {
    margin: 35px 0 0 0;
    width: 43px;
    height: 33px;
    background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/shopping/icon.png);
    float: left;
    text-align: center;
    padding: 13px 0 0 0;
    font-weight: bold;
    color: #fff;
    background-position: left -66px; }

.motor-product-box .image-box {
  width: 140px;
  margin: 0 auto;
  display: block;
  padding: 0; }
.motor-product-box .content {
  width: 140px;
  margin: 0 auto;
  text-align: left; }
  .motor-product-box .content .manufacturer {
    margin-top: 5px;
    font-size: 0.85rem;
    color: #005fb3; }
  .motor-product-box .content .name {
    font-size: 1rem;
    font-weight: bold;
    color: #005fb3; }
  .motor-product-box .content .seller {
    font-size: 0.85rem; }
  .motor-product-box .content .price {
    font-size: 1rem;
    color: #005fb3; }
  .motor-product-box .content .price.number {
    font-weight: bold;
    color: #e83a3f; }
  .motor-product-box .content .motor-product-box ul li {
    list-style: none;
    text-align: left; }

/*ranking */
.ranking-left-container .btn-my-bike {
  float: none;
  margin: 0px 10px; }
.ranking-left-container .btn-my-bike-container:hover .show-my-bike {
  display: block !important;
  left: 24px; }

.ranking-tabs.ct-menu-brand-top-page2 {
  display: block;
  margin-bottom: 10px; }
  .ranking-tabs.ct-menu-brand-top-page2 .ul-menu-brand-top-page {
    padding: 0; }
    .ranking-tabs.ct-menu-brand-top-page2 .ul-menu-brand-top-page li {
      padding: 0px 2px 0px 2px; }
      .ranking-tabs.ct-menu-brand-top-page2 .ul-menu-brand-top-page li a {
        font-size: 1rem;
        line-height: 40px;
        padding: 5px 10px; }
        .ranking-tabs.ct-menu-brand-top-page2 .ul-menu-brand-top-page li a.navbar-active {
          font-weight: bold; }

.ranking-filter .arrange-text li {
  float: left;
  border-right: 1px solid #ccc;
  padding: 5px;
  font-size: 1rem; }
.ranking-filter .arrange-text li:nth-child(1), .ranking-filter .arrange-text li:nth-child(2), .ranking-filter .arrange-text li:nth-child(5), .ranking-filter .arrange-text li:nth-child(6) {
  border: none; }
.ranking-filter .search-container {
  background-color: #efefef; }
  .ranking-filter .search-container ul li {
    float: none !important;
    display: inline-block !important; }

.ct-right-below.ranking-container {
  white-space: nowrap; }
  .ct-right-below.ranking-container .ranking-product-detail {
    display: inline-block;
    vertical-align: middle;
    width: 95%; }
    .ct-right-below.ranking-container .ranking-product-detail .product-detail {
      padding: 0 10px !important; }
  .ct-right-below.ranking-container .ct-right-below-body .product-item .tags {
    height: 120px; }
  .ct-right-below.ranking-container .ct-right-below-body .product-item .ranking-sell-info {
    text-align: center; }
  .ct-right-below.ranking-container .ct-right-below-body .product-item .icon-star-container {
    display: block; }
    .ct-right-below.ranking-container .ct-right-below-body .product-item .icon-star-container .icon-star-element {
      display: block;
      text-align: center; }
  .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 ul.product-description {
    white-space: initial; }
  .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-img {
    float: left;
    width: auto;
    margin: 0; }
    .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-img .thumbnail {
      display: block; }
  .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail {
    width: 100%; }
    .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail .product-info-search-list {
      padding: 10px 10px 10px 0;
      height: 100%; }
      .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail .product-info-search-list .product-name {
        height: auto; }
      .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail .product-info-search-list label.price {
        margin: 20px 0; }
      .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail .product-info-search-list .tags {
        height: auto; }
    .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail .dotted-text3 {
      white-space: initial; }
    .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail .product-state-search-list {
      height: 100%;
      padding-left: 15px; }
      .ct-right-below.ranking-container .ct-right-below-body .product-item-style-2 .product-detail .product-state-search-list .vertical-middle {
        display: inline-block;
        vertical-align: middle;
        width: 100%; }
  .ct-right-below.ranking-container .ranking-sell-info span {
    display: inline-block !important;
    padding: 0 10px; }
  .ct-right-below.ranking-container .ranking-sell-info .btn-gap-top {
    margin-top: 10px !important; }
  .ct-right-below.ranking-container .product-grid-ranking {
    display: inline-block;
    vertical-align: middle;
    width: 5%;
    padding: 0 10px; }
    .ct-right-below.ranking-container .product-grid-ranking [class*="lank-"] {
      margin: 0px !important; }
    .ct-right-below.ranking-container .product-grid-ranking .helper {
      width: 0px;
      margin: 0px; }

@media(max-width: 768px) {
  .ct-right-below.ranking-container .ct-right-below-body .product-item .tags {
    height: 60px; }
  .ct-right-below.ranking-container .ranking-product-detail {
    width: 100%; }
  .ct-right-below.ranking-container .product-grid-ranking {
    display: block;
    margin-top: 10px;
    width: auto; }
    .ct-right-below.ranking-container .product-grid-ranking p {
      float: none !important;
      display: block;
      margin: 0 auto !important; }

  .ranking-filter .select2-container {
    width: 100% !important;
    margin-top: 10px; }

  .next-row div {
    text-align: center; } }
.img-thumbnail {
  margin-bottom: 5px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-radius: 0; }
  .img-thumbnail img {
    width: 100%; }

.thumbnail-img-product {
  height: 450px; }
  .thumbnail-img-product img {
    margin: 0 auto;
    text-align: center;
    object-fit: scale-down;
    height: 100%;
    cursor: pointer; }

.img-zoom-in img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.thumbnail-all {
  margin: 0 auto;
  margin-bottom: 5px;
  display: table-cell;
  vertical-align: middle;
  border: #CCC 1px solid;
  text-align: center;
  position: relative; }
  .thumbnail-all img {
    max-width: 100%;
    max-height: 100%; }

.icon-star {
  margin: 0 auto;
  padding: 0;
  width: 72px;
  height: 14px;
  background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/shopping/icon.png);
  background-position: 0 -145px;
  display: table; }

.icon-star-bigger {
  margin: 0 auto;
  padding: 0;
  width: 100px;
  height: 20px;
  background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/star_bigger.png);
  background-position: 0 0;
  display: table; }
  .icon-star-bigger.star-01 {
    background-position: 0 -40px; }
  .icon-star-bigger.star-02 {
    background-position: 0 -80px; }
  .icon-star-bigger.star-03 {
    background-position: 0 -120px; }
  .icon-star-bigger.star-04 {
    background-position: 0 -160px; }
  .icon-star-bigger.star-05 {
    background-position: 0 -200px; }

/* star */
.star-hide {
  background: none;
  height: 17px; }

.star-fix {
  margin-top: 2px !important; }

.star-01 {
  background-position: 0 -174px; }

.star-02 {
  background-position: 0 -202px; }

.star-03 {
  background-position: 0 -230px; }

.star-04 {
  background-position: 0 -257px; }

.star-05 {
  background-position: 0 -285px; }

.pagination {
  background-color: transparent; }
  .pagination li a {
    color: #333333; }
    .pagination li a i {
      margin: 0;
      color: #e61e25; }
  .pagination li .active {
    background-color: #e61e25;
    color: #fff; }

.breadcrumb > li + li::before {
  font-family: "FontAwesome";
  content: ""; }

.breadcrumb-product-detail {
  margin: -10px 0 5px 0;
  background-color: transparent; }

.img-slider-nav {
  width: 90%;
  margin: 0 auto; }
  .img-slider-nav .slick-prev:before, .img-slider-nav .slick-next:before {
    color: #999999 !important;
    font-size: 20px; }

.img-thumbnail-detail {
  height: 60px;
  line-height: 50px;
  display: block; }

.product-detail {
  padding: 0; }

.module-title {
  padding: 10px 15px;
  overflow: hidden;
  border-bottom: 1px solid #bbbbbb;
  background-color: #fff;
  border: 1px solid #dcdee3; }

.brand-logo {
  width: 85px;
  height: 85px;
  float: left; }

.thumbnail-logo-brand {
  width: 85px;
  height: 85px;
  display: table-cell; }

.product-info {
  padding: 0 0 0 10px;
  float: none;
  width: auto;
  overflow: hidden; }

.info-brand {
  margin: 10px 0;
  padding: 0;
  width: 100%;
  float: left; }
  .info-brand li {
    padding: 0 10px;
    list-style-type: none;
    float: left;
    border-left: 1px solid #bbbbbb; }
    .info-brand li:first-child {
      border-left: 0; }

.ct-product-deatil {
  margin: 0 0 10px;
  padding: 15px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dcdee3;
  border-top: none; }
  .ct-product-deatil hr {
    margin: 10px 0; }

.ct-product-deatil-left {
  width: 450px;
  float: left; }

.ct-product-deatil-right {
  padding: 0 0 0 15px;
  float: none;
  width: auto;
  overflow: hidden; }

.ct-product-deatil span#final-price {
  font-size: 1.5rem; }

.thumbnail-img-product {
  width: 450px;
  display: table-cell;
  border: none;
  background-color: #f9f8f8;
  float: left; }

.img-slider-for {
  width: 450px;
  height: 450px;
  overflow: hidden; }

.ct-price-old {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0; }
  .ct-price-old a {
    padding: 0 20px; }
  .ct-price-old span {
    font-size: 1rem; }

.price-product-deatil {
  color: #e61e25; }

.select-info {
  width: 100%;
  float: left; }
  .select-info ul.product-data-table li {
    list-style: none; }
  .select-info ul.product-data-table li.product-table-title ul.product-table-row,
  .select-info ul.product-data-table li.product-table-content ul.product-table-row {
    display: flex; }
    .select-info ul.product-data-table li.product-table-title ul.product-table-row li[class^=col],
    .select-info ul.product-data-table li.product-table-content ul.product-table-row li[class^=col] {
      display: flex;
      justify-content: center;
      flex-direction: column;
      font-size: 1rem;
      line-height: 28px; }
      .select-info ul.product-data-table li.product-table-title ul.product-table-row li[class^=col] cite,
      .select-info ul.product-data-table li.product-table-title ul.product-table-row li[class^=col] p,
      .select-info ul.product-data-table li.product-table-content ul.product-table-row li[class^=col] cite,
      .select-info ul.product-data-table li.product-table-content ul.product-table-row li[class^=col] p {
        padding: 10px 0; }
  .select-info table {
    width: 100%;
    padding: 0 10px;
    display: block; }
    .select-info table tr td,
    .select-info table tr th {
      line-height: 28px;
      padding: 5px 10px;
      margin: 0;
      vertical-align: middle; }
    .select-info table tr th {
      width: 150px !important; }
  .select-info .dropdown-menu {
    width: 100%;
    max-height: 200px;
    overflow: auto; }

.delivery-box {
  padding: 7px 5px;
  border: #09C 1px solid;
  color: #09C;
  font-size: 1rem;
  font-weight: bold; }

.color-icon-question {
  color: #038900; }

.determine-number ul {
  margin: 0;
  width: 100%;
  float: left;
  background-color: #fff;
  border: 1px solid #dcdee3;
  border-radius: 2px; }
.determine-number li {
  margin: 0;
  padding: 0;
  width: 33.3333%;
  list-style-type: none;
  vertical-align: middle;
  display: inline-block; }
  .determine-number li input {
    width: 100%;
    text-align: center;
    border: none; }
  .determine-number li a {
    width: 100%;
    text-align: center; }

.btn-addcart a {
  width: 100%;
  float: left;
  border-radius: 2px;
  font-weight: bold; }

.btn-addtolist a, .btn-purchase a {
  background-color: #fff;
  color: #333333;
  width: 100%;
  border: 1px solid #dcdee3;
  font-weight: bold;
  border-radius: 2px; }

.fix-Model {
  margin: 0 0 10px;
  padding: 0;
  width: 100%;
  float: left; }

.title-model {
  margin: 0 0 10px;
  border-bottom: 1px solid #dcdee3; }
  .title-model h2 {
    margin: 0;
    padding: 5px 0;
    width: 100%; }

.thumbnail-fix-model {
  width: 70px;
  height: 70px;
  display: table-cell; }

.img-thumbnail-model {
  margin: 0 15px 0 0;
  padding: 0;
  float: left; }

.btn-detail-info {
  margin: 10px 0 0 0;
  padding: 0;
  float: right; }
  .btn-detail-info i {
    margin: 3px 0 0 8px;
    padding: 0;
    float: right; }

.title-main2 {
  margin: 0 0 20px;
  width: 100%;
  border-bottom: 1px solid #dcdee3;
  float: left; }
  .title-main2 h1 {
    margin: 0;
    padding: 5px 0;
    float: left; }

.ct-product-info-detail {
  margin: 0 0 20px;
  background-color: #fff;
  border: 1px solid #dcdee3; }

.menu-info {
  width: 100%;
  border-bottom: 1px solid #dcdee3;
  float: left;
  background-color: #fafafa; }
  .menu-info li {
    margin: 10px 0;
    padding: 2px 15px;
    list-style-type: none;
    border-left: 1px solid #dcdee3;
    float: left; }
    .menu-info li:first-child {
      border-left: none; }

.container-box {
  margin: 0 0 20px;
  width: 100%;
  float: left; }

.top-info-detail {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  float: left; }

.right-box-detail {
  margin: 10px 0;
  padding: 0;
  width: 300px;
  background-color: #f2f3f7;
  border: 1px solid #dcdee3;
  float: right; }

.left-box-detail {
  padding: 0 10px 0 0;
  float: none;
  width: auto;
  overflow: hidden; }

.banner-advertisement-right {
  width: 100%;
  float: left; }
  .banner-advertisement-right li {
    margin: 10px 0;
    padding: 0 10px;
    list-style-type: none;
    float: left; }

.ul-fix-model {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left; }
  .ul-fix-model .li-fix-model {
    margin: 0;
    padding: 5px;
    width: 50%;
    list-style-type: none;
    float: left; }

.ct-fix-model {
  margin: 0;
  padding: 5px;
  width: 100%;
  border: 5px solid #e8ebef;
  overflow: hidden;
  float: left; }

.ct-fix-model-left {
  margin: 0;
  width: 85px;
  float: left; }

.ct-fix-model-right {
  padding: 0 10px;
  float: none;
  width: auto;
  overflow: hidden; }
  .ct-fix-model-right ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left; }
    .ct-fix-model-right ul li {
      margin: 0;
      padding: 10px 0;
      width: 100%;
      list-style-type: none;
      border-top: 1px solid #dfdfdf;
      float: left; }
      .ct-fix-model-right ul li:first-child {
        border-top: none; }

.show-more-fix-model {
  display: none; }

.explore-product {
  margin: 0;
  padding: 0 10px 10px;
  width: 100%;
  float: left; }

.ct-explore-product {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left; }
  .ct-explore-product li {
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    float: left; }

.left-explore-product {
  margin: 0;
  padding: 0;
  width: 100px;
  float: left; }

.right-explore-product {
  padding: 0 20px;
  float: none;
  width: auto;
  overflow: hidden; }

.thumbnail-img-explore {
  width: 100px;
  height: 100px; }

.customer-review {
  width: 100%;
  float: left; }

.customer-review-total {
  margin: 0 0 20px 0;
  padding: 0 20px;
  width: 100%;
  background-color: #f5f7fa;
  border-radius: 3px;
  float: left; }
  .customer-review-total ul {
    display: block; }
    .customer-review-total ul li {
      display: flex;
      justify-content: center;
      padding: 15px 30px;
      display: flex; }

.ct-review-detail {
  text-align: center; }
  .ct-review-detail .icon-star {
    margin: 5px auto; }

.user-info-detail {
  overflow: hidden; }
  .user-info-detail .thumbnail-all {
    width: 38px;
    float: left;
    border: none; }
  .user-info-detail .ct-user-info {
    padding: 0 10px;
    float: none;
    width: auto;
    overflow: hidden; }
    .user-info-detail .ct-user-info span {
      color: #333333; }
    .user-info-detail .ct-user-info p {
      margin-top: 3px;
      color: #909090; }

.ul-content-comment-detail {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left; }
  .ul-content-comment-detail li {
    margin: 0;
    padding: 20px 0;
    width: 100%;
    list-style-type: none;
    border-bottom: 1px solid #dcdcdc;
    float: left; }

.ct-comment-detail-right {
  overflow: hidden; }

.thumb-product-comment {
  width: 120px;
  height: 120px;
  float: left; }
  .thumb-product-comment .thumbnail-all {
    width: 120px;
    height: 120px; }

.ct-comment-detail {
  padding: 0 20px;
  float: none;
  width: auto;
  overflow: hidden; }
  .ct-comment-detail h2 {
    padding: 0 150px 0 0; }

.date-comment {
  position: absolute;
  right: 0;
  top: 0;
  color: #909090; }

.group-star {
  margin: 10px 0;
  float: left; }
  .group-star .icon-star {
    float: left; }

.by-name-user {
  padding: 0 10px;
  color: #909090;
  float: left; }
  .by-name-user span {
    color: #333333; }

.text-ct-comment {
  float: left;
  clear: both; }

.like-comment strong {
  padding: 0 10px 0 0;
  float: right;
  line-height: 24px; }
.like-comment .btn-like {
  margin: 0;
  float: right;
  vertical-align: middle; }
  .like-comment .btn-like a {
    margin: 0;
    padding: 2px 5px;
    background-color: #edf0f7;
    border-radius: 2px;
    vertical-align: middle;
    border: 1px solid #adbbcf;
    float: left; }
  .like-comment .btn-like span {
    line-height: 24px; }

/*.like-comment .btn-like a i{ margin:3px 0 0 0;} */
.ct-title-main2 {
  width: 100%;
  float: left; }
  .ct-title-main2 .text-ct-title-main2 {
    margin: 10px 0;
    float: left; }

.ct-title-main2-right {
  margin: 0;
  float: right; }
  .ct-title-main2-right label {
    margin-top: 4px;
    float: left;
    color: #fff; }
  .ct-title-main2-right .dropdown {
    margin: 0 0 0 20px;
    float: left; }
  .ct-title-main2-right button {
    float: left; }

.bnt-ask-a-question {
  margin-left: 20px;
  border-radius: 2px; }

.bnt-ask-a-question2 {
  background-color: #777777;
  color: #FFF;
  border-radius: 2px; }
  .bnt-ask-a-question2:hover, .bnt-ask-a-question2:focus, .bnt-ask-a-question2:active {
    color: #fff; }

.customer-qa {
  float: left;
  width: 100%; }

.ul-ct-customer-qa {
  padding: 10px;
  margin-bottom: 20px;
  width: 100%;
  float: left;
  background-color: #f5f7fa; }
  .ul-ct-customer-qa li {
    width: 100%;
    list-style-type: none;
    border-radius: 2px;
    float: left; }
    .ul-ct-customer-qa li .top-ct-customer-qa {
      margin-bottom: 10px; }
    .ul-ct-customer-qa li:last-child .top-ct-customer-qa {
      margin-bottom: 0; }
  .ul-ct-customer-qa .active .customer-qa-show {
    display: block !important; }

.ct-customer-qa-info {
  margin: 10px 0;
  width: 100%; }
  .ct-customer-qa-info li {
    margin: 0 20px;
    padding: 0;
    width: auto;
    list-style-type: none;
    float: left; }
    .ct-customer-qa-info li p {
      color: #909090;
      font-size: 0.85rem;
      float: left; }
    .ct-customer-qa-info li span {
      float: left; }
    .ct-customer-qa-info li i {
      margin: 0 5px;
      color: #ff9227;
      float: left; }
    .ct-customer-qa-info li:first-child {
      margin: 0 20px 0 0; }

.ct-customer-qa-show {
  padding-right: 0; }
  .ct-customer-qa-show .title {
    margin-bottom: 10px;
    font-weight: bold; }

.customer-qa-show {
  padding: 15px;
  background-color: #fff;
  position: relative;
  border: 1px solid #d7e2f1; }

.active-qa-show {
  color: #e61e25; }

.ct-customer-qa-show-left {
  border: none; }
  .ct-customer-qa-show-left li {
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc; }
    .ct-customer-qa-show-left li:last-child {
      border-bottom: none; }

.customer-qa-show:before {
  position: absolute;
  top: -7px;
  left: 45px;
  display: inline-block;
  content: "";
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: white;
  border-left: 7px solid transparent; }

.ct-customer-qa-show-detail {
  padding: 10px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  font-size: 0.85rem; }

.top-ct-customer-qa-left {
  float: left;
  position: relative;
  width: 80%; }

.top-ct-customer-qa-right {
  width: 20%;
  float: left;
  text-align: right; }
  .top-ct-customer-qa-right p {
    color: #909090; }

.btn-see-all-pagination {
  float: right; }
  .btn-see-all-pagination span {
    margin: 20px;
    float: left; }
  .btn-see-all-pagination a {
    margin: 20px 0;
    float: left; }
    .btn-see-all-pagination a i {
      line-height: 1.2rem; }

.rating-star-table {
  margin: 0; }

.rating-star-name {
  color: #7b7b7b; }

.rating-star-icon {
  margin: 0 5px;
  color: #f3b100; }

.rating-bar-bg {
  margin: 5px;
  width: 120px;
  height: 7px;
  background-color: #eaeaea; }

.rating-bar-with {
  height: 7px;
  background-color: #f3b100;
  float: left; }

.btn-write-review {
  margin: 47px 0 0 30px;
  padding: 5px 50px;
  background-color: #ff9227;
  color: #fff;
  border-radius: 3px; }
  .btn-write-review:hover {
    color: #fff; }

.group-button-detail {
  width: 100%;
  float: left;
  background-color: #f5f4f4;
  padding: 5px; }
  .group-button-detail .span-quantity {
    padding: 5px 5px 5px 0;
    width: 15%;
    float: left; }

.form-group-button {
  width: 100%; }
  .form-group-button [class^=col-],
  .form-group-button .btn-label {
    padding: 5px; }

.img-slider-nav .slick-list .slick-track .slick-current {
  border: 1px solid #e61e25 !important;
  outline: none;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  position: relative;
  box-sizing: border-box; }
  .img-slider-nav .slick-list .slick-track .slick-current:before {
    font-family: "FontAwesome";
    position: absolute;
    top: -13px;
    left: 50%;
    display: inline-block;
    content: "";
    color: #e61e25;
    margin: 0 0 0 -3px; }

.title-detail-info {
  margin-top: 10px; }

.btn-see-all-pagination-fix-model a {
  margin: 0 !important; }

.ct-row-advertisement img {
  width: auto !important;
  max-width: 100% !important;
  text-align: center;
  margin: 0 auto; }

.owl-carouse-advertisement .owl-controls .owl-nav .owl-prev {
  top: 50% !important;
  margin-top: -30px !important; }
.owl-carouse-advertisement .owl-controls .owl-nav .owl-next {
  top: 50% !important;
  margin-top: -30px !important; }

.ct-customer-qa-show-left li a {
  border: none; }
.ct-customer-qa-show-left .active a {
  border: none !important; }
  .ct-customer-qa-show-left .active a span {
    color: #e61e25;
    border: none !important; }
    .ct-customer-qa-show-left .active a span .icon-check-link-active {
      display: inline-block !important;
      margin: 0 0 0 -23px; }

.icon-check-link-active {
  display: none;
  font-size: 1.2rem;
  color: green;
  margin: 0 0 0 -23px; }

.table-select-info .dropdown botton {
  text-align: left; }

@media all and (max-width: 767px) {
  .customer-review-total ul li {
    padding: 15px 0; }

  .ct-product-deatil-left {
    width: 100% !important; }

  .ct-product-deatil-right {
    width: 100% !important;
    padding: 0; }

  .select-info {
    padding: 0; }

  .left-box-detail {
    padding: 0; }

  .brand-logo {
    margin: 0 11px 0 0; }

  .product-info {
    padding: 0 !important;
    overflow: visible !important; }

  .info-brand li {
    border-left: none; }

  .breadcrumb-product-detail {
    display: block;
    overflow: auto;
    white-space: nowrap; }

  .right-box-detail {
    display: none; }

  .ul-fix-model .li-fix-model {
    width: 100% !important; }

  .ct-comment-detail h2 {
    padding: 0; }

  .date-comment {
    position: static; }

  .thumb-product-comment {
    float: left;
    margin: 0 10px 10px 0; }

  .ct-comment-detail {
    padding: 0 !important;
    overflow: visible !important; }

  .like-comment {
    padding: 0; }

  .top-ct-customer-qa-right {
    margin: 10px 0;
    float: left;
    padding: 0;
    width: 100%; }
    .top-ct-customer-qa-right p {
      float: right; }

  .top-ct-customer-qa-left {
    width: 100%; }

  .ct-customer-qa-info li {
    margin: 0 10px 0 0; }

  .btn-write-review {
    margin: 0;
    width: 100%;
    float: left; }

  .ct-totaldetail {
    width: 100%; }

  .rating-star-table {
    margin: 0 auto; }

  .ct-review-detail {
    padding: 15px 0;
    text-align: center;
    float: none;
    width: 100%; }

  .menu-info li {
    width: 50%;
    text-align: center; }

  .bnt-ask-a-question {
    margin: 20px 0;
    width: 100%; }

  .ct-title-main2-right {
    width: 100%; }

  .thumbnail-img-product {
    height: 300px; }

  .group-button-detail .span-quantity {
    padding: 5px;
    width: 100% !important;
    float: left; }

  .form-group-button {
    float: left;
    width: 100% !important; }

  .img-slider-for {
    width: auto !important;
    height: auto !important; } }
/*** Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. ** */
@media all and (min-width: 768px) and (max-width: 921px) {
  .ct-product-deatil-left {
    width: 300px !important; }

  .thumbnail-img-product {
    height: 300px; }
    .thumbnail-img-product img {
      margin: 0 auto;
      text-align: center;
      object-fit: scale-down; }

  .img-slider-for {
    width: 300px !important;
    height: 300px !important;
    overflow: hidden; } }
@media all and (min-width: 921px) and (max-width: 1200px) {
  .group-button-detail .span-quantity {
    padding: 5px;
    width: 100% !important;
    float: left; }

  .form-group-button {
    float: left;
    width: 100% !important; } }
/*** Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. ** */
@media only screen and (min-width: 922px) {
  .select-info table {
    width: 80% !important; } }
.lSGallery li {
  overflow: initial !important;
  overflow: static !important; }
  .lSGallery li a {
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
    border-radius: 0;
    height: 60px;
    line-height: 50px;
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 4px;
    max-width: 100%; }
    .lSGallery li a img {
      display: static !important;
      display: initial !important; }
.lSGallery .active a {
  border-color: #e61e25; }

/* Oem part page */
.oem-part-page {
  padding: 0; }

.ct-oem-part-left {
  width: 200px; }

.ct-oem-part-right {
  padding: 0 0 0 20px; }

.box-page-group-top {
  border: 1px solid #333333 !important; }

.sub-menu-box-group {
  margin: 0;
  border-top: 1px solid #e0e6f0 !important;
  float: left;
  width: 100%; }
  .sub-menu-box-group li {
    padding: 0 10px; }
  .sub-menu-box-group li:hover a {
    color: #e61e25 !important; }

.banner-advertisement {
  margin-bottom: 10px;
  width: 100%;
  float: left; }

.box-info-oem {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border: 4px solid #e0e6f0;
  float: left; }

.box-items-group {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #e0e6f0;
  float: left; }

.title-box-items-group {
  padding-bottom: 10px;
  width: 100%;
  float: left;
  border-bottom: 2px solid #b8b8b8; }
  .title-box-items-group img {
    margin-top: 5px;
    margin-right: 10px;
    width: 32px;
    float: left; }
  .title-box-items-group h1 {
    float: left; }
  .title-box-items-group hr {
    width: 100%;
    height: 1px; }

.ct-box-items-group {
  width: 100%;
  float: left; }

.ul-ct-box-items-group {
  margin: 5px 0;
  width: 100%;
  float: left; }
  .ul-ct-box-items-group li {
    padding: 10px;
    width: 12.5%;
    float: left;
    list-style-type: none;
    text-align: center; }
    .ul-ct-box-items-group li a {
      margin: 0 auto;
      /* @include border-radius(2px) */
      overflow: hidden;
      display: table; }
      .ul-ct-box-items-group li a img {
        float: left; }
      .ul-ct-box-items-group li a:hover {
        box-shadow: 3px 3px 3px #b8b8b8;
        -moz-box-shadow: 3px 3px 3px #b8b8b8;
        -webkit-box-shadow: 3px 3px 3px #b8b8b8;
        -o-box-shadow: 3px 3px 3px #b8b8b8;
        -ms-box-shadow: 3px 3px 3px #b8b8b8; }

.ct-tap-country {
  display: none; }

.active-ct-tap-country {
  display: block !important; }
  .active-ct-tap-country .logo-brand a .img-brand-black {
    display: block; }
  .active-ct-tap-country .logo-brand a .img-brand-active {
    display: none; }
  .active-ct-tap-country .active a .img-brand-black {
    display: none !important; }
  .active-ct-tap-country .active a .img-brand-active {
    display: block !important; }

.box-items-group-show {
  margin-top: 10px;
  padding: 15px;
  width: 100%;
  float: left;
  background-color: #f5f7fa;
  /* @include border-radius(2px) */ }
  .box-items-group-show .ct-more-box-items-group-show {
    width: 100%;
    overflow: auto;
    max-height: 175px;
    float: left; }

.box-items-group-show-left {
  width: 110px; }
  .box-items-group-show-left img {
    border: 1px solid #fff; }

.box-items-group-show-right {
  padding-left: 20px;
  border-left: 2px dotted #b8b8b8; }

@media (max-width: 767px) {
  .box-items-group-show-right {
    width: 100% !important;
    float: left !important;
    padding-left: 10px;
    margin-top: 10px; } }
.box-part-number {
  margin-bottom: 20px;
  padding: 0;
  border: 1px solid #e0e6f0; }

.content-box-part-number {
  width: 100%;
  float: left;
  position: relative; }
  .content-box-part-number #genuineparts-table {
    margin: 20px 0;
    /* @include border-radius(5px) */
    overflow: hidden;
    width: 100%;
    float: left;
    border: 1px solid #e1e6e9; }
    .content-box-part-number #genuineparts-table ul.item:nth-child(odd) {
      float: left; }
      .content-box-part-number #genuineparts-table ul.item:nth-child(odd) li {
        background-color: #f5f7fa; }
    .content-box-part-number #genuineparts-table ul {
      padding: 0 20px;
      width: 100%;
      float: left; }
      .content-box-part-number #genuineparts-table ul li {
        padding: 5px;
        line-height: 20px;
        float: left;
        list-style-type: none;
        text-align: center;
        min-height: 36px; }
        .content-box-part-number #genuineparts-table ul li input {
          width: 100%;
          height: 25px; }
      .content-box-part-number #genuineparts-table ul li:nth-child(1) {
        width: 10%; }
      .content-box-part-number #genuineparts-table ul li:nth-child(2) {
        width: 35%; }
      .content-box-part-number #genuineparts-table ul li:nth-child(3) {
        width: 20%; }
      .content-box-part-number #genuineparts-table ul li:nth-child(4) {
        width: 35%; }
    .content-box-part-number #genuineparts-table ul.title {
      background-color: #e1e6e9;
      width: 100%; }

.bottom-genuineparts-table {
  padding: 20px;
  float: left;
  width: 100%; }

.title-box-tap {
  position: absolute;
  width: 100%;
  float: left; }
  .title-box-tap li {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #627590;
    border-bottom: 1px solid #627590;
    margin: 10px 5px 0 5px;
    padding: 4px 20px;
    list-style-type: none;
    background-color: #627590;
    float: left;
    overflow: hidden;
    height: 45px; }
    .title-box-tap li a {
      float: left; }
      .title-box-tap li a img {
        margin: 5px 10px 0 0;
        width: 32px;
        float: left; }
      .title-box-tap li a h2 {
        margin-top: 3px;
        float: left;
        color: #fff; }
  .title-box-tap li:hover {
    box-sizing: border-box;
    border: 1px solid #627590;
    border-bottom: none;
    background-color: #fff; }
    .title-box-tap li:hover a h2 {
      color: #2a313c; }
  .title-box-tap .active {
    box-sizing: border-box;
    border: 1px solid #627590;
    border-bottom: none;
    background-color: #fff; }
    .title-box-tap .active a h2 {
      color: #2a313c; }

@media (max-width: 992px) {
  .title-box-tap li {
    padding: 4px 10px; } }
@media (max-width: 767px) {
  .title-box-tap li {
    padding: 4px 5px; } }
.ct-box-part-number {
  margin: 54px 0 0 0;
  width: 100%;
  float: left;
  border-top: 1px solid #627590; }

.ct-show-info-brand {
  margin: 0;
  padding: 0 15px;
  float: left;
  width: 100%; }

.container-show-info-brand {
  display: none; }

ul.table-main-info {
  list-style-type: none;
  border: 1px solid #dcdee3;
  margin-top: 0;
  padding: 0;
  width: 100%;
  float: left; }
  ul.table-main-info > li {
    float: left;
    width: 100%; }
  ul.table-main-info li.table-main-title {
    background-color: #787878; }
    ul.table-main-info li.table-main-title ul li {
      list-style: none;
      line-height: 2.5em;
      text-align: center;
      vertical-align: middle;
      border-right: 1px solid #fff;
      color: #fff;
      padding: 0; }
      ul.table-main-info li.table-main-title ul li:last-child {
        border-right: none; }
  ul.table-main-info li.table-main-content ul.table-main-item {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center; }
    ul.table-main-info li.table-main-content ul.table-main-item li {
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      list-style: none;
      line-height: 3em;
      border-right: 1px dotted #dcdee3;
      padding: 0;
      margin: 10px 0; }
      ul.table-main-info li.table-main-content ul.table-main-item li:last-child {
        border-right: none; }
    ul.table-main-info li.table-main-content ul.table-main-item h2.checkout-product-name {
      padding-left: 5px; }
    ul.table-main-info li.table-main-content ul.table-main-item:nth-child(2n) {
      background-color: #efefef; }
  ul.table-main-info li.table-main-resum {
    background-color: #efefef; }
    ul.table-main-info li.table-main-resum ul li {
      list-style: none;
      float: left;
      padding: 0; }
      ul.table-main-info li.table-main-resum ul li.table-main-resum-left h3 {
        padding: 15px 0 0 15px; }
      ul.table-main-info li.table-main-resum ul li.table-main-resum-right {
        border-left: 1px solid #dcdee3; }
        ul.table-main-info li.table-main-resum ul li.table-main-resum-right ul li {
          width: 100%;
          padding-top: 15px; }
          ul.table-main-info li.table-main-resum ul li.table-main-resum-right ul li div.resum-title {
            float: left;
            padding-left: 15px; }
          ul.table-main-info li.table-main-resum ul li.table-main-resum-right ul li div.resum-value {
            float: right;
            padding-right: 15px; }
          ul.table-main-info li.table-main-resum ul li.table-main-resum-right ul li.resum-final-value {
            border-top: 1px dotted #dcdee3; }
            ul.table-main-info li.table-main-resum ul li.table-main-resum-right ul li.resum-final-value div.resum-value {
              color: #e61e25; }
          ul.table-main-info li.table-main-resum ul li.table-main-resum-right ul li:last-child {
            margin: 15px 0; }

.btn-send-genuinepart-finish {
  font-weight: bold;
  padding: 10px 30px;
  min-width: 200px; }

.btn-send-genuinepart-finish-left {
  float: left; }

.btn-send-genuinepart-finish-right {
  float: right; }

@media all and (max-width: 767px) {
  .ct-oem-part-left {
    width: 100% !important; }

  .ct-oem-part-right {
    padding: 0;
    width: 100% !important; }

  .ul-ct-box-items-group li {
    width: 25% !important; }

  .box-page-group .ct-box-page-group .ul-button-ct-box-page-group li .improt-menu-left {
    position: static; }

  .box-part-number .content-box-part-number #genuineparts-table ul li input {
    border: 1px solid #dcdee3; } }
.btn-send-the-query {
  font-weight: bold;
  padding: 10px 30px; }

@media (max-width: 767px) {
  .btn-send-the-query {
    padding: 10px 5px; }

  .btn-danger.btn-send-the-query {
    padding: 10px 30px; } }
.box-info-compalate {
  width: 100%; }

.btn-send-genuinepart-finish-complate {
  margin: 0 5px !important;
  font-size: 1.2rem; }

.number-text-genuuepart-complate {
  margin-bottom: 10px; }

.box-items-group-customer-account {
  float: left;
  margin: 0 0 20px 0;
  width: 100%; }

.table-page-customer-account {
  border: 1px solid #dcdee3; }
  .table-page-customer-account tr {
    border-top: 1px solid #dcdee3; }
    .table-page-customer-account tr td {
      padding: 5px 10px;
      border-left: 1px solid #dcdee3; }
      .table-page-customer-account tr td:last-child {
        padding-right: 10%; }
      .table-page-customer-account tr td:first-child {
        border-left: none;
        background-color: #fef2e1; }
      .table-page-customer-account tr td .txt-customer-account {
        padding-right: 5px;
        padding-left: 5px;
        width: 100%; }
      .table-page-customer-account tr td .txt-customer-account-end {
        margin-top: 5px; }
    .table-page-customer-account tr:first-child {
      border-top: none; }

.from-owned-vehicles li {
  padding: 0 5px 0 0;
  list-style-type: none; }
  .from-owned-vehicles li:last-child {
    padding: 0; }
  .from-owned-vehicles li .text-day {
    line-height: 28px; }

.box-customer-account {
  margin: 0 0 10px 0 !important;
  padding: 5px;
  border-bottom: 2px solid #dcdee3; }

.btn-add-new-vehicle {
  width: 100%; }

.btn-confirm-the-changes {
  width: 240px;
  font-size: 1.2rem;
  margin-bottom: 20px; }

.box-page-group-customer-account {
  border: 5px solid #ff9003; }

.title-box-customer-account {
  background-color: #ff9003 !important;
  color: #fff !important;
  border-bottom: none !important; }

.ul-menu-customer-account li {
  border-top: none !important; }
  .ul-menu-customer-account li a i {
    color: #008c2e; }

/* Oem part page */
.ul-ct-brand-index {
  width: 100%;
  display: block; }
  .ul-ct-brand-index li {
    border-top: 1px solid #dcdee3;
    width: 100%;
    padding: 10px;
    list-style-type: none;
    float: left; }
    .ul-ct-brand-index li .item-img-brand-index figure {
      width: 80px !important;
      height: 43px !important; }
    .ul-ct-brand-index li .info-brand-right {
      padding: 0 0 0 5px !important; }
      .ul-ct-brand-index li .info-brand-right a {
        display: inherit;
        font-weight: bold; }
      .ul-ct-brand-index li .info-brand-right span {
        display: inherit; }
  .ul-ct-brand-index li:first-child {
    border-top: none; }

.thumb-box-logo-brand {
  height: 50px !important;
  width: 170px !important;
  text-align: left !important; }

.list-info-brand-selection {
  width: 100%;
  float: left; }
  .list-info-brand-selection li {
    width: 100%;
    list-style-type: none;
    float: left; }

.ct-brand-selection {
  padding: 20px;
  width: 100%;
  border: 3px solid #efefef;
  float: left; }

.ul-ct-brand-selection li {
  list-style-type: none; }

.list-info-brand-selection {
  border-left: 2px dotted #c6c6c6; }
  .list-info-brand-selection li {
    padding: 0 15px;
    margin-bottom: 5px;
    font-weight: bold; }
    .list-info-brand-selection li:last-child {
      margin-bottom: 0; }

.ct-list-brand-logo {
  margin: 0 0 20px 0;
  width: 100%;
  float: left; }

.ul-list-brand-logo {
  margin: 0 auto;
  max-width: 100%;
  display: table; }
  .ul-list-brand-logo li {
    list-style-type: none;
    display: inline-block; }

.thumb-img-list-brand-logo {
  width: 80px !important;
  height: 43px !important; }

.menu-ct-list-brand-index {
  padding: 0 10px;
  width: 100%;
  float: left; }
  .menu-ct-list-brand-index li {
    list-style-type: none;
    float: left; }
    .menu-ct-list-brand-index li a {
      padding: 15px 10px;
      display: inherit;
      font-size: 1rem;
      color: #333333;
      font-weight: bold; }
      .menu-ct-list-brand-index li a:hover {
        color: #e61e25; }

.ct-brand-nationality {
  border-top: 2px solid #efefef;
  padding: 20px;
  width: 100%;
  float: left; }

.item-brand-nationality {
  margin-bottom: 20px;
  width: 100%;
  float: left; }
  .item-brand-nationality .title-item-brand-nationality {
    padding: 10px;
    width: 100%;
    min-height: 40px;
    float: left;
    background-color: #efefef;
    border-radius: 4px; }
    .item-brand-nationality .title-item-brand-nationality img {
      margin: 0 5px 0 0;
      width: 32px;
      float: left; }

.ct-item-brand-nationality li {
  margin: 5px 0;
  list-style-type: none;
  font-size: 1rem; }

/*** Shopping page ** */
/*border-box */
.border-box {
  border: 1px solid #dcdee3; }

/*title-box-content */
.title-box-content {
  margin: 20px 0 5px; }
  .title-box-content h1 {
    float: left; }
  .title-box-content a {
    line-height: 2rem;
    padding: 0 10px; }

.padding-20 {
  padding: 20px; }

.ct-left-shopping {
  margin-top: 20px;
  padding-right: 40px; }

.title-winter-collerction {
  margin: 0;
  padding: 15px 15px 0 15px;
  text-align: center; }
  .title-winter-collerction h2 {
    height: 140px;
    display: table-cell;
    vertical-align: middle; }
    .title-winter-collerction h2 a {
      margin-top: 5px;
      display: block;
      text-align: center;
      font-size: 0.85rem; }

.ct-winter-collerction {
  margin: 20px 0;
  padding: 0; }

.ct-riding-gear, .ct-custom-parts {
  padding: 10px 0 20px; }

.ct-new-magazine {
  padding: 10px 0 20px; }
  .ct-new-magazine .owl-controls .owl-prev {
    top: 30%; }
  .ct-new-magazine .owl-controls .owl-next {
    top: 30%; }

.ct-right-shopping {
  margin-top: 20px; }

.box-notification {
  background-color: #fffeef;
  padding: 20px;
  text-align: center; }
  .box-notification ul li {
    margin: 10px 0;
    text-align: left; }
  .box-notification span {
    margin: 5px 0;
    display: table;
    text-align: left; }
  .box-notification img.tag {
    width: 12px;
    height: 12px;
    margin-right: 2px; }
  .box-notification .inline-rule {
    margin: 0 0 5px 0; }
    .box-notification .inline-rule img.tag {
      float: left;
      display: block;
      width: 12%;
      margin: 0;
      padding-right: 2%; }
    .box-notification .inline-rule span {
      margin: 0;
      float: left;
      display: block;
      width: 88%; }

.title-box-content-2 {
  width: 100%;
  background-color: #f8f8f8;
  border-left: 5px solid #e61e25; }
  .title-box-content-2 h2 {
    padding: 5px 10px;
    border-bottom: 1px solid #dedede; }

.box-content-brand {
  padding: 10px;
  width: 100%;
  float: left; }
  .box-content-brand li {
    width: 33.3333%;
    list-style-type: none;
    float: left;
    outline: 1px solid #dcdee3; }
    .box-content-brand li .zoom-image {
      display: block; }
      .box-content-brand li .zoom-image img {
        width: 100%;
        height: 100%; }

.box-content-popularity {
  padding: 15px 10px;
  width: 100%;
  float: left; }
  .box-content-popularity li {
    padding: 10px 0;
    width: 100%;
    list-style-type: none;
    border-top: 1px solid #dcdee3;
    text-align: center;
    float: left; }
    .box-content-popularity li:first-child {
      border: none !important; }
    .box-content-popularity li .container-box-content-popularity {
      margin: 0 auto;
      display: table; }
      .box-content-popularity li .container-box-content-popularity a {
        margin: 0 auto;
        margin-bottom: 5px;
        height: 130px;
        width: 130px;
        display: table-cell;
        vertical-align: middle;
        border: #CCC 1px solid;
        text-align: center;
        position: relative; }
      .box-content-popularity li .container-box-content-popularity img {
        max-width: 100%;
        max-height: 100%; }
      .box-content-popularity li .container-box-content-popularity a span {
        padding: 1px 5px;
        position: absolute;
        top: 0;
        left: 0; }
      .box-content-popularity li .container-box-content-popularity .lank {
        margin: 35px 0 0 0;
        width: 43px;
        height: 34px;
        background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/shopping/icon.png);
        float: left;
        text-align: center;
        padding: 11px 0 0 0;
        font-weight: bold;
        color: #fff; }
    .box-content-popularity li .lank-02 {
      background-position: left -33px; }
    .box-content-popularity li .lank-03 {
      background-position: left -66px; }
    .box-content-popularity li .lank-04 {
      background-position: left -99px; }
    .box-content-popularity li .lank-04 {
      background-position: -153px -65px;
      padding: 5px 0 0 0 !important; }
    .box-content-popularity li .lank-05 {
      background-position: -153px -65px;
      padding: 5px 0 0 0 !important; }

.ct-outlet-store-open {
  padding: 10px; }

.ct-below-shopping {
  padding: 0 15px; }
  .ct-below-shopping .item {
    padding: 5px;
    margin: 0; }
    .ct-below-shopping .item .ct-item {
      padding: 10px;
      background-color: #fff;
      float: left; }

.btn-owl-prev {
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: 60px;
  top: 50%;
  left: 15%; }
  .btn-owl-prev i {
    color: #fff !important;
    margin: -40px 0 0 0; }

.btn-owl-next {
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: 60px;
  top: 50%;
  right: 15%; }
  .btn-owl-next i {
    color: #fff !important;
    margin: -40px 0 0 0; }

.slideshow-top a img {
  width: 100%; }
.slideshow-top .slick-prev,
.slideshow-top .slick-next {
  width: 30px;
  height: 50px; }
.slideshow-top .slick-prev {
  z-index: 999;
  left: 100px; }
.slideshow-top .slick-next {
  z-index: 999;
  right: 100px; }
.slideshow-top .slick-active img {
  -webkit-filter: blur(0) !important;
  filter: blur(0) !important; }

.level-card {
  padding: 10px; }
  .level-card h3 {
    font-size: 1.2rem;
    font-weight: bold; }
  .level-card h5 {
    font-size: 1rem;
    font-weight: bold; }
  .level-card label {
    font-weight: bold; }
  .level-card label,
  .level-card p {
    font-size: 0.85rem;
    margin-bottom: 5px; }
    .level-card label:last-child,
    .level-card p:last-child {
      margin-bottom: 0px; }
  .level-card.golden {
    color: #333;
    background: #e8b248;
    background: -moz-linear-gradient(left, #e8b248 0%, #ecd15c 16%, #f1d067 35%, #fdf37d 50%, #f1d067 65%, #ecd15c 84%, #e8b248 100%);
    background: -webkit-linear-gradient(left, #e8b248 0%, #ecd15c 16%, #f1d067 35%, #fdf37d 50%, #f1d067 65%, #ecd15c 84%, #e8b248 100%);
    background: linear-gradient(to right, #e8b248 0%, #ecd15c 16%, #f1d067 35%, #fdf37d 50%, #f1d067 65%, #ecd15c 84%, #e8b248 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b248', endColorstr='#e8b248',GradientType=1 ); }
  .level-card.sliver {
    color: #fff;
    background: #999999;
    background: -moz-linear-gradient(45deg, #999999 0%, #cccccc 12%, #999999 50%, #cccccc 88%, #999999 100%);
    background: -webkit-linear-gradient(45deg, #999999 0%, #cccccc 12%, #999999 50%, #cccccc 88%, #999999 100%);
    background: linear-gradient(45deg, #999999 0%, #cccccc 13%, #999999 50%, #cccccc 87%, #999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=1 ); }
  .level-card.general {
    color: #fff;
    background: #005121;
    background: -moz-linear-gradient(left, #005121 0%, #418230 16%, #2a762e 35%, #66b353 50%, #2a762e 65%, #418230 84%, #005121 100%);
    background: -webkit-linear-gradient(left, #005121 0%, #418230 16%, #2a762e 35%, #66b353 50%, #2a762e 65%, #418230 84%, #005121 100%);
    background: linear-gradient(to right, #005121 0%, #418230 16%, #2a762e 35%, #66b353 50%, #2a762e 65%, #418230 84%, #005121 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005121', endColorstr='#005121',GradientType=1 ); }

@media all and (max-width: 767px) {
  .slideshow-top .slick-prev,
  .slideshow-top .slick-next {
    top: 38%; }
  .slideshow-top .slick-prev {
    left: 0%; }
  .slideshow-top .slick-next {
    right: 4%; } }
.item-product-new-magazine {
  padding: 0; }
  .item-product-new-magazine a figure {
    width: 180px;
    height: 180px; }

.customer-dashboard .title {
  background: #e61e25;
  padding: 10px;
  color: #fff; }
  .customer-dashboard .title.white {
    background: #fff;
    color: #333; }
.customer-dashboard .gap {
  padding: 5px; }
.customer-dashboard .content {
  padding: 10px; }
  .customer-dashboard .content .main-info ul li {
    list-style-type: none;
    padding: 5px 0 0; }
    .customer-dashboard .content .main-info ul li:first-child {
      padding-top: 0; }
  .customer-dashboard .content .main-info .count {
    color: #005fb3; }
  .customer-dashboard .content .disp-list {
    border-top: 1px solid #dcdee3; }
    .customer-dashboard .content .disp-list ul {
      margin-top: 10px;
      padding-top: 10px; }
      .customer-dashboard .content .disp-list ul li {
        list-style-type: none;
        padding-top: 5px; }
        .customer-dashboard .content .disp-list ul li:first {
          padding-top: 0; }

/*** Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. ** */
@media (max-width: 922px) {
  footer .footer-links aside {
    border-right: 1px solid #737b87; } }
/*** Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. ** */
@media all and (min-width: 768px) and (max-width: 921px) {
  .title-winter-collerction h2 {
    font-size: 0.85rem !important; }
    .title-winter-collerction h2 a {
      text-align: left; } }
@media (max-width: 767px) {
  .ct-left-shopping {
    padding-right: 15px !important; }

  .ct-right-shopping {
    margin-top: 20px; }

  .menu-shopping {
    display: none; }

  .btn-owl-prev {
    font-size: 30px;
    top: 40%;
    left: 10%; }
    .btn-owl-prev i {
      color: #fff !important;
      padding: 0;
      margin: -20px 0 0 0; }

  .btn-owl-next {
    font-size: 30px;
    top: 40%;
    right: 10%; }
    .btn-owl-next i {
      color: #fff !important;
      padding: 0;
      margin: -20px 0 0 0; }

  .title-box-content a {
    line-height: 2.5rem; }

  .ct-right-shopping {
    margin: 0;
    padding: 0; }
    .ct-right-shopping .box-content {
      margin: 0 0 20px 0; }

  .title-winter-collerction {
    padding: 0 15px 0 15px !important; }
    .title-winter-collerction h2 {
      padding: 10px 0;
      height: auto !important; }
      .title-winter-collerction h2 a {
        text-align: left; }
    .title-winter-collerction hr {
      margin: 0;
      padding: 0;
      clear: both; }

  .title-box-content {
    margin: 0; }
    .title-box-content hr {
      margin: 0;
      padding: 0;
      clear: both; }
    .title-box-content a {
      float: right; }

  .container-header {
    min-height: auto !important; } }
/*** End shopping page ** */
/*** Content Top Page ** */
.container-top-page {
  position: relative; }

.col1-ct {
  width: 100%;
  float: left; }

.col2-ct {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left; }

.col3-ct {
  width: 100%;
  float: right; }

.menu-left {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .menu-left li {
    margin: 5px 0;
    padding: 0; }
    .menu-left li a {
      color: #333333; }
      .menu-left li a:hover {
        color: #004684;
        text-decoration: none; }
      .menu-left li a span {
        float: left; }
      .menu-left li a img {
        margin: 0 0 5px 0;
        float: left; }
      .menu-left li a h3 {
        margin: 3px 0 0 0;
        padding: 0;
        font-family: Helvetica, Arial, Verdana, Simhei, "Microsoft JhengHei", "微軟正黑體", "PMingLiU", sans-serif;
        float: left;
        position: relative; }
        .menu-left li a h3 img {
          width: auto; }

.menu-left-mobile {
  margin: 0px 0 15px 0;
  padding: 0;
  background-color: #e61e25;
  z-index: 3;
  float: left; }
  .menu-left-mobile li {
    padding: 0;
    list-style-type: none;
    text-align: center;
    float: left; }
    .menu-left-mobile li img {
      margin: 5px 20% 0;
      max-width: 53px;
      width: 60%; }
    .menu-left-mobile li h3 {
      margin: 5px 0;
      color: #fff; }
      .menu-left-mobile li h3 p {
        display: inline-block;
        vertical-align: middle; }

/** Populz zar Bike Model */
.populz-zar {
  margin: 10px 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  float: left; }
  .populz-zar li {
    padding: 5px;
    width: 50%;
    float: left; }
    .populz-zar li span {
      margin: 0 5px 0 0;
      padding: 1px;
      border: 1px solid #595959;
      min-width: 20px;
      text-align: center;
      font-size: 0.85rem; }
    .populz-zar li a {
      display: block;
      margin-top: 2px;
      word-break: break-all;
      word-wrap: break-word;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

/** 2016 MotoGP Ranking */
.Ranking-motogp {
  margin: 10px 0;
  padding: 0;
  width: 100%;
  list-style-type: none; }
  .Ranking-motogp li {
    padding: 2px 0px;
    width: 100%; }
    .Ranking-motogp li a {
      width: 100%;
      position: relative;
      float: left; }
    .Ranking-motogp li label {
      height: 35px;
      min-width: 35px;
      line-height: 35px;
      z-index: 2;
      font-weight: normal;
      position: relative;
      float: left; }
    .Ranking-motogp li img {
      width: 35px;
      height: 35px;
      z-index: 2;
      position: absolute;
      top: 0;
      left: 35px; }
    .Ranking-motogp li span {
      padding: 0 0 0 40px;
      height: 35px;
      width: 100%;
      background-color: #57585b;
      color: #ffffff;
      position: absolute;
      line-height: 35px;
      top: 0;
      left: 0;
      z-index: 1; }

/** Icon news* */
.meta-ct {
  float: left; }
  .meta-ct li {
    height: 26px;
    clear: both;
    float: right; }
  .meta-ct .comments a i {
    color: #fff;
    float: right; }

.comments-show {
  margin: 0 10px 0 0;
  padding: 5px 20px;
  background-color: #ffffff;
  text-decoration: none;
  border-radius: 2px;
  float: right;
  display: none; }

.meta-ct .comments:hover .comments-show {
  transition: all 0.3s ease;
  display: block; }
.meta-ct .comments:hover a i, .meta-ct .comments:hover .comments-show {
  transition: all 0.3s ease;
  color: #669900 !important; }
.meta-ct .share .icon-share {
  color: #c0c3ca;
  cursor: pointer;
  float: right; }

.share-show {
  margin: 0 10px 0 0;
  width: 105px;
  padding: 0;
  background-color: #ffffff;
  text-decoration: none;
  border-radius: 2px;
  overflow: hidden;
  float: right;
  display: none; }
  .share-show li {
    width: 100%;
    list-style-type: none;
    float: left; }
    .share-show li a {
      padding: 5px 10px;
      width: 100%;
      float: left; }
      .share-show li a:hover {
        background-color: #f5f5f5; }
      .share-show li a span {
        float: left; }
      .share-show li a i {
        margin-top: 3px;
        float: right; }

.meta-ct .share:hover .share-show {
  display: block;
  transition: all 0.3s ease; }
.meta-ct .share:hover .icon-share {
  color: #1383cf;
  transition: all 0.3s ease; }

/** Post News* */
.post {
  position: relative; }

.entry-meta {
  position: absolute;
  top: 10px;
  right: 10px; }

.entry-thumbnail {
  position: relative; }

.entry-thumbnail-top {
  position: relative; }
  .entry-thumbnail-top a img {
    width: 100%;
    height: 100px;
    object-fit: contain; }

.bg-post-content {
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-box-shadow: inset 0 0 220px #000000;
  -webkit-box-shadow: inset 0 0 220px #000000;
  box-shadow: inset 0 0 220px #000000;
  top: 0;
  left: 0; }

.post-content-top {
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6); }

.entry-title-top a {
  color: #fff !important;
  text-decoration: none; }
  .entry-title-top a:hover {
    text-decoration: underline; }

.entry-content-top {
  color: #fff !important; }

.small-post {
  margin: 5px 0 0 0;
  padding: 0 12px; }

.small-post-ct {
  padding: 0 3px 5px; }

.entry-title-top-small {
  color: #333333;
  margin-top: 5px;
  margin-bottom: 5px; }
  .entry-title-top-small:hover {
    color: #324fe1;
    text-decoration: none; }

.thumbnail-below-post {
  padding: 0; }

.btn-category {
  padding: 3px 5px; }

.title-content-below-post {
  margin: 0 0 5px;
  float: left; }

.content-below-post span {
  float: left; }
.content-below-post .post-tag {
  margin-bottom: 5px; }

.ct-below-post {
  width: 100%;
  margin: 15px 0;
  float: left; }

.static-banners-fix {
  margin: 0;
  float: left; }

.entry-meta-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2; }
  .entry-meta-2 .meta-ct .comments a i {
    color: #c0c3ca; }
  .entry-meta-2 .meta-ct .comments a .comments-show {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.19); }
  .entry-meta-2 .meta-ct .share .share-show {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.19); }

/** Also like */
.also-like {
  width: 100%;
  float: left;
  display: none; }

.title-also-like {
  width: 100%;
  float: left;
  position: relative; }
  .title-also-like h3 {
    padding: 10px 0;
    font-weight: bold;
    float: left; }

.ct-also-like {
  padding: 0 !important; }

.btn-close-also-like {
  top: 10px !important; }

.title-box {
  margin: 0;
  padding: 5px 0;
  width: 100%;
  background-color: #202732;
  color: #fff;
  font-weight: normal;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  float: left; }

.content-box {
  padding-right: 5px;
  padding-left: 5px;
  border: 1px solid #e7e7e7;
  background-color: #f5f5f5;
  float: left; }

.content-last-box {
  margin-top: 10px; }

.content-last-block {
  margin-top: 20px; }

.box {
  margin-bottom: 10px; }

.block {
  margin-bottom: 20px; }

/* rewrite google search style */
/* rewrite google search style */
/*** End Content Top Page ** */
@media all and (max-width: 767px) {
  .content-top-page {
    margin: 55px 0 0 0; }

  .content-below-post span.post-content, .post-content-top span.post-content, .col3-ct {
    display: none; }

  .container-top-page {
    padding-top: 10px; }

  .menu-left-mobile {
    bottom: 0;
    position: fixed;
    margin-bottom: 0; } }
/*** Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. ** */
@media all and (min-width: 768px) and (max-width: 921px) {
  .col1-ct {
    width: 35px !important;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 2;
    height: 100%; }

  .menu-left {
    width: 35px;
    position: fixed; }

  .col2-ct {
    margin: 0;
    padding: 0 295px 0 65px !important;
    width: 100% !important;
    float: left; }

  .col3-ct {
    width: 250px !important;
    position: absolute;
    top: 0;
    right: 15px; }

  .menu-left li a h3, .content-below-post span.post-content {
    display: none; } }
/*** Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. ** */
@media only screen and (min-width: 922px) {
  .col1-ct {
    width: 200px !important;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 2;
    height: 100%; }

  .menu-left {
    width: 160px;
    position: fixed; }

  .col2-ct {
    margin: 0;
    padding: 0 329px 0 191px !important;
    width: 100% !important;
    float: left; }

  .col3-ct {
    width: 300px !important;
    position: absolute;
    top: 0;
    right: 15px; } }
/********************!
 * All Main Layout */
/********************! */
ol.breadcrumb-product-detail li a {
  vertical-align: top; }

.ct-left-search-list {
  margin-bottom: 20px;
  width: 200px;
  float: left;
  margin-right: 15px; }

.ct-right-search-list {
  margin-bottom: 20px;
  float: none;
  width: auto;
  overflow: hidden;
  padding: 0; }
  .ct-right-search-list .ct-right-top {
    width: auto;
    border: 1px solid #dcdee3; }
  .ct-right-search-list .ct-right-below {
    margin-top: 15px;
    border: 1px solid #dcdee3; }

.ct-below-shopping {
  margin: 20px 0 30px 0; }

/****************
 * Breadcrumb */
/**************** */
.ul-breadcrumb {
  height: 100%; }
  .ul-breadcrumb li {
    list-style-type: none;
    float: left;
    line-height: 40px; }

/**!
 * Left Sidebar */
/**! */
.ul-left-title li.li-left-title {
  list-style-type: none;
  line-height: 30px;
  padding: 0; }
  .ul-left-title li.li-left-title:nth-child(n+2) {
    margin-top: 10px; }
  .ul-left-title li.li-left-title a:not(.btn) {
    color: #333333; }
  .ul-left-title li.li-left-title a.a-left-title {
    width: 99.5%;
    float: left;
    border-bottom: 1px solid #e61e25;
    padding: 0px 5px;
    line-height: 34px;
    font-size: 1rem;
    background: #efefef; }
    .ul-left-title li.li-left-title a.a-left-title span {
      float: left;
      font-size: 1rem;
      line-height: 34px;
      font-weight: bold; }
    .ul-left-title li.li-left-title a.a-left-title i {
      float: right;
      margin: 8px 5px 0 0; }
  .ul-left-title li.li-left-title .ul-sub1 {
    list-style-type: none; }
    .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 {
      list-style-type: none;
      margin: 0;
      /*Size Option */ }
      .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 a.a-sub1:not(.btn) {
        float: left;
        padding: 0 10px;
        width: 100%;
        height: auto; }
        .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 a.a-sub1:not(.btn) .checkbox-left-sidebar-li {
          float: left;
          margin-top: 12px;
          margin-right: 5px; }
        .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 a.a-sub1:not(.btn) span {
          float: left; }
        .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 a.a-sub1:not(.btn) span.count {
          color: #333; }
        .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 a.a-sub1:not(.btn) label span.count {
          float: right; }
        .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 a.a-sub1:not(.btn) .icon-star {
          margin: 10px 5px 0 0; }
      .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 a.a-size-option {
        height: 20px; }
    .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 {
      list-style-type: none;
      line-height: 24px; }
      .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 a.a-sub2,
      .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 div.a-sub2 {
        float: left;
        padding: 0 10px;
        width: 100%;
        line-height: 30px; }
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 a.a-sub2 i,
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 div.a-sub2 i {
          color: #333; }
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 a.a-sub2 span,
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 div.a-sub2 span {
          font-size: 0.85rem; }
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 a.a-sub2 span.count,
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 div.a-sub2 span.count {
          color: #333; }
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 a.a-sub2.active,
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 div.a-sub2.active {
          background: #7d8ca1; }
          .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 a.a-sub2.active span,
          .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 div.a-sub2.active span {
            color: #fff; }
          .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 a.a-sub2.active i,
          .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 div.a-sub2.active i {
            color: #fff; }
      .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 ul.ul-sub3 {
        padding: 0 0 0 20px; }
        .ul-left-title li.li-left-title .ul-sub1 ul.ul-sub2 li.li-sub2 ul.ul-sub3 li.li-sub3 a {
          padding: 0 0 0 30px !important; }
    .ul-left-title li.li-left-title .ul-sub1 .li-sub1-style2 a.a-sub1 {
      height: 20px; }
    .ul-left-title li.li-left-title .ul-sub1 .li-sub1-style2:last-child {
      margin-bottom: 15px; }
  .ul-left-title li.li-left-title .slide-down-btn {
    width: 100%;
    float: left; }
    .ul-left-title li.li-left-title .slide-down-btn .fa-plus {
      margin-right: 3px; }
.ul-left-title ul.color-list-box {
  list-style-type: none;
  margin-top: 50px;
  margin-bottom: 5px;
  /**! Size Option */ }
  .ul-left-title ul.color-list-box .color-box {
    width: 28px;
    height: 22px;
    margin: 5px 5px 15px 0;
    float: left;
    border: 1px solid #dcdee3;
    border-radius: 2px;
    position: relative; }
    .ul-left-title ul.color-list-box .color-box:last-child {
      margin-right: 0; }
    .ul-left-title ul.color-list-box .color-box div {
      position: absolute;
      top: 0;
      left: 0;
      padding: 1px;
      width: 100%;
      height: 100%; }
      .ul-left-title ul.color-list-box .color-box div div {
        width: 100%;
        height: 100%;
        border-radius: 2px;
        display: table;
        text-align: center; }
        .ul-left-title ul.color-list-box .color-box div div i {
          display: table-cell;
          vertical-align: middle; }
      .ul-left-title ul.color-list-box .color-box div .blue {
        background-color: #005599; }
      .ul-left-title ul.color-list-box .color-box div .yellow {
        background-color: #ffff00; }
      .ul-left-title ul.color-list-box .color-box div .red {
        background-color: #e61e25; }
      .ul-left-title ul.color-list-box .color-box div .light-blue {
        background-color: #3bb8d7; }
      .ul-left-title ul.color-list-box .color-box div .purple {
        background-color: #3523c0; }
      .ul-left-title ul.color-list-box .color-box div .brown {
        background-color: #7d3521; }
      .ul-left-title ul.color-list-box .color-box div .pink {
        background-color: #ec008c; }
      .ul-left-title ul.color-list-box .color-box div .green {
        background-color: #00ff00; }
  .ul-left-title ul.color-list-box .size-option {
    padding-left: 10px;
    background-color: yellow; }

.ct-left-banner {
  width: 100%;
  margin: 20px 0; }

/******************* */
/*    RIGHT CONTENT (RC) */
/******************* */
/**** RC - below */
.ct-right-below .ct-right-below-header ul.ul-header {
  background-color: #f5f7fa;
  width: 100%;
  list-style-type: none;
  border: 1px solid #dcdee3;
  display: flex;
  overflow: hidden; }
  .ct-right-below .ct-right-below-header ul.ul-header li.li-header-left {
    float: left;
    width: 20%;
    padding: 10px;
    height: 50px;
    align-self: center; }
    .ct-right-below .ct-right-below-header ul.ul-header li.li-header-left span {
      display: table-cell;
      vertical-align: middle; }
    .ct-right-below .ct-right-below-header ul.ul-header li.li-header-left span.result-for {
      font-weight: bold;
      display: inline-flex;
      color: #e61e25;
      padding-bottom: 4px; }
  .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right {
    float: right;
    width: 100%; }
    .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul {
      width: 100%;
      list-style-type: none;
      float: right;
      display: flex;
      flex-direction: row; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li {
        float: left;
        vertical-align: middle;
        padding: 10px 15px;
        align-self: center; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li:last-child {
          border-right: none; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li div {
          display: flex;
          width: 100%;
          justify-content: flex-end; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li div span.search-option-title {
            width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex: 0 0 50% !important; }
            .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li div span.search-option-title.option-col-30 {
              flex: 0 0 30% !important; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li div ul {
            justify-content: center;
            width: 100%; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li i.menu-icon {
          color: #999999;
          line-height: 38px;
          margin-left: 10px; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li .menu-icon-active {
          color: #e62e04 !important; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.li-search-list-block-list-icon {
          height: 50px;
          display: table; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.li-search-list-block-list-icon div.search-list-block-list-icon {
            display: table-cell;
            width: 100%;
            text-align: center;
            vertical-align: middle; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change {
          list-style-type: none; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change li {
            float: left;
            padding: 0;
            text-align: center;
            background-color: #ffffff;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
            .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change li:last-child {
              border-left: none; }
            .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change li a {
              text-align: center;
              color: #e61e25; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change .active {
            background-color: #f5f7fa; }
            .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change .active i {
              color: #a2a2a2; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li select {
          height: 28px;
          border: 1px solid #dcdee3;
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change {
          width: 55%; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.searchlist-select-dropdown span.select2.select2-container.select2-container--default {
        flex: 0 0 50%;
        align-self: center;
        width: 70% !important; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.searchlist-select-dropdown span.select2.select2-container.select2-container--default span.select2-selection {
          width: 100%;
          height: 38px;
          border: 1px solid #dcdee3;
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
.ct-right-below .ct-right-below-body .product-item {
  width: 25%;
  float: left;
  margin: 0;
  padding: 10px;
  border-right: 1px solid #dcdee3;
  border-bottom: 1px solid #dcdee3;
  min-height: 200px; }
  .ct-right-below .ct-right-below-body .product-item:nth-child(4n) {
    border-right: none; }
  .ct-right-below .ct-right-below-body .product-item .product-img {
    margin-bottom: 5px;
    display: flex;
    justify-content: center; }
    .ct-right-below .ct-right-below-body .product-item .product-img a {
      font-size: 0; }
    .ct-right-below .ct-right-below-body .product-item .product-img .search-list-img {
      width: 190px;
      height: 190px;
      border: none;
      padding: 0;
      text-align: center; }
    @media (max-width: 767px) {
      .ct-right-below .ct-right-below-body .product-item .product-img .search-list-img {
        width: auto;
        height: auto;
        border: none; } }
    .ct-right-below .ct-right-below-body .product-item .product-img img {
      max-width: 100%;
      max-height: 100%;
      display: inline-block;
      vertical-align: middle; }
  .ct-right-below .ct-right-below-body .product-item .product-name {
    font-size: 1rem;
    float: left;
    font-weight: bold;
    color: #005fb3;
    /* wayne over write width 100% */
    width: 100%;
    height: 2.8rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ct-right-below .ct-right-below-body .product-item .product-name a {
      text-decoration: none; }
  .ct-right-below .ct-right-below-body .product-item .vendor-name {
    font-size: 0.85rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px; }
  .ct-right-below .ct-right-below-body .product-item .point-label {
    margin-bottom: 10px; }
  .ct-right-below .ct-right-below-body .product-item ul.product-description {
    list-style-type: none;
    overflow-y: auto;
    height: 86px;
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 10px; }
    .ct-right-below .ct-right-below-body .product-item ul.product-description .motor {
      margin-bottom: 5px; }
    .ct-right-below .ct-right-below-body .product-item ul.product-description .model-name {
      margin-bottom: 5px; }
    .ct-right-below .ct-right-below-body .product-item ul.product-description li {
      line-height: 20px;
      color: #5e5e5e; }
  .ct-right-below .ct-right-below-body .product-item label.price {
    font-size: 16px;
    font-weight: bold;
    color: #e83a3f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }
  .ct-right-below .ct-right-below-body .product-item label.price-old {
    color: #7b7b7b;
    margin: 0 0 10px 0; }
  .ct-right-below .ct-right-below-body .product-item label {
    width: 100%;
    line-height: 20px; }
  .ct-right-below .ct-right-below-body .product-item .div-btn-check-detail {
    padding: 0;
    width: 100%;
    min-height: 28px;
    border: 1px solid #dcdee3;
    border-radius: 2px;
    text-align: center;
    margin: 10px 0 10px 0;
    cursor: pointer;
    color: #1c457d; }
    .ct-right-below .ct-right-below-body .product-item .div-btn-check-detail:hover {
      background-color: #e61e25;
      color: #fff; }
    .ct-right-below .ct-right-below-body .product-item .div-btn-check-detail a:hover {
      color: #fff; }
    .ct-right-below .ct-right-below-body .product-item .div-btn-check-detail span {
      margin-top: 3px;
      float: left;
      width: 100%; }
  .ct-right-below .ct-right-below-body .product-item .rating span {
    margin: 0 auto; }
  .ct-right-below .ct-right-below-body .product-item .tags {
    display: block;
    margin-top: -5px;
    height: 55px;
    padding: 1px;
    overflow: hidden; }
    .ct-right-below .ct-right-below-body .product-item .tags .tag {
      margin: 5px 5px 0 0;
      float: left; }
    .ct-right-below .ct-right-below-body .product-item .tags .label {
      padding: 0.2em 0.6em 0.2em; }
      .ct-right-below .ct-right-below-body .product-item .tags .label.label-outlet {
        background: #fff;
        color: #333;
        outline: 1px #e61e25 solid; }
  .ct-right-below .ct-right-below-body .product-item .icon-star-container {
    justify-content: center;
    display: flex; }
    .ct-right-below .ct-right-below-body .product-item .icon-star-container .icon-star-element {
      display: flex;
      margin: 0; }
.ct-right-below .ct-right-below-body .product-item-style-2 {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #dcdee3;
  display: flex; }
  .ct-right-below .ct-right-below-body .product-item-style-2 .product-img {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    .ct-right-below .ct-right-below-body .product-item-style-2 .product-img a {
      display: flex;
      margin-bottom: 0; }
  .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail {
    width: 80%; }
    .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-info-search-list {
      width: 70%;
      float: left;
      padding-right: 10px;
      border-right: 1px solid #dcdee3; }
      .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-info-search-list .product-name {
        float: none; }
    .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-state-search-list {
      width: 30%;
      float: right;
      padding-left: 10px; }
      .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-state-search-list .price {
        margin: 0; }
      .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-state-search-list .rating {
        padding: 0; }
        .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-state-search-list .rating div {
          padding: 0; }
  .ct-right-below .ct-right-below-body .product-item-style-2 ul.product-description {
    list-style-position: inside;
    list-style-type: disc !important; }
    .ct-right-below .ct-right-below-body .product-item-style-2 ul.product-description li {
      display: list-item; }
      .ct-right-below .ct-right-below-body .product-item-style-2 ul.product-description li span {
        position: relative;
        left: 0; }

.ct-pagenav {
  background-color: #f5f7fa;
  text-align: center;
  height: 60px;
  border: 1px solid #dcdee3;
  border-top: none !important; }

/********* */
/* Table */
/********* */
.ct-table {
  display: table;
  width: 100%; }
  .ct-table .my-bike .btn-my-bike {
    height: 38px; }
    .ct-table .my-bike .btn-my-bike span {
      line-height: 38px; }
    .ct-table .my-bike .btn-my-bike p {
      line-height: 38px; }
  .ct-table .my-bike .show-my-bike {
    right: 0; }

.ct-table-caption {
  display: table-caption; }

.ct-table-head {
  display: table-header-group;
  font-weight: bold; }

.ct-table-cell {
  border-bottom: 1px solid #dcdee3;
  border-right: 1px solid #dcdee3;
  display: table-cell;
  padding: 10px;
  text-align: left; }
  .ct-table-cell:last-child {
    border-right: none; }
  .ct-table-cell .ul-cell-dropdown-list {
    list-style-type: none;
    padding: 0; }
    .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item {
      float: left;
      margin: 0 5px 0 0;
      width: 19%; }
      .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .select-list-box {
        padding: 0; }
        .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .select-list-box .select2 {
          width: 100% !important; }
      .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .select-list-special .select2 .select2-selection {
        background-color: #404f67; }
        .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .select-list-special .select2 .select2-selection span.select2-selection__rendered {
          color: #fff; }
        .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .select-list-special .select2 .select2-selection span.select2-selection__arrow {
          background-color: #293446;
          color: #fff; }
      .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .select-cell-style-1 {
        color: #fff;
        background-color: #404f67; }
      .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-btn-setting-bike {
        width: 25%;
        height: 25px;
        padding: 0;
        border: 1px dashed #e61e25;
        padding: 3px 0 0 5px;
        position: relative;
        text-align: center; }
        .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-btn-setting-bike a {
          color: #005599; }
          .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-btn-setting-bike a span {
            color: #e61e25; }
      .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-tag-item {
        margin-bottom: 5px;
        background-color: #7d8ca1;
        font-size: 0.85rem; }
        .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-tag-item span {
          line-height: 25px;
          color: #fff; }
        .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-tag-item a {
          width: 25px;
          height: 25px;
          text-align: center;
          float: right; }
          .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-tag-item a:hover i {
            color: #333; }
        .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-tag-item i.search-tag-remove {
          color: #fff;
          cursor: pointer;
          line-height: 25px; }
          .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-tag-item i.search-tag-remove:hover {
            color: #333; }
    .ct-table-cell .ul-cell-dropdown-list .li-cell-auto-width {
      width: auto !important; }
    .ct-table-cell .ul-cell-dropdown-list .reset {
      padding: 5px; }
      .ct-table-cell .ul-cell-dropdown-list .reset a {
        font-weight: bold;
        color: #005599; }
  @media (max-width: 767px) {
    .ct-table-cell .ct-table-cell {
      padding: 5px; } }
  .ct-table-cell div.cell-content {
    padding: 0; }
    .ct-table-cell div.cell-content .btn-add-key-word {
      height: 25px;
      margin-bottom: 3px;
      border-radius: 2px;
      line-height: 25px;
      padding: 0 20px; }
      .ct-table-cell div.cell-content .btn-add-key-word span {
        font-weight: bold;
        position: relative;
        bottom: 5px; }

.container-search-nore {
  padding: 20px;
  border: 1px solid #dcdee3; }

.ct-text-search-nore {
  margin: 10px 0 15px 0;
  display: inherit; }
  .ct-text-search-nore i {
    color: #b7b7b7;
    font-size: 1.2rem; }

.cell-title {
  background-color: #f5f7fa; }
  .cell-title .ct-table-cell-title {
    font-size: 1rem; }

.cell-10 {
  width: 10%; }

.cell-15 {
  width: 15%; }

.cell-20 {
  width: 20%; }

.cell-30 {
  width: 30%; }

.ct-table-row {
  display: table-row; }

.ct-table-footer {
  display: table-footer-group; }

.ct-left-search-list-main-menu {
  border: 1px solid #dcdee3; }

.container-search-nore-bold {
  font-weight: bold; }

/** Motor top page */
.breadcrumb-product-detail .breadcrumb-item {
  display: inline !important; }

.ul-motor-top {
  margin: 10px 0 0 0;
  list-style-type: none;
  text-align: center; }
  .ul-motor-top li {
    padding: 0 3px; }
    .ul-motor-top li .title {
      padding: 7px 10px;
      font-size: 1rem;
      font-weight: bold;
      width: 100%;
      background-color: #005fb3;
      color: #fff;
      float: left; }
    .ul-motor-top li span {
      font-size: 1rem;
      font-weight: bold;
      padding-top: 25px;
      width: 100%;
      min-height: 68px;
      float: left;
      background-color: #fff;
      border: 1px solid #dcdee3; }

.item-product-grid-motor-top {
  width: 183px; }
  .item-product-grid-motor-top a figure {
    width: 183px;
    height: 147px; }

.box-famous-brand-motor-top ul li {
  text-align: center; }
  .box-famous-brand-motor-top ul li a span {
    margin: 5px 0 10px;
    display: inline-block;
    color: #333333;
    line-height: 1.2; }
    .box-famous-brand-motor-top ul li a span:hover {
      color: #e61e25; }

.box-famous-brand {
  background-color: #efefef; }

.ul-menu-motor-top-page li {
  min-width: 135px; }

/*** Mobile Layout: max-width 767px. ** */
@media all and (max-width: 767px) {
  .ct-left-search-list {
    margin: 10px auto;
    width: 100%; }
    .ct-left-search-list .ul-left-title li.li-left-title {
      border-top: 1px #ddd solid;
      width: 100%; }

  .ct-right-search-list {
    width: 100%; }

  .ct-right-below .ct-right-below-header ul.ul-header {
    flex-direction: column; }
    .ct-right-below .ct-right-below-header ul.ul-header li.li-header-left {
      width: 100%;
      border-bottom: 1px solid #dcdee3; }
    .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right {
      width: 100%;
      float: left;
      border-bottom: 1px solid #dcdee3; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul {
        width: 100%;
        flex-direction: column;
        display: block; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li {
          width: 50%;
          float: left;
          text-align: center;
          border-bottom: 1px solid #dcdee3;
          display: flex;
          border-right: none; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li:last-child {
            border-bottom: none; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li span.search-option-title {
            width: 100%;
            vertical-align: middle;
            text-align: center;
            align-self: center; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change {
            width: 80%;
            flex-direction: row; }
  .ct-right-below .ct-right-below-body .product-item {
    width: 50%;
    text-align: center; }
    .ct-right-below .ct-right-below-body .product-item .product-img {
      height: 130px; }
    .ct-right-below .ct-right-below-body .product-item .rating {
      padding: 0; }
      .ct-right-below .ct-right-below-body .product-item .rating div {
        padding: 0; }
    .ct-right-below .ct-right-below-body .product-item:nth-child(2n) {
      border-right: none; }
    .ct-right-below .ct-right-below-body .product-item:nth-child(5n) {
      border-right: 1px solid #dcdee3; }
    .ct-right-below .ct-right-below-body .product-item .product-info-search-list {
      text-align: left; }
    .ct-right-below .ct-right-below-body .product-item .product-state-search-list {
      text-align: left; }
  .ct-right-below .ct-right-below-body .product-item-style-2 {
    width: 100%;
    display: inline-block !important;
    border-bottom: 1px solid #dcdee3; }
    .ct-right-below .ct-right-below-body .product-item-style-2 .product-img {
      width: 100%; }
    .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail {
      width: 100%;
      margin: 0; }
      .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-info-search-list {
        width: 100%;
        float: left;
        margin: 5px auto;
        border: 0;
        padding: 0; }
      .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail .product-state-search-list {
        width: 100%;
        float: left;
        margin: 5px auto;
        padding: 0; }
    .ct-right-below .ct-right-below-body .product-item-style-2:nth-child(5n) {
      border-right: 1px solid #dcdee3; }

  .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item {
    width: 95%; }
    .ct-table-cell .ul-cell-dropdown-list li.li-cell-dropdown-item .div-btn-setting-bike {
      width: 100%; }

  .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 li.li-sub2 a.a-sub2,
  .ul-left-title li.li-left-title .ul-sub1 li.li-sub1 li.li-sub2 div.a-sub2 {
    width: 100%; }

  .ct-left-banner {
    text-align: center; } }
/*** Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. ** */
@media all and (min-width: 768px) and (max-width: 1155px) {
  .ct-right-search-list {
    width: auto; }

  .ct-right-below .ct-right-below-header ul.ul-header {
    flex-direction: column; }
    .ct-right-below .ct-right-below-header ul.ul-header li.li-header-left {
      border-bottom: 1px solid #ddd;
      width: 100%; }
    .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right {
      width: 100%;
      float: left; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li span {
        width: 100%;
        float: left; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li ul.page-change {
        width: 75%; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li span.search-option-title {
        width: 85%;
        vertical-align: middle;
        text-align: center; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.li-search-list-block-list-icon {
        height: 70px; }
      .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.searchlist-select-dropdown span.select2.select2-container.select2-container--default {
        width: 100% !important; }
        .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.searchlist-select-dropdown span.select2.select2-container.select2-container--default span.select2-selection {
          width: 100%; }
          .ct-right-below .ct-right-below-header ul.ul-header li.li-header-right ul li.searchlist-select-dropdown span.select2.select2-container.select2-container--default span.select2-selection span.select2-selection__arrow b {
            left: 90%; }
  .ct-right-below .ct-right-below-body .product-item {
    width: 33.3333%; }
    .ct-right-below .ct-right-below-body .product-item:nth-child(5n) {
      border-right: 1px solid #dcdee3; }
    .ct-right-below .ct-right-below-body .product-item:nth-child(3n) {
      border-right: none; }
  .ct-right-below .ct-right-below-body .product-item-style-2 {
    width: 100%; }
    .ct-right-below .ct-right-below-body .product-item-style-2:nth-child(5n) {
      border-right: none; }
    .ct-right-below .ct-right-below-body .product-item-style-2 .product-detail {
      padding-left: 15px; } }
/*** Catrgoty top page** */
.box-choice-mybike {
  padding: 10px;
  display: inline-block; }
  .box-choice-mybike li {
    margin: 5px 0 !important; }
    .box-choice-mybike li:last-child {
      margin-bottom: 0 !important; }

.left-choice-bike a figure {
  width: 40px !important;
  height: 40px !important; }

.right-choice-bike {
  padding: 0 0 0 5px; }
  .right-choice-bike a {
    font-weight: bold; }
  .right-choice-bike a:hover {
    color: #e61e25 !important; }

.btn-edit-mybike {
  width: 100%;
  font-weight: bold; }

.ul-menu-list-brand {
  width: 100%;
  padding: 10px; }
  .ul-menu-list-brand li:last-child {
    margin-bottom: 10px; }
  .ul-menu-list-brand li {
    list-style-type: none;
    width: 100%;
    float: left;
    line-height: 24px;
    margin: 0 5px 0 0; }
    .ul-menu-list-brand li a i {
      font-size: 0.3rem;
      color: #d9d9d9;
      margin: 0 5px 0 0;
      line-height: 27px;
      float: left; }
    .ul-menu-list-brand li a span {
      color: #919191 !important; }

.ul-menu-list-brand .li-btn-show-more {
  margin-bottom: 0 !important; }
  .ul-menu-list-brand .li-btn-show-more a {
    color: #0066c0 !important; }
    .ul-menu-list-brand .li-btn-show-more a i {
      color: #0066c0 !important;
      font-size: 0.6rem !important; }

.box-page-group-category {
  width: auto !important;
  float: none !important; }

.box-ct-new-lineup {
  width: 100%;
  float: left; }

.row-vertical-center {
  display: flex;
  align-items: center; }

.item-name-category-top {
  top: -5px;
  margin: 0;
  width: 140px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative; }
  .item-name-category-top .name-list-category-top {
    text-align: left;
    padding: 10px 5px;
    width: 100%;
    float: left;
    color: #fff;
    background-color: #202732;
    font-size: 0.85rem; }
    .item-name-category-top .name-list-category-top span {
      width: 90%;
      float: left; }
  .item-name-category-top .name-list-category-top::after {
    font-family: "FontAwesome";
    content: "";
    float: right; }
  .item-name-category-top .ul-name-list-category-top {
    width: 100%;
    float: left;
    border: 1px solid #dcdee3;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    display: none;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); }
    .item-name-category-top .ul-name-list-category-top li {
      border-top: 1px solid #fff;
      text-align: left;
      padding: 10px 5px;
      list-style-type: none;
      background-color: #f4f2f2;
      font-size: 0.85rem; }
      .item-name-category-top .ul-name-list-category-top li a {
        color: #333333 !important; }
      .item-name-category-top .ul-name-list-category-top li:first-child {
        border-top: none; }
      .item-name-category-top .ul-name-list-category-top li:hover {
        background-color: #dcdee3; }

.item-product-category-top-page {
  padding: 10px 5px; }

.item-product-category-top-page:hover .item-category-top-page {
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); }
.item-product-category-top-page:hover a figure {
  border: 1px solid #f3b100; }
.item-product-category-top-page:hover .item-name-category-top .name-list-category-top {
  background-color: #f3b100;
  color: #fff; }
.item-product-category-top-page:hover .item-name-category-top .ul-name-list-category-top {
  display: block; }
.item-product-category-top-page:hover .item-name-category-top .name-list-category-top::after {
  font-family: "FontAwesome";
  content: "" !important; }

.item-category-top-page {
  display: inherit;
  max-width: 140px;
  margin: 0 auto; }

.ct-item-product-grid-category-bard-page {
  margin: 10px 0;
  padding: 0 20px; }
  .ct-item-product-grid-category-bard-page .title {
    font-weight: bold;
    font-size: 0.85rem;
    padding: 5px;
    display: inline-block;
    color: #fff;
    background: #6d0000;
    background: -moz-linear-gradient(top, #ff5f5f 0%, #6d0000 100%);
    background: -webkit-linear-gradient(top, #ff5f5f 0%, #6d0000 100%);
    background: linear-gradient(to bottom, #ff5f5f 0%, #6d0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$top-color, endColorstr=$bottom-color,GradientType=0 ); }
    .ct-item-product-grid-category-bard-page .title a,
    .ct-item-product-grid-category-bard-page .title a:hover {
      color: #fff; }
  .ct-item-product-grid-category-bard-page .ct-item-product-grid-category-bard-page-left a figure {
    width: 70px;
    height: 70px; }
  .ct-item-product-grid-category-bard-page .ct-item-product-grid-category-bard-page-right {
    max-height: 140px;
    overflow: hidden; }
    .ct-item-product-grid-category-bard-page .ct-item-product-grid-category-bard-page-right ul li {
      list-style-type: none; }
      .ct-item-product-grid-category-bard-page .ct-item-product-grid-category-bard-page-right ul li a {
        margin: 15px 0 0;
        width: 100%;
        display: inherit; }
  .ct-item-product-grid-category-bard-page.motor-group ul li {
    list-style-type: none; }
    .ct-item-product-grid-category-bard-page.motor-group ul li a {
      margin: 15px 0 0;
      width: 100%; }
  .ct-item-product-grid-category-bard-page.motor-group .motor-model {
    list-style-type: none; }
    .ct-item-product-grid-category-bard-page.motor-group .motor-model.col-lg-*, .ct-item-product-grid-category-bard-page.motor-group .motor-model.col-md-*, .ct-item-product-grid-category-bard-page.motor-group .motor-model.col-sm-*, .ct-item-product-grid-category-bard-page.motor-group .motor-model.col-xs-* {
      padding: 5px 0; }

.box-ct-recommond-fix {
  background-color: #f6f6f6;
  width: 100%;
  float: left;
  border: none; }

.ct-item-product-grid-recommond-fix .owl-item {
  padding: 0 5px; }
  .ct-item-product-grid-recommond-fix .owl-item .item-product-new-magazine {
    background-color: #fff; }

.item-product-custom-part-on-sale {
  width: 33.333%; }
  .item-product-custom-part-on-sale .item-product-grid-pars-on-sale-left a figure {
    width: 90px;
    height: 90px !important; }
  .item-product-custom-part-on-sale .item-product-grid-pars-on-sale-right {
    padding: 0 0 0 5px; }
    .item-product-custom-part-on-sale .item-product-grid-pars-on-sale-right .title-product-item {
      margin-top: -2px !important; }

.item-product-custom-part-on-sale-top {
  text-align: left; }
  .item-product-custom-part-on-sale-top .title-product-item {
    max-width: 140px; }

.ct-new-custom-part-on-sale-top {
  padding: 10px 10px 20px; }

.ul-ct-famous-brand {
  width: 100%;
  float: left; }
  .ul-ct-famous-brand li {
    padding: 5px;
    list-style-type: none;
    width: 12.5%;
    float: left; }
    .ul-ct-famous-brand li img:hover {
      opacity: 0.6; }

.ct-item-product-grid-category-customer-review {
  padding: 0; }
  .ct-item-product-grid-category-customer-review li {
    margin-bottom: 20px;
    width: 25%; }
    .ct-item-product-grid-category-customer-review li .item-product-grid-pars-on-sale-right .icon-star {
      margin: 10px 0; }

.btn-customer-review-read-more {
  margin-top: 10px !important;
  float: right;
  font-size: 0.85rem; }

.ct-inspired-by-your {
  padding: 10px 10px 20px; }

.ul-ct-inspired-by-your li a figure {
  width: 70px;
  height: 70px; }

.ul-ct-inspired-by-your > li > a {
  position: relative;
  float: left; }

.ul-ct-inspired-by-your > li.active > a, .ul-ct-inspired-by-your > li.active > a:focus, .ul-ct-inspired-by-your > li.active > a:hover, .ul-ct-inspired-by-your > li > a:hover {
  color: transparent;
  cursor: default;
  background-color: transparent !important;
  border: none; }
  .ul-ct-inspired-by-your > li.active > a figure, .ul-ct-inspired-by-your > li.active > a:focus figure, .ul-ct-inspired-by-your > li.active > a:hover figure, .ul-ct-inspired-by-your > li > a:hover figure {
    border: 1px solid #e61e25; }

.ul-ct-inspired-by-your > li.active > a::after {
  font-family: "FontAwesome";
  content: "" !important;
  color: #fff;
  position: absolute;
  bottom: -33px;
  font-size: 1.5rem;
  left: 45%; }

.ct-tap-inspired-by-your {
  margin-top: 15px;
  width: 100%;
  background-color: #fff;
  float: left;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); }

.icon-star-review {
  margin: 10px 0;
  text-align: left;
  float: left; }
  .icon-star-review .icon-star {
    float: left; }
  .icon-star-review a {
    margin: 0 0 0 5px;
    float: left; }

.container-tap-inspired-by-your {
  width: 100%;
  float: left; }
  .container-tap-inspired-by-your .ul-container-tap-inspired-by-your {
    width: 100%;
    float: left; }

.box-banner-advertisement {
  float: left; }

.slideshow-top > a {
  display: none; }

.ct-brand-top-page {
  padding: 20px;
  background-color: #f6f6f6; }

.box-ct-brand-top-page-right {
  width: 345px;
  float: right !important;
  padding: 0 0 0 15px !important; }

.title-star-review .icon-star-bigger {
  margin: 5px 0;
  float: left; }
.title-star-review h1 {
  margin: 0 15px;
  float: left; }
.title-star-review span {
  margin: 7px 0;
  float: left; }

.box-ct-brand-top-page-right .rating-star-table {
  width: 300px; }

.box-ct-brand-top-page-left {
  padding: 0 15px 0 0;
  border-right: 1px solid #fff; }

.content-box-ct-brand-top-page-right {
  padding: 0 0 0 15px; }
  .content-box-ct-brand-top-page-right .title-product-item {
    margin-top: 0 !important; }
    .content-box-ct-brand-top-page-right .title-product-item .title-brand-top {
      margin-top: -10px !important; }

.ct-item-content-branking {
  width: 100%;
  float: left;
  border: 1px solid #dcdee3;
  padding: 0 10px;
  background-color: #fff; }
  .ct-item-content-branking .item-product-content-branking {
    padding: 10px 0 !important;
    width: 100%;
    float: left;
    list-style-type: none;
    border-bottom: 1px solid #dcdee3; }
    .ct-item-content-branking .item-product-content-branking .item-product-grid-pars-content-branking-left a figure {
      width: 90px !important;
      height: 90px !important; }
    .ct-item-content-branking .item-product-content-branking .item-product-grid-pars-content-branking-right {
      padding: 0 0 0 10px; }
      .ct-item-content-branking .item-product-content-branking .item-product-grid-pars-content-branking-right .title-product-item {
        margin-top: 0 !important; }
      .ct-item-content-branking .item-product-content-branking .item-product-grid-pars-content-branking-right span {
        margin: 5px 0;
        float: left; }
  .ct-item-content-branking .item-product-content-branking:last-child {
    border: none; }

@media(max-width: 768px) {
  .ct-item-content-branking {
    max-height: 370px;
    overflow-y: auto; } }
.ct-btn-brand-top {
  margin-top: 10px;
  width: 100%;
  float: left; }
  .ct-btn-brand-top span {
    margin: 0 5px 0 0;
    padding: 0 10px;
    float: left; }

.content-branking {
  margin-bottom: 20px;
  padding: 0 5px; }

.title-content-branking {
  padding: 15px 0;
  font-size: 1rem;
  text-align: center;
  font-weight: bold; }

.item-product-grid-pars-content-branking-left {
  position: relative; }

.lank-small {
  padding: 8px 0 0 0;
  text-align: center;
  position: absolute;
  background-image: url(https://img-webike-tw-370429.c.cdn77.org/shopping/image/shopping/icon.png);
  width: 31px;
  height: 24px;
  bottom: 5px;
  left: 5px;
  background-position: -50px 229px;
  font-size: 0.85rem;
  color: #fff; }

.lank-small-01 {
  background-position: -50px 300px; }

.lank-small-02 {
  background-position: -50px 276px; }

.lank-small-03 {
  background-position: -50px 252px; }

.bnt-see-all-branking {
  width: 100%;
  font-weight: bold;
  font-size: 1rem; }

.box-content-category-slide-top {
  margin-bottom: 20px; }
  .box-content-category-slide-top .title-main-page {
    margin-bottom: 10px; }

.box-content-brand-top-page {
  width: 100%;
  float: left; }

.menu-brand-top-page .ul-menu-brand-top-page {
  width: 100%;
  margin: 0 auto;
  padding: 5px 0 0;
  display: inline-block;
  text-align: left; }
  .menu-brand-top-page .ul-menu-brand-top-page li {
    padding: 5px 2px 0 2px;
    list-style-type: none;
    display: inline-flex; }
    .menu-brand-top-page .ul-menu-brand-top-page li a {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
      padding: 7px 10px;
      color: #fff;
      background-color: #2a313c;
      width: 100%;
      text-align: center;
      float: left;
      font-size: 1rem; }
    .menu-brand-top-page .ul-menu-brand-top-page li a:hover {
      background-color: #e61e25; }

.ct-menu-brand-top-page2 {
  margin-bottom: 20px;
  width: 100%;
  display: inline-flex;
  text-align: center;
  border-bottom: 2px solid #e61e25;
  text-align: center; }
  .ct-menu-brand-top-page2 .ul-menu-brand-top-page li.col-md-2 {
    width: 10%; }

.RStaichi-background {
  background: url("https://img.webike.tw/imageUpload/15810626831581062683950.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px; }

.YoshimuraAsia-background {
  background: url("https://img.webike.tw/imageUpload/15815631871581563187557.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px; }

@media (max-width: 992px) {
  .ct-menu-brand-top-page2 {
    border-bottom: none; } }
@media all and (min-width: 768px) and (max-width: 921px) {
  .item-product-custom-part-on-sale {
    width: 50%; } }
/*** Motor video ** */
.grid-item-motor-video {
  padding: 10px !important; }
  .grid-item-motor-video .item-motor-video {
    padding: 10px 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #dcdee3;
    list-style: none; }
    .grid-item-motor-video .item-motor-video:first-child {
      padding-top: 0; }
    .grid-item-motor-video .item-motor-video:last-child {
      padding-bottom: 0;
      border-bottom: none; }
    .grid-item-motor-video .item-motor-video .right {
      padding: 0 0 0 10px; }
      .grid-item-motor-video .item-motor-video .right .title-product-item {
        margin-top: 0; }

.title-motor-video {
  width: 100%;
  border-bottom: 2px solid #b8b8b8;
  min-height: 39px;
  float: left; }
  .title-motor-video h1 {
    color: #005fb3; }

.grid-item-video {
  padding: 10px;
  margin: -5px 0 0 0;
  width: 100%;
  background-color: #efefef;
  float: left; }
  .grid-item-video li {
    padding: 10px;
    list-style-type: none;
    float: left; }
    .grid-item-video li .container-video {
      padding: 10px;
      background-color: #fff;
      min-height: 325px;
      float: left;
      box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); }
      .grid-item-video li .container-video figure {
        position: relative;
        width: 100%;
        float: left; }
        .grid-item-video li .container-video figure span.icon-video {
          margin: -30px 0 0 -30px;
          width: 59px;
          height: 59px;
          border-radius: 100%;
          display: block;
          border: 3px solid #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: center;
          box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
          -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
          -o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
          -ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3); }
          .grid-item-video li .container-video figure span.icon-video i {
            margin: 0 auto;
            line-height: 59px;
            font-size: 2rem;
            color: #fff; }
      .grid-item-video li .container-video a {
        font-size: 1rem; }
      .grid-item-video li .container-video span {
        margin-top: 5px;
        width: 100%;
        float: left; }

.menu-title-main-box {
  margin: 5px 0;
  float: right;
  list-style-type: none; }
  .menu-title-main-box li {
    padding: 0 10px;
    float: left;
    border-right: 1px solid #dcdee3; }
    .menu-title-main-box li span {
      color: #fff; }
    .menu-title-main-box li a {
      color: #ffe400; }
      .menu-title-main-box li a:hover {
        text-decoration: underline !important; }
    .menu-title-main-box li:first-child {
      border: none; }
    .menu-title-main-box li:last-child {
      border: none; }

/*** Motor data  ** */
.menu-relate-motor {
  width: 100%;
  float: left; }
  .menu-relate-motor li {
    list-style-type: none;
    float: left; }
    .menu-relate-motor li a {
      padding: 3px;
      width: 100%;
      font-weight: bold;
      color: #333333;
      float: left; }
      .menu-relate-motor li a:hover {
        color: #e61e25; }
      .menu-relate-motor li a i {
        font-size: 0.3rem;
        margin-right: 5px;
        color: #d9d9d9;
        line-height: 1.2rem;
        float: left; }

.grid-item-motor-left {
  padding: 10px !important; }
  .grid-item-motor-left li {
    padding: 20px 0;
    border-bottom: 1px solid #dcdee3; }
    .grid-item-motor-left li:last-child {
      border-bottom: none; }
    .grid-item-motor-left li:first-child {
      padding-top: 5px; }
    .grid-item-motor-left li a.title-product-item {
      width: 168px;
      margin: 5px auto 0;
      float: none;
      display: inline-block; }

.btn-rank {
  padding: 2px 10px;
  border: none;
  position: absolute;
  top: 6px !important;
  left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 0.85rem; }

.motor-info .left {
  width: 366px;
  float: left; }
  .motor-info .left figure {
    width: 366px;
    height: 275px; }
.motor-info .right {
  padding: 0 0 0 15px; }
  .motor-info .right .table {
    margin-bottom: 0; }
  .motor-info .right .btn-motor {
    border-top: none;
    padding: 12px 20px; }

.box-motor-data {
  width: 100%;
  float: left; }
  .box-motor-data .grid-motor-data-news {
    list-style-type: none; }
    .box-motor-data .grid-motor-data-news li {
      padding: 10px 0;
      float: left; }
      .box-motor-data .grid-motor-data-news li .right {
        padding-left: 0px; }
        .box-motor-data .grid-motor-data-news li .right .title {
          font-weight: bold; }
        .box-motor-data .grid-motor-data-news li .right .time {
          color: #7b7b7b; }

.thumbnail-img-147 {
  width: 148px !important;
  height: 111px !important; }

.thumbnail-pin {
  position: relative; }
  .thumbnail-pin .thumbnail-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }

.price-motor-data {
  font-size: 0.85rem; }

.box-search-motor {
  margin-top: -5px;
  background-color: #efefef;
  padding: 20px; }
  .box-search-motor .left {
    width: 200px;
    float: right; }
    .box-search-motor .left a {
      min-width: 170px; }
  .box-search-motor .right {
    padding: 0 20px 0 0; }
    .box-search-motor .right input {
      text-align: left; }
      .box-search-motor .right input:hover {
        background-color: transparent; }
    .box-search-motor .right .box-fix-with {
      float: right; }
    .box-search-motor .right .box-fix-auto {
      padding: 0 20px 0 0; }
    .box-search-motor .right a.btn {
      min-width: 170px; }

.tile-motor-data-top {
  width: 100%;
  float: left; }
  .tile-motor-data-top a.title-product-item {
    width: auto !important; }
  .tile-motor-data-top a.btn-add-bike-data {
    padding: 5px 10px;
    float: right;
    border: 2px solid #e61e25;
    color: #333333;
    font-weight: bold; }
    .tile-motor-data-top a.btn-add-bike-data i {
      color: #e61e25; }
    .tile-motor-data-top a.btn-add-bike-data:hover {
      background-color: #e61e25;
      color: #fff; }
      .tile-motor-data-top a.btn-add-bike-data:hover i {
        color: #fff; }

/*** Motor service page ** */
.second-menu-service {
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  list-style-type: none;
  background-color: #efefef;
  float: left; }
  .second-menu-service li {
    padding-top: 5px; }
    .second-menu-service li:first-child {
      padding-bottom: 10px;
      border-bottom: 1px solid #FFFFFF; }
    .second-menu-service li a i {
      padding-right: 5px;
      font-size: 0.2rem;
      line-height: 1.3rem;
      opacity: 0.5;
      float: left; }
    .second-menu-service li a:hover {
      text-decoration: underline; }

.thumbnail-img-65 {
  width: 65px !important;
  height: 49px !important; }

.thumbnail-img-product2 {
  display: table-cell;
  border: none;
  float: left;
  height: 450px; }
  .thumbnail-img-product2 img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    object-fit: scale-down;
    height: 100%; }

.img-slider-for2 {
  width: 100%;
  height: 450px;
  overflow: hidden; }

.img-slider-nav2 {
  width: 100%;
  margin: 0 auto; }
  .img-slider-nav2 .slick-prev:before, .img-slider-nav2 .slick-next:before {
    color: #999999 !important;
    font-size: 20px; }

.ct-img-slider-nav2 {
  padding: 0 10%;
  width: 100%;
  background-color: #e4e8eb;
  float: left; }

.img-slider-nav2 .slick-list .slick-track .slick-current {
  border: 1px solid #e61e25 !important;
  outline: none;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  position: relative;
  box-sizing: border-box; }
  .img-slider-nav2 .slick-list .slick-track .slick-current:before {
    font-family: "FontAwesome";
    position: absolute;
    top: -13px;
    left: 50%;
    display: inline-block;
    content: "";
    color: #e61e25;
    margin: 0 0 0 -3px; }

.tap-motor-service {
  margin-top: 10px;
  border-bottom: 2px solid #e61e25;
  display: inline-block;
  width: 100%; }
  .tap-motor-service li a {
    padding: 10px 15px;
    margin-right: 5px;
    border: 1px solid #9c9c9c;
    border-bottom: 1px solid #e61e25;
    font-size: 1rem;
    font-weight: bold;
    color: #333333;
    min-width: 130px;
    text-align: center; }
    .tap-motor-service li a:hover, .tap-motor-service li a:focus, .tap-motor-service li a:active {
      border-bottom: 1px solid #e61e25;
      background-color: #e61e25 !important;
      border: 1px solid #e61e25;
      color: #fff !important; }
  .tap-motor-service li.active a {
    padding: 10px 15px;
    border-bottom: 1px solid #e61e25;
    background-color: #e61e25;
    border: 1px solid #e61e25;
    color: #fff; }

.tab-ct-service-page {
  margin: -5px 0 0 0; }

.ct-item-product-grid-car-page {
  list-style-type: none; }

/*** Review Top Page** */
.review-category-top {
  list-style-type: none;
  padding: 15px;
  width: 100%;
  float: left; }
  .review-category-top .li-review-category-top {
    padding-top: 20px;
    width: 100%;
    float: left; }
    .review-category-top .li-review-category-top:first-child {
      padding-top: 0; }
    .review-category-top .li-review-category-top .content {
      list-style-type: none; }
      .review-category-top .li-review-category-top .content .right .item-review-category-top {
        margin: -8px 0 0;
        width: 100%;
        list-style-type: none;
        float: left; }
        .review-category-top .li-review-category-top .content .right .item-review-category-top li {
          padding: 7px 15px;
          font-weight: bold;
          float: left; }
        .review-category-top .li-review-category-top .content .right .item-review-category-top li:first-child {
          width: 100%; }

.ct-review-comment {
  padding: 15px;
  list-style-type: none;
  float: left; }
  .ct-review-comment li {
    padding: 15px 0;
    border-top: 1px solid #dcdee3;
    list-style-type: none; }
    .ct-review-comment li:first-child {
      border-top: none; }
    .ct-review-comment li .right {
      padding: 0 0 0 15px; }
      .ct-review-comment li .right .title-review-comment {
        float: left;
        width: 100%; }
        .ct-review-comment li .right .title-review-comment .title {
          margin: -5px 0 0 0;
          width: auto;
          font-size: 20px;
          font-weight: bold;
          float: left; }
        .ct-review-comment li .right .title-review-comment span {
          float: right;
          color: #909090;
          display: inline-block; }
      .ct-review-comment li .right .star-name {
        margin-top: 5px;
        width: 100%;
        float: left; }
        .ct-review-comment li .right .star-name span.icon-star {
          float: left; }
        .ct-review-comment li .right .star-name .time {
          margin-left: 10px;
          float: left; }
          .ct-review-comment li .right .star-name .time span {
            color: #909090; }

.select-list-special .select2 .select2-selection {
  background-color: #404f67; }
  .select-list-special .select2 .select2-selection span.select2-selection__rendered {
    color: #fff; }
  .select-list-special .select2 .select2-selection span.select2-selection__arrow {
    background-color: #293446;
    color: #fff; }
.select-list-special .select-cell-style-1 {
  color: #fff;
  background-color: #404f67; }
.select-list-special .div-btn-setting-bike {
  width: 25%;
  height: 25px;
  padding: 0;
  border: 1px dashed #e61e25;
  padding: 3px 0 0 5px;
  position: relative;
  text-align: center; }
  .select-list-special .div-btn-setting-bike a {
    color: #005599; }
    .select-list-special .div-btn-setting-bike a span {
      color: #e61e25; }
.select-list-special .div-tag-item {
  margin-bottom: 5px;
  background-color: #7d8ca1;
  font-size: 0.85rem; }
  .select-list-special .div-tag-item span {
    line-height: 25px;
    color: #fff; }
  .select-list-special .div-tag-item a {
    width: 25px;
    height: 25px;
    text-align: center;
    float: right; }
    .select-list-special .div-tag-item a:hover i {
      color: #333; }
  .select-list-special .div-tag-item i.search-tag-remove {
    color: #fff;
    cursor: pointer;
    line-height: 25px; }
    .select-list-special .div-tag-item i.search-tag-remove:hover {
      color: #333; }

.select-review-search {
  padding: 0 !important; }
  .select-review-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }

.select-review-search .select2-container .select2-selection--single {
  height: 34px; }

.box-left-review-top {
  padding: 10px; }
  .box-left-review-top a {
    margin: 15px 0;
    width: 100%;
    text-align: center;
    padding: 5px;
    border: 1px solid #e61e25;
    color: #e61e25; }
    .box-left-review-top a:hover {
      background-color: #e61e25;
      color: #fff;
      border: 1px solid #e61e25; }

.ul-menu-review-top li a {
  color: #005fb3 !important; }

.access-number {
  margin-top: 5px;
  color: #e61e25;
  float: left;
  width: 100%;
  text-align: center; }

.title-review-top {
  text-align: center;
  /*** Review Search page ** */ }

.ul-info-review-search {
  width: 100%;
  list-style-type: none;
  float: left; }
  .ul-info-review-search li {
    padding: 5px 0;
    border-top: none; }
    .ul-info-review-search li .icon-star {
      float: left; }
    .ul-info-review-search li span {
      color: #b7b7b7; }

/*** Review Article Page ** */
.box-info-motor-article {
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  border: 1px solid #f7941d;
  float: left; }
  .box-info-motor-article .info-motor-article {
    width: 100%;
    list-style-type: none;
    float: left; }
    .box-info-motor-article .info-motor-article li ul {
      list-style-type: none;
      width: 100%;
      float: left; }
      .box-info-motor-article .info-motor-article li ul li {
        padding: 5px 0; }
        .box-info-motor-article .info-motor-article li ul li span {
          color: #333333;
          float: left; }
        .box-info-motor-article .info-motor-article li ul li span.icon-star {
          float: left; }
        .box-info-motor-article .info-motor-article li ul li i {
          margin-right: 15px;
          font-weight: bold;
          float: left; }
        .box-info-motor-article .info-motor-article li ul li i.icon-0 {
          color: #005fb3; }
        .box-info-motor-article .info-motor-article li ul li i.icon-x {
          color: #e61e25; }

.thumbnail-img-300 {
  width: 300px !important;
  height: 300px !important; }

.box-info-motor-article2 ul {
  list-style-type: none; }
  .box-info-motor-article2 ul li {
    list-style-type: none; }
    .box-info-motor-article2 ul li a {
      width: 100%;
      text-align: center; }
.box-info-motor-article2 .text-content {
  min-height: 225px;
  width: 100%;
  padding: 20px;
  background-color: #efefef;
  float: left; }

.box-review-comment {
  padding: 0; }
  .box-review-comment ul {
    padding: 10px 0;
    width: 100%;
    list-style-type: none;
    float: left; }
    .box-review-comment ul li {
      padding: 10px 20px;
      width: 100%;
      float: left;
      border-top: 1px dotted #dcdee3; }
      .box-review-comment ul li:first-child {
        border-top: none; }

.ct-comment-facebook {
  width: 100%;
  background-color: #efefef;
  float: left; }

/*** Review Writing Page  ** */
.ct-review-writing {
  width: 100%;
  float: left;
  list-style-type: none; }
  .ct-review-writing li {
    float: left; }
    .ct-review-writing li label input {
      margin-top: 0; }
  .ct-review-writing .box-review, .ct-review-writing .box-theme, .ct-review-writing .box-items, .ct-review-writing .box-info, .ct-review-writing .box-comment {
    border-top: 1px dotted #efefef; }
  .ct-review-writing .box-top {
    border-bottom: 1px dotted #efefef;
    padding: 20px;
    width: 100%;
    float: left; }
    .ct-review-writing .box-top .box-top-left {
      width: 50%; }
      .ct-review-writing .box-top .box-top-left .right {
        padding: 0 0 0 20px; }
  .ct-review-writing .box-review {
    margin: 1px 0;
    padding: 10px 20px;
    width: 100%;
    background-color: #efefef;
    float: left; }
    .ct-review-writing .box-review .ul-box-review {
      width: 100%;
      float: left;
      list-style-type: none; }
      .ct-review-writing .box-review .ul-box-review li {
        margin-right: 50px; }
        .ct-review-writing .box-review .ul-box-review li:first-child span {
          color: #e61e25; }
  .ct-review-writing .box-theme {
    width: 100%;
    float: left; }
    .ct-review-writing .box-theme ul {
      width: 100%;
      list-style-type: none;
      float: left; }
      .ct-review-writing .box-theme ul li {
        padding: 20px;
        list-style-type: none;
        float: left; }
        .ct-review-writing .box-theme ul li input {
          text-align: left; }
        .ct-review-writing .box-theme ul li:first-child span {
          color: #e61e25; }
  .ct-review-writing .box-items {
    padding: 15px 0;
    width: 100%;
    float: left; }
    .ct-review-writing .box-items .left ul, .ct-review-writing .box-items .right ul {
      margin-top: 5px;
      list-style-type: none;
      width: 100%;
      float: left; }
      .ct-review-writing .box-items .left ul li, .ct-review-writing .box-items .right ul li {
        padding: 0; }
        .ct-review-writing .box-items .left ul li label, .ct-review-writing .box-items .right ul li label {
          padding-left: 0;
          padding-right: 10px; }
          .ct-review-writing .box-items .left ul li label input, .ct-review-writing .box-items .right ul li label input {
            margin-top: 5px; }
    .ct-review-writing .box-items .left h2 {
      color: #005fb3;
      float: left;
      font-weight: bold;
      border-bottom: 1px solid #e61e25; }
    .ct-review-writing .box-items .left .textbox-group {
      padding: 0;
      margin: 10px 0;
      float: left; }
    .ct-review-writing .box-items .right h2 {
      color: #e61e25;
      float: left;
      font-weight: bold;
      border-bottom: 1px solid #e61e25; }
    .ct-review-writing .box-items .right .textbox-group {
      padding: 0;
      margin: 10px 0;
      float: left; }
  .ct-review-writing .box-info {
    width: 100%;
    background-color: #efefef;
    float: left; }
    .ct-review-writing .box-info span {
      width: 100%;
      padding: 20px;
      float: left; }
  .ct-review-writing .box-comment {
    padding: 20px; }
    .ct-review-writing .box-comment .left {
      width: 200px; }
      .ct-review-writing .box-comment .left .ct-img-left {
        width: 200px;
        height: 200px;
        position: relative; }
        .ct-review-writing .box-comment .left .ct-img-left .btn-choose-file {
          position: absolute;
          bottom: 10%;
          left: 10%;
          width: 80%; }
    .ct-review-writing .box-comment .right {
      padding: 0 0 0 15px; }
      .ct-review-writing .box-comment .right textarea {
        padding: 10px 15px;
        width: 100%;
        height: 200px; }

.textbox-style {
  padding: 3px 5px;
  border: 1px solid #dedede; }

.box-top-right ul {
  width: 100%;
  float: left; }
  .box-top-right ul li {
    padding: 0 5px;
    list-style-type: none; }

.title-riview-writing {
  margin-top: 10px;
  color: #005fb3;
  float: left;
  clear: both; }

@media (max-width: 992px) {
  .ul-ct-famous-brand li {
    width: 16.6666%; } }
@media all and (max-width: 767px) {
  .box-review {
    padding: 10px !important; }
    .box-review .ul-box-review li {
      padding: 5px 0 !important;
      margin-right: 0 !important;
      width: 33.3333% !important; }
      .box-review .ul-box-review li:first-child {
        width: 100% !important; }

  .box-items .left .textbox-group input, .box-items .right .textbox-group input {
    margin: 10px 0;
    width: 100%; }

  .box-theme ul li:first-child {
    padding: 20px 20px 10px 20px; }
  .box-theme ul li:last-child {
    padding: 0px 20px 20px 20px; }
    .box-theme ul li:last-child input {
      width: 100%; }

  .box-top-right {
    padding-right: 0; }
    .box-top-right ul li {
      padding: 5px 0; }

  .box-comment .left {
    width: 110px !important; }
    .box-comment .left .ct-img-left {
      width: 110px !important;
      height: 110px !important;
      position: relative; }
    .box-comment .left .btn-choose-file {
      padding: 5px 0 !important;
      margin-top: 10px;
      text-align: center; }
  .box-comment .right textarea {
    height: 110px !important; }

  .ul-ct-famous-brand li {
    width: 100%; } }
.attr_color ul li a.color-42 {
  background: #fff;
  border: #ccc 1px solid; }

.attr_color ul li a.color-39 {
  background: #000; }

.attr_color ul li a.color-40 {
  background: #999; }

.attr_color ul li a.color-53 {
  background: #8f6f32; }

.attr_color ul li a.color-51 {
  background: #683220; }

.attr_color ul li a.color-54 {
  background: #e5d7ac; }

.attr_color ul li a.color-47 {
  background: #018b27; }

.attr_color ul li a.color-48 {
  background: #002daf; }

.attr_color ul li a.color-50 {
  background: #620a87; }

.attr_color ul li a.color-46 {
  background: #f6e642; }

.attr_color ul li a.color-52 {
  background: #ff99d1; }

.attr_color ul li a.color-44 {
  background: #d90027; }

.attr_color ul li a.color-45 {
  background: #ff7c00; }

.attr_color ul li a.color-49 {
  background: #000080; }

.attr_color ul li a.color-72 {
  background: #ffd700; }

.attr_color ul li a.color-41 {
  background: url(//img-webike-370429.c.cdn77.org/sys_images/search_color.png) no-repeat; }

.attr_color ul li a.color-55 {
  background: url(//img-webike-370429.c.cdn77.org/sys_images/search_color.png) no-repeat -33px 0; }

.attr_color ul li a.color-56 {
  background: url(//img-webike-370429.c.cdn77.org/sys_images/search_color.png) no-repeat -66px 0; }

.attr_color ul li {
  width: 33px;
  height: 23px;
  float: left;
  border: #fff 1px solid;
  border-radius: 2px;
  padding: 2px;
  margin: 0 0 5px 5px;
  position: relative;
  background: #fff; }

.attr_color ul li a {
  display: block;
  width: 23px;
  height: 23px;
  text-indent: -9999pt;
  border-radius: 2px; }

.attr_color ul li span {
  display: none;
  position: absolute;
  border: #ccc 1px solid;
  background: #fff;
  z-index: 10;
  padding: 2px;
  width: 130px;
  text-align: center;
  top: -25px;
  left: -55px;
  font-size: 1rem; }

.attr_color ul li:hover span {
  display: inline; }

.module-title {
  padding: 0;
  border: none; }

.product-table-row2 li {
  list-style-type: none;
  padding: 0 0 0 10px;
  color: #777;
  display: inline-block; }
  .product-table-row2 li cite {
    font-size: 0.85rem; }

.module-title {
  border-bottom: 1px solid #ccc; }
  .module-title .product-info .name-brand {
    padding: 0 10px; }
  .module-title .product-info .info-brand {
    margin: 10px 0; }

.ct-product-deatil .ct-product-deatil-right .price-product-deatil {
  margin: 5px 0; }
.ct-product-deatil .ct-product-deatil-right .ct-price-old {
  margin-top: 5px;
  margin-bottom: 5px; }

.fixclear {
  clear: both; }

#estimate_tr {
  min-height: 75px;
  margin: 10px 0; }

.module-title .product-info .name-brand {
  font-size: 1.5rem; }

.product-title-number {
  width: 15%; }

.product-info h1 {
  padding: 0 0 0 10px; }
.product-info .name-brand a {
  color: #000; }

.product-table-row2-number-title {
  padding: 0 !important; }

.product-detail {
  margin-top: 20px; }

.ct-product-deatil {
  padding: 0;
  border: none; }
  .ct-product-deatil .ct-product-deatil-left {
    width: 533px !important;
    position: relative; }
    .ct-product-deatil .ct-product-deatil-left .swiper-container.gallery-top {
      margin-bottom: 5px;
      height: 531px;
      border: 1px solid #ccc; }
    .ct-product-deatil .ct-product-deatil-left .swiper-container.gallery-thumbs {
      height: auto; }
      .ct-product-deatil .ct-product-deatil-left .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide {
        height: 84.66px;
        cursor: pointer; }
  .ct-product-deatil .relieved-shopping {
    border: none;
    margin-bottom: 0;
    position: initial;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10;
    bottom: 5px;
    right: 5px; }
    .ct-product-deatil .relieved-shopping .clearfix li {
      border-right: none;
      border-left: none;
      display: inline-block; }
      .ct-product-deatil .relieved-shopping .clearfix li a span {
        width: 50px;
        height: 50px;
        border-radius: 5px;
        font-size: 1.2rem;
        line-height: 1.2;
        font-weight: bold;
        vertical-align: middle; }
      .ct-product-deatil .relieved-shopping .clearfix li a span:hover {
        opacity: 0.8; }
  .ct-product-deatil .ct-product-deatil-right {
    padding: 0 0 0 25px; }
    .ct-product-deatil .ct-product-deatil-right .module-title .brand-logo {
      float: right; }
      .ct-product-deatil .ct-product-deatil-right .module-title .brand-logo a {
        border: none; }
      .ct-product-deatil .ct-product-deatil-right .module-title .brand-logo .img-thumbnail {
        padding: 0; }
    .ct-product-deatil .ct-product-deatil-right .module-title .product-info {
      padding: 0; }
      .ct-product-deatil .ct-product-deatil-right .module-title .product-info h2 .name-brand {
        padding: 0;
        font-size: 1.2rem; }
        .ct-product-deatil .ct-product-deatil-right .module-title .product-info h2 .name-brand a {
          color: #0070FF; }
      .ct-product-deatil .ct-product-deatil-right .module-title .product-info h1 {
        padding: 0;
        font-size: 1.2rem;
        margin-bottom: 10px; }
      .ct-product-deatil .ct-product-deatil-right .module-title .product-info .product-table-row2 li {
        padding: 0; }
    .ct-product-deatil .ct-product-deatil-right .module-title .info-brand {
      margin: 15px 0 5px 0; }
      .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li {
        border: none;
        padding: 0; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .review {
          color: #0070FF;
          font-size: 1rem; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label {
          font-weight: initial;
          border: none;
          color: #fff;
          opacity: 0.8;
          border-radius: 2px; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-primary {
          background: #207DFF; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-urgent, .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-danger {
          background: #D92938; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-warning {
          background: #096386; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-normal {
          background: #00B7A8; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-purple {
          background: #FF7700; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-success {
          background: #FF7700; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-winter {
          background: #5893D4; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-cold {
          background: #FD5F00; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-motobatt {
          background: #FD0054; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags .label-coupon {
          background: #FFD800; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags span {
          margin-left: 5px; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand li .tags span:first-of-type {
          margin-left: 0; }
      .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position {
        float: right; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position .icon-star {
          background-image: url("https://img-webike-tw-370429.c.cdn77.org/shopping/image/star-score.svg");
          width: 118px;
          height: 22px;
          background-position: 0;
          background-size: cover;
          background-position: 0 0px;
          background-repeat: no-repeat; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position .star-00 {
          background-position: 0 0px; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position .star-01 {
          background-position: 0px -43px; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position .star-02 {
          background-position: 0px -86px; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position .star-03 {
          background-position: 0px -129px; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position .star-04 {
          background-position: 0px -172px; }
        .ct-product-deatil .ct-product-deatil-right .module-title .info-brand .star-position .star-05 {
          background-position: 0px -215px; }
    .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l {
      margin-top: 10px;
      width: 65%;
      float: left;
      padding-right: 15px;
      position: relative;
      padding-bottom: 120px; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .price-product-deatil {
        color: #1E252E;
        font-size: 1rem; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .price-product-deatil strong #final-price {
          font-size: 1rem; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .price-product-deatil strong s {
          font-size: 0.85rem;
          color: #777;
          margin-left: 5px; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .btn-gap-top {
        color: #1E252E;
        font-size: 1rem;
        margin-bottom: 10px;
        margin-top: 0px; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .ct-price-old span {
        color: #FF7700; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .ct-price-old span small {
          color: #777;
          font-size: 0.85rem; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l #acb .product-data-table {
        margin-bottom: 10px;
        min-height: 371.5px; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l #acb .product-data-table .product-table-content .product-table-row {
          margin-bottom: 10px; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service {
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 7.5px;
        position: absolute;
        bottom: 0;
        width: 96%; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service h3 {
          text-align: center;
          margin-bottom: 7.5px; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list:hover {
          border: 1px solid #333; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list {
          width: 18%;
          float: left;
          border: 1px solid #BFBFBF;
          background: -webkit-linear-gradient(#FEFEFE, #E7E9EC);
          margin-right: 2%;
          border-radius: 3px; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list a {
            color: #333; }
            .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list a i {
              width: 100%;
              text-align: center;
              font-size: 1.8rem;
              padding: 10px 0;
              color: #AAA; }
            .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list a span {
              display: block;
              text-align: center; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list a:hover {
            color: #333; }
            .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list a:hover i {
              color: #333; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-l .webike-service ul .webike-service-list:last-of-type {
          margin-right: 0%; }
    .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r {
      margin-top: 10px;
      width: 35%;
      float: left;
      padding: 15px;
      border: solid 1px #ccc;
      border-radius: 3px; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .user-count .price-count {
        width: 60%;
        float: left;
        color: #F20D43;
        font-size: 1.2rem; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .user-count .price-count span {
          font-size: 1.2rem !important; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .user-count .point-count {
        width: 40%;
        float: left;
        color: #FF7700;
        font-size: 1.2rem;
        text-align: right; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info #estimate_tr {
        line-height: initial; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info #estimate_tr .estimate_request .delivery-box {
          border: none;
          color: #AAA;
          font-weight: initial;
          font-size: 0.85rem;
          padding: 0; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info #estimate_tr .estimate_request .row .delivery-message {
          line-height: initial; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .select-address-box {
        min-height: 135px;
        margin-bottom: 20px; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .select-address-box .select-address .select-city {
          width: 100%; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .select-address-box .select-address .select-city div {
            width: 100%;
            border-radius: 3px;
            margin-bottom: 10px; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .select-address-box .select-address .address-masage {
          margin-left: 0;
          font-size: 0.85rem; }
      .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail {
        background-color: initial;
        padding: 0; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .determine-number {
          margin-bottom: 15px; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .determine-number .btn-label {
            font-size: 1rem;
            padding: 5px 15px 5px 0; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .determine-number .btn-large {
            border-radius: 3px; }
            .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .determine-number .btn-large li {
              width: 31%; }
              .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .determine-number .btn-large li a {
                color: #333; }
              .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .determine-number .btn-large li input {
                font-size: 1.2rem; }
              .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .determine-number .btn-large li a:hover {
                color: #F20D43; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-addcart a {
          background: #54A5E4;
          font-weight: initial;
          border: initial;
          border-radius: 3px;
          margin-bottom: 15px;
          cursor: pointer;
          color: #fff; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-addcart a i {
            padding: 0 10px; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-addcart a:hover {
          background: #337ab7; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-checkout-cart a {
          background: #FF4D52;
          font-weight: initial;
          border: initial;
          border-radius: 3px;
          margin-bottom: 15px;
          cursor: pointer;
          color: #fff;
          width: 100%; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-checkout-cart a i {
            padding: 0 10px; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-checkout-cart a:hover {
          background: #D92938; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-purchase {
          margin-bottom: 15px; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-purchase a {
            font-weight: initial;
            border: solid 1px #ccc;
            border-radius: 3px;
            height: 48px !important;
            line-height: 38px !important; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-purchase a:hover {
            background: #ccc; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-addtolist {
          text-align: right; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-addtolist a {
            border: initial;
            font-size: 1.6rem; }
          .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .btn-addtolist a:hover {
            color: #D92938; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .roduct-detail-add-to-wishlist-icon-n a {
          color: #333333; }
        .ct-product-deatil .ct-product-deatil-right .ct-product-deatil-right-r .select-info .group-button-detail .roduct-detail-add-to-wishlist-icon-y a {
          color: #D92938; }

#product-options {
  margin-bottom: 10px; }
  #product-options .dropdown-toggle {
    border-radius: 3px;
    font-weight: initial;
    position: relative; }
    #product-options .dropdown-toggle .caret {
      clip-path: polygon(50% 90%, 100% 0, 100% 10%, 50% 100%, 0 10%, 0 0);
      -webkit-clip-path: polygon(50% 90%, 100% 0, 100% 10%, 50% 100%, 0 10%, 0 0);
      width: 20px;
      height: 10px;
      background: #666;
      margin: 0 5px;
      position: absolute;
      top: 14px;
      right: 10px; }
  #product-options .has-error {
    border-color: #F20D43; }
  #product-options .form-control:active {
    background: #eee; }
  #product-options .form-control:hover {
    background: #eee; }
  #product-options .dropdown-menu {
    min-width: 100%;
    width: auto;
    color: #666;
    max-height: 350px;
    overflow-y: auto; }
    #product-options .dropdown-menu li a {
      padding: 3px 10px; }
    #product-options .dropdown-menu li a:hover {
      background: #eee; }

.select2-container .select2-search--dropdown .select2-search__field {
  border-radius: 3px !important;
  border: 1px solid #CDCDCD; }
.select2-container .select2-selection--single {
  border-radius: 3px !important;
  border: 1px solid #CDCDCD; }
  .select2-container .select2-selection--single .select2-selection__arrow {
    width: 30px; }
    .select2-container .select2-selection--single .select2-selection__arrow b {
      clip-path: polygon(50% 90%, 100% 0, 100% 10%, 50% 100%, 0 10%, 0 0);
      -webkit-clip-path: polygon(50% 90%, 100% 0, 100% 10%, 50% 100%, 0 10%, 0 0);
      background: #666;
      border-width: 10px 20px 0 0;
      margin-left: -10px;
      margin-top: -3px; }
.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: #ddd;
  color: #000; }
.select2-container .select2-results__option[aria-selected=true] {
  background-color: #ddd; }
.select2-container .select2-results > .select2-results__options {
  overflow-x: hidden; }
.select2-container .select2-results .select2-results__option[aria-selected] {
  word-break: break-all; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 10px 20px 0 0 !important;
  clip-path: polygon(50% 0%, 100% 90%, 100% 100%, 50% 10%, 0 100%, 0 90%) !important;
  -webkit-clip-path: polygon(50% 0%, 100% 90%, 100% 100%, 50% 10%, 0 100%, 0 90%) !important;
  background: #666 !important; }

#anchor_recommendation .box-content.custom-parts {
  border: none;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333; }
  #anchor_recommendation .box-content.custom-parts .title-main-box {
    background-color: initial;
    padding: 10px 15px 0 15px;
    margin-bottom: 0; }
    #anchor_recommendation .box-content.custom-parts .title-main-box h2 {
      color: #333 !important; }
  #anchor_recommendation .box-content.custom-parts .ct-new-magazine {
    padding: 10px 0; }
    #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-prev {
      border-radius: 3px;
      padding: 15px;
      background-color: #E9E9E9; }
      #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-prev i {
        font-size: 2.5rem;
        color: #707070; }
      #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-prev i:before {
        content: ""; }
    #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-next {
      border-radius: 3px;
      padding: 15px;
      background-color: #E9E9E9; }
      #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-next i {
        font-size: 2.5rem;
        color: #707070; }
      #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-next i:before {
        content: ""; }
    #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-prev:hover {
      background-color: #182131;
      opacity: 0.9; }
    #anchor_recommendation .box-content.custom-parts .ct-new-magazine .owl-carousel .owl-nav .owl-next:hover {
      background-color: #182131;
      opacity: 0.9; }

.product-grid .name {
  color: #606060; }
.product-grid .product-name {
  color: #000; }
.product-grid .final-price {
  font-weight: initial;
  color: #F20D43; }
.product-grid .icon-star-text {
  color: #0070FF;
  padding: 2px 0 0 0; }

.ct-product-info-detail {
  border: solid 1px #ccc;
  border-radius: 3px; }
  .ct-product-info-detail .nav-tabs {
    margin-top: 20px;
    padding: 0 20px; }
    .ct-product-info-detail .nav-tabs .nav-item .nav-link {
      color: #0070FF;
      font-size: 1rem; }
    .ct-product-info-detail .nav-tabs .active .nav-link {
      color: #333333; }
  .ct-product-info-detail .tab-content .tab-pane {
    padding: 20px; }
  .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa {
    background-color: #fff;
    float: none;
    padding: 0; }
    .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show {
      border: 1px solid #ccc;
      border-radius: 3px;
      margin-top: 20px;
      margin-bottom: 0px;
      padding: 15px 15px 5px 15px;
      box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.25); }
      .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show {
        margin-bottom: 1px solid #ccc; }
        .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .row {
          border-bottom: 1px solid #ccc;
          padding-bottom: 15px; }
          .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .row .ct-customer-qa-i i {
            width: 100%;
            text-align: center;
            font-size: 1.4rem; }
          .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .row .ct-customer-qa-i .fa-question {
            color: #FF4D52; }
          .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .row .ct-customer-qa-i .fa-check {
            color: #93c47d; }
          .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .row .ct-customer-qa-c {
            font-size: 1rem; }
        .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .like-comment {
          padding-top: 5px; }
          .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .like-comment .answer-praise {
            background: #fff;
            border: none;
            color: #555;
            border-radius: 3px; }
          .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show .ct-customer-qa-show .like-comment .answer-praise:hover {
            background: #CCC; }
    .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa .customer-qa-show:before {
      content: none; }
    .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa-btn {
      padding: 15px 30px; }
      .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa-btn a {
        width: 150px;
        height: 150px !important;
        border-radius: 5px;
        background: #FF4D52;
        font-size: 1.4rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
        margin: 0 auto;
        display: block; }
        .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa-btn a i {
          width: 100%;
          text-align: center;
          font-size: 4rem;
          padding: 10px 0; }
      .ct-product-info-detail .tab-content #qa .ul-ct-customer-qa .li-ct-customer-qa-btn a:hover {
        opacity: 0.8; }
  .ct-product-info-detail .tab-content #car .title-detail-info {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #aaa; }
  .ct-product-info-detail .tab-content #car .container-box .ct-fix-model {
    min-height: 238px; }
  .ct-product-info-detail .tab-content #comment .customer-review-total {
    margin: 0;
    padding: 0;
    float: none;
    background-color: #fff; }
    .ct-product-info-detail .tab-content #comment .customer-review-total #review-list {
      margin-top: 20px; }
    .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-totaldetail .rating-star-table {
      border: none; }
      .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-totaldetail .rating-star-table tbody tr td {
        border: none;
        vertical-align: middle; }
        .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-totaldetail .rating-star-table tbody tr td .rating-bar-bg {
          height: 20px;
          width: 200px; }
          .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-totaldetail .rating-star-table tbody tr td .rating-bar-bg .rating-bar-with {
            height: 20px;
            background-color: #FFC400; }
        .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-totaldetail .rating-star-table tbody tr td .rating-star-name {
          font-size: 1rem; }
        .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-totaldetail .rating-star-table tbody tr td .rating-star-number {
          font-size: 1rem;
          margin-left: 5px; }
        .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-totaldetail .rating-star-table tbody tr td .fa-star {
          color: #FFC400;
          font-size: 1rem;
          padding: 2px 5px 0 5px; }
    .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-review-detail {
      margin-right: 50px; }
      .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .ct-review-detail h1 {
        font-size: 4rem;
        color: #555;
        font-weight: 900; }
    .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .btn-warning {
      width: 150px;
      height: 150px !important;
      border-radius: 5px;
      background: #79B4E8;
      font-size: 1.4rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25); }
      .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .btn-warning i {
        width: 100%;
        text-align: center;
        font-size: 4rem;
        padding: 10px 0; }
    .ct-product-info-detail .tab-content #comment .customer-review-total .col-xs-block li .btn-warning:hover {
      opacity: 0.8; }
  .ct-product-info-detail .tab-content #comment .ul-content-comment-detail .content-comment-detail {
    margin-bottom: 20px;
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.25);
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 3px; }
    .ct-product-info-detail .tab-content #comment .ul-content-comment-detail .content-comment-detail .ct-comment-detail-right .thumb-product-comment {
      width: 150px;
      height: 150px; }
      .ct-product-info-detail .tab-content #comment .ul-content-comment-detail .content-comment-detail .ct-comment-detail-right .thumb-product-comment .thumbnail-all {
        width: 150px;
        height: 150px; }
    .ct-product-info-detail .tab-content #comment .ul-content-comment-detail .content-comment-detail .ct-comment-detail-right .ct-comment-detail h2 a {
      color: #0070FF; }
    .ct-product-info-detail .tab-content #comment .ul-content-comment-detail .content-comment-detail .ct-comment-detail-right .ct-comment-detail .group-star .by-name-user {
      font-size: 1rem; }
    .ct-product-info-detail .tab-content #comment .ul-content-comment-detail .content-comment-detail .ct-comment-detail-right .ct-comment-detail .text-ct-comment {
      font-size: 1rem; }

.product-data-table.btn-style .product-table-content .product-table-size-title {
  margin-bottom: 10px; }
.product-data-table.btn-style .product-table-content .loading-nail ul .product-size-list {
  float: left;
  border: 1px solid #555;
  border-radius: 3px;
  padding: 5px 0;
  margin-right: 10px;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
  text-align: center;
  min-width: 50px;
  height: fit-content; }
  .product-data-table.btn-style .product-table-content .loading-nail ul .product-size-list a {
    color: #555;
    padding: 8px 5px; }
    .product-data-table.btn-style .product-table-content .loading-nail ul .product-size-list a .product-list-tag {
      color: #fff;
      display: inline-block;
      background: #207DFF;
      padding: 0 3px;
      border-radius: 3px; }
    .product-data-table.btn-style .product-table-content .loading-nail ul .product-size-list a .product-list-tag-tw {
      color: #fff;
      display: inline-block;
      background: #ed3833;
      padding: 0 3px;
      border-radius: 3px; }
    .product-data-table.btn-style .product-table-content .loading-nail ul .product-size-list a .product-list-tag-soldout {
      color: #fff;
      display: inline-block;
      background: #AAA;
      padding: 0 3px;
      border-radius: 3px; }
.product-data-table.btn-style .product-table-content .loading-nail ul .active {
  border: #ed3833 solid 1px !important; }
  .product-data-table.btn-style .product-table-content .loading-nail ul .active a {
    color: #555;
    text-decoration: none; }

.genuine-product .swal2-content {
  text-align: justify; }
  .genuine-product .swal2-content .webike-service-list-p {
    text-align: justify;
    font-size: 18px; }
  .genuine-product .swal2-content a {
    margin-top: 20px;
    text-align: center;
    display: block; }
    .genuine-product .swal2-content a i {
      padding: 0 10px; }

.owl-item {
  padding: 10px 0; }

#main-trans-btn {
  background-color: #333;
  border-radius: 3px; }

.box-ct-recommond-fix {
  background-color: #fff; }
  .box-ct-recommond-fix .title-main-box {
    background-color: #182131;
    border-radius: 3px; }
  .box-ct-recommond-fix .tab-content {
    border: 1px solid #CDCDCD;
    border-radius: 3px; }
    .box-ct-recommond-fix .tab-content .owl-nav .owl-prev {
      border-radius: 3px;
      padding: 15px;
      background-color: #E9E9E9; }
      .box-ct-recommond-fix .tab-content .owl-nav .owl-prev i {
        font-size: 2.5rem;
        color: #707070; }
      .box-ct-recommond-fix .tab-content .owl-nav .owl-prev i:before {
        content: ""; }
    .box-ct-recommond-fix .tab-content .owl-nav .owl-next {
      border-radius: 3px;
      padding: 15px;
      background-color: #E9E9E9; }
      .box-ct-recommond-fix .tab-content .owl-nav .owl-next i {
        font-size: 2.5rem;
        color: #707070; }
      .box-ct-recommond-fix .tab-content .owl-nav .owl-next i:before {
        content: ""; }
    .box-ct-recommond-fix .tab-content .owl-nav .owl-prev:hover {
      background-color: #182131;
      opacity: 0.9; }
    .box-ct-recommond-fix .tab-content .owl-nav .owl-next:hover {
      background-color: #182131;
      opacity: 0.9; }

.w-select-down {
  -webkit-appearance: button;
  background-image: url("https://img.webike.tw/shopping/image/w-select-down.svg");
  background-position: 103% center;
  background-repeat: no-repeat;
  border: none;
  border-bottom: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  overflow: hidden;
  padding: 5px 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  background-color: #fff;
  font-size: 1rem; }

.w-sort-down {
  -webkit-appearance: button;
  background-image: url("https://img.webike.tw/shopping/image/w-sort-down.svg");
  background-position: 103% center;
  background-repeat: no-repeat;
  border: none;
  border-bottom: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  overflow: hidden;
  padding: 5px 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  background-color: #fff;
  font-size: 1rem; }

.w-search {
  border: none;
  border: 1px solid #AAA;
  border-radius: 3px;
  padding: 5px;
  width: 200px; }

.w-botton-search {
  border: none;
  background: #d82435;
  border-radius: 3px;
  height: 31px;
  background-image: url("https://img-webike-tw-370429.c.cdn77.org/shopping/image/list-icon/search-01.svg");
  background-size: 17%;
  background-position: 53% center;
  background-repeat: no-repeat; }

.w-botton-search:hover {
  opacity: 0.7; }

.w-botton:hover {
  opacity: 0.7; }

.w-botton-r:hover {
  opacity: 0.7; }

.w-botton-b:hover {
  opacity: 0.7; }

.w-botton-y:hover {
  opacity: 0.7; }

.w-botton {
  border: none;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px; }

.w-botton-r {
  border: none;
  background: #d82435;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px; }

.w-botton-b {
  border: none;
  background: #08A5F6;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px; }

.w-botton-y {
  border: none;
  background: #F8B739;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px; }

li {
  list-style: none; }

.header-first {
  height: 40px; }
  .header-first .fallow-us {
    width: 15%;
    height: 40px;
    float: left;
    display: block; }
    .header-first .fallow-us .fallow-us-warp {
      display: table;
      margin: 0 auto; }
      .header-first .fallow-us .fallow-us-warp a {
        display: inline-flex;
        height: 35px;
        width: 35px;
        background-color: #222b3f;
        color: #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        transition: 0.4s;
        font-size: 1.4rem;
        margin-top: 2.5px;
        margin-left: 25px; }
        .header-first .fallow-us .fallow-us-warp a img {
          height: 40px;
          width: 40px; }
      .header-first .fallow-us .fallow-us-warp a:nth-of-type(1) {
        margin-left: 0px; }
      .header-first .fallow-us .fallow-us-warp a:hover {
        background-color: #d82435; }
      .header-first .fallow-us .fallow-us-warp a i {
        transition: 0.4s all; }
      .header-first .fallow-us .fallow-us-warp a:hover > i {
        transform: scale(1.5) rotate(25deg); }
  .header-first .main-menu {
    float: right;
    width: 700px; }
    .header-first .main-menu li {
      float: right;
      text-align: center; }
      .header-first .main-menu li a {
        font-size: 0.85rem;
        color: #29303b;
        padding: 11px 5px; }

.header-second {
  background: -webkit-linear-gradient(top, #1E252E, #39424F);
  height: 50px; }
  .header-second .header-second-left {
    width: 15%;
    float: left;
    text-align: -webkit-center; }
    .header-second .header-second-left .home-logo h1 {
      width: 110px;
      height: 50px;
      background-image: url(../../../image/logo/webike_logo_o.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      text-indent: 101%;
      overflow: hidden;
      white-space: nowrap;
      display: inline-block; }
    .header-second .header-second-left .home-logo h1:hover {
      opacity: 0.6; }
  .header-second .header-second-center {
    width: 70%;
    margin-top: 6.5px;
    float: left; }
    .header-second .header-second-center .search-box {
      position: relative; }
      .header-second .header-second-center .search-box .w-search {
        width: 100%;
        font-size: 1.2rem;
        height: 35px;
        padding: 5px 160px; }
      .header-second .header-second-center .search-box .w-search:focus {
        border: solid 1px #e34149; }
      .header-second .header-second-center .search-box .w-botton-search {
        width: 100px;
        height: 35px;
        background-size: 30%;
        position: absolute;
        border-radius: 0 3px 3px 0;
        top: 0;
        right: 0; }
      .header-second .header-second-center .search-box .w-select-down {
        position: absolute;
        top: 1px;
        left: 1px;
        padding: 5px 10px;
        height: 33px;
        width: 150px;
        border-radius: 3px 0 0 3px;
        background-position: 100% center;
        background-color: #eee;
        border: none; }
        .header-second .header-second-center .search-box .w-select-down option {
          background: #fff;
          border: 1px solid #e34149; }
  .header-second .header-second-right {
    float: left;
    margin-top: 7.5px;
    width: 15%; }
    .header-second .header-second-right ul {
      margin: 0 auto;
      display: table; }
      .header-second .header-second-right ul .header-second-list-li {
        float: right;
        color: #fff;
        font-size: 1.5rem;
        padding: 0px 15px;
        cursor: pointer;
        position: relative;
        border-left: 1px solid #fff; }
        .header-second .header-second-right ul .header-second-list-li ul {
          z-index: 999;
          display: none;
          position: absolute;
          border-radius: 3px;
          background-color: #fff;
          box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
          top: 35px;
          right: 15px;
          width: 200px; }
          .header-second .header-second-right ul .header-second-list-li ul li {
            color: #000;
            border-bottom: 1px solid #EEE;
            padding: 7.5px 10px;
            font-size: 1rem; }
            .header-second .header-second-right ul .header-second-list-li ul li span {
              color: #e34149; }
          .header-second .header-second-right ul .header-second-list-li ul li:hover {
            background-color: #1E252E;
            color: #FFF; }
            .header-second .header-second-right ul .header-second-list-li ul li:hover span {
              color: #FFF; }
          .header-second .header-second-right ul .header-second-list-li ul li:first-of-type:hover {
            border-radius: 3px 3px 0 0; }
          .header-second .header-second-right ul .header-second-list-li ul li:last-of-type:hover {
            border-radius: 0 0 3px 3px; }
          .header-second .header-second-right ul .header-second-list-li ul li:last-of-type {
            border-bottom: none; }
          .header-second .header-second-right ul .header-second-list-li ul .mybike-li h3 {
            margin: 0 5px; }
          .header-second .header-second-right ul .header-second-list-li ul .mybike-li a img {
            float: left;
            border-radius: 50%;
            border: 3px solid #AAA;
            width: 60px;
            height: 60px;
            margin: 5px 5px 10px 5px; }
          .header-second .header-second-right ul .header-second-list-li ul .mybike-li a img:hover {
            border: 3px solid #e34149; }
          .header-second .header-second-right ul .header-second-list-li ul .mybike-li:hover {
            color: #000;
            background: #fff; }
    .header-second .header-second-right .header-second-list-li:last-of-type {
      border-left: none; }
      .header-second .header-second-right .header-second-list-li:last-of-type ul {
        width: max-content; }
    .header-second .header-second-right .header-second-list-li:hover > i {
      opacity: 0.8; }

.header-third {
  background-color: #dcdee5; }
  .header-third .header-third-warp {
    margin-left: 15%; }
    .header-third .header-third-warp .top-menu {
      font-size: 1rem;
      padding: 5px 7.5px;
      float: left;
      position: relative;
      cursor: pointer; }
      .header-third .header-third-warp .top-menu .top-menu-a h3 {
        color: #4a5360; }
      .header-third .header-third-warp .top-menu .top-menu-background {
        display: none;
        position: absolute;
        top: 35px;
        left: 0;
        padding: 5px;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
        z-index: 999; }
        .header-third .header-third-warp .top-menu .top-menu-background .top-menu-ul {
          color: #000;
          width: 350px; }
          .header-third .header-third-warp .top-menu .top-menu-background .top-menu-ul li {
            float: left;
            padding: 5px 10px;
            width: 175px; }
            .header-third .header-third-warp .top-menu .top-menu-background .top-menu-ul li a {
              color: #39424F;
              font-size: 1rem; }
          .header-third .header-third-warp .top-menu .top-menu-background .top-menu-ul li:hover {
            background: #1E252E;
            border-radius: 3px; }
            .header-third .header-third-warp .top-menu .top-menu-background .top-menu-ul li:hover a {
              color: #fff; }
    .header-third .header-third-warp .top-menu:hover {
      background: #39424F; }
      .header-third .header-third-warp .top-menu:hover .top-menu-a h3 {
        color: #f3f4f9; }

@media all and (max-width: 1535px) {
  .header-second .header-second-center {
    width: 65%; }
  .header-second .header-second-right {
    width: 20%; } }
@media all and (max-width: 1366px) {
  .header-second .header-second-center {
    width: 65%; }
  .header-second .header-second-right {
    width: 20%; } }
@media all and (max-width: 1280px) {
  .header-second .header-second-center {
    width: 60%; }
  .header-second .header-second-right {
    width: 25%; } }
@media all and (max-width: 768px) {
  .header-first .fallow-us .fallow-us-warp a {
    height: 25px;
    width: 25px;
    margin-top: 7.5px;
    margin-left: 10px; }
  .header-first .main-menu {
    width: 600px; }
    .header-first .main-menu li a {
      font-size: 0.8rem;
      line-height: 1.5; }
    .header-first .main-menu li .here-tag {
      font-size: 1rem; }
  .header-first .fallow-us ul li {
    padding: 0px; }

  .header-second .header-second-left .home-logo h1 {
    width: 90px;
    margin-top: 5px;
    height: 40px; }
  .header-second .header-second-center {
    width: 60%;
    margin-top: 10px; }
    .header-second .header-second-center .search-box .w-select-down {
      width: 125px;
      font-size: 0.8rem;
      height: 28px; }
    .header-second .header-second-center .search-box .w-search {
      padding: 5px 60px 5px 130px;
      height: 30px; }
    .header-second .header-second-center .search-box .w-botton-search {
      width: 80px;
      background-size: 35%;
      height: 30px; }
  .header-second .header-second-right {
    margin-top: 13px; }
    .header-second .header-second-right ul .header-second-list-li {
      font-size: 0;
      padding: 0 7.5px; }
      .header-second .header-second-right ul .header-second-list-li i {
        font-size: 1.5rem; }

  .header-third .header-third-warp {
    width: 80%;
    margin: 0 auto; }
    .header-third .header-third-warp ul .top-menu {
      font-size: 0.85rem;
      padding: 2.5px 9px 2.5px 0; }
      .header-third .header-third-warp ul .top-menu a h3 {
        font-size: 0.7rem; }
      .header-third .header-third-warp ul .top-menu .top-menu-background {
        top: 25px; } }
.header-nav {
  position: relative; }
  .header-nav ul {
    list-style: none;
    overflow: hidden;
    font-size: 0;
    padding: 0;
    margin: 0;
    display: block;
    margin: 0 auto;
    position: relative; }
    .header-nav ul li {
      display: inline-block;
      width: 14%;
      text-align: center; }
      .header-nav ul li a {
        display: block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        color: #aaa !important; }
    .header-nav ul li:hover a {
      color: #000 !important; }
    .header-nav ul li:nth-child(7).active ~ .marker {
      left: 2%; }
    .header-nav ul li:nth-child(7):hover ~ .marker {
      left: 2% !important; }
    .header-nav ul li:nth-child(6).active ~ .marker {
      left: 16%; }
    .header-nav ul li:nth-child(6):hover ~ .marker {
      left: 16% !important; }
    .header-nav ul li:nth-child(5).active ~ .marker {
      left: 30%; }
    .header-nav ul li:nth-child(5):hover ~ .marker {
      left: 30% !important; }
    .header-nav ul li:nth-child(4).active ~ .marker {
      left: 44%; }
    .header-nav ul li:nth-child(4):hover ~ .marker {
      left: 44% !important; }
    .header-nav ul li:nth-child(3).active ~ .marker {
      left: 58%; }
    .header-nav ul li:nth-child(3):hover ~ .marker {
      left: 58% !important; }
    .header-nav ul li:nth-child(2).active ~ .marker {
      left: 72%; }
    .header-nav ul li:nth-child(2):hover ~ .marker {
      left: 72% !important; }
    .header-nav ul li:nth-child(1).active ~ .marker {
      left: 86%; }
    .header-nav ul li:nth-child(1):hover ~ .marker {
      left: 86% !important; }
  .header-nav .marker {
    position: absolute;
    bottom: 1px;
    height: 5px;
    width: 14%;
    background-color: #e34149;
    transition: all 0.2s ease-in-out; }
  .header-nav .active a {
    color: #000 !important; }

footer {
  background: -webkit-linear-gradient(top, #1E252E, #39424F); }
  footer .footer-warp {
    padding: 25px 0;
    max-width: 1500px;
    margin: 0 auto; }
    footer .footer-warp .footer-content .footer-content-li {
      float: left;
      width: 12%; }
      footer .footer-warp .footer-content .footer-content-li ul li {
        padding: 5px 0 0 0;
        position: relative; }
        footer .footer-warp .footer-content .footer-content-li ul li a {
          color: #aaaaaa;
          font-weight: lighter; }
        footer .footer-warp .footer-content .footer-content-li ul li a:hover {
          color: #AAA; }
      footer .footer-warp .footer-content .footer-content-li ul li:first-of-type {
        padding: 15px 0 0 0; }
      footer .footer-warp .footer-content .footer-content-li h3 {
        color: #FFFFFF;
        font-size: 1.25rem; }
      footer .footer-warp .footer-content .footer-content-li h3:nth-of-type(2) {
        margin-top: 34.55px; }
    footer .footer-warp .footer-content .footer-content-li:last-of-type {
      width: 16%; }
      footer .footer-warp .footer-content .footer-content-li:last-of-type h3:nth-of-type(2) {
        margin-top: 107.73px; }
    footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) {
      width: 24%; }
      footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .information a img {
        width: 200px;
        margin-bottom: 20px; }
      footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .information a img:hover {
        opacity: 0.6; }
      footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .information p {
        padding: 5px 0; }
        footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .information p span {
          color: #fff; }
      footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .information a:hover {
        color: #aaa; }
      footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .about {
        margin: 45px 0 0 0; }
        footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .about a img {
          width: 60px; }
        footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .about .fb-i {
          margin-left: -20px; }
        footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .about a:hover {
          opacity: 0.6; }
      footer .footer-warp .footer-content .footer-content-li:nth-of-type(1) .mobile-a {
        display: none; }
  footer .footer-waist ul {
    max-width: 1500px;
    margin: 0 auto;
    display: block;
    padding: 10px 0; }
    footer .footer-waist ul li {
      float: left;
      width: 16.6666%; }
      footer .footer-waist ul li span {
        font-size: 1rem;
        display: block; }
      footer .footer-waist ul li a {
        padding: 5px 0 0 0;
        font-size: 80%;
        color: #777;
        margin-right: 9.9px; }
      footer .footer-waist ul li a:nth-of-type(3) {
        margin-right: 0; }
      footer .footer-waist ul li a:hover {
        color: #aaa; }
  footer .footer-footer {
    color: rgba(255, 255, 255, 0.6);
    padding: 10px 0;
    background: #29303b; }
    footer .footer-footer .footer-footer-warp {
      max-width: 1230px;
      margin: 0 auto; }
      footer .footer-footer .footer-footer-warp p {
        text-align: right; }

.btn-line {
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block; }

.btn-line:after {
  content: "";
  display: block;
  position: absolute; }

.btn-line-slider:after {
  transform-origin: right;
  transform: scaleX(0);
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #AAA;
  transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); }

.btn-line-slider:hover:after {
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); }

@media all and (max-width: 768px) {
  footer .footer-warp {
    max-width: 100%;
    padding: 15px; }
    footer .footer-warp .footer-content .footer-content-li h3 {
      font-size: 0.85rem; }
    footer .footer-warp .footer-content .footer-content-li ul li {
      font-size: 0.7rem; }
    footer .footer-warp .footer-content .footer-content-li .information p {
      font-size: 0.7rem; }
    footer .footer-warp .footer-content .footer-content-li .information a img {
      width: 160px !important; }
    footer .footer-warp .footer-content .footer-content-li:last-of-type h3:nth-of-type(2) {
      margin-top: 41.73px !important; }
  footer .footer-waist ul {
    width: 100%;
    padding: 15px; }
  footer .footer-footer .footer-footer-warp {
    width: 100%;
    padding: 0 15px; } }
@media all and (max-width: 767px) {
  footer .footer-warp {
    padding: 10px 5px 7.5px 5px; }
    footer .footer-warp .footer-content .footer-content-li:not(:first-of-type) {
      display: none; }
    footer .footer-warp .footer-content .footer-content-li:first-of-type {
      width: 100%; }
      footer .footer-warp .footer-content .footer-content-li:first-of-type address {
        text-align: center; }
        footer .footer-warp .footer-content .footer-content-li:first-of-type address a img {
          margin-bottom: 10px !important; }
        footer .footer-warp .footer-content .footer-content-li:first-of-type address p {
          font-size: 0.85rem;
          padding: 0 !important;
          margin-bottom: 5px;
          color: #aaa; }
          footer .footer-warp .footer-content .footer-content-li:first-of-type address p span {
            font-size: 0.85rem;
            color: #fff; }
      footer .footer-warp .footer-content .footer-content-li:first-of-type .about {
        display: table;
        margin: 0 auto; }
        footer .footer-warp .footer-content .footer-content-li:first-of-type .about h3 {
          display: none; }
        footer .footer-warp .footer-content .footer-content-li:first-of-type .about .fb-i {
          margin-left: 0; }
        footer .footer-warp .footer-content .footer-content-li:first-of-type .about .instagram-i {
          margin: 0 50px; }
      footer .footer-warp .footer-content .footer-content-li:first-of-type .mobile-a {
        display: block;
        border-top: 1px solid #fff; }
        footer .footer-warp .footer-content .footer-content-li:first-of-type .mobile-a li {
          font-size: 1rem;
          padding: 7.5px 0 0 0 !important;
          float: left;
          width: 50%;
          text-align: center; }
          footer .footer-warp .footer-content .footer-content-li:first-of-type .mobile-a li i {
            padding-left: 15px; }
  footer .footer-waist {
    display: none; }
  footer .footer-footer .footer-footer-warp p {
    font-size: 0.75rem;
    text-align: center; } }
@media all and (max-width: 320px) {
  footer .footer-footer .footer-footer-warp {
    padding: 0 5px; } }
.applicableBike-box {
  position: relative;
  padding: 50px 1rem 1rem 1rem;
  margin-top: 50px !important; }
  .applicableBike-box-img {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 16px;
    top: -40px; }

#detail h1, #tinymce h1 {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px; }
#detail h2, #tinymce h2 {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px; }
#detail h3, #tinymce h3 {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 10px; }
#detail h4, #tinymce h4 {
  font-size: 18px; }
#detail h5, #tinymce h5 {
  font-size: 14px; }
#detail h6, #tinymce h6 {
  font-size: 12px; }
#detail p, #tinymce p {
  margin-bottom: 0px; }
#detail strong, #tinymce strong {
  font-weight: bold; }
#detail table tbody tr td, #tinymce table tbody tr td {
  padding: 0 10px; }
#detail table[border='0'], #tinymce table[border='0'] {
  border: none; }
  #detail table[border='0'] td, #tinymce table[border='0'] td {
    border: none; }

.header {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }
  .header__top {
    background-color: #1c2331 !important;
    border-bottom: 3px solid #e61e25; }
    .header__top__list {
      float: left; }
      .header__top__list__btn {
        display: block;
        padding: 0.35rem 1rem;
        color: #fff;
        font-size: 0.85rem;
        line-height: 1.5; }
        .header__top__list__btn:hover {
          background-color: #e61e25 !important;
          color: rgba(255, 255, 255, 0.75) !important; }
        .header__top__list__btn:focus {
          color: rgba(255, 255, 255, 0.75) !important; }
        .header__top__list.active {
          background-color: #e61e25 !important;}
      .header__top__list.active .header__top__list__btn {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
        transition: 0.35s; }
        .header__top__list.active .header__top__list__btn:hover {
          color: white !important; }
        .header__top__list.active .header__top__list__btn:focus {
          color: white !important; }
    .header__top__item {
      width: 12%;
      text-align: center; }
      .header__top__item__icon {
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.2 !important;
        padding-top: 11px;
        padding-bottom: 11px;
        display: block;
        width: auto;
        height: auto; }
      .header__top__item.header__top__item--logo {
        width: 40%; }
      .header__top__item__img {
        height: 40px !important;
        margin: 5px auto;
        display: block; }
    .header__top a {
      text-decoration: none; }
    .header__top .float-left {
      float: left; }
    .header__top .float-right {
      float: right; }
    .header__top .clearfix {
      clear: both; }
  .header__middle__link {
    font-weight: 500 !important;
    line-height: 1.2 !important;
    padding: 1rem;
    display: block;
    font-size: 1.5rem;
    float: left;
    border: 0;
    background: none; }
    .header__middle__link__text {
      color: #212529; }
  .header__middle__logo {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap; }
  .header__middle__searchBar {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 24px;
    margin: 0 1rem; }
    .header__middle__searchBar #form_search #search_bar {
      height: calc(1.5em + 0.75rem + 2px);
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
      .header__middle__searchBar #form_search #search_bar:focus {
        border-color: #f44336 !important;
        box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); }
    .header__middle__searchBar #form_search .selection-search {
      border: none;
      width: 70px;
      right: 81px;
      background: white; }
    .header__middle__searchBar #form_search .btn-search {
      border-radius: 0 0.25rem 0.25rem 0;
      width: 73px;
      height: 36px !important;
      border-right: none;
      border-top: none;
      border-bottom: none;
      border-left: 1px solid #ccc;
      margin-top: 1px;
      margin-right: 1px; }
      .header__middle__searchBar #form_search .btn-search span {
        font-size: 1.5rem;
        color: #212529; }
      .header__middle__searchBar #form_search .btn-search:hover {
        color: #212529; }
  @media (min-width: 768px) {
    .header__middle__searchBar {
      width: 40%; } }
  .header__middle__dropdown {
    float: left; }
    .header__middle__dropdown__btn {
      padding: 1rem;
      border: none;
      background: none;
      font-weight: 300;
      font-size: 1rem;
      color: #212529;
      line-height: 1.8; }
  .header__middle__dropdownMenu {
    box-shadow: 0 0 black !important;
    padding: 0.5rem 0;
    right: 0;
    left: initial;
    max-height: 450px;
    overflow: auto;
    background: white; }
    .header__middle__dropdownMenu__list {
      padding: 10px !important;
      font-size: 1rem;
      vertical-align: middle; }
      .header__middle__dropdownMenu__list span {
        vertical-align: middle; }
      .header__middle__dropdownMenu__list__icon {
        font-size: 1.25rem !important;
        margin-right: 0.5rem; }
      .header__middle__dropdownMenu__list--s {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
        text-align: left; }
        .header__middle__dropdownMenu__list--s .text-danger {
          color: #dc3545 !important; }
    .header__middle__dropdownMenu__list:active {
      background-color: #007bff !important; }
    .header__middle__dropdownMenu__title {
      padding: 0.5rem 1.5rem;
      font-size: 0.875rem; }
    .header__middle__dropdownMenu .text-danger {
      color: #dc3545 !important; }
  .header__middle__wrap--right {
    float: right; }
  .header__bottom {
    background-color: #EEE !important; }
    .header__bottom__list {
      float: left; }
      .header__bottom__list__text {
        color: #212529;
        line-height: 1.8;
        padding: 0.5rem 1rem;
        display: block; }
      .header__bottom__list__dropdownMenu {
        box-shadow: 0 0 black !important;
        padding: 0.5rem 0;
        left: 0;
        top: 38px;
        overflow: auto;
        max-height: 400px;
        background: white; }
        .header__bottom__list__dropdownMenu__list {
          padding: 10px !important;
          font-size: 1rem;
          vertical-align: middle; }
        .header__bottom__list__dropdownMenu__list:active {
          background-color: #007bff !important; }

.hover-light-2:hover {
  opacity: 0.5 !important; }

.itemList {
  display: flex;
  align-items: flex-start;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important; }
  .itemList__header {
    display: flex !important;
    background-color: #fff !important;
    margin-right: 1rem !important;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }
    .itemList__header__img {
      width: auto !important;
      height: auto !important;
      max-width: 100% !important;
      max-height: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important; }
  .itemList__body {
    flex: 1;
    width: 300px; }

.mm-page {
  background-color: #FFF !important; }

.mm-menu .mm-listitem a {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.7) !important; }
.mm-menu .mm-navbar__title span {
  font-size: 1rem; }
.mm-menu .mm-divider {
  font-size: 75%; }

#main-search .p-2 {
  padding: 0.5rem !important; }
#main-search .searchGroup {
  position: relative;
  width: 100% !important;
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  #main-search .searchGroup__input {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 54px 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: 0 0 black; }
    #main-search .searchGroup__input:focus {
      border-color: #f44336 !important;
      box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); }
  #main-search .searchGroup__wrap {
    position: absolute;
    right: 0; }
    #main-search .searchGroup__wrap__select {
      display: none; }
    #main-search .searchGroup__wrap__btn {
      background-color: #eee !important;
      border-radius: 0 0.25rem 0.25rem 0;
      border-top: 0;
      border-bottom: 0;
      border-right: 0;
      height: 36px !important;
      margin-right: 1px;
      padding-right: 1rem !important;
      padding-left: 1rem !important; }
      #main-search .searchGroup__wrap__btn span {
        font-size: 1.5rem !important; }
#main-search .h5 {
  font-size: 1.25rem; }
#main-search .align-middle {
  vertical-align: middle; }
#main-search .mr-2 {
  margin-right: 0.5rem; }

#main-customer .text-danger, #main-cart .text-danger {
  color: #dc3545 !important; }

.border {
  border: 1px solid #ddd; }

.border-bottom {
  border-bottom: 1px solid #ddd; }

.border-blue {
  border: 1px solid #005fb3;
}

.border-red {
  border: 1px solid #e61e25;
}

.mb-1 {
  margin-bottom: 0.25rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

.mb-3 {
  margin-bottom: 1rem; }

.mb-4 {
  margin-bottom: 1.5rem; }

.mb-5 {
  margin-bottom: 2rem; }

.mt-1 {
  margin-top: 0.25rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mt-3 {
  margin-top: 1rem; }

.mt-4 {
  margin-top: 1.5rem; }

.mt-5 {
  margin-top: 2rem; }

.mr-1 {
  margin-right: 0.25rem; }

.mr-2 {
  margin-right: 0.5rem; }

.mr-3 {
  margin-right: 1rem; }

.mr-4 {
  margin-right: 1.5rem; }

.mr-5 {
  margin-right: 2rem; }

.ml-1 {
  margin-left: 0.25rem; }

.ml-2 {
  margin-left: 0.5rem; }

.ml-3 {
  margin-left: 1rem; }

.ml-4 {
  margin-left: 1.5rem; }

.ml-5 {
  margin-left: 2rem; }

.m-1 {
  margin: 0.25rem; }

.m-2 {
  margin: 0.5rem; }

.m-3 {
  margin: 1rem; }

.m-4 {
  margin: 1.5rem; }

.m-5 {
  margin: 2rem; }

.pb-1 {
  padding-bottom: 0.25rem; }

.pb-2 {
  padding-bottom: 0.5rem; }

.pb-3 {
  padding-bottom: 1rem; }

.pb-4 {
  padding-bottom: 1.5rem; }

.pb-5 {
  padding-bottom: 2rem; }

.pt-1 {
  padding-top: 0.25rem; }

.pt-2 {
  padding-top: 0.5rem; }

.pt-3 {
  padding-top: 1rem; }

.pt-4 {
  padding-top: 1.5rem; }

.pt-5 {
  padding-top: 2rem; }

.pr-1 {
  padding-right: 0.25rem; }

.pr-2 {
  padding-right: 0.5rem; }

.pr-3 {
  padding-right: 1rem; }

.pr-4 {
  padding-right: 1.5rem; }

.pr-5 {
  padding-right: 2rem; }

.pl-1 {
  padding-left: 0.25rem; }

.pl-2 {
  padding-left: 0.5rem; }

.pl-3 {
  padding-left: 1rem; }

.pl-4 {
  padding-left: 1.5rem; }

.pl-5 {
  padding-left: 2rem; }

.p-1 {
  padding: 0.25rem; }

.p-2 {
  padding: 0.5rem; }

.p-3 {
  padding: 1rem; }

.p-4 {
  padding: 1.5rem; }

.p-5 {
  padding: 2rem; }

.p-0 {
  padding: 0; }

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.small {
  font-size: 0.85rem !important; }

.text-body {
  color: #212529 !important; }

.rounded {
  border-radius: 0.25rem !important; }

.border-0 {
  border: none !important; }

.btn-sm {
  height: 28px !important;
  line-height: 20px !important; }

.text-dark-red {
  color: #e22c2c !important; }

.font-bold {
  font-weight: bold !important; }

.text-title {
  font-size: 20px !important; }

.bg-yellow {
  background: #ffff00 !important; }

.bg-orange {
  background: #FF7700 !important; }

.p-10 {
  padding: 10px 0px 0px 5px !important; }

.font-initial {
  font-weight: initial !important; }

.btn-blue {
  background: #54A5E4 !important; }

.my-05 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.text-orange {
  color: #FF7700 !important; }

.text-white {
  color: white !important; }
.baba{
    display: none !important;
}
.new-tag{
  position:absolute;
  top:-10px;
  width:100%;
}
.non-point-back-color{
  background-color: #F0F0F0 !important;
}
.non-point{
  cursor: default;
}
.opacity-1{
  opacity: .1;
}
/*# sourceMappingURL=main.css.map */