@charset "utf-8";
/* 左選單 */
.search-container:after,.search-container:before {
  content: '';
  display: table;
  clear: both
}

.search-container .search-sidebar {
  float: left;
  width: 100%;
  padding: .9375rem;
  border: 1px solid #dee2e6;
  background: #fff;
  /* font-size: .8125rem; */
  font-size: 1rem;
  color: #4d4d4d;
  -webkit-border-radius: 6px;
  border-radius: 6px
}

@media (max-width: 991.98px) {
  .search-container .search-sidebar {
      float:none;
      margin: 0 0 .625rem;
      width: auto
  }
}

.search-container .search-sidebar .title {
  margin: -.9375rem -.9375rem 15px;
  padding: .9375rem;
  border-bottom: 1px solid #dee2e6;
  font-size: .875rem;
  font-weight: 600;
  color: #2d353c
}

.search-container .search-sidebar .search-category-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.search-container .search-sidebar .search-category-list>li+li {
  border-top: 1px solid #dee2e6
}

.search-container .search-sidebar .search-category-list>li>a {
  color: #4d4d4d;
  font-weight: 600;
  padding: .8rem 0;
  line-height: 1.25rem;
  display: block
}

.search-container .search-sidebar .search-category-list>li>a:focus,.search-container .search-sidebar .search-category-list>li>a:hover {
  text-decoration: none
}

.search-container .search-content {
  float: right;
  padding-left: 1.875rem;
  width: 75%
}

@media (max-width: 991.98px) {
  .search-container .search-content {
      float:none;
      width: auto;
      margin: 0;
      padding: 0
  }
}

.search-item-container {
  border: 1px solid #dee2e6;
  margin-bottom: .9375rem;
  background: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px
}

.search-item-container:after,.search-item-container:before {
  content: '';
  display: table;
  clear: both
}

@media (max-width: 767.98px) {
  .search-item-container {
      border:none;
      background: 0 0
  }
}

.search-item-container .item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.search-item-container .item-row:after,.search-item-container .item-row:before {
  content: '';
  display: table;
  clear: both
}

@media (max-width: 767.98px) {
  .search-item-container .item-row {
      display:block
  }
}

.search-item-container .item-row+.item-row {
  border-top: 1px solid #dee2e6
}

@media (max-width: 767.98px) {
  .search-item-container .item-row+.item-row {
      border-top:none
  }
}

.search-item-container .item-row .item {
  width: 33.33%;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0
}

@media (max-width: 991.98px) {
  .search-item-container .item-row .item {
      margin-bottom:0
  }
}

@media (max-width: 767.98px) {
  .search-item-container .item-row .item {
      width:100%;
      border: 1px solid #dee2e6;
      margin-bottom: .625rem
  }
}

.search-item-container .item-row .item+.item {
  border-left: 1px solid #dee2e6
}

.search-item-container .item-row:first-child .item:first-child {
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0
}

.search-item-container .item-row:first-child .item:last-child {
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0
}

.search-item-container .item-row:last-child .item:first-child {
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px
}

.search-item-container .item-row:last-child .item:last-child {
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0
}

.search-toolbar {
  background: #fff;
  border: 1px solid #dee2e6;
  padding: .9375rem;
  margin-bottom: .9375rem;
  -webkit-border-radius: 6px;
  border-radius: 6px
}

.search-toolbar:after,.search-toolbar:before {
  content: '';
  display: table;
  clear: both
}

.search-toolbar h4 {
  font-size: 1rem;
  margin: 0;
  line-height: 1.25rem
}

.search-toolbar .sort-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.25rem
}

@media (max-width: 991.98px) {
  .search-toolbar .sort-list {
      float:left;
      text-align: left;
      margin-top: .625rem
  }
}

.search-toolbar .sort-list>li {
  display: inline-block
}

@media (max-width: 991.98px) {
  .search-toolbar .sort-list>li {
      margin-right:.625rem
  }
}

.search-toolbar .sort-list>li+li {
  margin-left: .625rem
}

@media (max-width: 991.98px) {
  .search-toolbar .sort-list>li+li {
      margin-left:0
  }
}

.search-toolbar .sort-list>li a {
  color: #999
}

.search-toolbar .sort-list>li a:focus,.search-toolbar .sort-list>li a:hover {
  color: #4d4d4d
}

.search-toolbar .sort-list>li.text {
  font-weight: 600
}

.search-toolbar .sort-list>li.active a {
  color: #2d353c
}

.section-container { padding: 1rem 0; }

.section-container:after,.section-container:before {
  content: '';
  display: table;
  clear: both
}

@media (max-width: 1199.98px) {
  .section-container { padding:1rem 0; }
}



.account-container .account-sidebar {
    width: 18.75rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 1rem 1rem;
    overflow: hidden;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px
}

@media (max-width: 1199.98px) {
    .account-container .account-sidebar {
        width:15rem
    }
}

@media (max-width: 991.98px) {
    .account-container .account-sidebar {
        width:auto;
        position: relative;
        padding: .9375rem;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0
    }
}

.account-container .account-sidebar+.account-body {
    margin-left: 18.75rem
}

@media (max-width: 1199.98px) {
    .account-container .account-sidebar+.account-body {
        margin-left:15rem
    }
}

@media (max-width: 991.98px) {
    .account-container .account-sidebar+.account-body {
        margin-left:0
    }
}

.account-container .account-sidebar .account-sidebar-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .account-container .account-sidebar .account-sidebar-cover {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.account-container .account-sidebar .account-sidebar-cover img {
    max-height: 100%
}

@media (max-width: 991.98px) {
    .account-container .account-sidebar .account-sidebar-cover img {
        max-width:100%;
        max-height: inherit
    }
}

.account-container .account-sidebar .account-sidebar-cover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(45,53,60,.9)
}

.account-container .account-sidebar .account-sidebar-content {
    position: relative;
    color: #fff
}

.account-container .account-sidebar .account-sidebar-content h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 .9375rem
}

.account-container .account-sidebar .account-sidebar-content p {
    color: rgba(255,255,255,.75)
}



/* 會員專區 */
.dropdown-item.active,.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #F5F5F5
}


/* 產品介紹 */
.sub-menu {
  padding-left:0px;
  margin-bottom:0px;
}
.sub-menu li { 
  list-style-type:none;
  border-bottom:1px solid #EBEBEB; 
  padding: 4px 0px 4px 30px;
}

.sub-menu .active {
  background: rgba(240, 240, 240, 0);
  background-color: #F5F5F5;
}
.sub-menu .active a { padding-left:0px; } 
.sub-menu .active a::before{
  content: "☆";
  padding-right:10px;
}

.sub-menu a:hover {
  background: none;
  padding-left:0px;
}
.sub-menu a:hover::before{
  content: "☆";
  padding-right:10px;
}

.sub-menu a:active { color:#000; }