@charset "utf-8";
/* ==============  header.v2  ============== */
#header_full_v2 {
  width: 100%;
  position: relative;
  color: #000;
  font-size: 15px;
  text-decoration: none;
  margin: 0 auto 10px;
  padding: 40px 0 0;
  font-family: Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", Sans-Serif;
}
#header_full_v2 a {
  text-decoration: none;
}
#header_full_v2 a:hover {
  text-decoration: none;
}
#header_full_v2 .hide {
  left: -9999px;
  position: absolute;
}
#header_full_v2 button {
  border: none;
  background: transparent;
}
/* change-language */
.header-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.50);
  z-index: 999;
}
.change-language-win {
  width: 250px;
  padding: 10px;
  top: 35%;
  left: 50%;
  margin-left: -125px;
  margin-top: -100px;
  min-height: 200px;
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  color: #6b6b6b;
  z-index: 9999;
  position: fixed;
  font-size: 16px;
  font-family: Helvetica, Arial, Sans-Serif;
}
.change-language-win ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.change-language-win a {
  color: #636363;
}
.change-language-win h3 {
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 20px;
  min-height: 20px;
  font-size: 16px;
}
.change-language-win .btn-close {
  float: right;
  width: 30px;
  height: 20px;
  cursor: pointer;
}
.change-language-win .btn {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  color: #636363;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 45px;
  height: 45px;
  padding: 0;
  width: 100%;
  margin: 5px auto;
  text-decoration: none;
  text-align: center;
}
.change-language-win li.here .btn {
  background-color: #94C621;
  border: 1px solid #94C621;
  color: #fff;
}
/*pop-public-loading*/
.pop-public-loading {
  z-index: 99999;
  position: fixed;
  width: 136px;
  height: 136px;
  top: 40%;
  left: 50%;
  margin-left: -68px;
  margin-top: -68px;
  background-color: #fff;
  border-radius: 6px;
}
.pop-public-loading img {
  width: 124px;
  height: 124px;
  display: block;
  margin: 6px auto;
}
/* pop_win_image */
.pop_home_img_win {
  display: none;
  position: fixed;
  top: 15%;
  right: 0;
  left: 0;
  z-index: 99999;
}
.pop_home_img_win .pop_win_image {
  position: relative;
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}
.pop_home_img_win .pop_closebtn {
  position: absolute;
  top: -37px;
  right: -37px;
  display: block;
  width: 40px;
  height: 40px;
  background: #e4e4e4;
  text-align: center;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.pop_home_img_win .pop_closebtn i::before {
  font-family: "icon_01";
  content: '\e807';
  font-style: normal;
  font-weight: normal;
  color: #000;
  line-height: 40px;
}
.pop_home_img_win .pop_win_content {
  width: 100%;
  overflow: auto;
}
.pop_home_img_win .view {
  text-align: center;
  overflow: auto;
}
.pop_home_img_win .pop_link {
  display: block;
}
.pop_home_img_win .pop_win_image img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  vertical-align: bottom;
  display: block;
  object-fit: contain;
}
/* breadcrumb */
#breadcrumb-trail {
  width: 100%;
  display: flex;
  flex-direction: row;
  color: #5a5a5a;
  margin-bottom: 5px;
}
#breadcrumb-trail a {
  color: #2c62c2;
}
#breadcrumb-trail li {
  line-height: 2em;
  font-size: 14px;
  margin-right: 5px;
}
#breadcrumb-trail li:not(:first-child)::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  content: '\f105';
  color: #bbbbbb;
  vertical-align: inherit;
  display: inline-block;
  font-size: 15px;
  margin: 0 5px 0 5px;
}
/* header banner pop */
#header_full_v2 .header_pop {
  width: 100%;
  margin: 0 auto 10px;
  position: relative;
  display: flex;
  background: transparent;
}
#header_full_v2 .header_pop .bg_left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
}
#header_full_v2 .header_pop .bg_right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
}
#header_full_v2 .flash_pic {
  position: relative;
  width: 100%;
  height: 70px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  background: no-repeat center top/ auto 100%;
}
#header_full_v2 .flash_pic .activity {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 70px;
  display: block;
}
#header_full_v2 .flash_pic .open {
  position: absolute;
  top: 0;
  right: calc(50% - 600px);
  width: 90px;
  height: 70px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000;
}
#header_full_v2 .flash_pic .open i,
#header_full_v2 .flash_pic_pop .close i {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  content: '\f105';
  margin: 3px 0 0;
}
#header_full_v2 .flash_pic .open i::before {
  content: "\f004";
}
#header_full_v2.header_v2 .flash_pic .open {
  right: calc(50% - 475px);
  font-size: 15px;
  background: #000;
}
#header_full_v2 .flash_pic_pop {
  width: 1200px;
  position: absolute;
  top: 0;
  right: calc(50% - 600px);
  z-index: 3;
}
#header_full_v2.header_v2 .flash_pic_pop {
  width: 950px;
  right: calc(50% - 475px);
}
#header_full_v2 .flash_pic_pop img {
  width: 1200px;
  display: block;
}
#header_full_v2.header_v2 .flash_pic_pop img {
  width: 950px;
}
#header_full_v2 .flash_pic_pop .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 70px;
  display: block;
  z-index: 4;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #000;
}
#header_full_v2 .flash_pic_pop .close i::before {
  content: "\e807";
}
/* fix__box active */
#header_full_v2 .fix__box.active {
  min-height: 72px;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
  display: flex;
}
#header_full_v2 .fix__box .fix_active_wrap {
  display: none;
}
#header_full_v2 .fix__box.active .fix_active_wrap {
  display: flex;
}
#header_full_v2 .fix__box.active .website_nav_wrap {
  display: none;
}
/* fix__box */
#header_full_v2 .fix__box {
  position: fixed;
  width: 100%;
  min-height: 40px;
  text-align: left;
  background-color: #fff;
  /* border-bottom: 2px solid #fff; */
  top: 0;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  animation: myfirst 5s;
  -moz-animation: myfirst 5s;
  -webkit-animation: myfirst 5s;
  -o-animation: myfirst 5s;
}
#header_full_v2 .header__box1 {
  width: 1180px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
  font-size: 13px;
}
#header_full_v2.header_v2 .header__box1 {
  width: 950px;
}
#header_full_v2 .fix_active_wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header_full_v2 .website_nav_wrap {
  position: relative;
}
#header_full_v2 .website__nav {
  display: flex;
  letter-spacing: -8px;
}
#header_full_v2 .website__nav a {
  color: #000;
}
#header_full_v2 .website__nav li {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  letter-spacing: normal;
}
#header_full_v2 .website__nav li::before {
  content: '';
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 8px;
  width: 1px;
  background: #000000;
  position: absolute;
  top: calc((100% - 8px) / 2);
  right: 0;
}
#header_full_v2 .website__nav li:last-child::before {
  display: none;
}
#header_full_v2 .website__nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  line-height: normal;
}
#header_full_v2.header_v2 .website__nav li a {
  padding: 8px 9px;
}
#header_full_v2 .website__nav .svg-icon-home {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-size: cover;
  background-image: url("//jci.book.com.tw/css/header/images/icon-home-01.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: bottom;
}
#header_full_v2 .service_nav_wrap {
  display: flex;
  flex: auto;
  justify-content: flex-end;
  margin-left: auto;
}
#header_full_v2 .service__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -8px;
}
#header_full_v2 .service__nav>li {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  letter-spacing: normal;
}
#header_full_v2 .service__nav>li::before {
  content: '';
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 8px;
  width: 1px;
  background: #000000;
  position: absolute;
  top: calc((100% - 8px) / 2);
  right: 0;
}
#header_full_v2 .service__nav>li:last-child::before {
  display: none;
}
#header_full_v2 .service__nav>li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  color: #000;
  line-height: normal;
}
#header_full_v2.header_v2 .service__nav>li>a {
  padding: 8px 9px;
}
#header_full_v2 .service__nav>li.user_info>a {
  color: #12AE57;
}
#header_full_v2 .service__nav .svg-icon-user,
#header_full_v2 .service__nav .svg-icon-globe {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: bottom;
}
#header_full_v2 .user_login .svg-icon-user {
  background-image: url("//jci.book.com.tw/css/header/images/icon-user-01.svg");
}
#header_full_v2 .user_info .svg-icon-user {
  background-image: url("//jci.book.com.tw/css/header/images/icon-user-01-green.svg");
}
#header_full_v2 .service__nav .svg-icon-globe {
  background-image: url("//jci.book.com.tw/css/header/images/icon-globe-01.svg");
}
#header_full_v2 .service__nav .cart_num {
  font-family: 'Microsoft JhengHei';
}
#header_full_v2 .user_info_tip_box {
  position: absolute;
  top: 33px;
  left: 0;
  width: 250px;
  background: #FAFAFA;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
