@charset "UTF-8";
html,
body {
  color: #000;
  font-size: 15px;
  font-family: Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", Sans-Serif;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/* ======= [utils]  ======= */
.utils .prod-name a {
  margin-bottom: 6px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  color: #252624;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.utils .prod-name a {
  color: #000;
}
.utils .prod-name a:hover {
  color: #ef7a31;
}
.utils .prod-name .tag {
  color: #F28900;
}
.utils .prod-text {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.5em;
  /* color: #595959; */
  color: #000;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.utils .prod-price {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.5em;
  color: #595959;
  flex-wrap: wrap;
}
.utils .prod-price strong {
  padding: 0 2px;
  color: #d0021b;
  font-size: 18px;
  flex-shrink: 0;
}
.utils .prod-price .deloprice {
  color: #000;
  font-size: 13px;
  margin-left: 5px;
  text-decoration: line-through;
  text-decoration-color: #212121;
}
.utils .prod-price .discount {
  padding: 0 3px;
  min-width: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #d0021b;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Microsoft JhengHei';
  line-height: 22px;
  border: 1px solid #d0021b;
  border-radius: 8px;
}
.utils .prod-sales {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.5em;
  color: #000;
  flex-wrap: wrap;
}
.utils .prod-sales .quantity {
  margin: 0 5px;
  color: #000;
}
.utils .prod-soldcount {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #797979;
}
.utils .prod-info {
  font-size: 13px;
  color: #595959;
  margin-bottom: 8px;
  white-space: nowrap;
  max-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utils .category {
  font-size: 13px;
  color: #595959;
  margin-bottom: 8px;
  white-space: nowrap;
  line-height: 1.5em;
  max-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utils .details {
  font-size: 13px;
  margin-bottom: 8px;
}
.utils .date {
  font-size: 13px;
  color: #000;
  margin-bottom: 8px;
  white-space: nowrap;
  line-height: 1.5em;
  max-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utils .author {
  font-size: 13px;
  color: #000;
  margin-bottom: 8px;
  white-space: nowrap;
  line-height: 1.5em;
  max-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utils .author a {
  color: #000;
  margin-left: 5px;
}
.utils .author a:first-child {
  margin-left: 0;
}
.utils .author a:hover {
  color: #ef7a31;
}
.utils .item-del {
  border-radius: 2px;
  height: 24px;
  width: 24px;
  position: absolute;
  cursor: pointer;
  top: 5px;
  right: 5px;
  animation: u-fade-in;
  animation-duration: 1.5s;
  -webkit-animation: u-fade-in 0.5s;
  background-color: rgb(155 155 155 / 35%);
  display: none;
}
.utils .item-del::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  content: '\e807';
  color: #000;
  vertical-align: inherit;
  font-size: 13px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.utils .item:hover .item-del {
  display: block;
  z-index: 1;
}
.utils .pointer-events {
  position: relative;
  font-size: 13px;
  line-height: 1.75em;
  color: #CC6666;
  display: flex;
  flex-wrap: wrap;
}
.utils .pointer-events a {
  color: #CC6666;
}
.utils .pointer-events i.icon-flash::before {
  margin-right: 0.1em;
}
/* ======= [set utils]  ======= */
/* margin | padding */
.u-mb-5 {
  margin-bottom: 5px;
}
.u-mb-8 {
  margin-bottom: 8px;
}
.u-mb-10 {
  margin-bottom: 10px;
}
.u-mb-12 {
  margin-bottom: 12px;
}
.u-mb-15 {
  margin-bottom: 15px;
}
.u-mb-16 {
  margin-bottom: 16px;
}
.u-mb-20 {
  margin-bottom: 20px;
}
.u-mb-22 {
  margin-bottom: 22px;
}
.u-mb-24 {
  margin-bottom: 24px;
}
.u-mb-25 {
  margin-bottom: 25px;
}
.u-mb-30 {
  margin-bottom: 30px;
}
.u-mb-32 {
  margin-bottom: 32px;
}
.u-mb-40 {
  margin-bottom: 40px;
}
.u-mb-48 {
  margin-bottom: 48px;
}
.u-mb-50 {
  margin-bottom: 50px;
}
.u-mb-60 {
  margin-bottom: 60px;
}
.u-mb-70 {
  margin-bottom: 70px;
}
.u-mb-80 {
  margin-bottom: 80px;
}
.u-ml-12 {
  margin-left: 12px;
}
.u-mr-8 {
  margin-right: 8px;
}
.u-pl-10 {
  padding-left: 10px;
}
.u-pl-20 {
  padding-left: 20px;
}
.u-pr-10 {
  padding-right: 10px;
}
.u-pr-40 {
  padding-right: 40px;
}
/* youtube */
.u-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-transform: rotate(0.000001deg);
  overflow: hidden;
}
.u-video iframe,
.u-video object,
.u-video embed,
.u-video video {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 0 none;
  top: 0;
  left: 0;
}
/* u-table */
.u-table-container {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.u-table-container .table-tr {
  display: table-row;
}
.u-table-container .table-td {
  display: table-cell;
  vertical-align: top;
}
/*  u-badge-top */
.u-badge-top {
  position: relative;
}
.u-badge-top .badge-top {
  position: relative;
  padding: 0 0 5px;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.u-badge-top .badge-top em {
  font-size: 15px;
  color: #969696;
  font-weight: bold;
}
.u-badge-top .badge-top strong {
  position: relative;
}
.u-badge-top .badge-top i::before {
  color: #6f9b10;
}
.u-badge-top .badge-top img {
  display: inline-block;
  margin-right: 3px;
  width: 20px;
}
.u-badge-top .badge-top .number {
  display: inline-block;
  margin: 0 3px;
  font-size: 20px;
  color: #ef7a31;
  text-align: center;
  font-weight: normal;
}
/* u-item-list */
.u-item-list {
  width: 100%;
}
.u-item-list .item {
  display: flex;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 32px;
}
.u-item-list .img-wrap {
  position: relative;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 20px;
}
.u-item-list .item-info {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
}
.u-item-list .item-block {
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 20px;
}
.u-item-list .btn-wrap {
  width: 140px;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.u-item-list .bui-btn-01,
.u-item-list .bui-btn-02 {
  min-width: 140px;
}
.u-item-list .prod-name a {
  height: auto;
  max-height: 3em;
}
.u-item-list .prod-info {
  font-size: 13px;
  color: #595959;
  margin-bottom: 8px;
}
.u-item-list .prod-info a {
  color: #000;
  text-decoration: none;
}
.u-item-list .prod-info a:hover {
  color: #ef7a31;
  text-decoration: none;
}
.u-item-list .prod-text {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.5em;
  color: #595959;
  height: auto;
  max-height: 4.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.u-item-list .prod-price {
  margin-bottom: 8px;
}
.u-item-list .pointer-events .item-event {
  display: inline-block;
  /*   padding: 10px 0; */
  margin: 0 15px 3px 0;
}
/* u-item-grid-list */
.u-item-grid-list {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap
}
.u-item-grid-list:last-child {
  margin-bottom: 0;
}
.u-item-grid-list .item {
  position: relative;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
}
.u-item-grid-list.item-2 .item {
  width: 50%;
}
.u-item-grid-list.item-3 .item {
  width: 33.333%;
}
.u-item-grid-list.item-4 .item {
  width: 25%;
}
.u-item-grid-list.item-5 .item {
  width: 20%;
}
.u-item-grid-list.item-6 .item {
  width: 16.666%;
}
.u-item-grid-list .btn-wrap {
  margin: auto auto 0;
  display: flex;
  justify-content: center;
}
.u-item-grid-list .btn-start-wrap {
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
}
.u-item-grid-list .item-end-box {
  margin: auto auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-item-grid-list .bui-btn-01 {
  min-width: 140px;
  padding: 0.35em 0.625em;
}
.u-item-grid-list .img-wrap {
  position: relative;
  margin: 0 auto 8px;
}
.u-item-grid-list .item-info {
  margin: 0 auto 0;
  font-size: 13px;
}
.u-item-grid-list .pointer-events {
  margin: 0 0 8px;
}
.u-item-grid-list .pointer-events .item-event {
  display: block;
  margin: 0;
}
/* u-box-container */
.u-box-container {
  display: flex;
}
.u-box-container .u-box {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
}
.u-box-container .u-box-basis {
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.u-box-container .u-box-shrink {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
/* panel-title */
.u-panel-title-box {
  position: relative;
  margin-bottom: 24px;
}
.u-panel-title-box .title {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #6f9b10;
  border-bottom: 2px solid #8fc31f;
}
.u-panel-title-box .title strong {
  max-width: 880px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: initial;
}
.u-panel-title-box .title em {
  padding: 6px 10px 0;
  color: #969696;
  font-size: 13px;
  font-weight: normal;
}
.u-panel-title-box .u-more {
  margin-left: auto;
}
.u-panel-title-box .title-msg {
  display: block;
  margin-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5em;
  max-height: 1.5em;
  overflow: hidden;
  -webkit-line-clamp: 1;
  font-size: 15px;
  color: #000;
}
.u-panel-title {
  width: 100%;
  min-height: 34px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.u-panel-title .u-more {
  margin-left: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.u-panel-title .page {
  margin-left: auto;
  font-weight: normal;
  color: #969696;
}
.u-panel-title.title01 {
  color: #6f9b10;
  font-size: 16px;
  border-bottom: 2px solid #8fc31f;
}
.u-panel-title.title01 strong {
  max-width: 770px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: initial;
}
.u-panel-title.title01 em {
  padding: 6px 10px 0;
  color: #969696;
  font-size: 13px;
  font-weight: normal;
}
.u-panel-title.title02 {
  color: #6f9b10;
  font-size: 16px;
  margin-bottom: 0;
  border-bottom: 2px solid transparent;
}
.u-panel-title.title02 strong {
  max-width: 880px;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  line-height: initial;
}
.u-panel-title.title03 {
  color: #6f9b10;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 0;
  border-bottom: 1px solid #6f9b10;
  margin-bottom: 8px;
}
.u-panel-title.title04 {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 0;
  border-bottom: 1px solid #caccca;
  margin-bottom: 8px;
}
.u-panel-title.title05 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0;
  border-bottom: 4px solid #F0F0F0;
  margin-bottom: 16px;
}
.u-panel-title.title05 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: initial;
  -webkit-line-clamp: 1;
  display: block;
}
.u-panel-title.title05 .title-msg {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 13px;
  font-weight: normal;
  line-height: initial;
  color: #626364;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
}
.u-panel-title.title05 .title-msg.bold {
  font-weight: bold;
}
.u-panel-title.title05 .title-msg::before {
  position: absolute;
  top: 4px;
  left: 10px;
  margin: 0;
  padding: 0;
  content: "";
  width: 1px;
  height: 10px;
  overflow: hidden;
  color: #9e9e9e;
  border-right: 1px solid #9e9e9e;
}
.u-panel-title.title05 .title-box {
  position: relative;
  overflow: hidden;
  margin: 0 0 0 3px;
}
.u-panel-title.title05 .title-box span {
  display: block;
  font-size: 13px;
  color: #626364;
  line-height: 1.35em;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1
}
.u-panel-title.title05 .time-box {
  margin-left: 32px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #000;
}
.u-panel-title.title05 .time-box span {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-family: 'Microsoft JhengHei';
  letter-spacing: 0.5px;
  color: #fff;
  background-color: #626364;
}
.u-panel-title.title05 .time-box span::before {
  content: '';
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 1px;
  width: 100%;
  background: #fff;
  position: absolute;
  top: calc((100% - 1px) / 2);
  right: 0;
}
.u-panel-title.color01 {
  color: #8655D6;
  border-color: #8655D6;
}
.u-panel-title.color02 {
  color: #12AE57;
  border-color: #12AE57;
}
.u-panel-title.color03 {
  color: #3390FF;
  border-color: #3390FF;
}
.u-panel-title.color04 {
  color: #F57461;
  border-color: #F57461;
}
.u-panel-title.color05 {
  color: #F88701;
  border-color: #FF8A00;
}
.u-panel-title.color06 {
  color: #F4563D;
  border-color: #F4563D;
}
.u-panel-title.color07 {
  color: #D99000;
  border-color: #D99000;
}
.u-panel-title.title05 .u-more {
  color: #626364;
  font-size: 15px;
  font-weight: normal;
}
.u-panel-title.title05 .u-more a {
  color: #626364;
}
.u-panel-title.title05 .u-more a:hover {
  color: #626364;
}
.u-panel-title.title05 .u-more i {
  margin: 0 5px;
}
.u-panel-title.title05 .u-more i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  content: '\f006';
  color: #626364;
}
.u-panel-title.title05 i[title="title-icon"] {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: bottom;
  background-size: cover;
  flex-shrink: 0;
  flex-grow: 0;
}
.u-panel-title.title05 .title-icon-video {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-video.png");
}
.u-panel-title.title05 .title-icon-board {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-board.png");
}
.u-panel-title.title05 .title-icon-booksbill {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-booksbill.png");
}
.u-panel-title.title05 .title-icon-hot {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-hot.png");
}
.u-panel-title.title05 .title-icon-hashtag {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-hashtag.png");
}
.u-panel-title.title05 .title-icon-discount {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-discount.png");
}
.u-panel-title.title05 .title-icon-goods {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-goods.png");
}
.u-panel-title.title05 .title-icon-books {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-books.png");
}
.u-panel-title.title05 .title-icon-sale {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-sale.png");
}
.u-panel-title.title05 .title-icon-star-1 {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-star-1.png");
}
.u-panel-title.title05 .title-icon-star-2 {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-star-2.png");
}
.u-panel-title.title05 .title-icon-user-plus {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-user-plus.png");
}
.u-panel-title.title05 .title-highlight-2 {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-highlight-2.png");
}
.u-panel-title.title05 .title-icon-hot-2 {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-hot-2.png");
}
.u-panel-title.title05 .title-icon-board-2 {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-board-2.png");
}
.u-panel-title.title05 .title-icon-books-2 {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-books-2.png");
}
.u-panel-title.title05 .title-icon-review {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-review.svg");
}
.u-panel-title.title05 .svg-open-point {
  width: 45px;
  height: 26px;
  margin-right: 5px;
  background: url("//jci.book.com.tw/css/books/module/images/svg-open-point.svg") no-repeat;
  flex-shrink: 0;
  flex-grow: 0;
}
.u-panel-title.title06 {
  min-height: auto;
  margin: 0 0 8px 0;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.u-panel-title.title06 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: initial;
  -webkit-line-clamp: 1;
}
.u-panel-title.title06 i[title="title-icon"] {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: bottom;
  background-size: cover;
  flex-shrink: 0;
  flex-grow: 0;
}
.u-panel-title.title06 .title-icon-Membership {
  background: url("//jci.book.com.tw/css/books/module/images/icon-diamond.svg");
}
/* box-title */
.u-title {
  width: 100%;
  min-height: 24px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  color: #6f9b10;
  font-size: 16px;
  font-weight: bold;
}
/* u-sort-bar */
.u-sort-bar {
  display: flex;
  align-items: center;
}
.u-sort-bar .view-btns-wrap,
.u-sort-bar .sort-wrap {
  display: inline-flex;
  align-items: center;
}
.u-sort-bar .label {
  color: #000;
  font-size: 15px;
  display: block;
  flex-shrink: 0;
  margin-right: 8px;
}
.u-sort-bar .sort-wrap {
  margin-left: auto;
}
/* carousel */
.u-carousel {
  position: relative;
}
.u-carousel .carousel-inner {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: baseline;
  justify-content: space-between;
}
.u-carousel .carousel-flex {
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
}
.u-carousel .carousel-next,
.u-carousel .carousel-prev {
  z-index: 1;
  position: absolute;
  top: 55%;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  border-radius: 50%;
  outline: 0;
  transform: translate(0, -50%);
  background-color: rgba(193, 193, 193, 0.3);
}
.u-carousel .carousel-next {
  right: -50px;
}
.u-carousel .carousel-prev {
  left: -50px;
}
.u-carousel .carousel-next:hover,
.u-carousel .carousel-prev:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.u-carousel .carousel-next::before,
.u-carousel .carousel-prev::before {
  font-family: "icon_01";
  line-height: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  color: #424242;
}
.u-carousel .carousel-next::before {
  content: '\f006';
}
.u-carousel .carousel-prev::before {
  content: '\f007';
}
.u-carousel .carousel-dots {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.u-carousel .carousel-dots li {
  margin: 0 0 0;
  cursor: pointer;
}
.u-carousel .carousel-dots li.active::before,
.u-carousel .carousel-dots li::before {
  font-family: "icon_01";
  content: '\e82e';
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  color: #252624;
  opacity: 1;
}
.u-carousel .carousel-dots li::before {
  color: #959595;
  opacity: 0.3;
}
/* slick */
.u-slider {
  position: relative;
}
.u-slider .slide-effect {
  width: 100%;
  display: inline-block;
  user-select: auto;
}
.u-slider .slide-wrap {
  flex-grow: 0;
  flex-shrink: 0;
}
.u-slider .slick-next,
.u-slider .slick-prev {
  z-index: 1;
  position: absolute;
  top: 55%;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  border-radius: 50%;
  outline: 0;
  background-color: rgba(193, 193, 193, 0.3);
}
.u-slider .slick-next:hover,
.u-slider .slick-prev:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.u-slider .slick-next {
  right: -50px;
}
.u-slider .slick-prev {
  left: -50px;
}
.u-slider .slick-next::before,
.u-slider .slick-prev::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  opacity: 1;
  color: #424242;
}
.u-slider .slick-next::before {
  content: '\f006';
}
.u-slider .slick-prev::before {
  content: '\f007';
}
.u-slider .slick-dotted.slick-slider {
  margin: 0;
}
.u-slider .slick-dots {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.u-slider .slick-dots li {
  margin: 0 0 0;
}
.u-slider .slick-dots li.slick-active button::before,
.u-slider .slick-dots li button::before {
  font-family: "icon_01";
  content: '\e82e';
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  color: #252624;
  opacity: 1;
}
.u-slider .slick-dots li button::before {
  color: #959595;
}
/* card */
.u-panel-card {
  background-color: #fff;
  box-shadow: 0 0 35px 2px rgba(42, 42, 42, 0.18);
}
.u-card {
  border: solid 1px #d8dad8;
  background-color: #fff;
  box-shadow: 0 0 12px 2px rgba(42, 42, 42, 0.1);
}
/* free-content */
.u-free-content {
  font-size: 15px;
  color: #595959;
  line-height: 1.65em;
}
.u-free-content.font-13 {
  font-size: 13px;
  color: #595959;
  line-height: 1.65em;
}
.u-free-content strong {
  font-weight: bold;
}
.u-free-content img {
  max-width: 100%;
  font-size: 0;
  vertical-align: bottom;
}
.u-free-content tr,
.u-free-content td,
.u-free-content th {
  height: 22px;
  padding: 5px;
  color: #000;
  border: 1px solid #C0C0C0;
  background: #ffffff;
}
.u-free-content th {
  text-align: center;
  font-weight: normal;
  background: #eee;
}
/* u-container */
.u-container .img-wrap {
  position: relative;
}
.u-container .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.u-container .img-wrap img::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
.u-container.img-100 .img-wrap,
.u-container.img-100 .img-wrap img {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
}
.u-container.img-122 .img-wrap,
.u-container.img-122 .img-wrap img {
  width: 122px;
  height: 122px;
  aspect-ratio: 1/1;
}
.u-container.img-150 .img-wrap,
.u-container.img-150 .img-wrap img {
  width: 150px;
  height: 150px;
  aspect-ratio: 1/1;
}
.u-container.img-176 .img-wrap,
.u-container.img-176 .img-wrap img {
  width: 176px;
  height: 176px;
  aspect-ratio: 1/1;
}
.u-container.img-180 .img-wrap,
.u-container.img-180 .img-wrap img {
  width: 180px;
  height: 180px;
  aspect-ratio: 1/1;
}
.u-container.img-300 .img-wrap,
.u-container.img-300 .img-wrap img {
  width: 300px;
  height: 300px;
  aspect-ratio: 1/1;
}
.u-container.img-100 .u-item-grid-list .item-info,
.u-container.img-100 .u-item-grid-list .bui-badge-text {
  width: 100px;
}
.u-container.img-122 .u-item-grid-list .item-info,
.u-container.img-122 .u-item-grid-list .bui-badge-text {
  width: 122px;
}
.u-container.img-150 .u-item-grid-list .item-info,
.u-container.img-150 .u-item-grid-list .bui-badge-text {
  width: 150px;
}
.u-container.img-180 .u-item-grid-list .item-info,
.u-container.img-180 .u-item-grid-list .bui-badge-text,
.u-container.img-180 .u-item-grid-list .item-end-box,
.u-container.img-180 .u-item-grid-list .btn-wrap,
.u-container.img-180 .u-item-grid-list .btn-start-wrap {
  width: 180px;
}
/* u-collapse */
.u-collapse.active {
  max-height: 295px;
  overflow: hidden;
  position: relative;
  transition-property: max-height, height;
  transition-timing-function: ease-in-out;
  transition-duration: .3s;
}
.u-collapse.active::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  height: 100px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%)
}
/* u-more */
.u-more {
  display: flex;
  padding: 0.5em 0;
  color: #6f9b10;
  font-size: 15px;
  font-weight: bold;
}
.u-more a {
  padding-left: 5px;
  color: #6f9b10;
}
.u-more a:hover {
  color: #ef7a31;
  text-decoration: none;
}
.u-more.line {
  border-top: 1px solid #d8dad8;
}
.u-more.right {
  justify-content: flex-end;
}
.u-more-01 {
  display: block;
  margin-left: auto;
  color: #626364;
  font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  flex-shrink: 0;
  flex-grow: 0;
}
.u-more-01 i {
  margin: 0 5px;
}
.u-more-01 i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  content: '\f006';
  color: #626364;
}
.u-item-more {
  display: inline-block;
  padding-left: 3px;
}
.u-item-more a {
  color: #6f9b10;
  padding-left: 5px;
}
.u-item-more a:hover {
  color: #ef7a31;
  text-decoration: none;
}
.u-item-more.right {
  float: right;
  clear: both;
}
.u-right {
  text-align: right;
}
@keyframes u-fade-in {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* @-webkit-keyframes u-fade-in {
  0% {opacity: 0;}
  40% {opacity: 0;}
  100% {opacity: 1;}
} */
/* monthly-btn-wrap */
.u-monthly-btn-wrap {
  position: relative;
}
.u-monthly-btn-wrap .bui-btn-02 {
  display: flex;
  flex: 1;
}
.u-monthly-btn-wrap .btn-row {
  display: flex;
  margin-bottom: 8px;
}
.u-monthly-btn-wrap .btn-row:last-child {
  margin-bottom: 0;
}
/* checkbox */
.u-checkbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.u-checkbox label {
  position: relative;
  display: inline;
}
.u-checkbox label p {
  line-height: 1.5em;
}
.u-checkbox label>span {
  color: #666;
}
.u-checkbox [type="checkbox"]:not(:checked),
.u-checkbox .u-checkbox [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.u-checkbox [type="checkbox"]:not(:checked)+label,
.u-checkbox [type="checkbox"]:checked+label {
  position: relative;
  padding-left: 1.5em;
  cursor: pointer;
}
.u-checkbox [type="checkbox"]:not(:checked)+label::before,
.u-checkbox [type="checkbox"]:checked+label::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #BCBCBC;
  background-color: #fff;
  border-radius: 3px;
}
.u-checkbox [type="checkbox"]:checked+label::before,
.u-checkbox .checked+label::before {
  border: 2px solid #666;
  background-color: #666;
}
/* checked mark aspect */
.u-checkbox [type="checkbox"]:not(:checked)+label::after,
.u-checkbox [type="checkbox"]:checked+label::after,
.u-checkbox .checked+label::after {
  content: '\e841';
  display: inline-block;
  font-family: "icon_01";
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 2px;
  left: 2px;
  line-height: inherit;
  font-size: 13px;
  color: #fff;
  transition: all .2s;
}
/* checked changes */
.u-checkbox [type="checkbox"]:not(:checked)+label::after {
  opacity: 0;
  transform: scale(0);
}
.u-checkbox [type="checkbox"]:checked+label::after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.u-checkbox [type="checkbox"]:disabled:not(:checked)+label::before,
.u-checkbox [type="checkbox"]:disabled:checked+label::before {
  box-shadow: none;
  border-color: #BCBCBC;
  background-color: #DADADA;
  cursor: default;
}
.u-checkbox [type="checkbox"]:disabled:checked+label::after {
  color: #fff;
}
.u-checkbox [type="checkbox"]:disabled+label {
  color: #aaa;
  cursor: auto;
}
/* elect-quantity */
.u-select-quantity input[type=number]::-webkit-outer-spin-button,
.u-select-quantity input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.u-select-quantity input[type=number] {
  -moz-appearance: textfield;
  border-radius: 0;
}
.u-select-quantity {
  flex-grow: 0;
  flex-shrink: 0;
  height: 35px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-sizing: border-box;
}
.u-select-quantity .minus {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.u-select-quantity .plus {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.u-select-quantity .minus,
.u-select-quantity .plus,
.u-select-quantity input {
  display: block;
  float: left;
  width: 25px;
}
.u-select-quantity input {
  width: 38px;
  height: 33px;
  text-align: center;
  background-color: #fff;
  border: 0;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  color: #5a5a5a;
  font-size: 15px;
  vertical-align: middle;
  outline: none;
}
.u-select-quantity .minus,
.u-select-quantity .plus {
  width: 35px;
  background-color: #f2f2f2;
  color: #959595;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 33px;
  text-decoration: none;
}
.u-select-quantity i::before {
  color: #aeaeae;
}
.u-select-quantity a.disabled {
  color: #d0d0d0;
  cursor: default;
}
.u-select-quantity input:disabled {
  color: #c3c3c3;
  background-color: #DADADA;
  cursor: default;
}
/* pop */
.u-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.83);
  opacity: 0.83;
  z-index: 999;
}
.u-dialog,
.u-pop-win,
.u-pop-alert {
  display: none;
  position: fixed;
  top: 15%;
  right: 0;
  left: 0;
  z-index: 9999;
}
.u-pop-ctn {
  margin: 0 auto;
  position: relative;
}
.u-pop-win .title .btn-close,
.u-pop-win .pop-title .btn-close {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  color: #333;
  width: 45px;
  height: 40px;
  cursor: pointer;
}
.u-pop-win .title .btn-close::before,
.u-pop-win .pop-title .btn-close::before {
  content: '\e807';
  font-family: "icon_01";
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  color: #000;
}
/* ======= [pop]  ======= */
.pop-coupon .u-pop-ctn {
  width: 1010px;
  padding: 20px 20px;
  min-height: 400px;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  background-color: #fff;
}
.pop-coupon .title {
  position: relative;
  padding: 0 0 10px;
  justify-content: space-between;
}
.pop-coupon .title .btn-close {
  top: -14px;
  right: -12px;
}
.pop-coupon .title h2 {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.pop-coupon .content {
  border: 1px solid #e4e4e4;
  margin: 0 auto;
}
.pop-coupon .empty {
  color: #333;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 330px;
}
.pop-coupon table {
  width: 100%;
  margin-bottom: -1px;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap: break-word;
  border-spacing: 0;
}
.pop-coupon table tr {
  border: 1px solid #E4E4E4;
  border-width: 1px 0;
}
.pop-coupon table th {
  text-align: center;
  vertical-align: top;
  line-height: 1.5em;
}
.pop-coupon table td {
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
}
.pop-coupon table thead {
  display: block;
  background-color: #E4E4E4;
  color: #666;
  font-size: 14px;
}
.pop-coupon thead th {
  width: 130px;
  padding: 10px 0;
}
.pop-coupon tbody td {
  width: 130px;
  padding: 10px 0;
}
.pop-coupon table tbody {
  display: block;
  height: 330px;
  overflow-y: auto;
  color: #333;
}
.pop-coupon tbody tr:hover {
  background-color: #ffffee;
  border-bottom: 1px solid #e4e4e4;
}
.pop-coupon th:first-child,
.pop-coupon td:first-child {
  width: 130px;
}
.pop-coupon th:nth-child(2) {
  width: 290px;
}
.pop-coupon td:nth-child(2) {
  width: 290px;
  text-align: left;
  padding: 10px;
}
.pop-coupon th:nth-child(5) {
  width: 170px;
}
.pop-coupon td:nth-child(5) {
  width: 170px;
}
.pop-coupon th:last-child,
.pop-coupon td:last-child {
  width: 116px;
}
.pop-coupon .btn-coupon {
  width: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  user-select: none;
  background-color: #f3f3f5;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 0.45em 0.5em;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.25em;
  vertical-align: middle;
  cursor: pointer;
}
.pop-coupon .btn-coupon.disabled,
.pop-coupon .btn-coupon:disabled {
  border: 1px solid transparent;
  cursor: default;
}
/* pop-freeget */
.pop-freeget .u-pop-ctn {
  width: 500px;
  min-height: auto;
  padding: 15px 0;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  background-color: #fff;
}
.pop-freeget .scroll-wrap {
  max-height: 200px;
  overflow-y: auto;
  margin: 0 10px 20px;
}
.pop-freeget .content {}
.pop-freeget .content p {
  font-size: 16px;
  color: #333;
  line-height: 2em;
}
.pop-freeget i.icon-ok-1::before {
  color: #94C722;
  font-size: 30px;
  font-weight: bold;
  vertical-align: bottom;
}
.pop-freeget .content b {
  font-weight: bold;
}
.pop-freeget .fbar {
  text-align: center;
  margin: 0px;
  padding-top: 15px;
  min-height: 50px;
  overflow: hidden;
  border-top: 1px solid #e6e4e4;
}
.pop-freeget .bui-btn-03 {
  margin: 0 5px;
  padding: 0.65em 0.75em;
}
/* pop-freeget-dialog */
.pop-freeget-dialog .u-pop-ctn {
  width: 580px;
  min-height: auto;
  padding: 15px 0;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  background-color: #fff;
}
.pop-freeget-dialog .scroll-wrap {
  max-height: 200px;
  overflow-y: auto;
  margin: 10px 30px 10px;
}
.pop-freeget-dialog .content p {
  font-size: 16px;
  color: #333;
  line-height: 2em;
}
.pop-freeget-dialog i.icon-ok-1::before {
  color: #94C722;
  font-size: 30px;
  font-weight: bold;
  vertical-align: bottom;
}
.pop-freeget-dialog .content b {
  font-weight: bold;
}
.pop-freeget-dialog .fbar {
  text-align: center;
  margin: 0px;
  padding-top: 15px;
  min-height: 50px;
  overflow: hidden;
}
.pop-freeget-dialog .bui-btn-01 {
  margin: 0 5px;
  padding: 0.65em 0.75em;
}
/* pop-evaluate-dialog */
.pop-evaluate-dialog.u-pop-win {
  top: 30%;
}
.pop-evaluate-dialog .text-left {
  text-align: left;
}
.pop-evaluate-dialog .text-center {
  text-align: center;
}
.pop-evaluate-dialog .text-right {
  text-align: right;
}
.pop-evaluate-dialog a {
  color: #2c62c2;
}
.pop-evaluate-dialog .btn-group {
  display: flex;
  align-items: center;
}
.pop-evaluate-dialog .btn-group.row-left {
  justify-content: left;
}
.pop-evaluate-dialog .btn-group.row-center {
  justify-content: center;
}
.pop-evaluate-dialog .btn-group.row-right {
  justify-content: right;
}
.pop-evaluate-dialog .btn-group.row-left>:not(:first-child) {
  margin-left: 8px;
}
.pop-evaluate-dialog .btn-group.row-right>:not(:last-child) {
  margin-right: 8px;
}
.pop-evaluate-dialog .content .description {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #000000;
  margin-bottom: 24px;
}
.pop-evaluate-dialog .content .description.px-10 {
  padding: 0px 10px;
}
.pop-evaluate-dialog .bui-btn-05.btn-01 {
  min-width: 80px;
}
.pop-evaluate-dialog .u-pop-ctn {
  width: 280px;
  min-height: auto;
  padding: 32px 24px;
  border-radius: 5px;
  background-color: #FAFAFA;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.pop-evaluate-dialog.type-04 .u-pop-ctn {
  width: 560px;
  height: 400px;
}
.pop-evaluate-dialog.type-01 .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pop-evaluate-dialog.type-01 .content .main-img-box {
  width: 72px;
  height: 72px;
  overflow: hidden;
  margin-bottom: 24px;
}
.pop-evaluate-dialog.type-01 .content .main-img-box img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.pop-evaluate-dialog.type-02 .content .description {
  margin-bottom: 42px;
}
.pop-evaluate-dialog.type-03 .content .description {
  margin-bottom: 69px;
}
.pop-evaluate-dialog.type-03 .rating-box {
  margin: 4px 0px;
}
.pop-evaluate-dialog.type-03 .rating-box fieldset.rating,
.pop-evaluate-dialog.type-03 .rating-box fieldset.rating label { 
  margin: 0; 
  padding: 0; 
}
.pop-evaluate-dialog.type-03 .rating-box .rating { 
  border: none;
  float: left;
}
.pop-evaluate-dialog.type-03 .rating-box .rating > input { display: none; } 
.pop-evaluate-dialog.type-03 .rating-box .rating > label:before { 
  margin: 0 5px;
  font-size: 20px;  
  font-family: "icon_01";
  display: inline-block;  
  content: "\e808"; 
}
.pop-evaluate-dialog.type-03 .rating-box .rating > .half:before { 
  content: "\e84d";
  position: absolute;
}
.pop-evaluate-dialog.type-03 .rating-box .rating > label { 
  color: #ccc; 
 float: right; 
}
.pop-evaluate-dialog.type-03 .rating-box .rating > input:checked ~ label, 
.pop-evaluate-dialog.type-03 .rating-box .rating:not(:checked) > label:hover,
.pop-evaluate-dialog.type-03 .rating-box .rating:not(:checked) > label:hover ~ label { color: #FDCE11;  } 

.pop-evaluate-dialog.type-03 .rating-box .rating > input:checked + label:hover, 
.pop-evaluate-dialog.type-03 .rating-box .rating > input:checked ~ label:hover,
.pop-evaluate-dialog.type-03 .rating-box .rating > label:hover ~ input:checked ~ label,
.pop-evaluate-dialog.type-03 .rating-box .rating > input:checked ~ label:hover ~ label { color: #ffda43;  } 
.pop-evaluate-dialog.type-03 .rating-box .rating-set {position: relative;}
.pop-evaluate-dialog.type-03 .rating-box .rating-set span {
  line-height: 43px;
  display: inline-block;
}
.pop-evaluate-dialog.type-03 .bui-star::before, 
.pop-evaluate-dialog.type-03 .bui-star::after,
.pop-evaluate-dialog.type-03 .bui-stars.star-s .bui-star::before, 
.pop-evaluate-dialog.type-03 .bui-stars.star-s .bui-star::after {
  font-size: 20px;
}
.pop-evaluate-dialog.type-04 textarea.form-element {
  width: 100%;
  height: 229px;
  resize: none;
  margin-top: 8px;
  padding: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  border-radius: 12px;
}
.pop-evaluate-dialog.type-04 textarea.form-element::placeholder {
  color: #AAAAAA;
  font-size: 15px;
  line-height: 22px;
}
/* pop-addprod */
.u-pop-win.pop-addprod {
  top: 20px;
  color: #000;
}
.pop-addprod.win {
  z-index: 99999;
}
.pop-addprod .u-pop-ctn {
  width: 1010px;
  padding: 0 0;
  min-height: 400px;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  background-color: #fff;
}
.pop-addprod .back-to-top {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  position: absolute;
  right: 15px;
  bottom: 25px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  z-index: 999;
  background-color: rgba(42, 42, 42, 0.5);
  -webkit-backface-visibility: hidden;
  transition: all 300ms ease;
  display: none;
}
.pop-addprod .back-to-top i {
  display: block;
  font-size: 16px;
  margin: 8px auto;
}
.pop-addprod .back-to-top i::before {
  width: 12px;
  border-top: 2px solid #fff;
  padding-top: 3px;
  opacity: 1;
}
.pop-addprod .pop-title {
  position: relative;
  min-height: 46px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  line-height: 1em;
  padding: 15px 10px;
  background-color: #fff;
  border-bottom: 1px solid #E4E4E4;
  display: flex;
}
.pop-addprod .pop-title .btn-close {
  top: 0;
  right: 0;
  height: 45px;
}
.pop-addprod .pop-title .cart-summary {
  font-size: 13px;
  color: #666;
  font-weight: normal;
  margin-left: 15px;
}
.pop-addprod .pop-title .cart-summary em {
  margin: 0 6px;
  padding: 2px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1em;
  align-items: center;
  border-radius: 15px;
  background-color: #ef7a31;
}
.pop-addprod .addprod-wrap {
  height: 79vh;
  padding: 10px;
  overflow: hidden;
  background-color: #fff;
}
.pop-addprod .pop-footer {
  min-height: 65px;
  padding: 10px 10px;
  border-top: 1px solid #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pop-addprod .pop-footer .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  user-select: none;
  background-color: #f3f3f5;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #000;
  padding: 0.8em 2.35em;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.25em;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.pop-addprod .pop-footer .btn-secondary {
  min-width: 100px;
  background-color: #f7f8f9;
  border: 1px solid #d8d8d8;
}
.pop-addprod .pop-footer .btn-cart {
  min-width: 200px;
  background-color: #fce046;
  border: 1px solid #f8d413;
}
.pop-addprod .product-item-title {
  border-bottom: none;
  margin-bottom: 25px;
}
.pop-addprod .u-video {
  width: 85%;
}
.pop-addprod .product-item-price li {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.5em;
}
.pop-addprod .product-item-price li:last-child {
  margin-bottom: 0;
}
.pop-addprod .product-item-price em {
  padding: 0 2px;
  color: #d0021b;
  font-size: 18px;
  font-weight: bold;
}
.pop-addprod .product-item-price strong {
  padding: 0 2px;
  color: #d0021b;
  font-size: 19px;
  font-weight: bold;
}
/* pop-modal-dialog-01 */
.pop-modal-dialog-01 .u-pop-ctn {
  width: 580px;
  min-height: auto;
  padding: 15px 0;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  background-color: #fff;
}
.pop-modal-dialog-01 .scroll-wrap {
  max-height: 200px;
  overflow-y: auto;
  margin: 10px 30px 10px;
}
.pop-modal-dialog-01 .content {}
.pop-modal-dialog-01 .content p {
  font-size: 16px;
  color: #333;
  line-height: 2em;
}
.pop-modal-dialog-01 i.icon-ok-1::before {
  color: #94C722;
  font-size: 30px;
  font-weight: bold;
  vertical-align: bottom;
}
.pop-modal-dialog-01 .content b {
  font-weight: bold;
}
.pop-modal-dialog-01 .fbar {
  text-align: center;
  margin: 0px;
  padding-top: 15px;
  min-height: 50px;
  overflow: hidden;
}
.pop-modal-dialog-01 .bui-btn-01 {
  margin: 0 5px;
  padding: 0.65em 0.75em;
}
/* ======= [module]  ======= */
/* module-001 */
.module-001 {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.module-001 img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}
.module-001.img-980-300 {
  height: 300px;
}
.module-001.img-980-300 img {
  width: 980px;
  height: 300px;
}
.module-001.img-1180-360 {
  height: 360px;
}
.module-001.img-1180-360 img {
  width: 1180px;
  height: 360px;
}
.module-001 .item {
  width: 100%;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-001 .slick-dots,
.module-001 .carousel-dots {
  width: auto;
  padding: 0 15px;
  height: 20px;
  bottom: 10px;
  right: 10px;
  border-radius: 10px;
  background-color: rgb(125 125 125 / 0.5);
}
.module-001 .slick-dots li button::before,
.module-001 .carousel-dots li::before {
  color: #545454;
}
.module-001 .slick-dots li.slick-active button::before,
.module-001 .carousel-dots li.active::before {
  color: #fff;
  opacity: 1;
}
.module-001 .slide-effect>div {
  font-size: 0;
}
.module-001 .u-slider .slick-next,
.module-001 .u-slider .slick-prev,
.module-001 .u-carousel .carousel-next,
.module-001 .u-carousel .carousel-prev {
  z-index: 1;
  position: absolute;
  top: 50%;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 32px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background-color: rgba(88, 88, 88, 0.4);
}
.module-001 .u-slider .slick-prev,
.module-001 .u-carousel .carousel-prev {
  left: 0;
  border-radius: 0 8px 8px 0;
}
.module-001 .u-slider .slick-next,
.module-001 .u-carousel .carousel-next {
  right: 0;
  border-radius: 8px 0 0 8px;
}
.module-001 .u-slider .slick-next::before,
.module-001 .u-slider .slick-prev::before,
.module-001 .u-carousel .carousel-next::before,
.module-001 .u-carousel .carousel-prev::before {
  color: #fff;
}
/* module-002 */
.module-002 {
  position: relative;
  color: #000;
  z-index: 0;
}
.module-002 .item {
  margin-bottom: 40px;
}
.module-002 .carousel-flex .item,
.module-002 .slide-wrap .item {
  margin-bottom: 0;
}
.module-002 .slick-dots,
.module-002 .carousel-dots {
  max-width: 280px;
  height: 30px;
  top: -60px;
  right: -50px;
}
.module-002 .content-wrap {
  padding: 0 50px;
}
.module-002 .u-more {
  margin-top: 22px;
}
/* module-003 */
.module-003 {
  position: relative;
  color: #000;
}
.module-003 .item {
  margin-bottom: 40px;
}
.module-003 .bui-btn-01 {
  min-width: 140px;
  padding: 0.45em 0.625em;
  margin-right: 5px;
}
.module-003 .bui-btn-01.w-50 {
  min-width: 50px;
}
.module-003 .bui-btn-01.w-125 {
  min-width: 125px;
}
.module-003 .bui-category-icon .sign-emag,
.module-003 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-003 .bui-nav-03 {
  margin: -8px auto 16px;
}
/* module-004 */
.module-004 {
  position: relative;
  color: #000;
  z-index: 0;
}
.module-004 .u-item-grid-list {
  justify-content: space-between;
}
.module-004 .u-item-grid-list .item:first-child {
  width: 300px;
}
.module-004 .u-item-grid-list .item:last-child {
  width: 300px;
}
.module-004 .u-item-grid-list .item {
  position: relative;
  padding: 220px 0 0;
  align-items: center;
}
.module-004 .img-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.module-004 .u-card {
  width: 268px;
  min-height: 285px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding: 12px 16px 0;
}
.module-004 .u-card .cite {
  font-size: 13px;
  margin-bottom: 6px;
  line-height: 1.5em;
  max-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}
.module-004 .card-title {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-004 .card-text {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.5em;
  /* color: #7d7d7c; */
  color: #000;
  height: 6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.module-004 .flex-wrap {
  display: flex;
  margin: 0 0 24px;
}
.module-004 .flex-wrap .box {
  flex: auto;
}
.module-004 .flex-wrap .box:last-child {
  width: 115px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-004 .flex-wrap .bui-stars {
  width: 115px;
}
.module-004 .card-bottom {
  margin-top: auto;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.module-004 .card-bottom .box {
  width: 80px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-004 .card-bottom .box:last-child {
  width: auto;
  margin-bottom: 0;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-align: right;
}
.module-004 .card-bottom .bui-btn-01 {
  display: flex;
  min-width: 80px;
  padding: 0.6em 0.625em;
}
/* module-005 */
.module-005 {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 15px;
  overflow: hidden;
}
.module-005 .title {
  flex: none;
  color: #000;
}
.module-005 ul {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: row;
  flex-wrap: nowrap;
}
.module-005 ul li {
  position: relative;
  padding: 0 10px 0 0;
  flex: none;
}
.module-005 ul li:last-child {
  padding-right: 0;
}
.module-005 ul li::before,
.module-005.style-01 ul li::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  content: '\ea2b';
  color: #969696;
  vertical-align: inherit;
  font-size: 17px;
  line-height: initial;
}
.module-005 ul li::before {
  margin-right: 8px;
}
.module-005.style-01 ul li::before {
  content: '\e82e';
}
.module-005 ul.color-01 li::before {
  color: #20b200;
}
/* module-006 */
.module-006 {
  width: 100%;
}
.module-006 .u-box-basis {
  width: 314px;
  padding-right: 24px;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-006 .img-wrap {
  position: relative;
  width: 290px;
  height: 290px;
  margin-bottom: 8px;
}
.module-006 .img-wrap img {
  width: 290px;
  height: 290px;
}
.module-006 .title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.45em;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-006 .prod-price {
  margin-bottom: 16px;
}
.module-006 .btn-wrap {
  margin-top: 24px;
}
.module-006 .bui-btn-01 {
  min-width: 180px;
  padding: 0.56em 0.625em;
}
.module-006 .text-content {
  font-size: 15px;
  /* color: #7d7d7c; */
  color: #000;
  line-height: 1.75;
}
/* module-007 */
.module-007 {
  width: 100%;
}
.module-007 .u-box-basis {
  width: 490px;
  padding-right: 10px;
}
.module-007 .u-box-shrink {
  padding-left: 10px;
}
.module-007 .pic-wrap {
  width: 480px;
  height: auto;
  position: relative;
  margin-bottom: 8px;
}
.module-007 .pic-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.module-007 .title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.5em;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-007 .prod-price {
  margin-bottom: 16px;
}
.module-007 .text-content,
.module-007 .u-free-content {
  margin-bottom: 25px;
  font-size: 15px;
  /* color: #7d7d7c; */
  color: #000;
  line-height: 1.65em;
}
.module-007 .author {
  font-size: 15px;
}
.module-007 .bui-btn-01 {
  min-width: 180px;
  padding: 0.56em 0.625em;
}
.module-007 .item .bui-btn-01 {
  min-width: 140px;
  padding: 0.35em 0.625em;
}
.module-007 .item {
  margin-bottom: 0;
}
.module-007 .u-box-basis .title {
  margin-bottom: 5px;
}
.module-007 .u-box-basis .text-content {
  margin-bottom: 10px;
  font-size: 15px;
  color: #000;
  line-height: 1.5em;
  max-height: 4.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* module-008 */
.module-008 {
  width: 100%;
}
.module-008 .u-box {
  width: 50%;
}
.module-008 .u-box:first-child {
  padding-right: 10px;
}
.module-008 .u-box:last-child {
  padding-left: 10px;
}
.module-008 .box-wrap {
  display: flex;
}
.module-008 .box-wrap .box-item:first-child {
  width: 180px;
  margin-right: 20px;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-008 .box-wrap .box-item:last-child {
  width: auto;
  height: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.module-008 .title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.35em;
  max-height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-008 .box-item .text-content {
  position: relative;
  margin-bottom: 20px;
  font-size: 15px;
  /* color: #7d7d7c;*/
  color: #000;
  line-height: 1.5em;
  max-height: 12em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.module-008 .box-item .img-wrap {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto 8px;
}
.module-008 .box-item .item-info {
  width: 180px;
  overflow: hidden;
}
.module-008 .box-item .prod-name a {
  height: auto;
  max-height: 3em;
}
.module-008 .box-item .bui-btn-01 {
  min-width: 140px;
  padding: 0.45em 0.625em;
}
.module-008 .item {
  margin-bottom: 0;
}
/* module-009 */
.module-009 {
  width: 100%;
}
.module-009 ul {
  width: 100%;
}
.module-009 li {
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden;
}
.module-009 li:last-child {
  margin-bottom: 0;
}
.module-009 img {
  width: 100%;
  height: auto;
}
.module-009.img-260 img {
  width: 260px;
  height: auto;
}
.module-009 .radius-12 img {
  border-radius: 12px;
}
/* module-010 */
.module-010 {
  width: 100%;
}
.module-010 .bui-list-group-01.icon>li::before {
  color: #545454;
}
.module-010 a:hover {
  color: #ef7a31;
  text-decoration: none;
}
.module-010 .bui-list-group-01.icon>li {
  max-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* module-011 */
.module-011 {
  width: 100%;
}
.module-011 .u-box-basis {
  width: 490px;
  padding-right: 10px;
}
.module-011 .u-box-shrink {
  padding-left: 10px;
}
.module-011 .pic-wrap {
  width: 480px;
  height: auto;
  position: relative;
  margin-bottom: 8px;
}
.module-011 .pic-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.module-011 .list li {
  border-bottom: 1px solid #d8dad8;
}
.module-011 .list li:hover,
.module-011 .list li.active {
  /* transition: .3s ease-in; */
  border-bottom: 1px solid #6f9b10;
}
.module-011 .list .flex {
  position: relative;
  display: flex;
  align-items: center;
  height: 64px;
}
.module-011 .list a {
  color: #969696;
}
.module-011 .list li:hover a,
.module-011 .list li.active a {
  color: #000;
}
.module-011 .list i {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
  background: url("//jci.book.com.tw/css/books/module/images/icon-flag-grey.svg") no-repeat center center;
}
.module-011 .list li:hover i,
.module-011 .list li.active i {
  background: url("//jci.book.com.tw/css/books/module/images/icon-flag-orange.svg") no-repeat center center;
}
.module-011 .list span {
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
  max-height: 50px;
  overflow: hidden;
  line-height: 1.35em;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* module-012 */
.module-012 {
  width: 100%;
}
.module-012 .u-box-basis {
  width: 490px;
  padding-right: 10px;
}
.module-012 .u-box-shrink {
  padding-left: 10px;
}
.module-012 .pic-wrap {
  width: 480px;
  height: auto;
  position: relative;
  margin-bottom: 8px;
}
.module-012 .pic-wrap img {
  display: block;
  width: 100%;
  height: auto;
  transition: .3s ease-in;
}
.module-012 .title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.65em;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-012 .title a {
  color: #000;
  text-decoration: none;
}
.module-012 .title a:hover {
  color: #ef7a31;
  text-decoration: none;
}
.module-012 .prod-price {
  margin-bottom: 16px;
}
.module-012 .list li {
  margin-bottom: 14px;
  height: 70px;
  overflow: hidden;
}
.module-012 .list a {
  color: #969696;
}
.module-012 .list li:hover a,
.module-012 .list li.active a {
  color: #000;
}
.module-012 .list .flex {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.module-012 .list img {
  width: 105px;
  height: 70px;
  margin-right: 12px;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
  opacity: 0.5;
  /* transition: .3s ease-in; */
}
.module-012 .list li:hover img,
.module-012 .list li.active img {
  opacity: 1;
}
.module-012 .list span {
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
  max-height: 70px;
  overflow: hidden;
  line-height: 1.55em;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* module-013 */
.module-013 {
  width: 100%;
}
.module-013 .u-item-grid-list .prod-text,
.module-013 .u-item-grid-list .prod-info span,
.module-013 .u-item-grid-list .item-block {
  display: none;
}
/* module-014 */
.module-014 {
  position: relative;
  width: 100%;
}
.module-014 .u-more {
  font-size: 14px;
}
.module-014 .category {
  margin-bottom: 24px;
}
.module-014 .category-title {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 0;
  border-bottom: 1px solid #caccca;
  margin-bottom: 8px;
}
.module-014 .category-group {
  font-size: 14px;
}
.module-014 .category-title.here,
.module-014 .expanded .category-title {
  color: #6f9b10;
  border-bottom: 1px solid #6f9b10;
}
.module-014 li {
  position: relative;
  padding-left: 10px;
  color: #000;
}
.module-014 li a {
  display: block;
  padding: 5px 0 5px 0;
}
.module-014 li span {
  line-height: 1.5em;
  display: block;
}
.module-014 li span::before {
  font-family: "icon_01";
  content: '\e804';
  font-style: normal;
  font-weight: normal;
  color: #969696;
  vertical-align: inherit;
  display: inline-block;
  font-size: 15px;
  position: absolute;
  top: 5px;
  left: 0;
  opacity: 0;
}
.module-014 li.active {
  font-weight: bold;
}
.module-014 li.active span::before {
  content: '\e804';
  opacity: 1;
}
.module-014 li.current>span {
  font-weight: bold;
}
.module-014 li.current span::before {
  content: '\e81a';
  left: -2px;
}
.module-014 .expanded .category-item span::before {
  opacity: 1;
}
.module-014 .expanded .current>ul span::before {
  opacity: 0;
}
.module-014 .expanded .current>ul span:hover::before {
  content: '\e804';
  opacity: 1;
}
.module-014 .category-item>span:hover::before,
.module-014 .nested-item>span:hover::before,
.module-014 .sub-nested-item>span:hover::before,
.module-014 .end-nested-item>span:hover::before {
  opacity: 1;
  color: #ef7a31;
}
.module-014 .end-nested-item.current span::before {
  content: '\e804';
}
.module-014 .category-item.here {
  font-weight: bold;
}
.module-014 .category-item.here>span::before {
  opacity: 1;
}
/* module-015 */
.module-015 {
  position: relative;
  width: 100%;
}
.module-015 .item-list {
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #000;
  font-size: 14px;
}
.module-015 li a {
  display: block;
}
.module-015 li {
  position: relative;
  padding: 0 0 0 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.module-015 li::before {
  font-family: "icon_01";
  content: '\f105';
  font-style: normal;
  font-weight: normal;
  color: #000;
  vertical-align: inherit;
  display: inline-block;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 6px;
}
.module-015 .item-list>li:hover::before {
  color: #ef7a31;
}
/* module-016 */
.module-016 {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.module-016 .item-list {
  margin-bottom: 24px;
}
.module-016 .item-group {
  margin-bottom: 8px;
}
.module-016 .item-title {
  position: relative;
  margin-bottom: 8px;
  padding: 0 0 0 15px;
  font-weight: bold;
}
.module-016 .item-title::before {
  font-family: "icon_01";
  content: '\e81a';
  font-style: normal;
  font-weight: normal;
  color: #969696;
  vertical-align: inherit;
  display: inline-block;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 0;
}
.module-016 li {
  position: relative;
  padding: 0 0 0 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.module-016 li:last-child {
  margin-bottom: 0;
}
.module-016 .item-list a,
.module-016 .item-list a:link {
  color: #000;
  display: block;
}
.module-016 .item-list li span {
  padding: 3px 5px;
  border-radius: 2px;
  background-color: transparent;
}
.module-016 .item-list li.active span {
  position: relative;
  background-color: #6f9b10;
  border-radius: 2px;
  padding: 3px 5px;
  color: #fff;
  font-weight: bold;
}
.module-016 .item-list li.active span::after {
  font-family: "icon_01";
  content: '\e807';
  font-style: normal;
  font-weight: normal;
  color: #6f9b10;
  vertical-align: inherit;
  font-size: 13px;
  position: absolute;
  right: -17px;
}
.module-016 .more {
  font-weight: bold;
  text-align: right;
  position: relative;
  color: #000;
}
.module-016 .more span {
  font-weight: bold;
}
.module-016 .more:hover {
  color: #ef7a31;
}
.module-016 .more i {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.module-016 .more i::before {
  font-family: "icon_01";
  content: '\f107';
  font-style: normal;
  font-weight: normal;
  color: #969696;
  vertical-align: inherit;
  display: flex;
  font-size: 15px;
  align-items: center;
  justify-content: center;
}
/* module-017 */
.module-017 {
  width: 100%;
}
.module-017 .u-box-container {
  margin-bottom: 24px;
}
.module-017 .u-box-basis {
  width: 390px;
  padding-right: 10px;
}
.module-017 .u-box-shrink {
  padding-left: 10px;
}
.module-017 .pic-wrap {
  width: 380px;
  height: auto;
  position: relative;
  /* margin-bottom: 8px; */
}
.module-017 .pic-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.module-017 .title {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.55em;
  max-height: 3.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-017 .info {
  margin-bottom: 16px;
}
.module-017 .info cite {
  margin-right: 15px;
}
.module-017 .text-content,
.module-017 .u-free-content {
  font-size: 15px;
  /* color: #7d7d7c; */
  color: #000;
  line-height: 1.5em;
}
.module-017 .author {
  font-size: 15px;
}
.module-017 .bui-btn-01 {
  min-width: 180px;
  padding: 0.56em 0.625em;
}
.module-017 .item .bui-btn-01 {
  min-width: 140px;
  padding: 0.35em 0.625em;
}
/* module-018 */
.module-018 {
  position: relative;
  width: 100%;
  color: #000;
}
.module-018 .img-wrap {
  margin: 0 auto 8px;
}
.module-018 .item-grid-list {
  width: 100%;
  display: flex;
}
.module-018 .item {
  position: relative;
  width: 22%;
}
.module-018 .item::before {
  content: '\ea2c';
  font-family: "icon_01";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  position: absolute;
  left: 80.3%;
  top: 80px;
  color: #252624;
  z-index: 1;
  overflow: hidden;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.module-018 .item-grid-list .item:nth-last-child(2)::before {
  content: '\ea2d';
  color: #ef7a31;
  font-size: 20px;
  background-color: transparent;
}
.module-018 .item-info {
  width: 180px;
  overflow: hidden;
}
.module-018 .img-150 .item-info {
  width: 150px;
  overflow: hidden;
}
.module-018 .summary {
  position: relative;
  width: 34%;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.module-018 .summary h4 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.45em;
}
.module-018 .summary .info {
  font-size: 14px;
}
.module-018 .summary .price-wrap {
  margin-top: 26px;
}
.module-018 .summary .price-wrap li {
  margin-bottom: 10px;
}
.module-018 .summary .price-wrap li:last-child {
  margin-bottom: 0;
}
.module-018 .summary .prod-price {
  color: #000;
}
.module-018 .summary .prod-price em {
  font-size: 18px;
  padding: 0 3px;
  color: #d0021b;
}
.module-018 .summary .prod-price strong {
  font-size: 19px;
  padding: 0 3px;
  color: #d0021b;
}
.module-018 .summary .bui-btn-01 {
  padding: 8px;
  min-width: 124px;
  font-size: 15px;
  font-weight: bold;
}
/* module-019 */
.module-019 {
  position: relative;
  width: 100%;
  color: #000;
}
.module-019 .item-list {
  width: 100%;
  text-align: center;
}
.module-019 .item {
  position: relative;
  margin-bottom: 22px;
  line-height: 1.45em;
}
.module-019 .item:last-child {
  margin-bottom: 0;
}
.module-019 .img-wrap {
  position: relative;
  margin: 0 auto 8px;
}
.module-019 .item-info {
  margin: 0 auto;
  text-align: left;
  line-height: 1.45em;
  font-size: 15px;
  overflow: hidden;
}
.module-019 .prod-name a {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  max-height: 3em;
}
.module-019 .img-180 .item-list {
  width: 180px;
  margin: 0 auto;
}
.module-019 .bui-btn-01 {
  min-width: 140px;
  padding: 0.35em 0.625em;
}
/* module-020 */
.module-020 {
  counter-reset: item-counter;
}
.module-020 .item {
  position: relative;
  text-align: left;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.module-020 .item::after {
  position: absolute;
  top: 0;
  left: -20px;
  font-size: 15px;
  color: #000;
  text-align: center;
  font-weight: normal;
  counter-increment: item-counter 1;
  content: counter(item-counter) ".";
}
.module-020 .img-180 .item-list {
  width: 180px;
  margin: 0 auto;
}
.module-020 .img-wrap {
  position: relative;
  margin: 0 auto 8px;
}
.module-020 .prod-name a {
  margin-bottom: 0;
  line-height: 1.45em;
}
.module-020 p a {
  font-size: 15px;
  line-height: 1.4em;
  color: #000;
  height: auto;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-020 p a:hover {
  color: #ef7a31;
}
/* module-021 */
.module-021 .u-free-content {
  color: #000;
}
/* module-022 */
.module-022 {
  position: relative;
}
/* module-023 */
.module-023 {
  position: relative;
}
.module-023 .list-wrap {
  margin-bottom: 25px;
}
.module-023 .list-title {
  padding: 0 8px;
  font-weight: bold;
  color: #212121;
}
.module-023 li {
  border-bottom: 1px solid #d8dad8;
}
.module-023 li:hover {
  background-color: #f5f5f5;
}
.module-023 li:last-child {
  border-bottom: none;
}
.module-023 li .item {
  position: relative;
  display: flex;
  padding: 13px 8px;
}
.module-023 li .info {
  margin-left: auto;
  flex-grow: 0;
  flex-shrink: 0;
  width: 130px;
  text-align: right;
}
.module-023 li .time {
  font-size: 13px;
}
.module-023 li p {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 1;
}
.module-023 li i {
  position: relative;
  margin: 0 16px;
  font-size: 15px;
  font-weight: bold;
  color: #8fc31f;
  padding-left: 20px;
}
.module-023 li i::after {
  font-family: "icon_01";
  content: '\e857';
  font-style: normal;
  font-weight: normal;
  color: #6f9b10;
  vertical-align: inherit;
  font-size: 18px;
  position: absolute;
  left: 0;
}
.module-023 li:hover i,
.module-023 li:hover i::after {
  color: #ef7a31;
}
.module-023 .more {
  padding: 15px 0;
  border-top: 1px solid #d8dad8;
  color: #6f9b10;
  text-align: right;
}
.module-023 .more a {
  display: block;
  width: 100%;
  color: #6f9b10;
}
.module-023 .more i::before {
  vertical-align: baseline;
}
/* module-024 */
.module-024 .list {
  margin-bottom: 24px;
}
.module-024 .list:last-child {
  margin-bottom: 0;
}
.module-024 li {
  position: relative;
  font-size: 13px;
  line-height: 1.75em;
}
/* module-025 */
.module-025 .u-box-container {
  margin-bottom: 35px;
}
.module-025 .u-box-shrink {
  padding-left: 25px;
  border-left: 1px solid #d8dad8;
}
.module-025 .u-box-container:last-child {
  margin-bottom: 0;
}
.module-025 .u-box-basis {
  width: 110px;
}
.module-025 .video-wrap,
.module-025 .pic-wrap {
  max-width: 480px;
  overflow: hidden;
}
.module-025 .pic-wrap img {
  max-width: 480px;
  height: auto;
}
.module-025 .title {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.45em;
}
.module-025 .text {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.45em;
  color: #000;
}
/* module-026 */
.module-026 .product-ratings-header {
  width: 100%;
  position: relative;
  padding: 16px 20px;
  border-radius: 8px;
  background-color: #f2f3f4;
}
.module-026 .container {
  padding: 20px 20px 0;
}
.module-026 .product-rating-overview {
  display: flex;
  margin-bottom: 10px;
  padding: 0;
  align-items: center;
  color: #000;
}
.module-026 .product-rating-overview label {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
}
.module-026 .product-ratings-header .bui-stars {
  width: 115px;
  height: 18px;
}
.module-026 .product-ratings-header .total {
  position: relative;
  padding-left: 8px;
}
.module-026 .product-ratings-header .total::before {
  font-family: "icon_01";
  content: '\ea2b';
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #252624;
  position: absolute;
  top: 0;
  left: 0;
}
.module-026 .product-rating-overview .bui-btn-01 {
  margin-left: 10px;
  font-weight: bold;
  min-width: 100px;
}
.module-026 .product-ratings-header .info {
  font-size: 13px;
  display: flex;
  align-items: center;
}
.module-026 .product-ratings-header .info i {
  color: #f5a623;
  font-size: 20px;
}
.module-026 .bui-nav-01 {
  margin-bottom: 16px;
}
.module-026 .nav-link {
  font-size: 13px;
}
.module-026 .warn {
  color: #6f9b10;
}
.module-026 .text-content {
  margin: 8px 0 24px;
  line-height: 1.75em;
}
.module-026 .item .msg {
  margin-bottom: 8px;
  font-size: 15px;
}
.module-026 .item .msg a {
  color: #0092ff;
}
.module-026 .item .msg .no {
  padding-right: 8px;
}
.module-026 .rating-overview {
  display: flex;
  margin-bottom: 8px;
}
.module-026 .rating-overview li {
  position: relative;
  padding: 0 14px;
}
.module-026 .rating-overview li:first-child {
  padding-left: 0;
}
.module-026 .rating-overview li::after {
  position: absolute;
  top: 1.5px;
  right: 0;
  font-family: "icon_01";
  content: '\ea2b';
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #252624;
}
.module-026 .rating-overview li:last-child::after {
  content: '';
}
.module-026 .rating-overview .bui-stars {
  width: 110px;
}
.module-026 .ratings-container .item {
  margin-bottom: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d8dad8;
}
.module-026 .ratings-container .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.module-026 .ratings-container .wrap {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
}
.module-026 .review-share {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.module-026 .review-share .ask {
  margin-left: auto;
  color: #a0a5a0;
}
.module-026 .review-share .title {
  color: #666;
  margin-right: 3px;
}
.module-026 .review-share .push-list {
  display: flex;
  align-items: center;
}
.module-026 .review-share .push-list li {
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.module-026 .review-share i.svg-logo-fb,
.module-026 .review-share i.svg-logo-plurk,
.module-026 .review-share i.svg-logo-twitter,
.module-026 .review-share i.svg-logo-line,
.module-026 .review-share i.svg-icon-link {
  width: 25px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.module-026 .review-share .push-list i.svg-logo-fb {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-fb.svg");
}
.module-026 .review-share .push-list i.svg-logo-plurk {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-plurk.svg");
}
.module-026 .review-share .push-list i.svg-logo-twitter {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-twitter.svg");
}
.module-026 .review-share .push-list i.svg-logo-line {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-line.svg");
}
.module-026 .review-share .push-list i.svg-icon-link {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-icon-link.svg");
}
.module-026 .review-share button {
  margin-right: 8px;
  min-width: 44px;
  height: 20px;
  font-size: 13px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #d8dad8;
  background-color: #f7f8f9;
  cursor: pointer;
}
.module-026 .review-share button:last-child {
  margin-right: 0;
}
/* module-027 */
.module-027 .msg-list {
  width: 100%;
  position: relative;
}
.module-027 .msg-list li {
  margin-bottom: 24px;
  position: relative;
  line-height: 1.45em;
}
.module-027 .msg-list .title {
  font-size: 15px;
}
.module-027 .msg-list p {
  font-size: 13px;
}
.module-027 .msg-list li:last-child {
  margin-bottom: 0;
}
.module-027 .msg-list .title {
  font-weight: bold;
  line-height: 1.75em;
}
/* module-028 */
.module-028 .title i {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.module-028 .title i.gift {
  background-image: url("//jci.book.com.tw/img/bui/icon-gift-01.svg");
}
.module-028 .item {
  margin-bottom: 32px;
}
.module-028 .title {
  font-size: 15px;
  margin-bottom: 16px;
}
.module-028 .title strong {
  font-weight: bold;
}
.module-028 .color-1 {
  color: #6f9b10;
}
.module-028 .color-2 {
  color: #ef7a31;
}
.module-028 .u-box-basis {
  width: 140px;
}
.module-028 .u-box-basis img {
  width: 140px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.module-028 .u-box-shrink {
  padding-left: 20px;
}
.module-028 .msg-list strong {
  font-weight: bold;
  color: #d0021b;
}
.module-028 .msg-list li {
  margin-bottom: 8px;
  line-height: 1.45em;
  font-size: 13px;
}
.module-028 .msg-list li:last-child {
  margin-bottom: 0;
}
.module-028 .msg-list h5 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
/* module-029 */
.module-029 {
  width: 100%;
  position: relative;
  padding-top: 304px;
  display: flex;
}
.module-029 .box-wrap {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.module-029 .u-box {
  width: 50%;
}
.module-029 .u-box:first-child {
  padding-right: 18px;
}
.module-029 .u-box:last-child {
  padding-left: 18px;
  min-width: 559px;
}
.module-029 .title {
  font-size: 20px;
  font-weight: bold;
  color: #6f9b10;
  margin-bottom: 12px;
}
.module-029 .sub-title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 12px;
}
.module-029 .title,
.module-029 .sub-title {
  line-height: 1em;
  max-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-029 .text-content {
  color: #000;
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 4.5em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.module-029.img-1180-320 .carousel-inner img {
  display: block;
  width: 1180px;
  height: 320px;
}
.module-029.img-980-320 .carousel-inner img {
  display: block;
  width: 980px;
  height: 320px;
}
.module-029 .u-carousel {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.module-029 .u-card {
  width: 100%;
  margin: 0 10px 0;
  min-height: 168px;
  overflow: hidden;
  z-index: 1;
  padding: 16px 20px;
}
.module-029 .btn-row {
  margin-bottom: 12px;
}
.module-029 .bui-btn-02 {
  padding: 1.25em 0.75em;
}
.module-029 .slick-dots,
.module-029 .carousel-dots {
  width: auto;
  padding: 0 15px;
  height: 20px;
  bottom: 26px;
  right: 13px;
  border-radius: 10px;
  background-color: rgb(125 125 125 / 0.5);
}
.module-029 .slick-dots li button::before,
.module-029 .carousel-dots li::before {
  color: #545454;
}
.module-029 .slick-dots li.slick-active button::before,
.module-029 .carousel-dots li.active::before {
  color: #fff;
  opacity: 1;
}
.module-029 .slide-effect>div {
  font-size: 0;
}
/* module-030 */
.module-030 {
  position: relative;
  margin-bottom: 8px;
  display: flex;
  justify-content: flex-end;
}
.module-030 .bui-search-02 {
  width: 480px;
}
/* module-031 */
.module-031 .title01 {
  margin-bottom: 0;
}
.module-031 .title-bar {
  display: flex;
  height: 45px;
  min-height: 45px;
  align-items: center;
}
.module-031 .toggle-btn {
  margin-left: auto;
  cursor: pointer;
  color: #6F9B10;
  font-size: 15px;
  display: block;
  padding: 10px 30px;
}
.module-031 .toggle-btn i {
  margin-left: 5px;
}
.module-031 .toggle-btn i::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  color: #6F9B10;
  padding-left: 0.3em;
}
.module-031 .toggle-btn i::before {
  content: '\f004';
}
.module-031 .toggle-btn.slide-up i::before {
  content: '\f005';
}
.module-031 .title-bar p {
  display: flex;
  align-items: center;
  padding-left: 33px;
  font-size: 15px;
  color: #666;
}
.module-031 .title-bar p span {
  margin: 0 6px;
  padding: 3px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1em;
  align-items: center;
  border-radius: 15px;
  background-color: #ef7a31;
}
.module-031 .select-product-list {
  position: relative;
  padding: 0 125px;
  display: none;
}
.module-031 .btn-prev,
.module-031 .btn-next {
  z-index: 1;
  position: absolute;
  top: 40%;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: 0;
  transform: translate(0, -50%);
  background-color: rgba(193, 193, 193, 0.3);
}
.module-031 .btn-prev {
  left: 60px;
}
.module-031 .btn-next {
  right: 60px;
}
.module-031 .btn-prev:hover,
.module-031 .btn-next:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.module-031 .btn-prev i::before,
.module-031 .btn-next i::before {
  font-family: "icon_01";
  line-height: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  color: #424242;
}
.module-031 .btn-prev i::before {
  content: '\f007';
}
.module-031 .btn-next i::before {
  content: '\f006';
}
.module-031 .select-product-list .msg-box {
  min-height: 30px;
  display: flex;
  align-items: start;
  justify-content: center;
  color: #000;
  font-size: 13px;
}
.module-031 .select-product-list>ul {
  display: flex;
  width: 100%;
}
.module-031 .select-product .item {
  position: relative;
  width: 16.66666666666667%;
  padding: 6px 5px 20px;
  text-align: center;
}
.module-031 .select-product .item-wrap {
  position: relative;
  width: 103px;
  margin: 0 auto;
}
.module-031 .select-product .item-wrap img {
  width: 103px;
  height: 103px;
  display: block;
  margin: 0 auto 6px;
}
.module-031 .select-product-list h4 {
  width: 180px;
  font-size: 15px;
  color: #333;
  line-height: 1.5em;
  overflow: hidden;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-031 .select-product .num {
  color: #333;
  font-size: 13px;
}
.module-031 .select-product .num span {
  color: #E60012;
}
.module-031 .item-del {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -6px;
  right: -6px;
  border-radius: 5px;
  background-color: rgb(102 102 102 / 30%);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.module-031 .item-del::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  content: '\e809';
  color: #fff;
  vertical-align: inherit;
  font-size: 18px;
}
.module-031 .product-list {
  padding: 6px 0;
  display: flex;
  border-top: 1px dashed #d8d8d8;
}
.module-031 .product-list .item {
  width: 22.5%;
  padding: 15px 0;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: column;
  border: 2px solid transparent;
  margin-right: 40px;
  border-radius: 10px;
}
.module-031 .product-list .item.choose {
  border: 2px solid #ef7a31;
}
.module-031 .product-list .item:last-child {
  margin-right: 0;
}
.module-031 .product-list .item-wrap {
  border: 1px solid red;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.module-031 .product-list .img-wrap {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto 6px;
}
.module-031 .product-list img {
  width: 180px;
  height: 180px;
  display: block;
}
.module-031 .product-list .sign-emag,
.module-031 .product-list .sign-ebook {
  width: 107px;
  height: 20px;
}
.module-031 .product-list .check-mark {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -9px;
  left: -36px;
  background-color: #EF7A31;
  line-height: 34px;
  font-size: 18px;
  border-radius: 50%;
  color: #fff;
  text-indent: 1px;
  opacity: 0;
  z-index: 1;
}
.module-031 .product-list .check-mark i::before {
  color: #fff;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  line-height: 35px;
}
.module-031 .product-list .item.choose .check-mark {
  opacity: 1;
}
.module-031 .product-list .prod-name a {
  width: 180px;
  margin-bottom: 6px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  color: #252624;
  height: 3em;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-031 .product-list .prod-name a:hover {
  color: #ef7a31;
}
.module-031 .product-list .details {
  width: 180px;
  text-align: left;
  color: #666;
  font-size: 15px;
}
.module-031 .product-list .details del {
  padding: 0 2px;
  text-decoration: line-through;
}
.module-031 .product-list .details li {
  margin-bottom: 6px;
}
.module-031 .product-list .details strong {
  padding: 0 2px;
  color: #d0021b;
  font-size: 18px;
}
.module-031 .btn-check {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  min-width: 55px;
  height: 35px;
  color: #000;
  box-sizing: border-box;
  background-color: #f3f3f5;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}
.module-031 .btn-check.disabled {
  color: #666666;
  font-size: 13px;
  border: 1px solid transparent;
  background-color: #f2f2f2;
  background: #f2f2f2;
  cursor: default;
}
.module-031 .stock-tips {
  width: 200px;
  text-align: left;
  margin-top: 8px;
  color: #A0A5A0;
  font-size: 13px;
  line-height: 1.5em;
}
.module-031 .stock-tips em {
  color: #D0021B;
  margin-right: 5px;
}
.module-031 .product-list .item.choose .btn-check {
  font-size: 13px;
  color: #EF7A31;
  background-color: #f2f2f2;
}
.module-031 .item-2 .flex {
  display: flex;
  flex-wrap: wrap;
}
.module-031 .addpord-num {
  width: 180px;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}
.module-031 .addpord-num .flex {
  min-height: 35px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
/* module-032 */
.module-032 {
  width: 100%;
}
.module-032 a {
  text-decoration: none;
}
.module-032 .container_table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.module-032 .table_tr {
  display: table-row;
}
.module-032 .table_td {
  padding: 15px 10px;
  position: relative;
  display: table-cell;
  border-color: #F2F2F2;
  border-style: solid;
  border-width: 0px 1px 1px 0;
}
.module-032 .table_td:first-child {
  border-color: #F2F2F2;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
}
.module-032 .table_tr:first-child .table_td {
  border-top: 1px solid #F2F2F2;
  position: relative;
}
.module-032 .item {
  width: 100%;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.module-032 .choose::before {
  border: 2px solid #ef7a31;
  border-radius: 8px;
  content: " ";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  pointer-events: none;
}
.module-032 .item-wrap {
  border: 1px solid red;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.module-032 .img-wrap {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto 6px;
}
.module-032 img {
  width: 180px;
  height: 180px;
  display: block;
}
.module-032 .sign-emag,
.module-032 .sign-ebook {
  width: 107px;
  height: 20px;
}
.module-032 .check-mark {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -9px;
  left: -19px;
  background-color: #EF7A31;
  line-height: 35px;
  font-size: 18px;
  border-radius: 50%;
  color: #fff;
  text-indent: 1px;
  opacity: 0;
}
.module-032 .check-mark i::before {
  color: #fff;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  line-height: 35px;
}
.module-032 .choose .check-mark {
  opacity: 1;
}
.module-032 .prod-name a {
  width: 100%;
  margin-bottom: 6px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  color: #252624;
  height: 3em;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-032 .details {
  width: 100%;
  margin-bottom: 5px;
  text-align: left;
  color: #666;
  font-size: 15px;
}
.module-032 .details del {
  padding: 0 2px;
  text-decoration: line-through;
}
.module-032 .details li {
  margin-bottom: 6px;
}
.module-032 .details strong {
  padding: 0 2px;
  color: #d0021b;
  font-size: 18px;
}
.module-032 .btn-check {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  min-width: 55px;
  height: 35px;
  color: #000;
  box-sizing: border-box;
  background-color: #f3f3f5;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}
.module-032 .btn-check.disabled {
  color: #666666;
  font-size: 13px;
  border: 1px solid transparent;
  background-color: #f2f2f2;
  background: #f2f2f2;
  cursor: default;
}
.module-032 .stock-tips {
  text-align: left;
  color: #999999;
  font-size: 13px;
  margin-top: 8px;
}
.module-032 .stock-tips em {
  color: #D0021B;
  margin-right: 5px;
}
.module-032 .choose .item .btn-check {
  font-size: 13px;
  color: #EF7A31;
  background-color: #f2f2f2;
}
.module-032 .select-quantity a.disabled {
  color: #d0d0d0;
  cursor: default;
}
.module-032 .select-quantity input:disabled {
  color: #c3c3c3;
  background-color: #DADADA;
  cursor: default;
}
.module-032 .addpord-num {
  width: 100%;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}
.module-032 .addpord-num .flex {
  min-height: 35px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.module-032 .more {
  display: flex;
  height: 30px;
  border-top: 1px solid #d8d8d8;
  align-items: center;
  justify-content: flex-end;
}
.module-032 .more a {
  text-decoration: underline;
}
.module-032 .more i {
  margin-right: 5px;
}
.module-032 .more i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  content: '\f105';
  color: #f8a721;
}
/* module-033 */
.module-033 {
  position: relative;
}
.module-033 .content-wrap {
  padding: 0 50px;
}
.module-033 .slick-dots,
.module-033 .carousel-dots {
  max-width: 280px;
  height: 30px;
  top: -60px;
  right: -50px;
}
.module-033 .item {
  text-align: center;
  margin-bottom: 0;
}
.module-033 .u-container.img-262x100 img {
  width: 262px;
  height: 100px;
}
.module-033 .u-container.img-210x100 img {
  width: 210px;
  height: 100px;
}
/* module-034 */
.module-034 {
  position: relative;
}
.module-034 .fixed-table {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.module-034 table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  border-spacing: 0;
  margin-bottom: 3px;
}
.module-034 table th,
.module-034 table td {
  vertical-align: middle;
  border-bottom: 1px solid #D8DAD8;
  font-size: 13px;
  line-height: 1.5em;
}
.module-034 table th {
  position: -webkit-sticky;
  position: sticky;
  padding: 5px 10px;
  left: 0;
  width: 100px;
  background: #F7F8F9;
  text-align: right;
  z-index: 1;
}
.module-034 table td {
  width: 180px;
  padding: 5px;
  text-align: left;
}
.module-034 table tr:first-child th {
  background: #fff;
}
.module-034 .img-wrap {
  position: relative;
  width: 170px;
  height: 170px;
  display: block;
  margin: 0 auto 10px;
}
.module-034 .img-wrap img {
  width: 170px;
  height: 170px;
  display: block;
}
.module-034 .sign-emag,
.module-034 .sign-ebook {
  width: 107px;
  height: 20px;
}
.module-034 .prod-name a {
  /* max-width: 300px; */
  margin: 0 auto;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  color: #252624;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
.module-034 .prod-name a:hover {
  color: #ef7a31;
}
.module-034 .prod-price span {
  color: #D0021B;
}
/* module-035 */
.module-035 {
  margin: -15px auto 35px;
  position: relative;
  display: flex;
  background: #e9e9e9;
  z-index: 0;
}
.module-035.img-902-360 img {
  width: 902px;
  height: 360px;
}
.module-035 .u-slider,
.module-035 .u-carousel {
  position: relative;
  margin-left: auto;
  width: 902px;
  height: 360px;
}
.module-035 .u-slider .slick-next,
.module-035 .u-slider .slick-prev,
.module-035 .u-carousel .carousel-next,
.module-035 .u-carousel .carousel-prev {
  z-index: 1;
  position: absolute;
  top: 50%;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 32px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background-color: rgba(88, 88, 88, 0.4);
}
.module-035 .u-slider .slick-prev,
.module-035 .u-carousel .carousel-prev {
  left: 0;
  border-radius: 0 8px 8px 0;
}
.module-035 .u-slider .slick-next,
.module-035 .u-carousel .carousel-next {
  right: 0;
  border-radius: 8px 0 0 8px;
}
.module-035 .u-slider .slick-next::before,
.module-035 .u-slider .slick-prev::before,
.module-035 .u-carousel .carousel-next::before,
.module-035 .u-carousel .carousel-prev::before {
  color: #fff;
}
.module-035 .slick-dots {
  width: 100%;
  padding: 0 5px;
  bottom: 3px;
  /* background-color: rgb(125 125 125 / 0.5); */
}
.module-035 .carousel-dots {
  width: 100%;
  padding: 0 5px;
  bottom: 0;
  justify-content: center;
  /* background-color: rgb(125 125 125 / 0.5); */
}
.module-035 .slick-dots li,
.module-035 .carousel-dots li {
  width: auto;
  height: 25px;
}
.module-035 .slick-dots li.slick-active,
.module-035 .carousel-dots li.active {
  margin: 0 5px 0 0;
}
.module-035 .slick-dots li button,
.module-035 .carousel-dots li {
  width: 15px;
  opacity: 1;
}
.module-035 .slick-dots li.slick-active button,
.module-035 .carousel-dots li.active {
  width: 25px;
  opacity: 1;
}
.module-035 .slick-dots li.slick-active button::before,
.module-035 .slick-dots li button::before,
.module-035 .carousel-dots li.active::before,
.module-035 .carousel-dots li::before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: #fff;
  /*top: auto; */
  line-height: 0;
  font-size: 0;
  transition: 0.2s;
  opacity: 1;
}
.module-035 .slick-dots li.slick-active button::before,
.module-035 .carousel-dots li.active::before {
  width: 22px;
}
.module-035 .u-carousel .item {
  width: 100%;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
/* module-036 */
.module-036 .u-box-container {
  position: relative;
  display: flex;
  margin-left: 300px;
}
.module-036 .u-panel-title {
  height: 24px;
  overflow: hidden;
  line-height: initial;
}
.module-036 .u-item-grid-list {
  justify-content: space-between;
}
.module-036 img {
  width: 208px;
  height: 108px;
  display: block;
}
.module-036 .radius-12 img {
  border-radius: 12px;
}
.module-036 .u-box {
  width: 50%;
}
.module-036 .u-box:first-child {
  padding-right: 8px;
}
.module-036 .u-box:last-child {
  padding-left: 8px;
}
.module-036 .item {
  margin-bottom: 16px;
}
/* module-037 */
.module-037 .panel-title {
  margin: 0 0 8px 0;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #12AE57;
}
.module-037 .u-item-grid-list {
  /* gap: 8px; */
}
.module-037 .item {
  margin: 0 8px 16px 0;
}
.module-037 .item:nth-child(6n),
.module-037 .item:last-child {
  margin-right: 0;
}
.module-037 img {
  width: 190px;
  height: 118px;
  display: block;
}
.module-037 .radius-12 img {
  border-radius: 12px;
}
/* module-038 */
.module-038 {
  position: relative;
  width: 100%;
  padding: 8px 0 0;
  margin-bottom: 32px;
  border-radius: 15px;
  background: #fef1e1;
}
.module-038 .u-container {
  padding: 0 10px;
}
.module-038 .u-panel-title.title05 {
  padding: 0 8px;
}
.module-038 .u-panel-title.title06 {
  margin: 0 0 10px 0;
}
.module-038 .u-panel-title .right-box {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}
.module-038 .nav-tabs {
  display: inline-flex;
  padding-right: 28px;
}
.module-038 .nav-tabs li {
  min-width: 74px;
  margin-right: 10px;
}
.module-038 .nav-tabs a {
  display: block;
  padding: 6px 12px;
  border-radius: 24px;
  background-color: #F0F0F0;
  color: #626364;
  line-height: 22px;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}
.module-038 .nav-tabs li.active a {
  background-color: #FF8A00;
  color: #fff;
}
.module-038 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-038 .item-6 .item {
  width: 182px;
  padding: 0;
  margin-right: 13px;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.module-038 .item-6.bui-badge-top .item {
  padding: 0 0 0 6px;
}
.module-038 .item-6 .item:nth-child(6n),
.module-038 .item-6 .item:last-child {
  margin-right: 0;
}
.module-038 .img-wrap img {
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
}
.module-038 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-038 .radius-8 .bui-prd-label,
.module-038 .radius-8 .bui-prod-label {
  border-radius: 8px;
}
.module-038 .bui-category-icon .sign-emag,
.module-038 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-038 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-038 .prod-price {
  display: flex;
  align-items: center;
}
.module-038 .discount {
  margin-left: auto;
  background: #fff;
}
.module-038 .prod-sales {
  font-size: 12px;
  color: #797979;
}
.module-038 .bui-btn-04 {
  min-width: 176px;
}
/* module-039 */
.module-039 {
  position: relative;
}
.module-039 .item {
  margin-right: 8px;
  margin-bottom: 16px;
}
.module-039 .item:nth-child(6n),
.module-039 .item:last-child {
  margin-right: 0;
}
.module-039 img {
  width: 190px;
  height: 238px;
}
.module-039 .radius-12 img {
  border-radius: 12px;
}
/* module-040 */
.module-040 {
  width: 788px;
  position: relative;
}
.module-040 .u-container {
  position: relative;
  overflow: hidden;
}
.module-040 .u-carousel .carousel-next,
.module-040 .u-carousel .carousel-prev {
  z-index: 1;
  position: absolute;
  top: calc(50% - 20px);
  font-size: 0;
  line-height: 0;
  display: block;
  width: 32px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background-color: rgba(88, 88, 88, 0.4);
}
.module-040 .u-carousel .carousel-prev {
  left: 0;
  border-radius: 0 8px 8px 0;
}
.module-040 .u-carousel .carousel-next {
  right: 0;
  border-radius: 8px 0 0 8px;
}
.module-040 .u-carousel .carousel-next::before,
.module-040 .u-carousel .carousel-prev::before {
  color: #fff;
}
.module-040 .u-carousel .u-item-grid-list {
  flex-wrap: nowrap;
}
.module-040 .item-4 .item {
  width: 182px;
  padding: 0;
  margin: 0 20px 0 0;
  box-sizing: border-box;
}
.module-040 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-040 .item-4.bui-badge-top .item {
  padding: 0 0 0 6px;
}
.module-040 .item-4 .item:nth-child(4n),
.module-040 .item-4 .item:last-child {
  margin-right: 0;
}
.module-040 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-040 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-040 .prod-price {
  display: flex;
  align-items: center;
}
.module-040 .discount {
  margin-left: auto;
}
.module-040 .bui-category-icon .sign-emag,
.module-040 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
/* module-041 */
.module-041 {
  width: 392px;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
.module-041 .border {
  border-radius: 12px;
  border: 3px solid #f7ba02;
}
.module-041 .border:first-child {
  border: 3px solid #ff8a00;
}
.module-041 .border:first-child .panel-title {
  background: #ff8a00;
}
.module-041 .border .panel-title {
  width: 100%;
  margin: 0 0 8px;
  padding: 4px 4px 0;
  border-radius: 3px 3px 0 0;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #f7ba02;
}
.module-041 .border .panel-title img {
  width: 48px;
  height: 48px;
}
.module-041 .border .panel-title .more {
  display: block;
  margin-left: auto;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  flex-shrink: 0;
  flex-grow: 0;
}
.module-041 .border .panel-title .more a {
  color: #fff;
}
.module-041 .border .panel-title .more i {
  margin: 0 5px;
}
.module-041 .border .panel-title .more i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  content: '\f006';
  color: #fff;
}
.module-041 .item-box {
  width: calc(50% - 8px);
  /*   flex: 1; */
  position: relative;
  margin-left: 8px;
}
.module-041 .item {
  width: 176px;
  margin: 0 auto;
}
.module-041 .img-wrap {
  margin: 0 auto 8px;
}
.module-041 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-041 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-041 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-041 .prod-price {
  display: flex;
  align-items: center;
}
.module-041 .prod-price .discount {
  margin-left: auto;
}
.module-041 .sales-details {
  position: relative;
  overflow: hidden;
  color: #000;
  font-size: 15px;
  margin: 5px auto;
}
.module-041 .sales-details li {
  position: relative;
  margin: 0 0 5px;
  line-height: 1.5em;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.module-041 .sales-details li:last-child {
  margin: 0 0 0;
}
.module-041 .sales-details .discount {
  margin: 0;
}
.module-041 .sales-details .prod--price {
  padding: 0 2px;
  color: #d0021b;
  font-size: 18px;
  flex-shrink: 0;
}
.module-041 .sales-details .deloprice {
  color: #000;
  font-size: 13px;
  margin-left: 5px;
  text-decoration: line-through;
  text-decoration-color: #212121;
}
.module-041 .sales-details .quantity {
  margin: 0 5px;
  color: #000;
  flex-shrink: 0;
}
.module-041 .tab-menu {
  position: relative;
  width: 176px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.module-041 .tab-menu li {
  margin-right: 4px;
}
.module-041 .tab-menu li:last-child {
  margin-right: 0;
}
.module-041 .tab-menu li a {
  display: block;
  text-align: center;
  color: #626364;
  font-weight: bold;
  width: 32px;
  height: 24px;
  line-height: 24px;
  border-radius: 8px;
  background-color: #F0F0F0;
}
.module-041 .tab-menu li.selected a,
.module-041 .tab-menu li.here a {
  color: #fff;
  background-color: #12AE57;
}
.module-041 .tab-menu.color03 li.selected a,
.module-041 .tab-menu.color03 li.here a {
  background-color: #3390FF;
}
.module-041 .u-more-01 a {
  padding: 10px 0 10px 20px;
}
.module-041 .bui-category-icon .sign-emag,
.module-041 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
/* module-042 */
.module-042 {
  position: relative;
}
.module-042 .item {
  margin: 0 14px 16px 0;
}
.module-042 .item:nth-child(3n),
.module-042 .item:last-child {
  margin: 0 0 16px 0;
}
.module-042 img {
  width: 384px;
  height: 188px;
 /*height: auto;*/
}
.module-042 .radius-12 img {
  border-radius: 12px;
}
/* module-043 */
.module-043 {
  position: relative;
}
.module-043 .u-item-grid-list {
  display: flex;
  flex-wrap: wrap;
}
.module-043 .item {
  margin: 0 14px 16px 0;
  width: 384px;
}
.module-043 .item:nth-child(3n),
.module-043 .item:last-child {
  margin: 0 0 16px 0;
}
.module-043 .u-video {
  margin-bottom: 10px;
}
.module-043 .radius-12 .u-video {
  border-radius: 12px;
}
.module-043 .title {
  color: #000;
  line-height: 22px;
  font-size: 15px;
  font-weight: bold;
}
.module-043 .text {
  font-size: 13px;
  line-height: 1.5em;
  color: #000;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* module-044 */
.module-044 {
  position: relative;
  color: #000;
}
.module-044 .u-panel-title.title06 {
  margin: 0 0 10px 0;
}
.module-044 .item-6 .item {
  width: 182px;
  padding: 0;
  margin-right: 17px;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.module-044 .item-6.bui-badge-top .item {
  padding: 0 0 0 6px;
}
.module-044 .item-6 .item:nth-child(6n),
.module-044 .item-6 .item:last-child {
  margin-right: 0;
}
.module-044 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-044 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-044 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-044 .prod-price strong {
  /* color: #d0021b; */
  font-size: 18px;
}
.module-044 .bui-category-icon .sign-emag,
.module-044 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
/* module-045 */
.module-045 {
  position: relative;
  color: #000;
  z-index: 0;
}
.module-045 .box-container {
  position: relative;
}
.module-045 .box-item-grid-list {
  display: flex;
  justify-content: space-between;
}
.module-045 .box-item-grid-list .box-item {
  width: 582px;
  position: relative;
  padding: 160px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.module-045 .box-img-wrap {
  position: absolute;
  top: 0;
}
.module-045 .box-img-wrap img {
  border-radius: 12px 12px 0 0;
  display: block;
  width: 582px;
  height: 192px;
}
.module-045 .u-card {
  width: 550px;
  min-height: 360px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding: 24px 16px;
  border: none;
  background-color: #fff;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
}
.module-045 .u-card .card-item:last-child {
  padding: 20px 0 0;
  border-bottom: none;
}
.module-045 .u-card .card-item:first-child {
  padding: 0 0 20px;
}
.module-045 .u-card .card-item {
  padding: 20px 0 20px;
  display: flex;
  border-bottom: 1px solid #D9D9D9;
}
.module-045 .card-item .card-content {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding-left: 16px;
}
.module-045 .card-img-wrap {
  width: 192px;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-045 .card-img-wrap img {
  display: block;
  width: 100%;
  height: 136px;
  /* height: auto; */
}
.module-045 .card-title {
  margin-bottom: 4px;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-045 .card-text {
  font-size: 13px;
  line-height: 20px;
  color: #000;
  max-height: 80px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
/* module-046 */
.module-046 {
  position: relative;
}
.module-046 .color01+.list {
  border-bottom: 1px solid #8655D6;
}
.module-046 .color02+.list {
  border-bottom: 1px solid #12AE57;
}
.module-046 .color03+.list {
  border-bottom: 1px solid #3390FF;
}
.module-046 .list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 16px;
}
.module-046 .list li {
  position: relative;
  padding: 0 32px 0 0;
  font-size: 15px;
}
.module-046 .list li::before {
  position: absolute;
  right: 16px;
  top: calc(50% - 4px);
  margin: 0;
  padding: 0;
  content: "";
  width: 1px;
  height: 8px;
  overflow: hidden;
  border-right: 1px solid #ccc;
}
.module-046 .list li a {
  padding: 10px 0;
  display: block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-046 .list.hashtags li {
  padding-left: 15px;
}
.module-046 .list.hashtags li::after {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  color: #000;
  font-size: 15px;
  line-height: initial;
  content: "＃";
}
/* module-047 */
.module-047 {
  position: relative;
  color: #000;
  z-index: 0;
}
.module-047 .item {
  margin-bottom: 0;
}
.module-047 .box-container {
  position: relative;
}
.module-047 .box-item-grid-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.module-047 .box-item-grid-list>.box-item {
  width: 582px;
  position: relative;
  padding: 160px 0 0;
  align-items: center;
}
.module-047 .box-img-wrap {
  position: absolute;
  top: 0;
}
.module-047 .box-img-wrap img {
  border-radius: 12px 12px 0 0;
  display: block;
  width: 582px;
  height: 192px;
}
.module-047 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-047 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-047 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-047 .bui-category-icon .sign-emag,
.module-047 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
/* module-048 */
.module-048 {
  position: relative;
  height: 307px;
  overflow: hidden;
  display: flex;
  border-radius: 12px;
  background-color: #F0F0F0;
}
.module-048 .box-img-wrap {
  width: 200px;
  height: 307px;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-048 .box-img-wrap img {
  width: 200px;
  height: 307px;
  border-radius: 12px 0 0 12px;
}
.module-048 .u-container {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 19px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.module-048 .u-item-grid-list {
  flex-wrap: nowrap;
  overflow: hidden;
}
.module-048 .item-5 .item {
  width: 176px;
  margin-right: 15px;
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 8px 8px 8px 8px;
}
.module-048 .item:last-child {
  margin-right: 0;
}
.module-048 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-048 .item-info {
  width: 176px;
  padding: 0 5px 0;
  overflow: hidden;
}
.module-048 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-048 .prod-price strong {
  /* color: #d0021b; */
  font-size: 18px;
}
.module-048 .bui-category-icon .sign-emag,
.module-048 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
/* module-049 */
.module-049 {
  position: relative;
  height: 598px;
  overflow: hidden;
  display: flex;
  border-radius: 12px;
  background-color: #F0F0F0;
}
.module-049 .box-img-wrap {
  width: 200px;
  height: 598px;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-049 .box-img-wrap img {
  width: 200px;
  height: 598px;
  border-radius: 12px 0 0 12px;
}
.module-049 .box-pic-wrap {
  width: 200px;
  height: 598px;
  padding: 16px 0 0 40px;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.9);
}
.module-049 .box-pic-wrap ul {
  width: 132px;
  max-height: 550px;
  position: relative;
  overflow: hidden;
}
.module-049 .box-pic-wrap li {
  position: relative;
  width: 132px;
  height: 60px;
  margin-bottom: 10px;
}
.module-049 .box-pic-wrap li:last-child {
  margin-bottom: 0;
}
.module-049 .box-pic-wrap img {
  width: 132px;
  height: 60px;
  display: block;
}
.module-049 .box-pic-wrap img::before {
  content: "";
  display: block;
  width: 132px;
  height: 60px;
  background-color: #F0F0F0;
}
.module-049 .u-container {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.module-049 .nav {
  width: 172px;
  height: 466px;
  padding: 16px 0;
  position: absolute;
  bottom: 16px;
  left: 44px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  filter: drop-shadow(12px 12px 12px rgba(0, 0, 0, 0.1)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));
  backdrop-filter: blur(4px);
  border-radius: 12px;
  overflow: hidden;
}
.module-049 .nav .nav-item {
  width: 100%;
  height: 38px;
  overflow: hidden;
  padding: 0 16px;
  margin-bottom: 6px;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 38px;
}
.module-049 .nav .nav-item:last-child {
  margin-bottom: 0;
}
.module-049 .nav .nav-item a {
  display: block;
}
.module-049 .nav .nav-item:hover {
  background-color: #E5E5E5;
}
.module-049 .item-4 {
  padding: 16px 16px 0;
}
.module-049 .item-5 {
  padding: 16px 19px 0;
}
.module-049 .item-4 .item,
.module-049 .item-5 .item {
  width: 176px;
  min-height: 275px;
  margin-bottom: 16px;
  background-color: #fff;
  border-radius: 8px 8px 8px 8px;
}
.module-049 .item-4 .item {
  margin-right: 14px;
}
.module-049 .item-5 .item {
  margin-right: 15px;
}
.module-049 .item-4 .item:nth-child(4n),
.module-049 .item-4 .item:last-child {
  margin-right: 0;
}
.module-049 .item-5 .item:nth-child(5n),
.module-049 .item-5 .item:last-child {
  margin-right: 0;
}
.module-049 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-049 .item-info {
  width: 176px;
  padding: 0 5px 0;
  overflow: hidden;
}
.module-049 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-049 .prod-price strong {
  /* color: #d0021b; */
  font-size: 18px;
}
.module-049 .bui-category-icon .sign-emag,
.module-049 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
/* module-050 */
.module-050 {
  width: 100%;
}
.module-050 .checked-bar {
  display: flex;
  padding: 10px 15px;
  color: #333;
  align-items: center;
  border-top: 1px solid #d8dad8;
}
.module-050 .checked-bar .u-checkbox {
  position: relative;
  display: flex;
  width: auto;
  margin: 0 6px 0 0;
  color: #333;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: start;
}
.module-050 .checked-bar .u-checkbox label {
  height: 20px;
  display: flex;
  align-items: center;
}
.module-050 .checked-bar .bui-btn-01 {
  color: #333;
}
.module-050 .checked-bar .bui-btn-01:disabled,
.module-050 .checked-bar .bui-btn-01.disabled,
.module-050 .checked-bar .bui-btn-01:disabled i::before,
.module-050 .checked-bar .bui-btn-01.disabled i::before {
  color: #9e9e9e;
}
.module-050 .item {
  padding: 10px;
}
.module-050 .bui-category-icon .sign-emag,
.module-050 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-050 .u-checkbox {
  position: relative;
  width: 33px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
}
.module-050 .item.choose {
  border-radius: 8px;
  background: #fdebe0;
}
.module-050 .item-info .btn-wrap {
  display: flex;
}
.module-050 .item-info .bui-btn-01.w-74 {
  min-width: 74px;
}
/* module-051 */
.module-051 {
  width: 100%;
  padding: 10px;
  position: relative;
  border-radius: 10px;
  background: #eeeeee;
}
.module-051 .module-title {
  display: none;
}
.module-051 table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  border-spacing: 0;
  background: #fff;
  border-top: 1px solid #E1DFDF;
}
.module-051 table th,
.module-051 table td {
  padding: 2px 8px;
  vertical-align: middle;
  border-bottom: 1px solid #E1DFDF;
  font-size: 13px;
  line-height: 1.5em;
}
.module-051 table th {
  background: #f7f8f9;
  text-align: right;
  font-size: 15px;
  color: #333;
}
.module-051 table th span {
  font-size: 13px;
  color: #797979;
  margin: 0 0 0 3px;
}
.module-051 .table-search-filter th {
  width: 12%;
}
.module-051 .table-search-filter td {
  width: 88%;
}
.grid_10 .module-051 .table-search-filter th {
  width: 15%;
}
.grid_10 .module-051 .table-search-filter td {
  width: 85%;
}
.module-051 .filter-label {
  position: relative;
  padding: 0 0 0 18px;
}
.module-051 .search-tfooter .norecord {
  padding: 10px 8px;
}
.module-051 .search-tfooter .btn-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.module-051 .search-tfooter .btn-wrap .bui-btn-01 {
  min-width: 75px;
}
.module-051 .u-checkbox {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #d8dad8;
}
.module-051 .bui-checkbox-01 [type="checkbox"]:checked~.u-checkbox {
  border: 2px solid #6f9b10;
  background: #6f9b10;
}
.module-051 .filter-item {
  position: relative;
}
.module-051 .search-bar {
  padding-right: 110px;
}
.module-051 .filter-list-btn {
  display: flex;
  flex-wrap: wrap;
}
.module-051 .filter-list-btn .item {
  display: inline-block;
  position: relative;
  padding: 5px 22px 5px 0;
}
.module-051 .filter-list-btn button {
  cursor: pointer;
}
.module-051 .filter-list-btn .item-btn {
  padding: 6px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #d8d8d8;
  background: #f7f8f9;
}
.module-051 .filter-list-btn .item-btn i::before {
  width: 12px;
  height: 12px;
  margin: 0 2px 0 0;
  font-family: "icon_01";
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-051 .filter-list-btn .item .item-btn i::before {
  content: '\e82b';
  color: #e4e4e4;
}
.module-051 .filter-list-btn .item.active .item-btn i::before {
  content: '\f06d';
  color: #fff;
}
.module-051 .filter-list-btn .item.cancel .item-btn i::before {
  content: '\f06e';
  color: #000;
}
.module-051 .filter-list-btn .item.active .item-btn {
  color: #fff;
  border: 1px solid #55770b;
  background: #6f9b10;
}
.module-051 .filter-list-btn .item.cancel .item-btn {
  color: #000;
  border: 1px solid #55770b;
  background: #fff;
}
.module-051 .filter-list {
  display: flex;
  flex-wrap: wrap;
}
.module-051 .filter-list .item {
  display: inline-block;
  position: relative;
  padding: 5px 22px 5px 0;
}
.module-051 .filter-label {
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: 1.45em;
  justify-content: center;
}
.module-051 .filter-count {
  color: #797979;
  font-size: 12px;
  margin: 0 0 0 0.5px;
}
.module-051 .toggle-btn {
  position: absolute;
  top: -1px;
  right: 0;
  padding: 2px 8px;
  border-radius: 0 0 6px 6px;
  color: #797979;
  font-size: 13px;
  background: #f7f7f7;
  border: 1px solid #d8dad8;
  cursor: pointer;
}
.module-051 .toggle-btn i {
  margin-left: 5px;
}
.module-051 .toggle-btn i::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #797979;
  padding: 0 0 0 0.2em;
}
.module-051 .toggle-btn i::before {
  content: '\f004';
}
.module-051 .toggle-btn.slide-up i::before {
  content: '\f005';
}
.module-051 .filter-range-input {
  display: flex;
  align-items: center;
  margin: 0 0 6px;
  font-size: 14px;
}
.module-051 .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.module-051 .cb-value[type="checkbox"]:not(:checked)+.renew-text+i::before {
  content: '\f004';
}
.module-051 .cb-value[type="checkbox"]:checked+.renew-text+i::before {
  content: '\f005';
}
.module-051 input[type=number]::-webkit-outer-spin-button,
.module-051 input[type=number]::-webkit-inner-spin-button,
.module-051 .filter-range-input input[type=number] {
  -webkit-appearance: none;
  /*-moz-appearance:textfield; */
}
.module-051 .filter-range-input input {
  width: 90px;
  height: 30px;
  margin: 0 6px;
  padding: 3px 8px;
  font-size: 13px;
  color: #000;
  border-radius: 4px;
  border: 1px solid #d8dad8
}
/* module-052 */
.module-052 .search-info-box {
  margin: 0 auto;
  max-width: 550px;
}
.module-052 .search-info-box .box-container {
  margin: 0 auto 15px;
  display: flex;
  align-items: flex-start;
}
.module-052 .search-info-box .box-basis {
  width: 70px;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-052 .search-info-box .box-shrink {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.module-052 .search-info-box .icon-attention {
  color: #ee6509;
  font-size: 50px;
  vertical-align: middle;
}
.module-052 .search-info-box .remin_1 {
  margin: 0 auto 15px;
  font-size: 15px;
  color: #000;
  line-height: 1.65em;
}
.module-052 .search-info-box .remin_2 {
  color: #666;
  line-height: 1.65em;
  font-size: 14px;
}
/* module-053 */
.module-053 {
  width: 100%;  
}
.module-053 ul{
  display: flex;
  justify-content: space-between;
}
.module-053 ul li{
  width: 230px;
  cursor: pointer;
}
/* module-054 */
.module-054 {
  width: 100%;  
}
.module-054 .box{
  background: rgba(247, 248, 249, 1);
  padding:14px 5px 8px;
}
.module-054 h1{
  font-family: '微軟正黑體 Bold', '微軟正黑體 Regular', '微軟正黑體';
  font-weight: 700;
  font-size: 15px;
  color: #6F9B10;
  margin:0 0 8px 5px;
}
.module-054 .select_area{
  display: flex;
  flex-wrap: wrap;
}
.module-054 .select_area select{
  width: 19%;
  margin: 0 .5% 10px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  font-family: '微軟正黑體';
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.module-054 .select_area select.selected { 
  background-color:rgba(253, 235, 224, 1);
}
/* module-055 */
.module-055 {
  position: relative;
  width: 100%;
}
.module-055 .u-panel-title.title06 {
  margin: 0 0 10px 0;
}
.module-055 .u-panel-title .right-box {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}
.module-055 .nav-tabs {
  display: inline-flex;
  padding: 0 28px 6px 0;
}
.module-055 .nav-tabs li {
  min-width: 74px;
  margin-right: 10px;
}
.module-055 .nav-tabs a {
  display: block;
  padding: 6px 12px;
  border-radius: 24px;
  background-color: #F0F0F0;
  color: #626364;
  line-height: 22px;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}
.module-055 .nav-tabs li.active a {
  background-color: #F4563D;
  color: #fff;
}
.module-055 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-055 .item-6 .item {
  width: 182px;
  padding: 0;
  margin-right: 17.5px;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.module-055 .item-6.bui-badge-top .item {
  padding: 0 0 0 6px;
}
.module-055 .item-6 .item:nth-child(6n),
.module-055 .item-6 .item:last-child {
  margin-right: 0;
}
.module-055 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-055 .bui-category-icon .sign-emag,
.module-055 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-055 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-055 .prod-price {
  display: flex;
  align-items: center;
}
.module-055 .discount {
  margin-left: auto;
}
.module-055 .op-plus-list {
  position: relative;
  font-size: 16px;
  font-family: 'Microsoft JhengHei';
  color: #000;
  min-height: 78px;
  margin-bottom: 8px;
}
.module-055 .op-plus-list li {
  position: relative;
  margin: 0 0 3px 0;
  display: flex;
  flex-wrap: wrap;
  word-wrap: break-word;
  align-items: center;
  line-height: 1.5em;
}
.module-055 .op-plus-list li:last-child {
  margin-bottom: 0;
}
.module-055 .op-plus-list i.icon-bui-op {
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-block;
  background-size: cover;
  background-image: url("//jci.book.com.tw/img/bui/icon_P.svg");
}
.module-055 .op-plus-list .num {
  color: #d0021b;
  font-weight: bold;
}
.module-055 .op-plus-list .deloprice {
  color: #000000;
  font-weight: 400;
  text-decoration: line-through;
  text-decoration-color: #212121;
  font-size: 13px;
}
.module-055 .sold-out {
  color: #969696;
  font-weight: 400;
}
.module-055 .btn-op-plus {
  min-width: 176px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  user-select: none;
  background-color: #fce046;
  border-radius: 8px;
  color: #000;
  padding: 0.66em 0.75em;
  font-size: 16px;
  font-weight: bold;
  line-height: initial;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.module-055 .btn-op-plus i {
  width: 17px;
  height: 17px;
  margin-right: 5px;
  background-image: url(//jci.book.com.tw/img/bui/icon_P_black.svg);
}
.module-055 .btn-op-plus[aria-disabled="true"] {
  background-color: #BFBFBF;
  color: #FFFFFF;
}
.module-055 .btn-op-plus[aria-disabled="true"] i {
  width: 17px;
  height: 17px;
  margin-right: 5px;
  background-image: url(//jci.book.com.tw/img/bui/icon_P_silver.svg);
}
/* module-056 */
.module-056 {
  position: relative;
}
.module-056 .list {
  display: flex;
  flex-wrap: wrap;
}
.module-056 .list li {
  position: relative;
  margin: 0 10px 8px 0;
  padding: 0 0 0 0;
  font-size: 15px;
  background: #12AE57;
  border-radius: 50px;
}
.module-056 .list li a {
  padding: 11px 9px;
  display: block;
  white-space: nowrap;
  color: #fff;
}
.module-056 .list.hashtags li {
  padding-left: 10px;
}
.module-056 .list.hashtags li::after {
  position: absolute;
  top: calc(50% - 10px);
  left: 5px;
  color: #fff;
  font-size: 15px;
  line-height: initial;
  content: "＃";
}
/* module-057 */
.module-057 {
  width: 100%;
}
.module-057 .u-box-container {
  margin-bottom: 24px;
}
.module-057 .u-box-basis {
  width: 200px;
  padding-right: 10px;
}
.module-057 .u-box-shrink {
  padding-left: 10px;
}
.module-057 .pic-wrap {
  width: 190px;
  height: auto;
  position: relative;
  /* margin-bottom: 8px; */
}
.module-057 .pic-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.module-057 .title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.5em;
  max-height: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.module-057 .info {
  margin-bottom: 16px;
}
.module-057 .info cite {
  margin-right: 15px;
}
.module-057 .text-content,
.module-057 .u-free-content {
  font-size: 15px;
  color: #000;
  line-height: 1.5em;
}
.module-057 .author {
  font-size: 15px;
}
.module-057 .bui-btn-01 {
  min-width: 180px;
  padding: 0.56em 0.625em;
}
.module-057 .item .bui-btn-01 {
  min-width: 140px;
  padding: 0.35em 0.625em;
}
/* module-058 */
.module-058 {
  position: relative;
  color: #000;
  z-index: 1;
}
.module-058 .row {
  display: flex;
}
.module-058 .row-start {
  display: flex; 
  align-items: center;
  margin-top: 4px;
  line-height: 18px;
}
.module-058 .row-between {
  display: flex; 
  justify-content: space-between;
  align-items: center;
}
.module-058 .row-center {
  display: flex; 
  justify-content: center;
  align-items: center;
}
.module-058 .row-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.module-058 .item {
  margin-bottom: 0;
}
.module-058 .no-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.module-058 .wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.module-058 .wrap-left {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.module-058 .bui-btn-05 {
  position: relative;
  cursor: pointer;
} 
.module-058 .bui-btn-05:focus,
.module-058 .bui-btn-05.gold {
  color: #BF8000;
}
.module-058 .box-content .bui-btn-05, 
.bui-btn-05 .box-content i {
  padding: 0px;
  height: 24px;
}
.module-058 .item-footer .bui-btn-05 {
  padding: 0px;
}
.module-058 .item-footer .bui-btn-05 i,
.module-058 .item-footer .bui-btn-05 i::before {
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
  margin: auto;
}
.module-058 .bui-btn-05.btn-thumbs-up i:before {
  content: '';
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-058 .bui-btn-05.btn-thumbs-up i:before {
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-thumbs-up.svg) no-repeat center center / 24px;
}
.module-058 .bui-btn-05.btn-thumbs-up:focus i:before,
.module-058 .bui-btn-05.btn-thumbs-up.gold i:before {
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-thumbs-up-gold.svg) no-repeat center center / 24px;
}
.module-058 .extend-box {
  position: relative;
}
.module-058 .extend-options {
  display: none;
  list-style: none; 
  background: #FAFAFA; 
  border-radius: 8px; 
  padding: 8px 0px; 
  font-size: 15px; 
  font-weight: 400; 
  line-height: 22px;
  position: absolute; 
  z-index: 5;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #626364;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  width: 183px;
  box-shadow: 1px 1px 10px #00000033;
}
.module-058 .box-item.type-01 .item-footer .more.extend-options,
.module-058 .box-item.type-02 .item-footer .more.extend-options,
.module-058 .box-item.type-03 .item-footer .more.extend-options {
  top: 20px;
  right: 0px;
}
.module-058 .box-item.type-01 .item-footer .share.extend-options,
.module-058 .box-item.type-02 .item-footer .share.extend-options,
.module-058 .box-item.type-03 .item-footer .share.extend-options {
  top: 20px;
  right: 8px;
}
.module-058 .extend-options>li {
  padding: 8px 16px;
  line-height: 2.1em;
}
.module-058 .extend-options>li:hover {
  cursor: pointer;
  background: #F0F0F0;
}
.module-058 .extend-options>li.red a {
  color: #CD3D35;
}
.module-058 .extend-options>li>a {
  display: block;
  width: 100%;
}
.module-058 .box-img-wrap {
  position: absolute;
  top: 0;
}
.module-058 .box-img-wrap img {
  border-radius: 12px 12px 0 0;
  display: block;
  width: 582px;
  height: 192px;
}
.module-058 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-058 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-058 .prod-name {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-058 .bui-category-icon .sign-emag,
.module-058 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-058 span.divide {
  color: #00000033;
  font-size: 8px;
  vertical-align: bottom;
}
.module-058 .item-header {
  width: 100%; 
  height: 80px; 
  padding: 16px 0px; 
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
}
.module-058 .item-header .user,
.module-058 .item-header .detail,
.module-058 .item-body .detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.module-058 .item-header .user>:not(:first-child),
.module-058 .item-header .detail>:not(:first-child),
.module-058 .item-body .detail>:not(:first-child),
.module-058 .item-discuss .footer .link {
  margin-left: 6px;
}
.module-058 .item-header>.box-img,
.module-058 .item-discuss .box-img {
  background: #444; 
  border-radius: 50%; 
  height: 40px; 
  width: 40px;
  overflow: hidden;
}
.module-058 .item-header>.box-img img,
.module-058 .item-discuss .box-img img  {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-058 .box-item.type-03 .item-body .title h4,
.module-058 .box-item.type-03 .item-body .title a {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  width: 525px; /*超過15字就...*/
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-058 .item-header>.box-content,
.module-058 .item-discuss .box-content {
  margin-left: 16px; 
  font-size: 13px; 
  line-height: 20px;
}
.module-058 .item-header>.box-content .name {
  width: 260px; /*最多19字: (19+1)*13*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
}
.module-058 .item-header>.box-content .level {
  color: #AAAAAA;
}
.module-058 .item-header>.box-content .link>a {
  font-weight: 700;
  color: #626364;
}
.module-058 .item-header>.box-content .link.follow>a {
  text-decoration: underline;
}
.module-058 .item-header>.box-content .gray-tag {
  position: relative;
  padding: 0px 0px 0px 24px; 
}
.module-058 .item-header>.box-content .gray-tag>span {
  background: #f0f0f0;
  padding: 0px 10px;
  border-radius: 4px;
}
.module-058 .item-header>.box-content .other {
  position: relative;
  color: #626364;
}
.module-058 .item-header>.box-content .rating-overview,
.module-058 .item-body .detail .rating-overview {
  width: 90px; 
  height: 20px;
  display: flex;
  position: relative;
  margin: 0px 16px 0px 0px;
  padding: 0px 12px;
}
.module-058 .item-header>.box-content .rating-overview li,
.module-058 .item-body .detail .rating-overview li {
  position: relative;
  padding: 0 8px;
}
.module-058 .item-header>.box-content .rating-overview li:first-child,
.module-058 .item-body .detail .rating-overview li:first-child {
  padding-left: 0;
}
.module-058 .item-header>.box-content .rating-overview .bui-stars.star-s .bui-star::before, 
.module-058 .item-header>.box-content .rating-overview .bui-stars.star-s .bui-star::after {
  font-size: 16px;
}
.module-058 .item-header>.box-content .date,
.module-058 .item-body .detail .date {
  color: #AAAAAA;
  line-height: 20px;
  margin-bottom: 0px;
}
.module-058 .item-body .bui-tag-02.w-92,
.module-058 .item-body .detail .bui-tag-02.w-92 {
  min-width: 92px;
}
.module-058 .type-04 .item-body .bui-tag-02.w-92 {
  width: 92px;
}
.module-058 .item-footer {
  margin: 8px 0px;
  color: #000; 
  font-size: 13px; 
  font-weight:700; 
  line-height: 20px; 
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.module-058 .item-footer .row-between>.bui-btn-05:last-of-type:not(:only-child) {
  margin-left: 16px;
}
.module-058 .item-footer .row-center:last-of-type {
  display: flex;
  align-items: center;
  margin-left: 16px
}
.module-058 .item-footer button.row-center>span {
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
}
.module-058 .item-discuss {
  margin: 16px 0px;
  padding-left: 200px;
}
.module-058 .box-item.type-03 .item-discuss {
  padding-left: 0px;
}
.module-058 .item-discuss .action {
  display: flex;
  justify-content: flex-end;
  height: 40px;
}
.module-058 .item-discuss .action .bui-btn-05 {
  width: 128px;
}
.module-058 .item-discuss .board {
  margin: 16px 0px;
  padding: 12px;
  background: #FAFAFA;
  border-radius: 8px;
  line-height: 20px;
  font-size: 13px;
}
.module-058 .item-discuss .board .comment-item {
  display: flex;
  align-items: start;
  padding: 12px;
}
.module-058 .comment-item .child {
  margin: 16px 0px 0px 52px;
  border-left: 2px solid #F0F0F0;
}
.module-058 .comment-item .name {
  font-weight: 700;
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-058 .item-discuss .box-content {
  width: calc(100% - 56px);
}
.module-058 .comment-item .footer {
  display: flex;
  justify-content: space-between;
}
.module-058 .comment-item .date {
  color: #AAAAAA;
  max-height: initial;
  line-height: 20px;
  margin-bottom: 0px;
}
.module-058 .comment-item .link {
  color: #626364;
  font-weight: 700;
}
.module-058 .comment-item .link a {
  text-decoration: none;
}
.module-058 .comment-item.more-comment {
  justify-content: center;
}
.module-058 .comment-item.more-comment button {
  color: #626364;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.module-058 .reply-item {
  padding-left: 16px;
  margin-top: 16px;
}
.module-058 .reply-item .content .user {
  font-weight: 700;
}
.module-058 .reply-item .content .tag-user {
  color: #D99000;
  font-weight: 700;
  padding: 0px 8px;
}
.module-058 .more-reply {
  margin: 16px 0px 0px 52px;
}
.module-058 .more-reply button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.module-058 .more-reply button>span {
  font-weight: 700;
  margin-left: 8px;
}
.module-058 .box-container .box-list {
  position: relative;
  column-gap: 12px;
  row-gap: 32px;
}
.module-058 .box-list .slide-circle {
  font-size: 14px;
  color: #626364;
  background: #AAAAAA4D;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.module-058 .box-list .slide-circle.prev {
  left: 0px;
}
.module-058 .box-list .slide-circle.next {
  right: 0px;
}
.module-058 .box-list>.box-item.type-01 {
  width: 582px;
  position: relative;
  align-items: center;
}
.module-058 .box-list>.box-item.type-02 {
  width: 100%;
  padding: 24px 0px;
  position: relative;
  align-items: center;
  border-bottom: 1px solid #aaaaaa;
}
.module-058 .box-item.type-01 {
  width: 580px;
}
.module-058 .box-item.type-01 .item-header {
  background: #FFF7E6; 
  border-radius: 20px; 
  padding: 16px;
}
.module-058 .box-item.type-01 .item-header .detail>div:first-of-type,
.module-058 .box-item.type-02 .item-header .detail>div:first-of-type {
  height: 19px;
}
.module-058 .box-item.type-01 .item-body {
  margin: 12px 0px;
  padding: 0px 16px;
  min-height: 129px;
}
.module-058 .box-item.type-01 .item-footer {
  padding: 0px 16px;
}
.module-058 .box-item.type-01 .item-body>.title,
.module-058 .box-item.type-01 .item-body>.title a {
  color: #626364; 
  font-size: 15px; 
  font-weight: 700; 
  line-height: 22px; 
  width: 465px; /*最多30字: (30+1)*15*/
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}
.module-058 .box-item .item-body>.description {
  text-align: justify;
}
.module-058 .box-item.type-01 .item-body>.description {
  color: #626364; 
  font-size: 15px; 
  font-weight: 400; 
  line-height: 22px;
  margin-top: 4px; 
  height: 88px;
  position: relative;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.module-058 .alter-box {
  display: flex;
  justify-content: flex-end;
  background: #fff;
}
.module-058 .box-item.type-07 .alter-box,
.module-058 .box-item.type-08 .alter-box {
  background: #fafafa;
}
.module-058 .alter-box>a,
.module-058 .box-item.type-05 .item-body>.description.more>.alter-box>a,
.module-058 .box-item.type-07 .item-body>.description.more>.alter-box>a,
.module-058 .box-item.type-08 .item-body>.description.more>.alter-box>a {
  background: transparent;
  color: #DB9000;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
.module-058 .box-item.type-02 {
  width: 100%;
}
.module-058 .box-item.type-02 .item-body {
  margin: 0 0 24px 0;
  padding: 0 0 0 52px;
}
.module-058 .box-item.type-02 .item-body>.title {
  display: flex;
  align-items: center;
}
.module-058 .box-item.type-02 .item-body>.title>span {
  color: #000000;
  font-size: 15px; 
  font-weight: 700; 
  line-height: 22px;
  width: 465px; /*最多30個字:(30+1)*15*/
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}
.module-058 .box-item.type-02 .item-body>.title .red-tag {
  background: #CD3D35;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #ffffff;
  line-height: 20px;
  width: 92px;
  height: 24px;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.module-058 .box-item.type-02 .red-tag>i:before{
  width: 24px;
  height: 24px;
  margin: 0 4px 0 0;
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-triangle-alert.svg) no-repeat center center / 16px;
}
.module-058 .box-item.type-02 .item-body>.description {
  color: #000000; 
  font-size: 15px; 
  font-weight: 400; 
  line-height: 22px;
  margin-top: 4px; 
  padding-right: 24px;
}
.module-058 .box-item.type-02 .item-body>.description.limit,
.module-058 .box-item.type-03 .item-body>.description.limit {
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 10; 
  overflow: hidden;
}
.module-058 .box-item.type-02 .item-body .more,
.module-058 .box-item.type-03 .item-body .more,
.module-058 .comment-item .more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #626364;
  font-weight: 700;
}
.module-058 .box-item.type-02 .item-body .more,
.module-058 .comment-item .more {
  color: #626364;
  font-size: 13px;
  line-height: 20px;
}
.module-058 .box-item.type-02 .action .bui-btn-05:focus {
  background: #BF8000;
  border: 1px solid #BF8000;
  color: #FFFFFF;
}
.module-058 .box-item.type-03 .item-body .more {
  color: #626364;
  font-size: 15px;
  line-height: 22px;
}
.module-058 .box-item.type-02 .more>span,
.module-058 .box-item.type-03 .more>span {
  cursor: pointer;
}
.module-058 .box-item.type-02 .more>i:before,
.module-058 .box-item.type-03 .more>i:before,
.module-058 .comment-item .more>i:before {
  width: 12px;
  height: 14px;
  line-height: 20px;
  margin: 0 4px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-058 .box-item.type-02 .item-footer {
  padding: 0 0 0 52px;
}
.module-058 .box-item.type-02 .extend-box>.extend-options,
.module-058 .box-item.type-04 .extend-box>.extend-options {
  top: 20px;
  right: 0px;
}
.module-058 .box-item.type-03 {
  width: 100%;
  padding: 24px 0px;
}
.module-058 .box-item.type-03 {
  width: 100%;
}
.module-058 .box-item.type-03 .bui-stars.star-s .bui-star::before, 
.module-058 .box-item.type-03 .bui-stars.star-s .bui-star::after {
  font-size: 16px;
}
.module-058 .box-item.type-03 .item-body .detail .rating-overview {
  width: 90px;
  height: 20px;
  display: flex;
  position: relative;
  margin: 0px 16px 0px 0px;
  padding: 2px 12px;
}
.module-058 .box-item.type-03 .item-body>.detail .other {
  position: relative;
  font-size: 13px;
  color: #626364;
}
.module-058 .box-item.type-03 .item-body>.detail .rate-score {
  font-size: 13px;
}
.module-058 .box-item.type-03 .evaluate-area {
  width: 100%;
}
.module-058 .box-item.type-03 .item-header {
  width: 100%;
  height: 80px;
  background: #FFF7E6;
  border-radius: 20px;
  padding: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}
.module-058 .box-item.type-03 .item-body>.title {
  display: flex;
  align-items: center;
}
.module-058 .box-item.type-03 .item-body>.description {
  color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 4px;
}
.module-058 .box-item.type-03 .item-body {
  padding: 0px 24px;
  margin-top: 16px;
}
.module-058 .box-item.type-03 .product-area {
  margin-right: 24px;
}
.module-058 .box-item.type-03 .product-img {
  width: 176px;
  height: 176px;
  overflow: hidden;
  position: relative;
}
.module-058 .box-item.type-03 .product-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-058 .box-item.type-03 .item-footer {
  padding: 16px 24px;
}
.module-058 .box-item.type-04 .item-header {
  padding: 0px;
}
.module-058 .box-item.type-04 .item-body>.title {
  padding-bottom: 16px;
  border-bottom: 2px solid #D99000;
  margin-bottom: 16px;
}
.module-058 .box-item.type-04 .item-body>.title,
.module-058 .box-item.type-04 .item-body>.title a {
  color: #D99000;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.module-058 .box-item.type-04 .item-body>.description {
  font-size: 15px;
  line-height: 25.5px;
}
.module-058 .box-item.type-04 .item-footer {
  margin: 0px 0px 24px 0px;
  padding: 16px 0px;
  border-bottom: 2px solid #D99000;
}
.module-058 .box-item.type-04 .item-footer .row-between:last-of-type>:first-child {
  margin-right: 0px;
}
.module-058 .box-item.type-04 .item-discuss {
  padding-left: 0px;
}
.module-058 .box-item.type-04 .comment-item .child,
.module-058 .box-item.type-04 .more-reply {
  margin: 16px 0px 0px 0px;
}
.module-058 .box-item.type-05 {
  width: 280px;
}
.module-058 .box-list .wrap {
  flex-wrap: wrap;
  gap: 16px;
}
.module-058 .box-item.type-05 .box-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: hidden;
}
.module-058 .box-item.type-05 .item-header {
  background: #FFF6E5;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  color: #000;
  height: 120px;
}
.module-058 .box-item.type-05 .item-header .box-img {
  width: 88px;
  height: 88px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: transparent;
  aspect-ratio: 1 / 1;
}
.module-058 .box-item.type-05 .item-header .box-img img {
  border-radius: 12px;
}
.module-058 .box-item.type-05 .item-header .content {
  width: 152px;
  height: 72px;
}
.module-058 .box-item.type-05 .item-header .title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.module-058 .box-item.type-05 .item-header .author {
  font-size: 13px;
  line-height: 20px;
  width: 156px; /*最多11個字:(11+1)*13*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-058 .box-item.type-05 .item-header .detail {
  font-size: 13px;
  line-height: 20px;
}
.module-058 .box-item.type-05 .item-header .user {
  padding: 0px;
}
.module-058 .box-item.type-05 .item-header>.box-content .divide {
  color: #AAA;
  font-size: 12px;
  vertical-align: bottom;
  margin: 0px 4px;
}
.module-058 .box-item.type-05 .item-header>.box-content {
  width: 196px;
  margin-left: 0px;
}
.module-058 .box-item.type-05 .item-header>.box-content .date {
  margin-left: 0px;
}
.module-058 .box-item.type-05 .item-header>.box-content .rating-overview {
  padding: 0px 4px;
  width: 80px;
}
.module-058 .box-item.type-05 .item-body {
  padding: 0px 16px 16px 16px;
}
.module-058 .box-item.type-05 .item-body .score {
  color: #626364;
}
.module-058 .box-item.type-05 .item-body .date {
  color: #AAA;
  margin-left: 0px;
  line-height: 22px;
}
.module-058 .box-item.type-05 .user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0px;
  gap: 10px;
}
.module-058 .box-item.type-05 .user .content {
  width: 196px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 0px;
}
.module-058 .box-item.type-05 .user .divide {
  color: #AAA;
  font-size: 12px;
  vertical-align: bottom;
  margin: 0px 8px;
}
.module-058 .box-item.type-05.without-book .item-header .box-img,
.module-058 .box-item.type-05 .user .box-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #F0F0F0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module-058 .box-item.type-05 .user .content .user-name {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  width: 208px; /*最多15個字:(15+1)*13*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-058 .box-item.type-05 .user .detail .rating-overview {
  padding: 0px 4px;
  width: 60px;
}
.module-058 .box-item.type-05 .item-body,
.module-058 .box-item.type-05 .item-body .title a {
  color: #626364;
  line-height: 22px;
}
.module-058 .box-item.type-05 .item-body .title {
  font-weight: 700;
  width: 248px; /*最多16個字*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
}
.module-058 .box-item.type-05 .item-body .description {
  font-size: 15px;
  line-height: 20px;
  height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  position: relative;
}
.module-058 .box-item.type-05 .bui-stars.star-s .bui-star::before,
.module-058 .box-item.type-05 .bui-stars.star-s .bui-star::after {
  font-size: 13px;
}
.module-058 .box-item.type-05 .item-body>.description.more>.alter-box {
  position: absolute;
  top: 80px;
  right: 0px;
  background: #fff;
  color: #626364;
}
.module-058 .box-item.type-05.without-book .item-header {
  height: 80px;
}
.module-058 .box-item.type-05.without-book .item-body {
  padding: 16px;
}
.module-058 .box-item.type-05.without-book .item-body .description {
  height: 200px;
  -webkit-line-clamp: 10;
}
.module-058 .box-item.type-05.without-book .item-body>.description.more>.alter-box {
  top: 180px;
}
.module-058.with-btn  {
  padding: 24px 0px; 
  display: flex;
}
.module-058.with-btn .product-img {
  width: 180px;
  height: 180px;
  object-fit: fill;
  position: relative;
}
.module-058.with-btn .product-img img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.module-058.with-btn .btn-group .price {
  color: #000000;
  font-size: 19px;
  line-height: 28px;
  font-weight: 500;
}
.module-058.with-btn .btn-group .price span.red {
  color: #D0021B;
}
.module-058.with-btn .btn-group {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.module-058.with-btn .btn-group .bui-btn-05 {
  padding: 6px 9px;
  width: 100%;
}
.module-058.with-btn .btn-group .bui-btn-05:focus {
  color: #000000;
}
.module-058 .box-item.type-06 {
  width: calc(100% - 360px - 32px);
  min-height: 225px;
  padding: 0px 16px;
}
.module-058 .box-item.type-06 .product-title>h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.module-058 .box-item.type-06 .product-info {
  font-size: 13px;
  line-height: 20px;
  margin-top: 12px;
}
.module-058 .box-item.type-06 .product-info>a {
  color: #D99000;
}
.module-058 .box-item.type-06 .product-info>span:last-child {
  color: #000000;
}
.module-058 .box-item.type-06 .user {
  font-size: 13px;
  line-height: 20px;display: flex;
  align-items: center;
  margin-top: 12px;
}
.module-058 .box-item.type-06 .user .nickname {
  color: #000000;
  font-weight: 700;
  width: 182px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-058 .box-item.type-06 .user .level,
.module-058 .box-item.type-06 .user .rating-date {
  color: #AAAAAA;
}
.module-058 .box-item.type-06 .user .rating-score {
  margin: 0px 8px;
}
.module-058 .box-item.type-06 .user .rating-overview {
  line-height: 0px;
  width: 100px;
}
.module-058 .box-item.type-06 .user .divide {
  color: #00000033;
  font-size: 12px;
  vertical-align: bottom;
  margin: 0px 8px;
}
.module-058 .box-item.type-06 .evaluate-title {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.module-058 .box-item.type-06 .evaluate-title h6 {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  width: 433px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-058 .box-item.type-06 .evaluate-description {
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  margin-top: 4px;
  height: 66px; /*最多3行*/
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.module-058 .box-item.type-07 {
  position: relative;
}
.module-058 .box-item.type-07 .item-content {
  margin-left: 22px;
  width: 1158px;
  height: 377px;
  border-radius: 12px;
  background: #FAFAFA;
  padding: 92px 24px 24px 272px;
  position: relative;
}
.module-058 .box-item.type-07 .item-header {
  background: #FFF6E5;
  border-radius: 12px 0px;
  width: 568px;
  padding: 14px 0px 14px 272px;
  gap: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.module-058 .box-item.type-07 .item-header>.box-content {
  width: 196px;
  margin-left: 0px;
}
.module-058 .box-item.type-07 .item-body,
.module-058 .box-item.type-07 .item-body .title a,
.module-058 .box-item.type-08 .item-body,
.module-058 .box-item.type-08 .item-body .title a {
  color: #626364;
  font-size: 15px;
  line-height: 22px;
}
.module-058 .box-item.type-07 .item-body .title {
  font-weight: 700;
  width: 525px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
}
.module-058 .box-item.type-07 .item-body .description {
  font-size: 15px;
  line-height: 20px;
  height: 200px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  position: relative;
}
.module-058 .box-item.type-07 .item-body>.description.more>.alter-box {
  position: absolute;
  top: 180px;
  right: 0px;
  background: #FAFAFA;
  color: #626364;
}
.module-058 .box-item.type-07 .item-book {
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 3;
  width: 264px;
  background: #FFF;
  border-radius: 12px;
  box-shadow: 0px 4px 4px 0px #0000000D, 12px 12px 12px 0px #0000001A;
}
.module-058 .box-item.type-07 .item-book .product-img {
  width: 264px;
  height: 264px;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
  position: relative;
}
.module-058 .box-item.type-07 .item-book .product-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-058 .box-item.type-07 .item-book .product-info {
  padding: 12px;
}
.module-058 .box-item.type-07 .item-book .product-info .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
.module-058 .box-item.type-07 .item-book .product-info .author,
.module-058 .box-item.type-07 .item-book .product-info .publisher {
  color: #626364;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0px;
}
.module-058 .box-item.type-08 {
  position: relative;
}
.module-058 .box-item.type-08 .item-content {
  margin-left: 16px;
  width: 365px;
  height: 250px;
  border-radius: 12px;
  background: #FAFAFA;
  padding: 62px 24px 24px 176px;
  position: relative;
}
.module-058 .box-item.type-08 .item-header {
  background: #FFF6E5;
  border-radius: 12px 12px 0px 0px;
  width: 365px;
  height: 46px;
  padding: 16px 16px 16px 176px;
  gap: 12px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}
.module-058 .box-item.type-08 .item-header p {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.module-058 .box-item.type-08 .item-header p .gold {
  font-size: 15px;
  color: #D99000;
  line-height: 22px;
  margin-right: 4px;
}
.module-058 .box-item.type-08 .item-body .title {
  font-weight: 700;
  width: 173px;
  height: 44px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 4px;
}
.module-058 .box-item.type-08 .item-body .description {
  font-size: 15px;
  height: 110px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  position: relative;
}
.module-058 .box-item.type-08 .item-body>.description.more>.alter-box {
  position: absolute;
  top: 110px;
  padding-right: 80px;
  right: 0px;
  background: #FAFAFA;
  color: #626364;
}
.module-058 .box-item.type-08 .item-book {
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 3;
  width: 176px;
  background: #FFF;
  border-radius: 12px;
  box-shadow: 0px 4px 4px 0px #0000000D, 12px 12px 12px 0px #0000001A;
}
.module-058 .box-item.type-08 .item-book .product-img {
  width: 176px;
  height: 176px;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
  position: relative;
}
.module-058 .box-item.type-08 .item-book .product-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-058 .box-item.type-08 .item-book .product-info {
  padding: 12px;
}
.module-058 .box-item.type-08 .item-book .product-info .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* module-059 */
.module-059 a {
  color: #2c62c2;
}
.module-059 .product-area {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin: 12px 0px 48px 0px;
}
.module-059 .product-area>.product-img {
  width: 176px;
  height: 176px;
  overflow: hidden;
}
.module-059 .product-area>.product-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-059 .product-area>.product-info {
  margin-left: 12px;
  width: calc(1180px - 176px - 12px);
}
.module-059 .product-area>.product-info a {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.module-059 .product-area>.product-info h5{
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #626364;
  margin-top: 8px;;
}
.module-059 .row-start {
  width: 100%;
  display: flex;
  align-items: center;
}
.module-059 .form-user {
  margin: 12px 0px;
  min-height: 40px
}
.module-059 .form-user .avatar-box {
  background: #444; 
  border-radius: 50%; 
  height: 40px; 
  width: 40px;
  overflow: hidden;
}
.module-059 .form-user .avatar-box>img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-059 .form-user .nickname {
  width: 196px;
  line-height: 40px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-059 .form-user>div:not(first-type) {
  margin-left: 8px;
}
.module-059 .form-user .note {
  font-size: 13px;
  color: #626364;
  line-height: 20px;
}
.module-059 .form-user .action {
  font-size: 13px;
  color: #626364;
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}
.module-059 .column-center {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.module-059 .e-title-box {
  position: relative;
  margin-bottom: 12px;
}
.module-059 .e-title-box h2.color01{
  color: #D99000;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.module-059 .yellow-block {
  border-radius: 12px;
  background: #FFF7E6;
  padding: 16px;
  width: 100%;
  display: flex;
  align-items: center;
}
.module-059 .yellow-block .title {
  position: relative;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
}
.module-059 .yellow-block .rating-box {
  padding-left: 12px;
}
.module-059 .rating-box fieldset.rating,
.module-059 .rating-box fieldset.rating label { 
  margin: 0; 
  padding: 0; 
}
.module-059 .rating-box .rating { 
  border: none;
  float: left;
}
.module-059 .rating-box .rating > input { display: none; } 
.module-059 .rating-box .rating > label:before { 
  margin: 0 5px;
  font-size: 20px;  
  font-family: "icon_01";
  display: inline-block;  
  content: "\e808"; 
}
.module-059 .rating-box .rating > .half:before { 
  content: "\e84d";
  position: absolute;
}
.module-059 .rating-box .rating > label { 
  color: #ccc; 
 float: right; 
}
.module-059 .rating-box .rating > input:checked ~ label, 
.module-059 .rating-box .rating:not(:checked) > label:hover,
.module-059 .rating-box .rating:not(:checked) > label:hover ~ label { color: #FDCE11;  } 

.module-059 .rating-box .rating > input:checked + label:hover, 
.module-059 .rating-box .rating > input:checked ~ label:hover,
.module-059 .rating-box .rating > label:hover ~ input:checked ~ label,
.module-059 .rating-box .rating > input:checked ~ label:hover ~ label { color: #ffda43;  } 
.module-059 .rating-box .rating-set {position: relative;}
.module-059 .rating-box .rating-set span {
  line-height: 43px;
  display: inline-block;
}
.module-059 .rating-box .rating.disabled > input:checked ~ label, 
.module-059 .rating-box .rating.disabled:not(:checked) > label:hover,
.module-059 .rating-box .rating.disabled:not(:checked) > label:hover ~ label { 
    color: #CCC; 
}
.module-059 .gray-block {
  border-radius: 12px;
  background: #FAFAFA;
  padding: 16px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.module-059 .error-icon {
  color: #CD3D35;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding-left: 4px;
}
.module-059 .form-area {
  padding: 0px 8px;
  margin: 24px 0px 72px 0px;
}
.module-059 .form-area .form-label.type01 {
  display: block;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  color: #626364;
  margin-bottom: 8px;
}
.module-059 .form-area .form-label.type02 {
  display: block;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 8px;
}
.module-059 .form-area .form-element {
  padding: 9px 16px;
  width: 100%;
  min-width: 1164px;
  border: 1px solid #AAAAAA;
  border-radius: 12px;
  background: #FFFFFF;
  height: 40px;
  line-height: 1.5rem;
}
.module-059 .form-area .form-element.error {
  border: 1px solid #CD3D35 !important;
}
.module-059 .form-area .form-element:disabled,
.module-059 .form-area .form-element.w-176:disabled {
    background: #eee;
    border: 1px solid #AAAAAA;
}
.module-059 .error-message,
.error-message.is-rate {
  color: #CD3D35;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.module-059 .form-area .form-element.w-176 {
  padding: 9px 16px;
  min-width: 176px;
  max-width: 176px;
  border: 1px solid #AAAAAA;
  border-radius: 12px;
  background: #FFFFFF;
  height: 40px;
  line-height: 1.5rem;
}
.module-059 .form-area textarea.form-element {
  resize: none;
  height: 430px;
  max-width: 1164px;
}
.module-059 .form-area .form-element::placeholder {
  color: #AAAAAA;
  font-size: 15px;
  line-height: 22px;
}
.module-059 .form-area .bui-btn-05 {
  width: 152px;
}
.module-059 .row-start>:not(first-of-child) {
  margin-left: 8px
}
.module-059 .e-check-input {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
}
.module-059 .e-check-input {
  position: absolute;
  opacity: 0;
}
.module-059 .e-check-input + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.module-059 .e-check-input + label:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #D99000;
  border-radius: 4px;
}
.module-059 .e-check-input:checked + label:before {
  background: #F2AA18;
  border: 1px solid #D99000;
  border-radius: 4px;
}
.module-059 .e-check-input:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.module-059 .e-list-group.type01 {
  list-style-type: disc;
  padding-left: 15px;
  line-height: 20px;
  color: #626364;
  font-size: 13px;
}
.module-059 .e-btn {
  padding: 8px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
}
.module-059 .e-btn.btn-success {
  width: 152px;
  height: 40px;
  background: #D99000;
  border: none;
  border-radius: 8px;
  color: #fff;
}
.module-059 .e-btn.btn-refresh, .module-059 .e-btn.btn-refresh i {
  width: 24px;
  height: 24px;
}
.module-059 .e-btn.btn-refresh i:before {
  width: 24px;
  height: 24px;
  margin: 0 4px 0 0;
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-refresh.svg) no-repeat center center / 24px;
}
/* module-060 */
.module-060 {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 22px;
  margin: 16px 0px;
  padding: 0px 16px 16px 0px;
  border-bottom: 1px solid #f0f0f0;
}
.module-060.type-02 {
  position: relative;
}
.module-060 div.filter-label {
  min-width: 180px;
  padding: 0px 16px;
}
.module-060 h5 {
  color: #000;
  font-weight: 700;
}
.module-060 h5>span,
.module-060.type-01 h5>span {
  color: #626364;
  font-weight: 400;
}
.module-060 ul.check-inline-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.module-060 ul.check-inline-box.multiple {
  position: relative;
  max-height: 4.5em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-right: 52px;
  transition: 0.2s;
}
.module-060 ul.filter-inline-box {
  display: flex;
  align-items: center;
  background: #F0F0F0;
  font-size: 15px;
  line-height: 22px;
  padding: 16px;
  column-gap: 16px;
  width: 100%;
}
.module-060 button.filter-btn {
  margin: 5px 0px;
}
.module-060 button.filter-btn.gold,
.module-060 button.filter-btn:focus {
  color: #BF8000;
  font-weight: 700;
}
.module-060 ul.multiple.check-inline-box>li {
  margin: 0px 14px 14px 0px;
}
.module-060 ul.check-inline-box>li:not(:last-of-type) {
  margin-right: 14px;
}
.module-060 .check-input {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0px;
}
.module-060 .check-input {
  position: absolute;
  opacity: 0;
}
.module-060 .check-input + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.module-060 .check-input + label:before {
  content: "";
  margin-right: 4px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #D99000;
  border-radius: 4px;
}
.module-060 .check-input:checked + label:before {
  background: #F2AA18;
  border: 1px solid #D99000;     
  border-radius: 4px;
}
.module-060 .check-input:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.module-060 .switch-box {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #D99000;
  text-align: right;
  cursor: pointer;
}
.module-060 .switch-box>span {
  margin-left: 4px;
}
.module-060 .option-btn-group {
  display: flex;
  align-items: center;
  column-gap: 16px;
  padding: 0px;
}
.module-060 div.option-btn {
  background: #F7F8F9;
  border: 1px solid #D8DAD8;
  border-radius: 14px;
  padding: 5px 8px 5px 12px;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  min-width: 100px;
}
.module-060 div.option-btn span {
  color: #000000;
}
.module-060 div.option-btn i {
  color: #AAAAAA;
  width: 16px;
  height: 22px;
  line-height: 22px;
}
.module-060 .option-btn.active i {
  color: #000000;
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
  margin-left: 3px;
  margin-right: -3px;
}
.module-060 .option-btn.active {
  background: #F2AA18;
  border: 1px solid #BF8000;
}
.module-060 .option-btn.selected {
  background: #FFF6E5;
  border: 1px solid #BF8000;
}
.module-060 .option-btn.selected i {
  color: #BF8000;
}
.module-060 .checkbox-group {
  border: 1px solid #F2AA18;
  background: #FFFFFF;
  padding: 8px;
  border-radius: 12px;
  position: absolute;
  top: 38px;
  left: 0px;
  width: max-content;
  display: none;
  z-index: 30;
}
.module-060.type-03 {
  padding: 0px;
}
/* module-061 */
.module-061 .u-panel-title {
  padding-bottom: 8px;
}
.module-061 .u-panel-title.u-mb-24 {
  margin-bottom: 24px;
}
.module-061 .u-panel-title.u-mb-32 {
  margin-bottom: 32px;
}
.module-061 .u-panel-title i[title="title-icon"] {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: bottom;
  background-size: cover;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 4px;
}
.module-061 .u-panel-title>span {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #626364;
  position: relative;
}
.module-061 .u-panel-title span.divide {
  color: #00000033;
  font-size: 16px;
  vertical-align: bottom;
  margin: 0px 8px;
  padding: 8px 0px;
}
.module-061 .bui-pagination-04 {
  margin: 40px auto;
}
.module-061 .bui-pagination-04 .page li.active a::after {
  color: #BF8000;
  border: 1px solid #BF8000;
}
.module-061 .bui-pagination-04 select {
  border: 1px solid #D8DAD8;
  padding: 3px 27px 3px 12px;
}
/* module-062 */
.module-062 .data-analysis .average>:first-child {
  font-size: 20px;
  font-weight: 700;
}
.module-062 .data-analysis .average>:last-child {
  font-size: 13px;
}
.module-062 .data-analysis .total {
  width: 96px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.module-062 .data-analysis .box-progress {
  position: relative;
  width: 152px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 8px 0px;
  color: #626364;
  line-height: 20px;
  font-size: 13px;
}
.module-062 .data-analysis .box-progress .row {
  width: 140px;
  display: flex;
  justify-content: space-between;
  align-items:center;
  font-size: 13px;
  line-height: 20px;
}
.module-062 .data-analysis .box-progress .progress {
  width: 87px;
  height: 8px;
  border-radius: 8px;
  overflow: hidden;
  background: #AAAAAA;
  margin: 0px 6px;
}
.module-062 .data-analysis .box-progress .count {
  width: 35px;
  text-align: right;
}
.module-062 .data-analysis .box-progress .progress-bar {
  display: block;
  height: 8px;
  border-radius: 8px 0 0 8px;
  background-color: #FFAC00;
}
.module-062 .publish-area>.row-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 24px;
}
.module-062 .footer .btn-01 {
  width: 100%;
}
.module-062 .rating-box fieldset.rating,
.module-062 .rating-box fieldset.rating label { 
  margin: 0; 
  padding: 0; 
}
.module-062 .rating-box .rating { 
  border: none;
  float: right;
}
.module-062 .rating-box .rating > input { display: none; } 
.module-062 .rating-box .rating > label:before { 
  margin: 0 2px;
  font-size: calc(120px / 5 - 2.5px);
  font-family: "icon_01";
  display: inline-block;
  content: "\e808";
}
.module-062 .rating-box .rating > .half:before { 
  content: "\e84d";
  position: absolute;
}
.module-062 .rating-box .rating > label { 
  color: #ccc;
  float: right;
}
.module-062 .data-analysis .rating-box .rating > input:checked ~ label, 
.module-062 .data-analysis .rating-box .rating:not(:checked) > label:hover,
.module-062 .data-analysis .rating-box .rating:not(:checked) > label:hover ~ label { 
  color: #ccc;
  cursor: pointer;
}
.module-062 .data-analysis .rating-box .rating > input:checked + label:hover, 
.module-062 .data-analysis .rating-box .rating > input:checked ~ label:hover,
.module-062 .data-analysis .rating-box .rating > label:hover ~ input:checked ~ label,
.module-062 .data-analysis .rating-box .rating > input:checked ~ label:hover ~ label { 
  color: #ffda43;  
}
.module-062 .data-analysis .rating-box .rating-set {
  position: relative;
}
.module-062 .data-analysis .rating-box .rating-set span {
  line-height: 43px;
  display: inline-block;
}
.module-062.type-01 .data-analysis {
  border-radius: 12px 12px 0px 0px;
  padding: 16px 12px 12px 12px; 
  background: #FAFAFA;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
}
.module-062.type-01 .data-analysis .data {
  display: flex;
  justify-content: center;
}
.module-062.type-01 .data-analysis .sum {
  margin-top: 8px;
  font-size: 13px;
}
.module-062.type-01 .data-analysis:first-child {
  text-align: center;
}
.module-062.type-01 .data-analysis:last-child {
  text-align: center;
}
.module-062.type-01 .data-analysis .rating-overview {
  width: 80px;
  height: 20px;
  display: flex;
  position: relative;
}
.module-062.type-01 .data-analysis .rating-overview li {
  position: relative;
  padding: 0 8px;
}
.module-062.type-01 .data-analysis .rating-overview li:first-child {
  padding-left: 0;
}
.module-062.type-01 .data-analysis .bui-star::before, 
.module-062.type-01 .data-analysis .bui-star::after,
.module-062.type-01 .data-analysis .bui-stars.star-s .bui-star::before, 
.module-062.type-01 .data-analysis .bui-stars.star-s .bui-star::after {
  font-size: 13px;
}
.module-062.type-01 .publish-area {
  border-radius: 0px 0px 12px 12px;
  padding: 12px 24px 16px 24px; 
  background: #FFF7E5;
  font-size: 15px;
  line-height: 22px;
}
.module-062.type-01 .publish-area>.row-between>div:first-child {
  font-weight: 700;
  color: #000000;
}
.module-062.type-01 .publish-area>.row-between>div.link:first-child {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #626364;
  text-decoration: underline;
  cursor: pointer;
}
.module-062.type-01 .publish-area>.row-between .user-score {
  font-size: 20px;
  line-height: 30px;
}
.module-062.type-01 .publish-area>.row-between>div:last-child {
  width: 120px;
  height: 20px;
}
.module-062.type-01 .publish-area>.footer {
  margin-top: 8px;
}
.module-062.type-02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #FAFAFA;
  display: flex;
  align-items: center;
  padding: 16px;
}
.module-062.type-02 .data-analysis {
  display: flex;
  align-items: center;
}
.module-062.type-02 .data-analysis .average {
  font-size: 18px;
  font-weight: 700;
}
.module-062.type-02 .data-analysis .sum {
  font-size: 13px;
  line-height: 20px;
}
.module-062.type-02 .data-analysis span.divide {
  font-size: 8px;
  vertical-align: top;
  margin: 0px 8px;
  padding: 6px 0px 6px 0px;
  color: #626364;
}
.module-062.type-02 .data-analysis .link>a {
  font-size: 13px;
  font-weight: 700;
  color: #626364;
  text-decoration: underline;
}
.module-062.type-02 .data-analysis .rating-overview {
  width: 134px;
  height: 26px;
  display: flex;
  position: relative;
  margin: 0px 24px 0px 0px;
  padding: 0px 8px;
}
.module-062.type-02 .data-analysis .rating-overview li {
  position: relative;
  padding: 0 8px;
}
.module-062.type-02 .data-analysis .rating-overview li:first-child {
  padding-left: 0;
}
.module-062.type-02 .data-analysis .bui-star::before, 
.module-062.type-02 .data-analysis .bui-star::after,
.module-062.type-02 .data-analysis .bui-stars.star-s .bui-star::before, 
.module-062.type-02 .data-analysis .bui-stars.star-s .bui-star::after {
  font-size: 25px;
}
.module-062.type-02 .publish-area>.row-between>div:first-child {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
}
.module-062.type-02 .publish-area>.row-between>div.link:first-child {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #626364;
  text-decoration: underline;
}
.module-062.type-02 .publish-area>.row-between .user-score {
  font-size: 20px;
  line-height: 30px;
}
.module-062.type-02 .publish-area>.footer {
  margin-top: 8px;
}
.module-062 .publish-area .rating-box {
  margin-left: 4px;
}
.module-062.type-01 .publish-area .rating-box fieldset.rating,
.module-062.type-01 .publish-area .rating-box fieldset.rating label { 
  margin: 0; 
  padding: 0; 
}
.module-062.type-01 .publish-area .rating-box .rating { 
  border: none;
  float: left;
}
.module-062.type-01 .publish-area .rating-box .rating > input { display: none; } 
.module-062.type-01 .publish-area .rating-box .rating > label:before { 
  margin: 0 2px;
  font-size: calc(120px / 5 - 2.5px);
  font-family: "icon_01";
  display: inline-block;
  content: "\e808";
}
.module-062.type-01 .publish-area .rating-box .rating > .half:before { 
  content: "\e84d";
  position: absolute;
}
.module-062.type-01 .publish-area .rating-box .rating > label { 
  color: #ccc; 
  float: right; 
}
.module-062 .publish-area[data-type="create"] .rating-box .rating:not(:checked) > label:hover,
.module-062 .publish-area[data-type="create"] .rating-box .rating:not(:checked) > label:hover ~ label { 
  color: #FDCE11;  
}
.module-062 .publish-area[data-type="create"] .rating-box .rating > input:checked + label:hover,
.module-062 .publish-area[data-type="create"] .rating-box .rating > input:checked ~ label:hover,
.module-062 .publish-area[data-type="create"] .rating-box .rating > label:hover ~ input:checked ~ label,
.module-062 .publish-area[data-type="create"] .rating-box .rating > input:checked ~ label:hover ~ label { 
  color: #ffda43;  
}
.module-062 .publish-area .rating-box .rating > input:checked ~ label, 
.module-062 .publish-area .rating-box .rating:not(:checked) > label:hover ~ label {
  color: #FDCE11;
}
.module-062 .publish-area[data-type="modify"] .rating-box fieldset {
  pointer-events: none;
}
.module-062 .publish-area .rating-set {
  position: relative;
}
.module-062 .publish-area .rating-set span {
  line-height: 43px;
  display: inline-block;
}
.module-062 .publish-area .rating.disabled > input:checked ~ label,
.module-062 .publish-area .rating.disabled:not(:checked) > label:hover,
.module-062 .publish-area .rating.disabled:not(:checked) > label:hover ~ label {
  color: #CCC; 
}
/* module-063 */
.module-063 .u-panel-title.title01 {
  padding-bottom: 18px;
  line-height: 27px;
}
.module-063 .more-evaluate {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 30px 0px;
}
.module-063 .more-evaluate button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.module-063 .more-evaluate button>span {
  color: #626364;
  font-size: 15px;
  line-height: 22px;
  margin-right: 4px;
}
.module-063 .more-evaluate button>i {
  color: #626364;
}
.module-063 .module-058 .item-body .bui-tag-02.w-92 {
  min-width: 92px;
}
.module-063 .module-058 .bui-btn-05:focus {
  color: #000;
}
.module-063 .module-058 .bui-btn-05.btn-thumbs-up:focus i:before {
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-thumbs-up.svg) no-repeat center center / 24px;
}
/* module-064 */
.module-064 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 24px;
  padding: 24px;
  border-radius: 12px;
  background: #FAFAFAE5;
  margin: 24px 0px;
}
.module-064 .user {
  position: relative;
  width: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 12px;
}
.module-064 .user .user-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}
.module-064 .user .user-badge>span {
  color: #D99000;
  margin-right: 4px;
}
.module-064 .user .user-badge>i {
  position: relative;
  cursor: pointer;
}
.module-064 .user .user-badge .info-box {
  position: absolute;
  left: 32px;
  top: 20px;
  background: #ffffff;
  box-shadow: 0px 8px 8px 0px #00000033;
  padding: 8px;
  border-radius: 12px;
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
}
.module-064 .user .box-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #D99000;
  position: relative;
}
.module-064 .user .box-img>img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.module-064 .edit-btn {
  position: absolute;
  top: 51px;
  left: 52px;
  z-index: 1;
  cursor: pointer;
  color: #626364;
  border: 1px dotted #D99000;
  border-radius: 50%;
  background: #f4f4f4;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module-064 .edit-btn i {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.module-064 .user .name {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-064 .user .bui-btn-05 {
  width: 152px;
}
.module-064 .user .bui-btn-05.gold {
  background: #BF8000;
}
.module-064 .info {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 8px 8px 0px #00000033;
  width: 100%;
  display: flex;
  padding: 24px;
  gap: 20px;
}
.module-064 .info .data {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.module-064 .info .data:not(:first-child) {
  border-left: 1px solid #00000033;
}
.module-064 .info .data i::before {
  content: '';
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-064 .info .data i.compile::before {
  width: 72px;
  height: 72px;
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-compile.png) no-repeat center center / 72px;
}
.module-064 .info .data i.rate::before {
  width: 72px;
  height: 72px;
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-rate.png) no-repeat center center / 72px;
}
.module-064 .info .data i.follow::before {
  width: 72px;
  height: 72px;
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-follower.png) no-repeat center center / 72px;
}
.module-064 .info .data i.like::before {
  width: 72px;
  height: 72px;
  background: transparent url(//jci.book.com.tw/css/books/module/images/icon-like.png) no-repeat center center / 72px;
}
.module-064 .info p {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-top: 8px;
}
.module-064 .info p>em {
  color: #D99000;
}
/* module-065 */
.module-065 {
  position: relative;
}
.module-065 .u-item-grid-list {
  display: flex;
  flex-wrap: wrap;
}
.module-065 .item:nth-child(5n),
.module-065 .item:last-child {
  margin: 0 0 0 0;
}
.module-065 .img-wrap {
  width: 180px;
  height: 120px;
  margin-bottom: 10px;
}
.module-065 .img-wrap img {
  width: 100%;
  height: 100%;
}
.module-065 .img-wrap img::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
.module-065 .radius-12 .img-wrap img {
  border-radius: 12px;
}
.module-065 .item-info {
  width: 180px;
  font-size: 13px;
  color: #000;
}
.module-065 .item-info .list li a {
  display: block;
}
.module-065 .item-info .list li {
  width: 100%;
  position: relative;
  padding: 0 0 0 15px;
  margin: 0 0 6px 0;
  line-height: 1.5em;
  height: 1.5em;
  font-size: 13px;
  overflow: hidden;
}
.module-065 .item-info .list li:last-child {
  margin: 0;
}
.module-065 .item-info .list li::before {
  position: absolute;
  top: 0;
  left: 5px;
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  content: '\e804';
  color: #969696;
}
.module-065 .item-info .list li .hot::before {
  display: inline-flex;
  margin-right: 3px;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  content: '\ea3b';
  color: #FF7205;
}
/* module-066 */
.module-066 {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  color: #797979;
  padding: 10px 16px 0px 16px;
}
.module-066 .share-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #626364;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.module-066 .share-box>p {
  padding: 0px 8px 0px 4px;
}
.module-066 .share-box .bui-btn-05.btn-share {
  position: relative;
  padding: 0px;
  line-height: 24px;
}
.module-066 .share-box .bui-btn-05.btn-share i {
  color: #626364;
}
.module-066 .extend-options {
  display: none;
  list-style: none;
  background: #FAFAFA;
  border-radius: 8px;
  padding: 8px 0px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  z-index: 5;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #626364;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  width: 183px;
  box-shadow: 1px 1px 10px #00000033;
}
.module-066 .share-box .extend-box {
  position: relative;
}
.module-066 .share-box .share.extend-options {
  top: 20px;
  right: 0px;
}
.module-066 .extend-options>li:hover {
  cursor: pointer;
  background: #F0F0F0;
}
.module-066 .extend-options>li {
  padding: 8px 16px;
  line-height: 2.1em;
}
.module-066 .extend-options>li>a {
  display: block;
  width: 100%;
}
/* module-067 */
.module-067 {
  background: #F0F0F0;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 22px;
  padding: 16px;
  column-gap: 16px;
}
/* module-068 */
.module-068 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0px;
}
.module-068.be-right {
  justify-content: flex-end;
  margin: 12px 0 0 0;
}
.module-068 .select-result {
  display: flex;
  align-items: center;
  width: calc(100% - 150px);
}
.module-068 .select-result .total {
  color: #D99000;
  font-size: 18px;
  font-weight: 700;
  border-right: 1px solid #00000033;
  padding-right: 12px;
  margin-right: 12px;
}
.module-068 .select-result .filter-box {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 186px);
  gap: 8px;
}
.module-068 .select-result .filter-tag {
  background: #FAFAFA;
  border-radius: 30px;
  padding: 4px 8px;
}
.module-068 .select-result .filter-tag>i {
  margin-left: 4px;
}
.module-068 .select-page {
  width: 160px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.module-068 .select-page label {
  padding-right: 4px;
  color: #7D7D7C;
  font-size: 13px;
  line-height: 20px;
}
.module-068 .select-page select {
  height: 32px;
  padding: 0 30px 0 20px;
  -moz-padding-end: 20px;
  color: #7d7d7c;
  border: 1px solid #D8DAD8;
  border-radius: 14px;
  background-color: #F7F8F9;
  background: #F7F8F9 url(//jci.book.com.tw/img/bui/icon-angle-down-03.svg) no-repeat right 15px center;
  background-size: 10px;
}
/* module-069 */
.module-069 {
  position: relative;
  width: 100%;
  height: 30px;
  display: flex;
  overflow: hidden;
}
.module-069 .title  {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #12AE57;
}
.module-069 .title i.icon {
  width: 24px;
  height: 24px;
  margin: 0;
  display: inline-block;
  vertical-align: bottom;
  background: url("//jci.book.com.tw/css/header/images/icon-horn-01.svg") no-repeat center center / 24px;
}
.module-069 .list {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  overflow: hidden;
  border-radius: 12px;
  background: #D1FAE3;
  font-size: 15px;
  line-height: 30px;
  color: #000;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.module-069 .list li a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
/* module-070 */
.module-070 {
  position: relative;
}
.module-070 .card {
  display: flex;
  border-radius: 12px;
  background-color: #F0F0F0;
}
.module-070 .box-img-wrap {
  width: 184px;
  height: 810px;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-070 .box-img-wrap img {
  width: 184px;
  height: 810px;
  border-radius: 12px 0 0 12px;
}
.module-070 .u-container {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 16px 16px 16px 0;
  overflow: hidden;
}
.module-070 .u-container .box-block {
  width: 100%;
  height: 100%;
  padding: 16px 32px;
  background: #fff;
  border-radius: 12px;
  display: flex;
}
.module-070 .u-item-grid-list {
  margin-bottom: 0;
}
.module-070 .item-4 .item {
  width: 180px;
  margin-right: 65px;
  margin-bottom: 0;
}
.module-070 .item-4 .item:nth-child(4n) {
  margin-right: 0;
}
.module-070 .item-4 .item:nth-child(n+5){
  margin-bottom: 0;
}
.module-070 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-070 .item-info {
  width: 180px;
  padding: 0 5px 0;
  overflow: hidden;
}
.module-070 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-070 .prod-price strong {
  font-size: 18px;
}
.module-070 .bui-category-icon .sign-emag,
.module-070 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-070 .prod-text {
  margin-bottom: 0;
}
/* module-071 */
.module-071 {
  position: relative;
}
.module-071 .u-carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.module-071 .u-carousel .carousel-next,
.module-071 .u-carousel .carousel-prev {
  z-index: 1;
  top: 55%;
  border-radius: 10px;
  border: 0.5px solid rgba(216, 218, 216, 0.25);
  background: rgba(170, 170, 170, 0.30);
}
.module-071 .u-carousel .carousel-prev {
  left: 0;
}
.module-071 .u-carousel .carousel-next {
  right: 0;
}
.module-071 .u-carousel .carousel-next:hover,
.module-071 .u-carousel .carousel-prev:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.module-071 .item {
  width: 377px;
  margin-right: 12px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-071 .card {
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  background: #D1FAE3;
  color: #626364;
  font-size: 15px;
  display: flex;
  flex-direction: column;
}
.module-071 .profile {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.module-071 .profile .avatar {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-071 .profile .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.module-071 .profile .name {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.module-071 .profile .follow {
  min-width: 100px;
  margin: 0 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 15px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-071 .profile .follow button,
.module-071 .profile .follow a {
  color: #1C8039;
  font-weight: bold;
  margin: 0 0 0 8px;
  cursor: pointer;
}
.module-071 .card .text {
  white-space: normal;
  display: -webkit-box;
  height: 4.5em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
}
.module-071 .info {
  width: 100%;
  padding: 16px 16px 0;
}
.module-071 .info li {
  display: flex;
  margin-bottom: 8px;
  line-height: 22px;
  height: 22px;
  color: #626364;
}
.module-071 .info li:last-child {
  margin-bottom: 0;
}
.module-071 .info label {
  width: 200px;
  color: #626364;
  font-weight: bold;
  line-height: 22px;
}
.module-071 .info .flex-auto {
  width: 100%;
  margin: 0 0 0 auto;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}
/* module-072 */
.module-072 {
  position: relative;
}
.module-072 .u-carousel {
  position: relative;
  padding: 0 24px 48px;
}
.module-072 .u-carousel .carousel-next,
.module-072 .u-carousel .carousel-prev {
  z-index: 1;
  top: 40%;
  border-radius: 10px;
  border: 0.5px solid rgba(216, 218, 216, 0.25);
  background: rgba(231, 233, 231, 0.9);
}
.module-072 .u-carousel .carousel-prev {
  left: 0;
}
.module-072 .u-carousel .carousel-next {
  right: 0;
}
.module-072 .u-carousel .carousel-next:hover,
.module-072 .u-carousel .carousel-prev:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.module-072 .carousel-dots {
  position: absolute;
  padding: 0 15px;
  right: 28px;
  bottom: 12px;
  border-radius: 10px;
  background: rgba(170, 170, 170, 0.50);
}
.module-072 .u-carousel .carousel-dots li::before {
  opacity: 0.5;
}
.module-072 .u-carousel .carousel-dots li.active::before {
  color: #fff;
  opacity: 1;
}
.module-072 .carousel-inner {
  border-radius: 12px;
  background: #FAFAFA;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.10);
}
.module-072 .item {
  width: 100%;
  padding: 16px 40px;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-072 .item .title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-072 .item .text-content {
  max-height: 200px;
  overflow: hidden;
  color: #626364;
  font-size: 15px;
  line-height: 1.5em;
}
.module-072 .img-wrap {
  width: 480px;
  height: 340px;
  margin-right: 24px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-072 .img-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.module-072 .content {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.module-072 .info {
  display: flex;
  margin-bottom: 16px;
}
.module-072 .info .date {
  min-width: 100px;
  margin: 0 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  font-size: 13px;
  color: #aaaaaa;
  line-height: 30px;
  height: 30px;
  flex-grow: 0;
  flex-shrink: 0;
}
.module-072 .info .name {
  width: 100%;
  font-weight: bold;
  font-size: 13px;
  color: #626364;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* module-073 */
.module-073 .bui-category-icon .sign-emag,
.module-073 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-073 .u-carousel .carousel-next,
.module-073 .u-carousel .carousel-prev,
.module-073 .u-slider .slick-next,
.module-073 .u-slider .slick-prev {
  z-index: 1;
  top: 45%;
  border-radius: 10px;
  border: 0.5px solid rgba(216, 218, 216, 0.25);
  background: rgba(170, 170, 170, 0.30);
}
.module-073 .u-carousel .carousel-prev,
.module-073 .u-slider .slick-prev {
  left: 0;
}
.module-073 .u-carousel .carousel-next,
.module-073 .u-slider .slick-next {
  right: 0;
}
.module-073 .u-carousel .carousel-next:hover,
.module-073 .u-carousel .carousel-prev:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.module-073 .content-wrap {
  position: relative;
}
/* module-074 */
.module-074 {
  position: relative;
  color: #000;
  z-index: 0;
}
.module-074 .box-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  height: 731px;
}
.module-074 .u-float-box {
  background: linear-gradient(90deg, #D99816 100%, #D99816 40%);
  width: 280px;
  height: 144px;
  padding: 16px 16px 0px 16px;
  border-radius: 12px 12px 0px 0px;
}
.module-074 .u-float-box h4 {
  color: #FFF;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}
.module-074 .scroll {
  position: absolute;
  top: 83px;
  left: 16px;
  height: 632px;
  width: 257px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.module-074 .scroll::-webkit-scrollbar {
  width: 5px;
}
.module-074 .scroll::-webkit-scrollbar-button {
  background: transparent;
  border-radius: 4px;
}
.module-074 .scroll::-webkit-scrollbar-track-piece {
  background: transparent;
}
.module-074 .scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #00000033;
  border: none;
}
.module-074 .scroll::-webkit-scrollbar-track {
  box-shadow: none;
}
.module-074 .float-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 248px;
  border-radius: 12px;
  border-top: 2px solid #FAFAFAE5;
  border-right: 2px solid #FAFAFAE5;
  border-left: 2px solid #FAFAFAE5;
  background: #FAFAFAE5;
  width: 248px;
  border-radius: 12px;
}
.module-074 .item {
  padding: 24px 0px;
  margin: 0px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.module-074 .item:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.module-074 .item:first-of-type {
  border-radius: 12px 12px 0px 0px;
}
.module-074 .item:last-of-type {
  border-radius: 0px 0px 12px 12px;
}
.module-074 .item .content {
  width: 160px;
  cursor: pointer;
}
.module-074 .item p {
  color: #626364;
  font-size: 13px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-074 .item strong {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
.module-074 .item .gold {
  color: #D99000;
  margin-right: 2px;
}
.module-074 .item .black {
  color: #000;
  margin: 0px 2px;
}
.module-074 .u-block {
  width: calc(100% - 280px - 16px);
}
.module-074 .u-block h4 {
  color: #D99000;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 16px;
}
.module-074 .u-block .module-058 .box-container .box-list {
  flex-wrap: wrap;
  gap: 16px;
}
/* module-075 */
.module-075 .box-container {
  width: 100%;
  height: 376px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.module-075 .u-float-box {
  width: 264px;
  height: 376px;
  background: #FFF;
  border-radius: 12px;
  box-shadow: 0px 4px 4px 0px #0000000D, 12px 12px 12px 0px #0000001A;
}
.module-075 .u-float-box .product-img {
  width: 264px;
  height: 264px;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
  position: relative;
}
.module-075 .u-float-box .product-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-075 .u-float-box .product-info {
  padding: 12px;
}
.module-075 .u-float-box .product-info .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
.module-075 .u-float-box .product-info .author,
.module-075 .u-float-box .product-info .publisher {
  color: #626364;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0px;
}
.module-075 .u-block {
  width: 908px;
}
.module-075 .u-block .module-058 .box-list {
  position: relative;
  width: 906px;
  overflow-x: hidden;
  flex-wrap: nowrap;
  padding-left: 16px;
  column-gap: 12px;
}
.module-075 .u-block .slide-circle {
  position: absolute;
}
.module-075 .u-block .slide-circle:hover {
  background: #AAAAAA80;
}
.module-075 .u-block .slide-circle:focus {
 background: #AAAAAAB2;
}
.module-075 .u-block .prev {
  left: 0px;
}
.module-075 .u-block .next {
  right: 0px;
}
/* module-076 */
.module-076 .module-058 .box-container.with-carousel {
  height: 425px;
  position: relative;
}
.module-076 .module-058 .carousel-dots {
  width: auto;
  padding: 0 15px;
  height: 20px;
  bottom: 10px;
  right: 10px;
  border-radius: 10px;
  background: #AAAAAA80;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 3;
}
.module-076 .module-058 .carousel-dots li {
  margin: 0 0 0;
  cursor: pointer;
}
.module-076 .module-058 .carousel-dots li.active::before, 
.module-076 .module-058 .carousel-dots li::before {
  font-family: "icon_01";
  content: '\e82e';
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  color: #fff;
  opacity: 1;
}
.module-076 .module-058 .carousel-dots li::before {
  color: #6263644D;
}
.module-076 .slide-circle {
  z-index: 4;
}
.module-076 .slide-circle:hover {
  background: #AAAAAA80;
}
.module-076 .slide-circle:focus {
 background: #AAAAAAB2;
}
/* module-077 */
.module-077 {
  position: relative;
  color: #000;
  z-index: 0;
  height: 208px;
}
.module-077 .box-container {
  position: relative;
}
.module-077 .u-block {
  background: linear-gradient(180deg, #D99816 29.22%, rgba(217, 152, 22, 0.4) 100%);
  width: 280px;
  height: 168px;
  padding: 24px 48px;
  border-radius: 12px;
}
.module-077 .u-block h4 {
  color: #FFF;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}
.module-077 .u-float-box {
  position: absolute;
  z-index: 2;
  top: 24px;
  left: 180px;
  width: 1000px;
  height: 168px;
  background: #FAFAFAE5;
  border-radius: 12px;
  box-shadow: 0px 8px 8px 0px #0000001A;
  padding: 24px;
}
.module-077 .float-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
  row-gap: 16px;
  height: 96px;
  overflow: hidden;
}
.module-077 .float-list li {
  background: #F0F0F0;
  padding: 10px 12px;
  border-radius: 20px;
  height: 40px;
}
.module-077 .float-list li a {
  display: inline-block;
  max-width: 295px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #626364;
}
.module-077 .float-list li.active,
.module-077 .float-list li:hover {
  background: #F2AA18;
}
.module-077 .float-list li.active a,
.module-077 .float-list li:hover a {
  background: #F2AA18;
  color: #FFF;
}
/* module-078 */
.module-078 {
  position: relative;
  z-index: 0;
}
.module-078 .module-058 {
  margin-bottom: 32px;
}
.module-078 .more-evaluate {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.module-078 .more-evaluate button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.module-078 .more-evaluate button>span {
  color: #626364;
  font-size: 15px;
  line-height: 22px;
  margin-right: 4px;
}
.module-078 .more-evaluate button>i {
  color: #626364;
}
/* module-079 */
.module-079 {
  position: relative;
  width: 100%;
  z-index: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.module-079 .top-3 {
  display: flex;
  align-items: center;
  gap: 20px;
}
.module-079 .top-3 li {
  width: 180px;
  height: 336px;
  border-radius: 8px;
  font-weight: 700;
}
.module-079 .top-3 li .header {
  background: linear-gradient(90deg, #D99000 0%, #D9AD57 100%);
  border-radius: 8px 8px 0px 0px;
  color: #FFF;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 8px;
}
.module-079 .top-3 li .content {
  background: #FFF;
  padding: 12px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 242px;
}
.module-079 .top-3 li .content .box-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #F0F0F0;
  overflow: hidden;
}
.module-079 .top-3 li .content .product-img {
  width: 144px;
  height: 144px;
  overflow: hidden;
  position: relative;
}
.module-079 .top-3 li .content .box-img img,
.module-079 .top-3 li .content .product-img img,
.module-079 .top-list li .box-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-079 .top-3 li .content .title {
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: #000;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px;
}
.module-079 .top-3 li .content .level {
  color: #D99000;
  font-size: 13px;
  line-height: 20px;
  margin-top: 4px;
}
.module-079 .top-3 li .content .nickname {
  color: #626364;
  line-height: 22px;
  font-size: 15px;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px;
}
.module-079 .top-3 li .footer {
  background: #FFF6E5;
  border-radius: 0px 0px 8px 8px;
  color: #D99000;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  padding: 16px;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-079 .top-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 580px;
  padding: 12px 16px;
}
.module-079 .top-list li .main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.module-079 .top-list li .number {
  width: 24px;
  height: 24px;
  background: #F0F0F0;
  color: #626364;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.module-079 .top-list li .box-img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #F0F0F0;
  overflow: hidden;
}
.module-079 .top-list li .nickname {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.module-079 .top-list li .gold {
  color: #D99000;
}
.module-079 .top-list li .des {
  color: #626364;
  font-size: 13px;
  line-height: 20px;
  text-align: right;
}
/* module-080 */
.module-080 .u-panel-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.module-080 .u-item-grid-list {
  margin: 24px 0px;
  display: flex;
  align-items: center;
  column-gap: 75px;
}
.module-080 .u-item-grid-list li {
  width: 176px;
}
.module-080 .u-item-grid-list li .img-wrap {
  width: 176px;
  height: 176px;
  overflow: hidden;
  position: relative;
}
.module-080 .img-wrap a img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.module-080 .u-item-grid-list .item-info {
  padding: 0px 12px;
  margin: 10px 0px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* module-081 */
.module-081 {
  position: relative;
  width: 100%;
}
.module-081 .tab-content {
  width: 100%;
  color:#D1FAE3;
}
.module-081 .u-panel-title {
  color: #12AE57;
  border-color: currentColor;
}
.module-081 .u-panel-title .right-box {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}
.module-081 .u-more-01 {
  width: 68px;
  text-align: right;
}
.module-081 .nav-tabs {
  display: inline-flex;
  padding: 0 0 6px 0;
}
.module-081 .nav-item {
  position:relative;
  margin-right: 10px;
  border-radius: 24px;
  background-color: #F0F0F0;
}
.module-081 .nav-item a {
  display: block;
  padding: 0 12px;
  width: 114px;
  height: 34px;
  overflow: hidden;
  line-height: 34px;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}
.module-081 .nav-item.active a {
  color: #fff;
}
.module-081 .nav-item.active {
  background-color: currentColor;
}
.module-081 .u-item-grid-list .item {
  margin: 0 0 10px 0;
}
.module-081 .item-6.bui-badge-top .item {
  padding: 0 0 0 6px;
}
.module-081 .img-wrap img {
  aspect-ratio: 1/1;
}
.module-081 .radius-8 .img-wrap img {
  border-radius: 8px;
}
.module-081 .item-info {
  width: 176px;
  overflow: hidden;
}
.module-081 .prod-name a {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.module-081 .prod-price {
  display: flex;
  align-items: center;
}
.module-081 .discount {
  margin-left: auto;
  background: #fff;
}
.module-081 .bui-category-icon .sign-emag,
.module-081 .bui-category-icon .sign-ebook {
  width: 120px;
  height: 22px;
}
.module-081 .u-container {
  position: relative;
  overflow: hidden;
}
.module-081 .u-carousel .carousel-next,
.module-081 .u-carousel .carousel-prev {
  z-index: 1;
  position: absolute;
  top: 48%;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 32px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background-color: rgba(88, 88, 88, 0.4);
}
.module-081 .u-carousel .carousel-prev {
  left: 0;
  border-radius: 0 8px 8px 0;
}
.module-081 .u-carousel .carousel-next {
  right: 0;
  border-radius: 8px 0 0 8px;
}
.module-081 .u-carousel .carousel-next::before,
.module-081 .u-carousel .carousel-prev::before {
  color: #fff;
}
.module-081 .u-carousel .u-item-grid-list {
  position: relative;
  flex-wrap: nowrap;
}
.module-081 .u-carousel .u-item-grid-list:first-child {
  margin-bottom: 16px;
}
.module-081 .u-carousel .u-item-grid-list::before {
  content: "";
  position: absolute;
  top: 150px;
  right: 0;
  bottom: 0;
  left: 0;
  background: currentColor;
  border-radius: 24px;
  z-index: -1;
}
/* ======= [module-container]  ======= */
/* module-container-01 */
.module-container-01 {
  position: relative;
}
/* module-container-02 */
.module-container-02 .u-box-basis {
  width: 180px;
}
.module-container-02 .u-box-shrink {
  display: flex;
  padding-left: 20px;
}
/* module-container-03 */
.module-container-03 {
  position: relative;
}
.module-container-03 .module-041 .item-box {
  margin-left: 0;
  margin-right: 8px;
}
/* module-container-04 */
.module-container-04 {
  position: relative;
}
.module-container-04 .u-box {
  width: 50%;
}
.module-container-04 .u-box:first-child {
  padding: 0 10px 0 0;
}
.module-container-04 .u-box:last-child {
  padding: 0 0 0 10px;
}
/* ======= [products-page]  ======= */
/* product-iteme-wrap */
.product-item-wrap .u-box-basis {
  width: 348px;
  margin-right: 22px;
}
.product-item-wrap .u-box-shrink {
  width: 510px;
  height: auto;
}
/* product-item-img */
.product-item-img {
  position: relative;
  margin: 0 auto 16px;
  width: 348px;
  height: 348px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.product-item img {
  width: 348px;
  height: 348px;
}
.product-item-img .bui-badge-icon .badge-01 {
  width: 36px;
  height: 36px;
}
.product-item-img .badge-01.sign-01 {
  background-size: 22px 18px;
}
.product-item-img .badge-01.sign-02 {
  background-size: 36px 36px;
}
.product-item-img .badge-01.sign-03 {
  background-size: 20px 20px;
}
.product-item-img .badge-01.sign-04 {
  background-size: 20px 25px;
  background-position: center center;
}
/* product-item-icon-group */
.product-item-icon-group .icon {
  width: 46px;
  height: 46px;
  overflow: hidden;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.1em;
  border-radius: 8px;
  background-color: #EAF3D3;
  border: 1px solid #90C419;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.product-item-icon-group .list-icons {
  display: flex;
  flex-wrap: wrap;
}
.product-item-icon-group li {
  margin: 0 10px 8px 0;
}
.product-item-icon-group .special .icon {
  color: #fff;
  border: 1px solid #55770b;
  background-color: #6f9b10;
}
/*.product-item-icon-group a .icon:hover {
  color: #fff;
  border: 1px solid #6f9b10;
  background-color: #8fc31f;
}*/
.product-item-icon-group .count-icon-wrap {
  display: flex;
  align-items: center;
}
.product-item-icon-group .count-icon {
  position: relative;
  margin-left: 10px;
  width: 46px;
  height: 46px;
  text-align: center;
  border: 1px solid #90C419;
  border-radius: 8px;
  color: #55770b;
  font-size: 12px;
  line-height: 1.25em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-item-icon-group .count-icon::before {
  content: '';
  width: 0px;
  height: 0px;
  border-width: 4px 6px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #90C419;
  position: absolute;
  top: 17px;
  left: -12px;
}
.product-item-icon-group .count-icon::after {
  content: '';
  width: 0px;
  height: 0px;
  border-width: 4px 6px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  position: absolute;
  top: 17px;
  left: -10px;
}
/* product-item-title */
.product-item-title {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #d8dad8;
}
.product-item-title h1 {
  margin-bottom: 8px;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45em;
}
.product-item-title h2 {
  color: #000;
  font-size: 14px;
}
.product-item-title a:hover,
.product-item-title a:link:hover {
  color: #ef7a31;
  text-decoration: none;
}
/* product-cart-summary */
.product-cart-summary {
  position: relative;
  margin: 0 auto 16px;
  padding: 16px 16px 0;
  background-color: #fff;
  border: 1px solid #d8dad8;
  border-radius: 10px;
  box-shadow: 0 0 12px 2px rgba(42, 42, 42, 0.1);
}
.product-cart-summary .list-btns {
  color: #000;
  font-size: 15px;
  font-weight: bold;
}
.product-cart-summary .list-info li {
  margin-bottom: 16px;
  line-height: 1.25em;
}
.product-cart-summary .list-info em {
  color: #d0021b;
}
.product-cart-summary .list-btns li {
  position: relative;
  margin-bottom: 16px;
}
.product-cart-summary .bui-btn-01 {
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.product-cart-summary .bui-btn-01.color-2,
.product-cart-summary .bui-btn-01.color-3,
.product-cart-summary .bui-btn-01.color-4 {
  font-weight: bold;
}
/* product-item-share */
.product-item-share {
  position: relative;
  padding: 0 16px;
  margin-bottom: 24px;
}
.product-item-share .push-list .title {
  font-size: 14px;
  color: #000;
  margin-right: 5px;
}
.product-item-share .push-list {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.product-item-share .push-list li {
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.product-item-share .push-list li:last-child {
  margin-right: 0;
}
.product-item-share i.svg-logo-fb,
.product-item-share i.svg-logo-line,
.product-item-share i.svg-icon-link {
  width: 25px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.product-item-share .push-list i.svg-logo-fb {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-fb.svg");
}
.product-item-share .push-list i.svg-logo-line {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-line.svg");
}
.product-item-share .push-list i.svg-icon-link {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-icon-link.svg");
}
.product-item-share .like-button {
  height: 20px;
  width: 85px;
  border: none;
  overflow: hidden;
  line-height: 0;
}
.product-item-share .svg-icon-link {
  position: relative;
}
.product-item-share .svg-icon-link::before {
  content: attr(data-tooltip);
}
.product-item-share .svg-icon-link:active::before,
.product-item-share .svg-icon-link:active::after {
  opacity: 1;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.product-item-share .svg-icon-link[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  width: 50px;
  margin-right: -50%;
  margin-left: -50%;
  top: -20px;
  filter: blur(0);
  line-height: 22px;
  padding: 3px;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.product-item-share .svg-icon-link::before,
.product-item-share .svg-icon-link::after {
  opacity: 0;
  -moz-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}
/* product-module-01 */
.product-module-01 {
  position: relative;
  margin-bottom: 12px;
  padding: 12px 0 4px;
  font-size: 14px;
  border-bottom: 1px solid #d8dad8;
}
.product-module-01 .next,
.product-module-01 .prev {
  z-index: 1;
  position: absolute;
  top: 64%;
  transform: translate(0, -50%);
  font-size: 0;
  line-height: 0;
  display: block;
  width: 23px;
  height: 58px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
}
.product-module-01 .next {
  right: -3px;
}
.product-module-01 .prev {
  left: -3px;
}
.product-module-01 .next::before,
.product-module-01 .prev::before {
  font-family: "icon_01";
  line-height: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  color: #9e9e9e;
}
.product-module-01 .next:hover::before,
.product-module-01 .prev:hover::before {
  color: #bdbdbd;
}
.product-module-01 .next::before {
  content: '\e80d';
}
.product-module-01 .prev::before {
  content: '\e80e';
}
.product-module-01 .title {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: bold;
  display: block;
}
.product-module-01 .title em {
  padding: 0 3px;
  color: #d0021b;
  font-weight: normal;
}
.product-module-01 .cards {
  width: 90%;
  margin: 0 auto 10px;
  display: flex;
  flex-wrap: nowrap;
}
.product-module-01 .cards span {
  padding: 3px 0;
  display: block;
}
.product-module-01 ul li {
  width: 33%;
  padding: 8px;
  margin: 0 5px;
  border-radius: 8px;
  border: 1px solid #bfbfbf;
}
.product-module-01 ul li.active {
  border: 1px solid #ef7a31;
  background-color: rgba(239, 122, 49, 0.15);
}
.product-module-01 ul li div {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
.product-module-01 .price {
  font-weight: normal;
}
.product-module-01 .price em {
  color: #d0021b;
  font-weight: bold;
}
.product-module-01 a:hover .price {
  color: #000;
}
/* product-module-02 */
.product-module-02 {
  position: relative;
  margin-bottom: 12px;
  padding: 0 0 12px;
  border-bottom: 1px solid #d8dad8;
}
.product-module-02 li {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.5em;
}
.product-module-02 li:last-child {
  margin-bottom: 0;
}
.product-module-02 li a,
.product-module-02 li a:link {
  color: #000;
  font-weight: bold;
}
.product-module-02 .icon-help-circled::before {
  color: #FFAC28;
  font-size: 22px;
  vertical-align: middle;
}
.product-module-02 a.bui-btn-01,
.product-module-02 a.bui-btn-01:link {
  font-weight: normal;
}
.product-module-02 .bui-btn-01 {
  margin: 0;
  padding: 5px 8px;
}
.product-module-02 .author-trace-box {
  width: 400px;
  position: absolute;
  top: -2px;
  left: 36px;
  text-align: left;
  background-color: #fff;
  border: solid #999;
  border-width: 1px 1px 1px 6px;
  color: #333;
  z-index: 1;
  min-height: 100px;
  display: none;
}
.product-module-02 .pop-trace {
  position: relative;
}
.product-module-02 .author-trace-box .arrow {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: transparent;
  border-right-color: #999;
  border-bottom-color: transparent;
  border-left-color: transparent;
  position: absolute;
  top: 8px;
  left: -18px;
}
.product-module-02 .author-trace-box input {
  position: absolute;
  top: 0;
  left: 0;
}
.product-module-02 .list-raced {
  border-bottom: 1px dotted #999;
}
.product-module-02 .list-raced li {
  position: relative;
  padding-left: 20px;
}
.product-module-02 .list-raced li::before {
  font-family: "icon_01";
  content: '\f06d';
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  color: #9e9e9e;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.product-module-02 .author-trace-box .title {
  position: relative;
  padding: 5px 8px;
}
.product-module-02 .pop-trace a,
.product-module-02 .pop-trace a:link {
  font-weight: normal;
}
.product-module-02 .edit {
  float: right;
  font-size: 14px;
}
.product-module-02 .edit a:hover {
  color: #ef7a31;
}
.product-module-02 .list-trace {
  padding: 5px;
}
.product-module-02 .list-trace li {
  position: relative;
}
.product-module-02 .author-trace-box ul {
  padding: 8px;
  font-size: 14px;
}
.product-module-02 .author-trace-box input {
  margin-right: 5px;
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 15px;
}
.product-module-02 .u-checkbox [type="checkbox"]:not(:checked)+label,
.product-module-02 .u-checkbox [type="checkbox"]:checked+label {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  line-height: 1.38;
}
.product-module-02 .trace-btn-wrap {
  padding: 8px;
  background-color: #f3f3f3;
}
.product-module-02 .trace-btn-wrap .bui-btn-01 {
  padding: 6px 10px;
  margin-right: 8px;
  border: 1px solid #858585;
}
.product-module-02 .product-item-price em {
  padding: 0 2px;
  color: #d0021b;
  font-size: 18px;
  font-weight: bold;
}
.product-module-02 .product-item-price strong {
  padding: 0 2px;
  color: #d0021b;
  font-size: 19px;
  font-weight: bold;
}
.product-module-02 .product-item-price a,
.product-module-02 .product-item-price a:link {
  color: #F28900;
  font-weight: normal;
}
/* product-module-03 */
.product-module-03 {
  margin-bottom: 12px;
}
.product-module-03>ul {
  width: 100%;
}
.product-module-03>ul>li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 25px;
  display: block;
}
.product-module-03>ul>li:last-child {
  margin-bottom: 0;
}
.product-module-03>ul>li a {
  color: #000;
}
.product-module-03>ul>li a:hover {
  color: #ef7a31;
}
.product-module-03>ul>li span {
  color: #d93800;
}
.product-module-03 i.smoney,
.product-module-03 i.coupon,
.product-module-03 i.supplier,
.product-module-03 i.notice {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.product-module-03 i.smoney {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/shopping-money-1.svg");
}
.product-module-03 i.coupon {
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-money-blue.svg");
}
.product-module-03 i.supplier {
  background-size: 80%;
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-icon-bag.svg");
}
.product-module-03 i.notice {
  background-size: 85%;
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-icon-volume.svg");
}
.product-module-03 i.icon-info-circled::before {
  font-size: 20px;
  margin-left: 4px;
  color: #d93800;
  vertical-align: inherit;
  margin-right: .3em;
  margin-left: .3em;
  vertical-align: middle;
}
.product-module-03 i.icon-angle-right::before {
  color: #2a2a2a;
  margin-right: .3em;
  margin-left: .3em;
}
.product-module-03 .shopcash-box {
  position: absolute;
  top: -30px;
  left: 30px;
  padding: 10px;
  width: 450px;
  font-size: 14px;
  line-height: 1.35em;
  color: #333;
  background-color: #fff;
  border: 1px solid #999;
  box-shadow: 0 0 12px 2px rgb(42 42 42 / 10%);
  z-index: 1;
}
.product-module-03 .shopcash-box .content {
  padding: 10px;
  background-color: #eee;
  border-radius: 6px;
}
.product-module-03 .shopcash-box .msg {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b7b7b7;
}
.product-module-03 .shopcash-box li {
  margin-bottom: 10px;
}
.product-module-03 .shopcash-box li:last-child {
  margin-bottom: 0;
}
.product-module-03 .btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  vertical-align: middle;
  text-decoration: none;
  padding: 2px 15px;
  padding: 0 10px;
  border: 1px solid #fce046;
  background: #fce046;
  font-size: 15px;
  color: #000000;
  cursor: pointer;
  border-radius: 5px;
}
.product-module-03 .btn:hover {
  color: #000000;
}
/* product-module-04 */
.product-module-04 {
  margin-bottom: 12px;
}
.product-module-04 li {
  position: relative;
  padding-left: 90px;
  line-height: 1.45em;
  margin-bottom: 10px;
}
.product-module-04 .title {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  background: #989898;
  color: #fff;
  padding: 4px 5px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  min-width: 85px;
  line-height: 1em;
}
.product-module-04 .title.color-1,
.product-module-05 .title.color-1 {
  background: #cc80a6;
}
.product-module-04 .title.color-2,
.product-module-05 .title.color-2 {
  background: #8ab70f;
}
.product-module-04 .title.color-3,
.product-module-05 .title.color-3 {
  background: #F96EA8;
}
.product-module-04 .title.color-4,
.product-module-05 .title.color-4 {
  background: #4269b4;
}
.product-module-04 .title.color-5,
.product-module-05 .title.color-5 {
  background: #B17EE5;
}
.product-module-04 .title.color-6,
.product-module-05 .title.color-6 {
  background: #15b2ec;
}
.product-module-04 .title.color-7,
.product-module-05 .title.color-7 {
  background: #7497D8;
}
.product-module-04 .title.color-8,
.product-module-05 .title.color-8 {
  background: #21be1d;
}
.product-module-04 .list-box {
  position: relative;
  padding: 12px;
  border-radius: 10px;
  background-color: #f7f8f9;
}
.product-module-04 .list-box li {
  position: relative;
  margin-bottom: 8px;
  padding: 0 0 0 20px;
  line-height: 1.45em;
  color: #676767;
}
.product-module-04 .list-box li:last-child {
  margin-bottom: 0;
}
.product-module-04 .list-box li::before {
  font-family: "icon_01";
  content: "\e82e";
  font-style: normal;
  font-weight: normal;
  color: #8F8E8D;
  vertical-align: inherit;
  display: inline-block;
  font-size: 15px;
  line-height: 1.45em;
  position: absolute;
  top: 2px;
  left: 0;
}
.product-module-04 .list-box em {
  padding: 0 3px;
}
/* product-module-05 */
.product-module-05 li {
  position: relative;
  line-height: 1.45em;
  margin-bottom: 8px;
}
.product-module-05 .title {
  margin-bottom: 5px;
  border-radius: 3px;
  background: #989898;
  color: #fff;
  padding: 4px 5px;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  min-width: 85px;
  line-height: 1em;
}
.product-module-05 p {
  margin-bottom: 8px;
}
/* product-module-06 */
.product-module-06 {
  position: relative;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 10px;
  background-color: #f7f8f9;
}
.product-module-06 li {
  position: relative;
  margin-bottom: 8px;
  padding: 0 0 0 20px;
  line-height: 1.45em;
  color: #676767;
}
.product-module-06 li:last-child {
  margin-bottom: 0;
}
.product-module-06 li::before {
  font-family: "icon_01";
  content: "\e82e";
  font-style: normal;
  font-weight: normal;
  color: #8F8E8D;
  vertical-align: inherit;
  display: inline-block;
  font-size: 15px;
  line-height: 1.45em;
  position: absolute;
  top: 2px;
  left: 0;
}
.product-module-06 em {
  padding: 0 3px;
}
/* product-module-07 */
.product-module-07 {
  position: relative;
  margin-bottom: 32px;
}
.product-module-07 .bui-btn-01 {
  width: 200px;
  display: flex;
  margin: 0 auto;
}
.product-module-07 .svg-icon-edit {
  width: 20px;
  height: 20px;
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-edit-01.svg");
}
/* product-module-08 */
.product-module-08 {
  position: relative;
  margin-bottom: 16px;
  color: #000;
  font-size: 15px;
}
.product-module-08 .title {
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.product-module-08 .title i {
  width: 25px;
  height: 24px;
  margin-right: 5px;
  display: inline-block;
  background-size: 100%;
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-horn-01.svg");
  background-repeat: no-repeat;
  background-position: initial;
}
.product-module-08 .container {
  padding-left: 30px;
}
.product-module-08 h5 {
  font-weight: bold;
  margin-bottom: 8px;
}
.product-module-08 p {
  line-height: 1.5em;
}
/* product-module-09 */
.product-module-09 {
  position: relative;
  margin-bottom: 16px;
  color: #000;
  font-size: 15px;
}
.product-module-09 .title {
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.product-module-09 .title i {
  width: 24px;
  height: 24px;
  margin: 0 3px 0 2px;
  display: inline-block;
  background-size: 100%;
  background-image: url("//jci.book.com.tw/css/books/module/images/icon-gift-01.svg");
  background-repeat: no-repeat;
  background-position: initial;
}
.product-module-09 h5 {
  font-weight: bold;
  margin-bottom: 8px;
}
.product-module-09 strong {
  font-weight: bold;
}
.product-module-09 p {
  line-height: 1.45em;
  /*   max-height: 3.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  */
}
.product-module-09 .u-box-container {
  padding-left: 30px;
}
.product-module-09 .u-box-basis {
  width: 96px;
  padding-right: 16px;
}
.product-module-09 .stock-tip {
  margin-top: 16px;
}
.product-module-09 .stock-tip em {
  font-size: 19px;
  font-weight: bold;
  color: #d0021b;
}
/* product-module-10 */
.product-module-10 {
  margin-bottom: 24px;
  position: relative;
  padding: 16px;
  color: #000;
  border-radius: 10px;
  background-color: #f2f3f4;
}
.product-module-10 .card {
  margin-bottom: 16px;
  padding: 16px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}
.product-module-10 .card:last-child {
  margin-bottom: 0;
}
.product-module-10 h4 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
}
.product-module-10 h5 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
  display: flex;
}
.product-module-10 h5 strong {
  flex: 1;
}
.product-module-10 h5 em {
  margin-left: auto;
}
.product-module-10 h5 .color-1 {
  color: #6f9b10;
}
.product-module-10 h5 .color-2 {
  color: #d0021b;
}
.product-module-10 .info {
  margin-bottom: 8px;
  font-size: 13px;
}
.product-module-10 .bui-btn-01 {
  width: 100%;
}
.product-module-10 .bui-btn-01 i::before {
  margin-right: 8px;
}
.product-module-10 .bui-btn-01 em {
  font-size: 18px;
  font-weight: bold;
}
/* product-module-11 */
.product-module-11 {
  margin-bottom: 24px;
  position: relative;
  padding: 0 16px 0;
  color: #000;
}
.product-module-11 h4 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
}
.product-module-11 .info {
  margin-bottom: 8px;
  font-size: 13px;
}
.product-module-11 .apps-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-module-11 .apple,
.product-module-11 .google {
  width: 119px;
  height: 40px;
}
/* product-module-12 */
.product-module-12 {
  position: relative;
  margin-bottom: 12px;
  padding: 0 0 4px;
  font-size: 14px;
  border-bottom: 1px solid #d8dad8;
}
.product-module-12 .next,
.product-module-12 .prev {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 0;
  line-height: 0;
  display: block;
  width: 23px;
  height: 58px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
}
.product-module-12 .next {
  right: -30px;
}
.product-module-12 .prev {
  left: -30px;
}
.product-module-12 .next::before,
.product-module-12 .prev::before {
  font-family: "icon_01";
  line-height: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  color: #9e9e9e;
}
.product-module-12 .next:hover::before,
.product-module-12 .prev:hover::before {
  color: #bdbdbd;
}
.product-module-12 .next::before {
  content: '\e80d';
}
.product-module-12 .prev::before {
  content: '\e80e';
}
.product-module-12 .title {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: bold;
  display: block;
}
.product-module-12 .title em {
  padding: 0 3px;
  color: #d0021b;
  font-weight: normal;
}
.product-module-12 .cards {
  position: relative;
  width: 90%;
  margin: 0 auto 10px;
  display: flex;
  flex-wrap: nowrap;
}
.product-module-12 .cards a {
  display: flex;
}
.product-module-12 .cards .s-title {
  padding: 3px 0;
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.product-module-12 .cards .item {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 5px;
}
.product-module-12 .cards .wrap {
  width: 225px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #bfbfbf;
}
.product-module-12 .cards .item.active .wrap {
  border: 1px solid #ef7a31;
  background-color: rgba(239, 122, 49, 0.15);
}
.product-module-12 .price {
  font-weight: normal;
}
.product-module-12 .price em {
  color: #d0021b;
  font-weight: bold;
}
.product-module-12 a:hover .price {
  color: #000;
}
.product-module-12 .note {
  font-weight: normal;
  margin-top: 8px;
  line-height: 1.4em;
  color: #616161;
}
.product-module-12 a:hover .note {
  color: #616161;
}
/*product-module-13*/
.product-module-13 {
  position: relative;
  padding: 12px 0;
}
.product-module-13 .delivery-info {
  position: relative;
}
.product-module-13 .delivery-info>li.flex {
  position: relative;
  display: flex;
  line-height: 22px;
  margin: 5px auto;
}
.product-module-13 .delivery-info>li.fast-delivery {
  padding: 0;
}
.product-module-13 .delivery-info .title {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 85px;
}
.product-module-13 .delivery-info i.icon-truck-1::before {
  color: #333;
  font-size: 17px;
  margin-top: -5px;
  margin-right: 0;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  transform: scaleX(-1);
}
.product-module-13 .delivery-info i.svg-711,
.product-module-13 .delivery-info i.svg-fast-delivery {
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.product-module-13 .delivery-info i.svg-711 {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/logo-7-eleven.svg");
}
.product-module-13 .delivery-info i.svg-fast-delivery {
  background-image: url("//jci.book.com.tw/img/bui/icon-fast-delivery.svg");
}
.product-module-13 .delivery-info .tooltip {
  position: relative;
  cursor: help;
}
/*product-module-14*/
.product-module-14 {
  position: relative;
  width: 250px;
  margin: 0 auto 24px;
}
.product-module-14 li {
  margin-bottom: 10px;
}
.product-module-14 li:last-child {
  margin-bottom: 0;
}
.product-module-14 img {
  width: 250px;
  height: auto;
}
/*product-module-15*/
.product-module-15 {
  position: relative;
  margin-bottom: 12px;
}
.product-module-15 li {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.5em;
}
.product-module-15 li:last-child {
  margin-bottom: 0;
}
/*product-module-16*/
.product-module-16 {
  position: relative;
  margin-bottom: 12px;
}
.product-module-16 .title {
  display: block;
  color: #000;
  font-size: 15px;
  line-height: 1.75em;
}
.product-module-16 i.icon-info {
  color: #D93800;
  font-size: 17px;
  cursor: pointer;
}
.product-module-16 .info {
  color: #000;
  font-size: 13px;
  line-height: 1.75em;
}
.product-module-16 .cards {
  display: flex;
  flex-wrap: wrap;
}
.product-module-16 .cards .item {
  margin: 4px 8px 4px 0;
  font-size: 14px;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.product-module-16 .cards .item:nth-child(3n) {
  margin-right: 0;
}
.product-module-16 .item>a {
  display: flex;
}
.product-module-16 .item .wrap {
  width: 164px;
  min-height: 58px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #bfbfbf;
}
.product-module-16 .item:hover .wrap {
  border: 1px solid #ef7a31;
}
.product-module-16 .active .wrap {
  border: 1px solid #ef7a31;
  background-color: rgba(239, 122, 49, 0.15);
}
.product-module-16 .active .s-title,
.product-module-16 .active .note b,
.product-module-16 .active .note .num {
  font-weight: bold;
}
.product-module-16 .disabled .wrap,
.product-module-16 .item.disabled:hover .wrap {
  color: #AEAEAE;
  cursor: default;
  border: 1px solid #bfbfbf;
  background-color: #f2f2f2;
}
.product-module-16 .disabled .icon-bui-op {
  background-image: url("//jci.book.com.tw/img/bui/icon_P_gray.svg");
}
.product-module-16 .disabled .num {
  color: #AEAEAE;
}
.product-module-16 .item .s-title {
  font-size: 14px;
  line-height: 20px;
}
.product-module-16 .item .note {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
}
.product-module-16 .num {
  color: #D0021B;
}
.product-module-16 .icon-bui-op {
  width: 13px;
  height: 13px;
  margin-right: 4px;
  display: inline-block;
  background-size: cover;
  background-image: url("//jci.book.com.tw/img/bui/icon_P.svg");
}
.product-module-16 .tooltip-wrap {
  position: relative;
  font-size: 13px;
}
.product-module-16 .tooltip {
  width: 450px;
  padding: 32px 14px 12px;
  position: absolute;
  bottom: 33px;
  left: 0;
  text-align: left;
  color: #666;
  background-color: #fff;
  border: 1px solid #999;
  box-shadow: 0 0 10px rgb(13, 13, 13, 30%);
  z-index: 1;
  display: none;
}
.product-module-16 .tooltip::before,
.product-module-16 .tooltip::after {
  border-color: transparent;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 21%;
  bottom: -8.2px;
}
.product-module-16 .tooltip::before {
  border-top-color: #999;
}
.product-module-16 .tooltip::after {
  border-top-color: #fff;
  margin-bottom: 2px;
}
.product-module-16 .tooltip .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 32px;
  color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.product-module-16 .tooltip .btn-close i::before {
  content: '\e809';
  font-family: "icon_01";
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-module-16 .tooltip .content {
  padding: 8px;
  background-color: #eee;
  border-radius: 6px;
}
.product-module-16 .tooltip .msg {
  font-size: 15px;
  color: #333;
  line-height: 26px;
}
/* product-module-17 */
.product-module-17 {
  position: relative;
  margin-bottom: 12px;
  padding: 10px 0;
  font-size: 14px;
  border-top: 1px solid #d8dad8;
}
.product-module-17 .title {
  width: 100%;
  overflow: hidden;
  font-size: 15px;
  color: #000;
  line-height: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.product-module-17 .item-list {
  width: 100%;
  position: relative;
  margin: 5px auto 10px;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  border-bottom: 1px solid #d8dad8;
  transition: height 300ms ease-in;
}
.product-module-17 .collapse .item-list {
  height: 108px;
  overflow: hidden;
  transition: none;
}
.product-module-17 .item {
  margin: 0 10px 12px 0;
}
.product-module-17 .item:nth-child(5n) {
  margin-right: 0;
}
.product-module-17 .img-wrap {
  position: relative;
  width: 94px;
  height: 94px;
  border: 1px solid transparent;
}
.product-module-17 .img-wrap img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.product-module-17 .item.active .img-wrap,
.product-module-17 .item:hover .img-wrap {
  border: 1px solid #ef7a31;
}
.product-module-17 .bui-category-icon .sign-ebook,
.product-module-17 .bui-category-icon .sign-emag {
  width: 90px;
  height: 17px;
}
.product-module-17 .more {
  display: flex;
  line-height: 2em;
  height: 2em;
  align-items: center;
  justify-content: flex-end;
  color: #6F9B10;
}
.product-module-17 .more a {
  color: #6F9B10;
}
.product-module-17 .more a:hover {
  color: #ef7a31;
}
.product-module-17 .toggle-btn {
  position: relative;
  padding: 0 15px 0 0;
}
.product-module-17 .toggle-btn::before {
   position: absolute;
   right: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
}
.product-module-17 .collapse .toggle-btn::before {
  content: '\f107';
}
.product-module-17 .toggle-btn::before {
  content: '\f106';
}
/* product-evaluate-module */
.product-evaluate-module-01 .container-row {
  display: flex;
  margin: 24px 0px 52px 0px;
}
.product-evaluate-module-01 .product-item-wrap .product-img-box {
  margin-right: 24px;
}
.product-evaluate-module-01 .red {
  color: #CD3D35;
}
.product-evaluate-module-01 .product-img {
  position: relative;
  margin: 0 auto 16px;
  width: 264px;
  height: 264px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.product-evaluate-module-01 .product-img>a>img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.product-evaluate-module-01 .product-item-title {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}
.product-evaluate-module-01 .product-item-title h1{
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product-evaluate-module-01 .product-item-tag {
  display: flex;
  align-items: center;
}
.product-evaluate-module-01 .product-item-tag>:not(:last-child),
.product-evaluate-module-01 .product-item-price>:not(:last-child) {
  margin-right: 8px;
}
.product-evaluate-module-01 .product-item-info {
  margin: 12px 0px;
  font-size: 15px;
  line-height: 22px;
  color: #626364;
}
.product-evaluate-module-01 .product-item-info span.divide {
  font-size: 8px;
  vertical-align: bottom;
  margin: 0px 8px;
  padding: 8px 0px;
}
.product-evaluate-module-01 .product-item-info ul>:not(:last-child) {
  margin-bottom: 4px;
}
.product-evaluate-module-01 .product-item-price {
  margin: 12px 0px;
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.product-evaluate-module-01 .product-item-price>.bui-btn-01 {
  font-weight: 700;
}
.product-evaluate-module-01 .module-058 .box-container .box-list {
  gap: 0px;
}
.product-evaluate-module-02 .module-058 {
  margin: 24px 0px;
}
.product-evaluate-module-02 .module-058 .bui-pagination-04 .page li.active a::after {
  color: #BF8000;
  border: 1px solid #BF8000;
}
/* product-evaluate-module-03 */
.product-evaluate-module-03 {
  margin: 16px 0px;
}
.product-evaluate-module-03 .grid_2 {
  width: 176px;
  margin-bottom: 48px;
}
.product-evaluate-module-03 .product-box {
  background: #ffffff;
  box-shadow: 0px 8px 8px 0px #00000033;
  border-radius: 12px;
  /* padding: 0px 16px 16px 16px; */
  display: flex;
  flex-direction: column;
}
.product-evaluate-module-03 .product-box>.product-img {
  position: relative;
  width: 176px;
  height: 176px;
  overflow: hidden;
  margin: 0px auto;
  border-radius: 12px 12px 0px 0px;
}
.product-evaluate-module-03 .product-box>.product-img>a>img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.product-evaluate-module-03 .product-tag {
  padding-top: 16px;
  display: flex;
  align-items: center;
  margin: 0px 16px;
  gap: 4px;
  flex-wrap: wrap;
}
.product-evaluate-module-03 .product-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-top: 8px;
  margin: 0px 16px;
}
.product-evaluate-module-03 .product-author {
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 8px;
  margin: 0px 16px;
}
.product-evaluate-module-03 .product-price {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  margin: 0px 16px 16px 16px;
  flex-wrap: wrap;
  row-gap: 4px;
}
.product-evaluate-module-03 .product-price .red {
  color: #CD3D35;
}
.product-evaluate-module-03 .product-price>.bui-btn-01 {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  padding: 1px 6.5px;
}
.product-evaluate-module-03 .module-058 {
  margin-left: 14px;
}
.product-evaluate-module-03 .module-058 .box-item.type-04 {
  width: 100%;
}
.product-evaluate-module-03 .module-058 .item-footer .row-between:last-of-type>:first-child {
  margin-right: 0px;
}
.product-evaluate-module-03 .module-065 .u-panel-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 14px;
}
.product-evaluate-module-03 .module-065 .u-item-grid-list {
  justify-content: space-between; 
  column-gap: 75px;
  align-items: center;
}
.product-evaluate-module-03 .module-065 .u-item-grid-list.item-5 .item {
  max-width: 176px;
  margin-bottom: 0px;
}
.product-evaluate-module-03 .module-065 .u-item-grid-list .img-wrap {
  margin: 0px auto;
}
.product-evaluate-module-03 .module-065 .u-item-grid-list.item-5 .item>.item-info {
  padding: 12px 0px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  max-width: 176px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}