#header_full_v2 .user_info_tip_box .member {
  padding: 16px;
  display: flex;
  align-items: center;
  color: #000;
  background: #F0F0F0;
  border-radius: 8px 8px 0 0;
}
#header_full_v2 .user_info_tip_box .member i {
  width: 48px;
  height: 48px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 8px;
}
#header_full_v2 .user_info_tip_box .member i::before {
  content: ' ';
  width: 48px;
  height: 48px;
  padding: 0;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#header_full_v2 .user_info_tip_box .member .record {
  flex: 1;
  align-items: center;
}
#header_full_v2 .user_info_tip_box .member .record li {
  line-height: 1.5em;
}
#header_full_v2 .user_info_tip_box .member .record li:first-child {
  font-size: 15px;
  font-weight: bold;
}
#header_full_v2 .user_info_tip_box .icon-svg-graded-d::before {
  background-image: url("https://jci.book.com.tw/css/books/member/images/icon-svg-graded-d.svg");
}
#header_full_v2 .user_info_tip_box .icon-svg-graded-p::before {
  background-image: url("https://jci.book.com.tw/css/books/member/images/icon-svg-graded-p.svg");
}
#header_full_v2 .user_info_tip_box .icon-svg-graded-g::before {
  background-image: url("https://jci.book.com.tw/css/books/member/images/icon-svg-graded-g.svg");
}
#header_full_v2 .user_info_tip_box .icon-svg-graded-s::before {
  background-image: url("https://jci.book.com.tw/css/books/member/images/icon-svg-graded-s.svg");
}
#header_full_v2 .user_info_tip_box .list {
  position: relative;
  padding: 8px 0;
  font-size: 15px;
}
#header_full_v2 .user_info_tip_box .list::after {
  content: "";
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: -2px;
  height: 1px;
  background: #e5e5e5;
}
#header_full_v2 .user_info_tip_box .list li {
  position: relative;
  line-height: 22px;
}
#header_full_v2 .user_info_tip_box .list li a {
  padding: 8px 16px;
  display: flex;
  align-items: flex-start;
  color: #000;
}
#header_full_v2 .user_info_tip_box .list li:hover {
  background-color: #E5FFB3;
}
#header_full_v2 .user_info_tip_box .list.mycoupons span {
  margin-left: auto;
  font-weight: bold;
  color: #CD3D35;
  font-family: 'Microsoft JhengHei';
}
#header_full_v2 .user_info_tip_box .list.mycoupons span>em {
  font-size: 12px;
}
#header_full_v2 .user_info_tip_box .sign_out {
  width: 100%;
  margin: 16px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  color: #12AE57;
  cursor: pointer;
}
/* header-box1 */
#header_full_v2 .fix_box {
  position: fixed;
  width: 100%;
  min-height: 48px;
  text-align: left;
  background-color: #f3f3f3;
  border-bottom: 2px solid #94c722;
  top: 0;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  animation: myfirst 5s;
  -moz-animation: myfirst 5s;
  -webkit-animation: myfirst 5s;
  -o-animation: myfirst 5s;
}
#header_full_v2.group .fix_box {
  border-bottom: 2px solid #00ba91;
}
#header_full_v2 .header_box1 {
  width: 1180px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
}
#header_full_v2 .header_box1 a {
  color: #2a2a2a;
}
#header_full_v2 .website_nav li {
  float: left;
}
#header_full_v2 .website_nav li a {
  display: inline-block;
  padding: 1.25em 0.4em;
}
#header_full_v2 .service_nav {
  margin-left: auto;
}
#header_full_v2 .service_nav li {
  float: left;
}
#header_full_v2 .service_nav li a {
  display: inline-block;
  padding: 1.25em 0.5em;
  color: #000;
}
#header_full_v2 .service_nav .logout {
  padding: 0 10px;
}
#header_full_v2 .service_nav .logout a {
  display: inline-block;
}
#header_full_v2 .shopping a,
#header_full_v2 .shopping a:hover {
  color: #cc0000;
  font-weight: bold;
  font-family: Verdana;
}
#header_full_v2 .shopping strong {
  font-weight: bold;
}
#header_full_v2 .pop_tip_box span {
  color: #cc0000;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana;
  padding-left: 2px;
}
#header_full_v2 .pop_tip {
  width: 160px;
  position: absolute;
  top: 40px;
  left: -28px;
  text-align: left;
  color: #666;
  background-color: #fff;
  border: 1px solid #e6e4e4;
  border-radius: 6px;
  box-shadow: 0px 6px 18px 2px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1;
}
#header_full_v2 .pop_tip li {
  float: none;
  display: block;
  border-top: 1px solid #e6e4e4;
}
#header_full_v2 .pop_tip li:first-child {
  border-top: none;
}
#header_full_v2 .pop_tip span {
  padding: 0 0.2em;
  color: #cc0000;
  font-weight: normal;
  font-family: Verdana;
}
#header_full_v2 .pop_tip li a {
  padding: 0.9em 1em;
  display: block;
}
#header_full_v2 .pop_tip_box a:hover span {
  color: #cc0000;
}
#header_full_v2 .pop_tip_box {
  position: relative;
}
#header_full_v2 .pop_tip::before,
#header_full_v2 .pop_tip::after {
  border-color: transparent;
  border-right: 7px solid transparent;
  border-style: solid;
  border-width: 0 7px 7px;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}
#header_full_v2 .pop_tip::before {
  border-bottom-color: #d9d9d9;
}
#header_full_v2 .pop_tip::after {
  border-bottom-color: #fff;
  margin-bottom: -1px;
}
/* header_box2 */
#header_full_v2 .header_box2 {
  width: 1180px;
  min-height: 72px;
  margin: 10px auto 5px;
  position: relative;
  display: flex;
}
#header_full_v2.header_v2 .header_box2 {
  width: 950px;
}
#header_full_v2 .header_box2 .logo {
  width: 205px;
  height: 72px;
  display: block;
}
#header_full_v2 .header_box2.active .logo {
  position: fixed;
  width: 140px;
  z-index: 4;
  top: 16px;
  left: auto;
}
#header_full_v2 .header_box2 .logo img {
  width: 185px;
  height: 52px;
}
#header_full_v2.group .header_box2 .logo img {
  width: 200px;
  height: 52px;
}
#header_full_v2 .header_box2.active .logo img {
  width: 140px;
  height: 39px;
}
#header_full_v2 .header_box2.active .search_box input {
  /*   width: 180px;   */
}
#header_full_v2.header_v2 .header_box2.active .search_box input {
  width: 140px;
}
/* header_box2 - search */
#header_full_v2 .search_box {
  height: 40px;
  position: relative;
  font-size: 15px;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
#header_full_v2 .header_box2.active .search_box {
  position: fixed;
  margin-left: 150px;
  width: 300px;
  z-index: 4;
  top: 16px;
  left: auto;
}
#header_full_v2 .search_box .search_wrap {
  max-width: 480px;
  border: 1px solid #27B24F;
  /*background: #27B24F; */
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 0;
}
#header_full_v2.header_v2 .search_box .search_wrap {
  max-width: 395px;
}
#header_full_v2.group .search_box .search_wrap {
  border: 1px solid #00ba91;
  background: #00ba91;
}
#header_full_v2 .search_box a {
  color: #555;
}
#header_full_v2 .search_box form {
  position: relative;
}
#header_full_v2 input,
#header_full_v2 input[type="search"] {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
}
#header_full_v2 .search_box input {
  width: 335px;
  height: 38px;
  line-height: 38px;
  padding: 0 8px;
  color: #000;
  font-size: 16px;
  text-indent: 5px;
  border: none;
  border-radius: 0;
  background: #fff;
  caret-color: #12AE57;
}
#header_full_v2 .search_box.active input {
  width: 300px;
}
#header_full_v2.header_v2 .search_box input {
  width: 250px;
}
#header_full_v2 .search_box input::placeholder {
  color: #AAAAAA;
}
#header_full_v2 .search_box .select_set {
  position: relative;
  float: left;
}
#header_full_v2 .search_box .toggle_btn {
  padding: 0 30px 0 10px;
  color: #000;
  height: 38px;
  min-width: 100px;
  overflow: hidden;
  text-align: center;
  background-color: #FAFAFA;
  border-radius: 11px 0 0 11px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#header_full_v2 .search_box .toggle_btn.slide-up {
  color: #12AE57;
}
#header_full_v2 .search_box .toggle_btn i {
  position: absolute;
  right: 5px;
}
#header_full_v2 .search_box .toggle_btn i::before {
  font-family: "icon_01";
  font-style: normal;
  font-size: 13px;
  color: #000;
  padding-left: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header_full_v2 .search_box .toggle_btn i::before {
  content: '\f004';
}
#header_full_v2 .search_box .toggle_btn.slide-up i::before {
  content: '\f005';
  color: #12AE57;
}
#header_full_v2 .search_box .search_btn {
  width: 48px;
  height: 38px;
  color: #fff;
  background-color: #12AE57;
  border-radius: 0 9px 9px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
#header_full_v2.group .search_box .search_btn {
  background-color: #00ba91;
}
#header_full_v2 .search_box i.icon-search::before {
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: 17px;
}
/* header_box2 - search_words */
#header_full_v2 .search_words_ul {
  display: none;
  position: absolute;
  padding: 8px 0;
  width: 445px;
  top: 43px;
  left: 0;
  text-align: left;
  color: #000;
  background-color: #fff;
  border: 1px solid #e6e4e4;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 3;
}
#header_full_v2 .search_words_ul a {
  color: #000;
}
#header_full_v2.header_v2 .search_words_ul {
  width: 380px;
}
#header_full_v2 .search_words_ul li {
  padding: 0.5em 1em;
  display: block;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.5em;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
#header_full_v2 .search_words_ul li:hover,
#header_full_v2 .search_words_ul li.active {
  background-color: #E5FFB3;
}
#header_full_v2 .search_words_ul li.title {
  padding: 0.5em 1em;
  font-weight: bold;
  cursor: none;
}
#header_full_v2 .search_words_ul li.title:hover {
  background-color: transparent;
}
#header_full_v2 .search_words_ul li .title-secondary {
  font-size: 13px;
  color: #999;
  line-height: 22px;
}
#header_full_v2 .search_words_ul li .nav-search-flagship {
  height: 42px;
  margin: 0;
  display: flex;
  align-items: center;
}
#header_full_v2 .search_words_ul li .nav-search-flagship-img {
  width: 42px;
}
#header_full_v2 .search_words_ul li .nav-search-flagship-title {
  margin-left: 8px;
}
#header_full_v2 .search_words_ul li .nav-search-flagship-a {
  color: #e7730c;
}
#header_full_v2 .search_words_ul .suggest {
  width: 100%;
  display: flex;
  align-items: center;
}
#header_full_v2 .search_words_ul .suggest img {
  width: 42px;
  height: 42px;
  margin-right: 5px;
}
#header_full_v2 .search_words_ul .text {
  font-size: 15px;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
}
#header_full_v2 .search_words_ul .text-s {
  font-size: 13px;
  color: #999;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  flex-shrink: 0;
  flex-grow: 0;
}
#header_full_v2 .search_words_ul .go_search {
  margin-left: 10px;
  color: #e7730c;
  flex-shrink: 0;
  flex-grow: 0;
}
/* header_box2 - search_select */
#header_full_v2 .search_select_ul {
  display: none;
  position: absolute;
  padding: 8px 0;
  width: 200px;
  max-height: 475px;
  overflow: auto;
  top: 43px;
  left: 0;
  text-align: left;
  color: #666;
  background-color: #fff;
  border: 1px solid #e6e4e4;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 3;
}
#header_full_v2 .search_select_ul.show {
  display: block;
}
#header_full_v2 .search_select_ul li {
  padding: 0.5em 1em;
  display: block;
  overflow: hidden;
  font-size: 15px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
#header_full_v2 .search_select_ul li:hover,
#header_full_v2 .search_select_ul li.active {
  background-color: #E5FFB3;
}
#header_full_v2 .search_select_ul li.title {
  padding: 0.5em 1em;
  font-weight: bold;
  cursor: none;
}
#header_full_v2 .search_select_ul li.title:hover {
  background-color: transparent;
}
#header_full_v2 .search_select_ul li .title-secondary {
  font-size: 13px;
  color: #626364;
  line-height: 22px;
}
/* header_box2 - hot */
#header_full_v2 .hot_key_words {
  position: absolute;
  bottom: 0;
  left: 205px;
  width: 500px;
  overflow: hidden;
  font-size: 13px;
  line-height: 24px;
  color: #78b620;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
#header_full_v2.header_v2 .hot_key_words {
  width: 412px;
}
#header_full_v2 .hot_key_words strong {
  margin-right: 6px;
  padding: 0 6px;
  min-width: 53px;
  line-height: 24px;
  color: #fff;
  background-color: #FF7205;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#header_full_v2.header_v2 .hot_key_words strong {
  margin-right: 5px;
}
#header_full_v2 .hot_key_words a {
  color: #12AE57;
  font-size: 13px;
  display: inline-block;
}
#header_full_v2.group .hot_key_words a {
  color: #00ba91;
}
#header_full_v2 .hot_key_words .item {
  margin-right: 12px;
}
#header_full_v2.header_v2 .hot_key_words .item {
  margin-right: 10px;
}
#header_full_v2 .hot_key_words .item:last-child {
  margin-right: 0;
}
#header_full_v2 .hot_key_words a:hover {
  color: #e7730c;
  text-decoration: none;
}
/* header_box2 - figure */
#header_full_v2 .header_box2 .figure_img {
  margin-left: auto;
  display: flex;
  width: 320px;
  height: 72px;
}
#header_full_v2 .header_box2 .figure_img img {
  width: 320px;
  height: 72px;
}
/* header-box3 */
#header_full_v2 .header_box3 {
  position: relative;
  width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
#header_full_v2.header_v2 .header_box3 {
  width: 950px;
}
#header_full_v2 .service_msg {
  padding: 0 3px;
  line-height: 1.5;
  font-size: 13px;
  color: #333;
  overflow: hidden;
  vertical-align: middle;
}
#header_full_v2 .service_msg .more {
  margin: 0 0 0 3px;
}
#header_full_v2 .service_msg a {
  color: #12AE57;
}
#header_full_v2.group .service_msg a {
  color: #00ba91;
}
#header_full_v2 .service_msg a:hover {
  color: #e7730c;
  text-decoration: none;
}
#header_full_v2 .service_msg .svg-icon-horn {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: bottom;
  background: url("//jci.book.com.tw/css/header/images/icon-horn-01.svg");
}
#header_full_v2 .service_msg .icon-clock::before {
  color: #f04f47;
  font-size: 1.4em;
  vertical-align: middle;
}
#header_full_v2 .service_msg strong {
  margin: 0 3px;
  color: #f04f47;
  font-weight: bold;
}
/* header_box4 */
#header_full_v2 .header_box4 {
  position: relative;
  width: 1180px;
  margin: 28px auto 15px;
}
#header_full_v2.header_v2 .header_box4 {
  width: 950px;
}
/* header_box4 - featured */
#header_full_v2 .featured_activity {
  position: absolute;
  right: 0;
  top: -28px;
  display: flex;
  margin-left: 310px;
  overflow: hidden;
  color: #000;
  letter-spacing: -8px;
}
#header_full_v2 .featured_activity li {
  position: relative;
  display: flex;
  font-size: 13px;
  line-height: 20px;
  height: 24px;
  overflow: hidden;
  color: #000;
  letter-spacing: normal;
  align-items: center;
}
#header_full_v2 .featured_activity li:not(:first-child)::before {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
  content: "";
  width: 1px;
  height: 8px;
  overflow: hidden;
  color: #000;
  border-right: 1px solid #000;
}
#header_full_v2 .featured_activity li a {
  display: inline-flex;
  padding: 0 10px;
  align-items: center;
  color: #000;
}
#header_full_v2 .featured_activity li a:hover {
  color: #e7730c;
  text-decoration: none;
}
#header_full_v2 .featured_activity li svg,
#header_full_v2 .featured_activity li img {
  margin-right: 2px;
  width: 24px;
  height: 24px;
}
/* header_box4 - nav */
#header_full_v2 .nav_wrap {
  position: relative;
  width: 1180px;
  height: 46px
}
#header_full_v2.header_v2 .nav_wrap {
  width: 950px;
}
#header_full_v2.header_v2 .nav_wrap.home h2.title i {
  display: none;
}
#header_full_v2 .nav_wrap .menu_title {
  position: absolute;
  top: -18px;
  left: 16px;
  width: 262px;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-weight: bold;
  font-size: 16px;
  line-height: normal;
  color: #fff;
  box-sizing: border-box;
  background: rgba(18, 163, 82, 0.7);
  background: -moz-linear-gradient(top, #58be85 23%, #12a654 35%, #1aaa5a 51%, #1aaa5a 51%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #58be85 23%, #12a654 35%, #1aaa5a 51%, #1aaa5a 51%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #58be85 23%, #12a654 35%, #1aaa5a 51%, #1aaa5a 51%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: inset 1px 1px 12px rgba(197, 255, 199, 0.8);
  backdrop-filter: blur(4px);
  border-radius: 12px 12px 0px 0px;
}
#header_full_v2.header_v2 .nav_wrap .menu_title {
  left: 0;
  width: 150px;
}
#header_full_v2 .nav_wrap .menu_title::after {
  content: "";
  position: absolute;
  width: 0.75px;
  height: 46px;
  right: -0px;
  top: 18px;
  box-shadow: 5px 0px 5px #00632c;
  border-radius: 0 12px 0 12px;
}
#header_full_v2 .nav_wrap .menu_title .title {
  display: flex;
  align-items: center;
  line-height: 1;
  color: #fff;
  text-decoration: none;
}
#header_full_v2 .nav_wrap .menu_title .title i {
  opacity: 0;
}
#header_full_v2 .nav_wrap .menu_title.dropdown {
  cursor: auto;
}
#header_full_v2 .nav_wrap .menu_title.dropdown i {
  margin: 0 0 0 5px;
  font-weight: normal;
  opacity: 1;
}
#header_full_v2 .nav_wrap .menu_title.dropdown i::before {
  font-family: "icon_01";
  font-style: normal;
  font-size: 13px;
  color: #fff;
  padding-left: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header_full_v2 .nav_wrap .menu_title.dropdown i::before {
  content: '\f004';
}
#header_full_v2 .nav_wrap .menu_title.dropdown.show i::before {
  content: '\f005';
}
#header_full_v2 .nav_wrap .menu_bar {
  width: 1180px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background: #12AE57;
  border-radius: 12px 12px 0px 0px;
}
#header_full_v2.header_v2 .nav_wrap .menu_bar {
  width: 950px;
}
#header_full_v2 .nav_wrap .menu_bar_ul {
  display: flex;
  flex: 1;
  width: auto;
  margin-left: 278px;
}
#header_full_v2.header_v2 .nav_wrap .menu_bar_ul {
  margin-left: 150px;
}
#header_full_v2 .menu_bar_ul li.item {
  position: relative;
  width: 129px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  display: inline-flex;
  flex: none;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#header_full_v2.header_v2 .menu_bar_ul li.item {
  width: 114px;
}
#header_full_v2.header_v2 .menu_bar_ul li:last-child.item {
  width: 116px;
}
#header_full_v2 .menu_bar_ul li.item a {
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
  text-align: center;
}
#header_full_v2 .menu_bar_ul li.item:not(:first-child)::before {
  position: absolute;
  left: -2px;
  margin: 0;
  padding: 0;
  content: "";
  width: 1px;
  height: 8px;
  overflow: hidden;
  color: #fff;
  border-right: 1px solid #fff;
}
#header_full_v2 .menu_bar_ul li.item.here::before {
  border: none;
}
#header_full_v2 .menu_bar_ul li.item.here {
  color: #12AE57;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px 12px 0 0;
}
#header_full_v2 .menu_bar_ul li.item.here a {
  height: inherit;
  color: #12AE57;
}
/* header_box4 - menu_pop */
#header_full_v2 .menu_pop_box {
  position: absolute;
  width: 902px;
  min-height: 386px;
  right: 0;
  top: 41px;
  padding: 0 0;
  background: #FFFFFF;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 0 0 12px 12px;
  z-index: 3;
}
#header_full_v2.header_v2 .menu_pop_box {
  /* width: 672px; */
  width: 800px;
}
#header_full_v2 .menu_pop_box .u-container {
  padding: 20px 0 20px 0;
}
/* header_box4 - menu_mod_1 */
#header_full_v2 .menu_mod_1 {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
#header_full_v2 .menu_mod_1 .box {
  position: relative;
  padding: 0 24px;
}
#header_full_v2.header_v2 .menu_mod_1 .box {
  padding: 0 15.5px;
}
#header_full_v2 .menu_mod_1 .box:not(:last-child)::before {
  content: " ";
  position: absolute;
  width: 2px;
  top: 30px;
  right: -4px;
  bottom: 0;
  background: url("//jci.book.com.tw/css/header/images/icon-dotted-bg.svg") repeat-y;
}
#header_full_v2 .menu_mod_1 .box:first-child {
  /* padding-left: 11px; */
}
#header_full_v2 .menu_mod_1 .flex-wrap {
  display: flex;
  position: relative;
}
#header_full_v2 .menu_mod_1 .title {
  margin-bottom: 15px;
  font-size: 15px;
  color: #000;
  line-height: 22px;
  font-weight: bold;
  position: relative;
}
#header_full_v2 .menu_mod_1 .title::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #12AE57;
  position: absolute;
  border-radius: 2px;
  top: 0px;
  left: -11px;
}
#header_full_v2.header_v2 .menu_mod_1 .title::before {
  left: -7px;
}
#header_full_v2 .menu_mod_1 .title a {
  color: #000;
}
#header_full_v2 .menu_mod_1 .title a:hover {
  color: #12AE57;
}
#header_full_v2 .menu_mod_1 .item {
  width: 102px;
  margin-left: 48px;
  font-size: 15px;
}
#header_full_v2.header_v2 .menu_mod_1 .item {
  margin-left: 31px;
}
#header_full_v2 .menu_mod_1 .item:first-child {
  margin-left: 0;
}
#header_full_v2 .menu_mod_1 .item>li {
  line-height: 1.5em;
  max-height: 3em;
  overflow: hidden;
  margin-bottom: 10px;
}
#header_full_v2 .menu_mod_1 .item a {
  color: #000;
  display: block;
}
#header_full_v2 .menu_mod_1 .item a:hover {
  color: #12AE57;
}
/* header-box5 */
#header_full_v2 .header_box5 {
  width: 1180px;
  margin: 0 auto 10px;
  position: relative;
  font-size: 15px;
  display: flex;
  align-items: center;
}
#header_full_v2.header_v2 .header_box5 {
  width: 950px;
}
#header_full_v2 .header_box5 .title {
  min-width: 150px;
  padding: 0 10px 0 0;
  color: #00929f;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
#header_full_v2 .header_box5 .title a {
  color: #00929f;
}
#header_full_v2 .header_box5 .title a:hover {
  text-decoration: underline;
}
#header_full_v2 .header_box5 .title i {
  margin-left: auto;
}
#header_full_v2 .header_box5 .title i::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  content: '\e804';
  color: #333;
  padding-left: 0.3em;
}
#header_full_v2 .header_box5 .nav {
  width: 100%;
  display: inline-flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: nowrap;
  padding-left: 10px;
  overflow: hidden;
  color: #333;
}
#header_full_v2 .header_box5 .nav a {
  color: #333;
  text-decoration: none;
}
#header_full_v2 .header_box5 .nav a:hover {
  color: #f28900;
}
#header_full_v2 .header_box5 .nav li {
  margin-right: 8px;
  flex: none;
}
#header_full_v2 .header_box5 .nav li:last-child {
  margin-right: 0;
}
/* header-box6 */
#header_full_v2 .header_box6 {
  position: relative;
  width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
#header_full_v2.header_v2 .header_box6 {
  width: 950px;
}
#header_full_v2 .quotemedaily {
  position: relative;
  margin: 5px 0 8px;
  width: 100%;
  overflow: hidden;
}
#header_full_v2 .quotemedaily p {
  display: flex;
  font-size: 13px;
  color: #333;

  flex-wrap: nowrap;
}
#header_full_v2 .quotemedaily a {
  font-size: 13px;
  color: #333;
}
#header_full_v2 .quotemedaily .text {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 25px;
  height: 25px;
  -webkit-line-clamp: 1;
  display: block;
  background: #f5f5f5;
  padding: 0 20px 0 10px;
  border-top: 1px dotted #e0e0e0;
  border-bottom: 1px dotted #e0e0e0;
}
#header_full_v2 .quotemedaily .text::before {
  position: absolute;
  width: 10px;
  top: 0;
  right: 5px;
  display: inline-flex;
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  content: '\e854';
  color: #12AE57;
}
#header_full_v2 .quotemedaily .text:hover::before {
  color: #e7730c;
}
/* header-box7 */
#header_full_v2 .header_box7 {
  width: 1180px;
  position: relative;
  margin: 0 auto 6px;
}
#header_full_v2.header_v2 .header_box7 {
  width: 950px;
}
#header_full_v2 .header_box7 img {
  width: 1180px;
  height: auto;
}
#header_full_v2.header_v2 .header_box7 img {
  width: 950px;
  height: auto;
}
/* header_category */
#header_full_v2 .header_category {
  margin: 0 auto;
  width: 1180px;
  position: relative;
  z-index: 2;
}
#header_full_v2.header_v2 .header_category {
  width: 950px;
}
#header_full_v2 .header_category.show {
  display: block;
}
#header_full_v2 .category_bar {
  position: absolute;
  top: -27px;
  left: 16px;
  width: 262px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 0px 0px 12px 12px;
  z-index: 2;
}
#header_full_v2.header_v2 .category_bar {
  left: 0;
  width: 150px;
}
#header_full_v2 .category_bar_ul {
  min-height: 550px;
  padding: 12px 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
#header_full_v2.header_v2 .category_bar_ul {
  padding: 12px 8px 8px;
  min-height: 480px;
}
#header_full_v2 .category_bar_ul>li.item {
  position: relative;
  line-height: 30px;
  margin-bottom: 4px;
  padding: 0 0 0 10px;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-align: left;
}
#header_full_v2.header_v2 .category_bar_ul>li.item {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 25px;
}
#header_full_v2 .category_bar_ul>li.item:last-child {
  margin-bottom: 0;
}
#header_full_v2 .category_bar_ul>li.item a:first-child {
  padding: 0 3px 0 0;
}
#header_full_v2.header_v2 .category_bar_ul>li.item a:first-child {
  padding: 0;
}
#header_full_v2 .category_bar_ul>li.item a:last-child {
  /* padding: 0 0 0 3px; */
}
#header_full_v2.header_v2 .category_bar_ul>li.item a:last-child {
  padding: 0;
}
#header_full_v2 .category_bar_ul>li.item a {
  color: #000;
  padding: 0 3px;
}
#header_full_v2.header_v2 .category_bar_ul>li.item a {
  padding: 0;
}
#header_full_v2 .category_bar_ul>li.item:hover a {
  color: #1C8039;
  /* font-size: 16px; */
}
#header_full_v2 .category_bar_ul>li.here a {
  color: #1C8039;
  /* font-size: 16px; */
  font-weight: bold;
}
#header_full_v2 .category_bar_ul>li.item.here::before,
#header_full_v2 .category_bar_ul>li.item:hover::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  content: '\f006';
  color: #1c8039;
  position: absolute;
  right: -9px;
}
#header_full_v2 .category_bar_ul>li.item.here::after,
#header_full_v2 .category_bar_ul>li.item:hover::after {
  content: " ";
  top: -4px;
  left: 0;
  position: absolute;
  background-color: #E5FFB3;
  position: absolute;
  width: 270px;
  height: 40px;
  color: #1C8039;
  border-radius: 24px;
  z-index: -1;
}
#header_full_v2.header_v2 .category_bar_ul>li.item.here::after,
#header_full_v2.header_v2 .category_bar_ul>li.item:hover::after {
  width: 160px;
  height: 35px;
}
#header_full_v2 .category_pop_box {
  position: absolute;
  width: 902px;
  min-height: 560px;
  right: 0;
  top: -25px;
  padding: 0 0;
  background: #FFFFFF;
  border: 2px solid #12AE57;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 12px;
  z-index: 1;
}
#header_full_v2.header_v2 .category_pop_box {
  /* width: 672px; */
  width: 800px;
  min-height: 478px;
  box-sizing: border-box;
}
#header_full_v2 .category_pop_box.bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 120px;
  border-radius: 10px 0 0 10px;
  background-color: #fafafa;
  z-index: -1;
}
#header_full_v2 .category_pop_box .u-container_table {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
}
#header_full_v2 .category_pop_box .u-table_tr {
  display: table-row;
}
#header_full_v2 .category_pop_box .u-table_td {
  display: table-cell;
  vertical-align: top;
}
#header_full_v2 .category_pop_box .u-table_td.w_220 {
  width: 220px;
}
#header_full_v2 .category_pop_box .u-table_td.w_230 {
  width: 230px;
}
#header_full_v2 .category_pop_box .category_mod_pic {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#header_full_v2 .category_pop_box .category_mod_pic img {
  width: 182px;
  height: auto;
  display: block;
  margin: 25px 10px 0;
}
#header_full_v2 .category_mod {
  display: flex;
  /*padding: 25px 0; */
  padding: 20px 0 15px;
  border-bottom: 1px solid #e0e0e0;
}
#header_full_v2 .category_mod a {
  color: #000;
}
#header_full_v2 .category_mod:last-child {
  border-bottom: none;
}
#header_full_v2 .category_mod .u-item {
  display: flex;
}
#header_full_v2 .category_mod .u-item_1 {
  width: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 5px 20px 0 22px;
  text-align: right;
  box-sizing: border-box;
}
#header_full_v2 .category_mod .u-item_2 {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 10px 0 20px;
  overflow: hidden;
  box-sizing: border-box;
}
#header_full_v2.header_v2 .category_mod .u-item_2 {
  padding: 0 20px 0 20px;
}
#header_full_v2 .u-item_1 .item_title {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.35em;
}
#header_full_v2 .category_mod .mod-more {
  /*   margin: 30px 0 15px; */
  margin: 0 0 15px;
}
#header_full_v2 .category_mod .mod-more a {
  font-size: 13px;
  color: #12AE57;
  text-decoration: underline;
}
#header_full_v2 .category_mod .mod-more a:hover {
  color: #1C8039;
}
/* category_mod_1 */
#header_full_v2 .category_mod_1 {
  display: flex;
  flex-wrap: wrap;
}
#header_full_v2 .category_mod_1 a.item {
  display: block;
  margin: 0 19px 21px 0;
}
#header_full_v2.header_v2 .category_mod_1 a.item {
  margin: 0 23px 21px 0;
}
/* #header_full_v2.header_v2 .category_mod_1 a.item:nth-child(6n) {
  margin: 0 0 21px 0;
} */
#header_full_v2 .category_mod_1 img {
  width: 64px;
  height: 64px;
  border-radius: 6px;
  display: block;
}
/* category_mod_2 */
#header_full_v2 .category_mod_2 {
  display: flex;
  flex-wrap: wrap;
}
#header_full_v2 .category_mod_2 li {
  position: relative;
  width: 92px;
  margin: 0 12px 25px 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
/* #header_full_v2.header_v2 .category_mod_2 li:nth-child(5n) {
  margin: 0 0 25px 0;
} */
#header_full_v2 .category_mod_2 li>a {
  display: flex;
  flex-direction: column;
}
#header_full_v2 .category_mod_2 li:hover {
  color: #5a5a5a;
}
#header_full_v2 .category_mod_2 p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.25em;
  max-height: 1.25em;
  overflow: hidden;
}
#header_full_v2 .category_mod_2 img {
  width: 92px;
  height: 240px;
  display: block;
  margin: auto auto 0;
}
/* category_mod_3 */
#header_full_v2 .category_mod_3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 15px;
  overflow: hidden;
}
#header_full_v2 .category_mod_3 span {
  padding: 0 40px 0 0px;
  display: inline-flex;
  position: relative;
}
#header_full_v2 .category_mod_3 span:first-child {
  padding-left: 0;
}
#header_full_v2 .category_mod_3 a {
  display: block;
  flex: none;
  max-width: 518px;
  line-height: 2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#header_full_v2 .category_mod_3 span::before {
  position: absolute;
  right: 20px;
  top: 10px;
  margin: 0;
  padding: 0;
  content: "";
  width: 1px;
  height: 8px;
  overflow: hidden;
  border-left: 1px solid #ccc;
}
#header_full_v2 .category_mod_3 span:last-child::before {
  border-left: none;
}
#header_full_v2 .category_mod_3 b {
  color: #CC0000;
}
/* category_mod_4 */
#header_full_v2 .category_mod_4 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
#header_full_v2 .category_mod_4 span {
  display: block;
  max-width: 518px;
  margin: 0 10px 10px 0;
  padding: 8px;
  border: 1px solid #12AE57;
  border-radius: 8px;
  background-color: #fff;
  white-space: nowrap;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #12AE57;
}
#header_full_v2 .category_mod_4 span:hover {
  color: #1C8039;
  border: 1px solid #1C8039;
}
/* category_mod_5 */
#header_full_v2 .category_mod_5 {
  display: flex;
  flex-wrap: wrap;
}
#header_full_v2 .category_mod_5 .item {
  position: relative;
  width: 166px;
  margin: 0 0 20px 0;
  display: flex;
  flex-direction: column;
}
#header_full_v2 .category_mod_5 .item p {
  font-size: 13px;
  padding-left: 8px;
  line-height: 1.5em;
  word-wrap: break-word;
  word-break: break-word;
}
#header_full_v2 .category_mod_5 a {
  width: 100%;
  display: flex;
  align-items: center;
  color: #000;
}
#header_full_v2 .category_mod_5 a:hover {
  color: #5a5a5a;
}
#header_full_v2 .category_mod_5 img {
  width: 67px;
  height: 67px;
  border-radius: 6px;
  display: block;
  margin-top: auto;
}
/* header simple */
#header_full_v2.simple {
  padding: 20px 0 0;
  margin: 0 auto 30px;
  border-bottom: 3px solid #12AE57;
}
#header_full_v2.simple .header_box2 {
  margin: 0 auto 10px;
}
#header_full_v2.simple .search_box {
  position: absolute;
  right: 0;
  top: 10px;
}
/* ==============  footer  ============== */
#footer_full {
  width: 100%;
  min-height: 190px;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  border-top: 1px solid #e6e4e4;
  background-color: #f3f3f3;
  font-size: 13px;
  color: #8b8a8a;
  font-family: Helvetica;
}
#footer_full a:hover {
  color: #f28900;
  text-decoration: none;
}
#footer_full.simple .sitemap_service {
  display: none;
}
#footer_full .sitemap_service {
  width: 1180px;
  margin: 15px auto;
  border-bottom: 1px solid #e6e4e4;
}
#footer_full .container_table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#footer_full .table_tr {
  display: table-row;
}
#footer_full .table_td {
  display: table-cell;
  width: 15%;
  padding: 0 0.5em;
  vertical-align: top;
  box-sizing: border-box;
}
#footer_full .table_td:last-child,
#footer_full .table_td.logo-list {
  width: 25%;
  border: 1px solid transparent;
}
#footer_full .sitemap_service h4 {
  font-size: 13px;
  line-height: 1.75em;
  font-weight: bold;
  color: #666;
  padding-bottom: 0;
  margin-bottom: 10px;
}
#footer_full .sitemap_service a {
  display: block;
  font-size: 13px;
  color: #8b8a8a;
  text-decoration: none;
  font-weight: normal;
  padding: 0 0.2em 1em;
}
#footer_full .sitemap_service a:hover {
  color: #f28900;
  text-decoration: none;
}
#footer_full i.icon_711,
#footer_full i.icon_mobile,
#footer_full i.icon_chat,
#footer_full i.icon_fb {
  width: 15px;
  height: 15px;
  margin-right: 2px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-image: url(images/sp_footer.png);
}
#footer_full i.icon_711 {
  margin-right: 4px;
  background-size: contain;
  background-image: url(//jci.book.com.tw/jss/books/mobilebase/css/images/logo-7-eleven.svg);
}
#footer_full i.icon_mobile {
  background-position: 0 -571px;
}
#footer_full i.icon_chat {
  background-position: 0 -673px;
}
#footer_full i.icon_fb {
  background-position: 0 -624px;
}
#footer_full .logo_list {
  position: relative;
  padding-right: 58px;
}
#footer_full .logo_list span {
  width: 40px;
  height: 40px;
  margin: 0 6px 10px 0;
  display: inline-block;
  vertical-align: middle;
  background-image: url(//jci.book.com.tw/css/header/images/sp_footer.png);
}
#footer_full .logo_list .logo_1 {
  background-position: 0 0;
}
#footer_full .logo_list .logo_2 {
  background-position: 0 -55px;
}
#footer_full .logo_list .logo_3 {
  background-position: 0 -110px;
}
#footer_full .logo_list .logo_4 {
  background-position: 0 -330px;
}
#footer_full .logo_list .logo_5 {
  background-position: 0 -220px;
}
#footer_full .logo_list .logo_6 {
  width: 90px;
  height: 40px;
  background-position: 0 -275px;
}
#footer_full .logo_list .logo_7 {
  background-position: 0 -330px;
}
#footer_full .logo_list .logo_8 {
  background-position: 0 -385px;
}
#footer_full .logo_list .logo_9 {
  width: 70px;
  height: 90px;
  margin: 0;
  position: absolute;
  display: block;
  right: 20px;
  top: 32px;
  background-position: 0 -724px;
}
#footer_full .copyright {
  width: 1180px;
  margin: 15px auto 0;
  padding: 1em;
  font-size: 13px;
  color: #8b8a8a;
  line-height: 2em;
  text-align: center;
}
/* ==============  footer_v2  ============== */
#footer_full_v2 {
  width: 100%;
  background: #fff;
}
#footer_full_v2 .social_links {
  width: 100%;
  min-height: 200px;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #FAFAFA;
  font-size: 15px;
  color: #8b8a8a;
  font-family: Helvetica;
}
#footer_full_v2 .social_links .wrap {
  max-width: 1180px;
  margin: 20px auto 0;
  display: flex;
  flex: auto;
  align-items: center;
}
#footer_full_v2.footer_v2 .social_links .wrap {
  max-width: 950px;
}
#footer_full_v2 .social_links ul {
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
#footer_full_v2 .social_links li {
  margin-right: 72px;
  display: flex;
  align-items: center;
  line-height: 1.5em;
  color: #000;
  text-align: left;
}
#footer_full_v2.footer_v2 .social_links li {
  margin-right: 20px;
}
#footer_full_v2 .social_links li:last-child {
  margin-right: 0;
}
#footer_full_v2 .social_links li a {
  height: 48px;
  display: flex;
  align-items: center;
  flex: 1;
  color: #000;
  text-decoration: none;
}
#footer_full_v2 .social_links li img {
  margin-right: 8px;
  width: 48px;
  height: 48px;
}
#footer_full_v2 .social_links .toggle_btn {
  width: 105px;
  height: 48px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #000;
  font-size: 15px;
  cursor: pointer;
  border: none;
  background: transparent;
}
#footer_full_v2 .social_links .toggle_btn a {
  color: #000;
}
#footer_full_v2 .social_links .toggle_btn img {
  margin-right: 3px;
}
#footer_full_v2 .sitemap_service {
  width: 100%;
  min-height: 470px;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  background-color: #17692F;
}
#footer_full_v2 .sitemap_service a {
  color: #fff;
  text-decoration: none;
}
#footer_full_v2 .sitemap_service .wrap {
  width: 100%;
  max-width: 1180px;
  padding: 70px 0 0 15px;
  display: flex;
  justify-content: center;
}
#footer_full_v2.footer_v2 .sitemap_service .wrap {
  max-width: 950px;
}
#footer_full_v2 .sitemap_service .box {
  width: 19%;
}
#footer_full_v2 .sitemap_service .box:last-child {
  width: 24%;
}
#footer_full_v2 .sitemap_service dt {
  position: relative;
  margin-bottom: 30px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0.5px;
  text-align: left;
}
#footer_full_v2 .sitemap_service dt::before {
  content: "";
  width: 4px;
  height: 20px;
  background: #12AE57;
  position: absolute;
  border-radius: 2px;
  top: 0px;
  left: -11px;
}
#footer_full_v2 .sitemap_service dd {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  font-weight: normal;
  line-height: 1.75em;
  letter-spacing: 0.5px;
}
#footer_full_v2 .sitemap_service .svg-icon {
  margin-right: 5px;
  vertical-align: top;
}
#footer_full_v2 .copyright {
  background-color: #fff;
  padding: 0 0 20px;
  text-align: center;
  color: #000;
  font-size: 15px;
  line-height: 1.75em;
}
#footer_full_v2 .copyright .title {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: bold;
}
#footer_full_v2 .awards .title {
  margin-bottom: 16px;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}
#footer_full_v2 .awards {
  padding: 60px 0 0;
  text-align: center;
}
#footer_full_v2 .awards .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer_full_v2 .awards span {
  width: 40px;
  height: 40px;
  margin: 0 15px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-image: url(//jci.book.com.tw/css/header/images/sp_footer.png);
}
#footer_full_v2 .awards .logo_1 {
  background-position: 0 0;
}
#footer_full_v2 .awards .logo_2 {
  background-position: 0 -55px;
}
#footer_full_v2 .awards .logo_3 {
  background-position: 0 -110px;
}
#footer_full_v2 .awards .logo_4 {
  background-position: 0 -330px;
}
#footer_full_v2 .awards .logo_5 {
  background-position: 0 -220px;
}
#footer_full_v2 .awards .logo_6 {
  width: 90px;
  height: 40px;
  background-position: 0 -275px;
}
#footer_full_v2 .awards .logo_7 {
  background-position: 0 -330px;
}
#footer_full_v2 .awards .logo_8 {
  background-position: 0 -385px;
}
#footer_full_v2 .awards .logo_9 {
  width: 70px;
  height: 55px;
  background-position: 0 -724px;
}
#footer_full_v2 .terms_links {
  text-align: center;
  font-size: 15px;
  padding-bottom: 32px;
}
#footer_full_v2 .terms_links a {
  color: #12AE57;
}
#footer_full_v2 .terms_links .links {
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer_full_v2 .terms_links .links li a {
  padding: 10px 15px;
}
/* footer simple */
#footer_full_v2.simple {
  margin: 30px auto 0;
  padding: 30px 0 0;
  min-height: 300px;
  border-top: 2px solid #e6e4e4;
}
#footer_full_v2.simple .copyright {
  background-color: transparent;
}
#footer_full_v2.simple .social_links,
#footer_full_v2.simple .sitemap_service,
#footer_full_v2.simple .awards {
  display: none;
}
/* u-tool */
.u-tool-fixed-element .u-tool-top {
  position: fixed;
  bottom: 40px;
  right: 25px;
  /*right: calc(50% - 680px); */
  cursor: pointer;
  transition: all 300ms ease;
  display: none;
  z-index:1;
}
.u-tool-fixed-element.v_960 .u-tool-top {
  /*right: calc(50% - 567px); */
}
.u-tool-fixed-element .u-tool-top .box {
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  border-radius: 12px;
  border: 1px solid #aaa;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 12px rgba(0,0,0,0.15);
  box-sizing: border-box;
}
.u-tool-fixed-element .u-tool-top i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  content: '\e819';
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  line-height: 0;
  color: #000;
  opacity: 1;
}
.u-tool-fixed-element .u-tool-top span {
  color: #000;
  font-size: 15px;
/*   font-weight: bold; */
}
.u-tool-fixed-element .u-tool-csservice {
  position: fixed;
  bottom: 110px;
  right: calc(50% - 680px);
  cursor: pointer;
  transition: all 300ms ease;
  display: none;
  z-index:1;
}
.u-tool-fixed-element.v_960 .u-tool-csservice {
  right: calc(50% - 567px);
}
.u-tool-fixed-element .u-tool-csservice .box {
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  border-radius: 12px;
  border: 1px solid #aaa;
  background-size: 80px;
  background-image: url("//jci.book.com.tw/css/books/mobile/images/cs_icon_35x35_v2_3x.png");
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 12px rgba(0,0,0,0.15);
}
.u-tool-fixed-element .u-tool-csservice i {
  display: block;
  width: 80px;
  height: 80px;
}
/***** pop-quotemedaily *****/
.pop-quotemedaily {
  position: fixed;
  top: 10%;
  right: 0;
  left: 0;
  width: 96%;
  max-width: 320px;
  max-height: 90%;
  margin: 20px auto 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 10px;
  z-index: 9999;
}
.pop-quotemedaily ::-webkit-scrollbar {
  display: none;
}
.pop-quotemedaily .view {
  text-align: center;
  overflow: auto;
}
.pop-quotemedaily .view img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  vertical-align: bottom;
  display: block;
  object-fit: contain;
  border-radius: 10px 10px 0 0;
}
.pop-quotemedaily .closebtn {
  cursor: pointer;
  position: absolute;
  top: -23px;
  right: 20px;
  display: block;
  width: 40px;
  height: 40px;
  background: #e4e4e4;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.pop-quotemedaily .modal-footer {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 10px 10px;
  background: #fff;
}
.pop-quotemedaily .modal-footer span {
  display: inline-flex;
  font-size: 15px;
  color: #333;
}
.pop-quotemedaily .modal-footer .btn {
  position: relative;
  width: 28px;
  height: 28px;
  display: block;
  margin: 0 12px 0 3px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.pop-quotemedaily .modal-footer .btn:last-child {
  margin: 0;
}
.pop-quotemedaily .fb {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-fb.svg");
}
.pop-quotemedaily .line {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-line.svg");
}
.pop-quotemedaily .link {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/svg-icon-link.svg");
}
.pop-quotemedaily .link::before {
  content: attr(data-tooltip);
}
.pop-quotemedaily .link:active::before,
.pop-quotemedaily .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;
}
.pop-quotemedaily .link[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  width: 50px;
  margin-right: -50%;
  margin-left: -50%;
  top: 0;
  right: -38px;
  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);
}
.pop-quotemedaily .link::before,
.pop-quotemedaily .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;
}