@charset "UTF-8";
html,
body {
  color: #666;
  font-family: Arial, Helvetica, Sans-Serif;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
}
/*grid*/
.column_main_890,
.column_side1_w35,
.column_side2_w35 {
  min-height: 1px;
}
.column_main_890,
.column_side1_w35,
.column_side2_w35 {
  position: relative;
  display: inline;
  float: left;
}
.column_main_890 {
  width: 890px;
  left: 35px;
}
.column_side1_w35 {
  width: 35px;
  left: 35px;
}
.column_side2_w35 {
  width: 35px;
  left: -925px;
}
/** table */
.table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.table_tr {
  display: table-row;
}
.table_td {
  display: table-cell;
}
/** container_table **/
.container_table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.container_table .table_td {
  vertical-align: top;
}
/** ------------------------------------------------------------------ public**/
a {
  color: #333;
  outline: none;
  /*   behavior: expression(this.onFocus=this.blur()); */
}
u,
ins {
  text-decoration: none;
}
s,
strike,
del {
  text-decoration: none;
}
i {
  font-style: normal;
}
blink {
  text-decoration: none;
}
cite,
em,
strong,
dfn {
  font-style: normal;
  font-weight: normal;
}
.hide {
  left: -9999px;
  position: absolute;
}
.cover img {
  font-size: 0;
  vertical-align: bottom;
}
button {
  cursor: pointer;
}
input[type='button'] {
  cursor: pointer;
}
input:focus {
  outline: 0;
}
*:focus {
  outline: none;
}
/* 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: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  color: #fff;
  opacity: 1;
}
.u-carousel .carousel-dots li::before {
  color: #C1BDB9;
}
/* 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: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  color: #fff;
  opacity: 1;
}
.u-slider .slick-dots li button::before {
  color: #C1BDB9;
}
/*bunj-icon */
.u-btn-icon {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-family: Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", Sans-Serif;
  color: #333;
  line-height: 1.2em;
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  box-sizing: border-box;
}
.u-btn-icon i::before {
  width: 37px;
  height: 37px;
  font-size: 18px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-btn-icon .icon-heart::before {
  color: #FF6666;
}
/* special_border */
.special_border_a {
  position: relative;
  display: inherit;
}
.special_border_div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*   z-index: 1; */
}
.special_border {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative !important;
}
/** price **/
.price {
  display: block;
  color: #6C6C6C;
  line-height: 1.38;
}
.price b {
  color: #D0021B;
  font-size: 116%;
  font-weight: bold;
}
.price strong {
  color: #fe2828;
}
.price strong.price01 b {
  font-size: 150%;
}
.price em {
  text-decoration: line-through;
}
.gotop {
  margin: 0 10px 10px 0;
  font-size: 70%;
  padding: 2px;
  border: 1px solid #333;
  text-decoration: none;
}
/** wrap_center **/
.btnwrap {
  margin: 10px 0;
  display: block;
  text-align: center;
}
/** wrap_right **/
.btnwrap_r {
  margin: 10px 0;
  display: block;
  text-align: right;
}
/** wrap_left **/
.btnwrap_l {
  margin: 10px 0;
  display: block;
  text-align: left;
}
/** wrap_height **/
.height_a {
  padding: 10px 0;
}
/** ---------------------------------------------------------------------set **/
.main_wrap {
  z-index: auto;
  position: relative;
  /* overflow: hidden; */
  word-wrap: break-word;
}
/*border*/
.cnt_mod000 {
  padding: 10px 0;
  position: relative;
  overflow: hidden;
}
.cnt_mod001 {
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  /*   *z-index: -1; */
}
.cnt_mod002 {
  padding: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  /*   *z-index: -1; */
}
.cnt_mod003 {
  padding: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  border-top: 0;
}
.cnt_mod004 {
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
}
.cnt_mod005 {
  padding: 10px 0;
  position: relative;
  overflow: visible;
  border: 1px solid #cfcfcf;
  /*   *z-index: -1; */
}
.cnt_mod0006 {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.cnt_mod007 {
  border: 1px solid #cfcfcf;
}
.wrap_245,
.wrap_245a {
  width: 245px;
  position: relative;
  overflow: hidden;
}
.wrap_245a {
  float: left;
}
.wrap_254 {
  width: 254px;
  position: relative;
  overflow: hidden;
}
.wrap_254a.last {
  margin-right: 0px;
}
.wrap_254b {
  width: 254px;
}
.wrap_378 {
  width: 378px;
  float: left;
  position: relative;
}
.wrap_390 {
  width: 390px;
  float: left;
  position: relative;
}
.wrap_430 {
  width: 430px;
  position: relative;
  overflow: hidden;
}
.wrap_500,
.wrap_500a {
  width: 500px;
  position: relative;
  overflow: hidden;
}
.wrap_500a {
  width: 500px;
  float: left;
  position: relative;
  overflow: hidden;
}
.wrap_595 {
  width: 595px;
  position: relative;
  overflow: hidden;
}
/** title_wrap-1 **/
.cnt_title_001 .top b,
.cnt_title_002 .top b,
.cnt_title_003 .top b {
  /* background-image: url(images/mc002_001a.gif); */
  display: none;
}
.cnt_title_001 .bottom b,
.cnt_title_002 .bottom b,
.cnt_title_003 .bottom b {
  display: none;
}
.cnt_title_001 .inner,
.cnt_title_002 .inner {
  border: 1px solid #cfcfcf;
  border-bottom: 0;
}
.cnt_title_001 .inner {
  border-radius: 5px 5px 0 0;
}
.cnt_title_002 .inner {
  border: 1px solid #cfcfcf;
  background: #eeeeee;
  border-radius: 5px 5px 5px 5px;
}
.cnt_title_003 .inner {
  border: 1px solid #cfcfcf;
  border-radius: 5px 5px 0 0;
}
.title_000 {
  padding: 3px 0;
  position: relative;
}
.title_001 {
  padding: 3px 0;
  position: relative;
  background: #94c722;
  border-radius: 4px 4px 0 0;
}
.title_002 {
  padding: 3px 0;
  position: relative;
  background: #F2F2F2;
}
.title_000 h3 {
  padding: 3px 0px;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.231;
  letter-spacing: 0.01em;
  color: #5A5A5A;
  display: block;
}
.title_001 h3 {
  padding: 3px 8px;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.231;
  letter-spacing: 0.01em;
  color: #ffffff;
  display: block;
}
.title_002 h3 {
  padding: 3px 8px;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.231;
  letter-spacing: 0.01em;
  color: #5A5A5A;
  display: block;
}
.title_001 h3 a {
  color: #ffffff;
  font-size: 100%;
}
.title_000 h3 a {
  color: #5A5A5A;
  font-size: 100%;
}
.title_002 h3 a {
  color: #5A5A5A;
  font-size: 100%;
}
.title_001 h3 em {
  color: #fe2828;
}
.title_001 h3 em.text1 {
  font-size: 85%;
  margin: 0 5px;
}
.title_000 .moreinfo_r,
.title_001 .moreinfo_r,
.title_002 .moreinfo_r {
  position: absolute;
  top: 7px;
  right: 10px;
}
.title_000 p {
  padding: 0 5px;
  color: #000;
}
.title_000 p strong {
  font-weight: bold;
  color: #fe2828;
}
.title_000 p em {
  font-weight: 100;
  color: #fe2828;
}
.title_000 .moreinfo_r q,
.title_000 .moreinfo_r q a,
.title_001 .moreinfo_r q,
.title_001 .moreinfo_r q a,
.title_002 .moreinfo_r q,
.title_002 .moreinfo_r q a {
  margin-left: 5px;
  font-size: 93%;
  font-weight: 100;
}
h3.title-01 {
  margin-bottom: 10px;
  padding-left: 5px;
  text-align: left;
  font-size: 116%;
  font-weight: bold;
  color: #f28900;
  line-height: 1.5;
  border-bottom: 1px dotted #d8d8d8;
}
/** ------------------------------------------------------------- sp_pic set **/
.btn_a01 span,
.btn_a01 span span,
.btn_a02 span,
.btn_a02 span span,
.btn_a03 span,
.btn_a03 span span,
.btn_a04 span,
.btn_a04 span span,
.btn_a03,
.btn_a04,
.btn_a03 input,
.btn_a04 input,
.cycle_a,
.cycle_a li,
.fixed_cycle,
.cntli_ad_words01,
.cntli_ad_words01 ul,
.each_wrap .eh_switcher,
.each_wrap .eh_swleft a:hover,
.each_wrap .eh_swright a:hover,
.place,
.cnt_prod_img001 .cover_img .sign_04,
.cnt_prod_img001 .cover_img .sign_18x,
.cnt_prod_img001 ul.looks li a,
.cnt_prod_img001 .eh_swleft a:hover,
.cnt_prod_img001 .eh_swright a:hover,
.sec_product02 .prod_01 .img_box span.looks a {
  background-image: url(images/sp_type01.gif);
  background-repeat: no-repeat;
}
.cntli_ad_words01 li,
.cntli_001o span a,
.cntli_001s .more,
.cnt_002 .info_more01 h4,
.cnt_001 h4 strong,
.cnt_002 h4 strong,
.cntli_menu_001 li,
.cntli_menu_002 h4 span,
.type01_menu_01 h4 span,
.cntli_menu_003 li,
.cntli_menu_002 ul span,
.type01_menu_01 ul span,
.cntli_menu_002 li.open ul.sub li li span,
.type01_menu_01 ul.sub span,
.type01_menu_01 ul.sub ul span,
.search_mod02_on,
.search_mod02_off,
.search_mod02_off,
.cnt_prod001 ul.prod_li01_sub span,
.type01_m010 .open,
.type01_m010 .close,
.cnt_prod001 ul.prod_li01 li .more01,
.cnt_prod002 ul.prod_li01 li .more01,
.cnt_prod001 ul.prod_li01 li .more02,
.cnt_prod002 ul.prod_li01 li .more02,
.cnt_prod001 ul.prod_li01 li .more01_box span a,
.cnt_prod002 ul.prod_li01 li .more01_box span a,
.cnt_prod002 ul.li_01 li,
.cnt_prod002 ul.li_01 li .more,
.cnt_prod002 ul.smoney_cnt li.smoney,
.cnt_prod002 ul.smoney_cnt li.smoney_bk,
.sec_product01 ul.li_01 li,
.sec_product02 .prod_01 p.title01,
.sec_product02 .prod_01 p.title02,
.sec_product02 ul.li_02 li,
.sec_qa_list ul.li_02 li,
.closePop,
.pop_box .title .moreinfo_r q.open_icon,
.pop_box .title .moreinfo_r q.close_icon,
.pop_box .eh_pic_swtop,
.pop_box .eh_pic_switcher a,
.pop_box .eh_pic_switcher a:hover,
.pop_box .eh_pic_swbottom,
.pop_box .eh_pic_swbottom a:hover,
.pop_box .each_pic_wrap ul.li_box.movie_msg li span,
.cnt_prod002 div.more03_box ul li .member,
.qa_list li,
.qa_box .list li,
.question h3,
.question .smt,
.hr_02 {
  background: url(images/sp_icon01.gif);
  background-repeat: no-repeat;
}
.tag_001 li,
.tag_001 .here b,
.tag_001 li span,
.tag_001 li tt,
.tag_002 li {
  background-image: url(images/sp_tag01.gif);
  background-repeat: no-repeat;
}
/** --------------------------------------------------------------------- hr **/
.hr_01 {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px dotted #aaa;
}
.hr_02 {
  display: block;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% -1200px;
}
/** ----------------------------------------------------------------  button **/
.btn_a01,
.btn_a02 {
  display: inline-block;
  margin: 0;
  padding: 0;
  font: 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
  text-decoration: none !important;
  color: #373737;
  background: none;
  border: none;
  white-space: nowrap;
  cursor: pointer;
  overflow: visible;
  /* user-select: none; -moz-user-select: none; _width: 0; */
}
.btn_a01 span,
.btn_a02 span {
  display: block;
  height: 20px;
  padding-right: 8px;
  background-repeat: no-repeat;
  background-position: right -380px;
}
.btn_a01 span span,
.btn_a02 span span {
  padding-right: 0;
  padding-left: 8px;
  line-height: 21px;
  background-position: left -380px;
}
/** form button **/
.btn_a03,
.btn_a04 {
  display: inline-block;
  margin-right: 6px;
  height: 27px;
  line-height: 27px;
  background: url(images/sp_btn.gif) no-repeat left -136px;
}
.btn_a04 {
  background: url(images/sp_btn.gif) no-repeat left -192px;
}
.btn_a03 input,
.btn_a04 input {
  position: relative;
  left: 6px;
  /*   top: -3px\9; */
  /*   *top: 0; */
  padding: 0 6px 0 0;
  border: 0;
  line-height: 27px;
  height: 27px;
  background: url(images/sp_btn.gif) no-repeat right -136px;
}
.btn_a04 input {
  background: url(images/sp_btn.gif) no-repeat right -192px;
}
/** new_button **/
.type01_button01 {
  -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
  -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
  box-shadow: inset 0px 1px 0px 0px #fff6af;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fded9d), color-stop(1, #fbce3b));
  background: -moz-linear-gradient(top, #fded9d 5%, #fbce3b 100%);
  background: -webkit-linear-gradient(top, #fded9d 5%, #fbce3b 100%);
  background: -o-linear-gradient(top, #fded9d 5%, #fbce3b 100%);
  background: -ms-linear-gradient(top, #fded9d 5%, #fbce3b 100%);
  background: linear-gradient(to bottom, #fded9d 5%, #fbce3b 100%);
  /*   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fded9d', endColorstr='#fbce3b', GradientType=0); */
  background-color: #fded9d;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #858585;
  display: inline-block;
  color: #333333;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 15px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffee66;
}
a.type01_button01 {
  color: #333333;
}
.type01_button02 {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #b3b3b3));
  background: -moz-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -webkit-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -o-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -ms-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: linear-gradient(to bottom, #ffffff 5%, #b3b3b3 100%);
  /*   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3b3b3', GradientType=0); */
  background-color: #ffffff;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #858585;
  display: inline-block;
  color: #333333;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 15px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #e6e3df;
}
a.type01_button02 {
  color: #333333;
}
.type01_button03 {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #b3b3b3));
  background: -moz-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -webkit-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -o-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -ms-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: linear-gradient(to bottom, #ffffff 5%, #b3b3b3 100%);
  /*   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3b3b3', GradientType=0); */
  background-color: #ffffff;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #858585;
  display: inline-block;
  color: #333333;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 15px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #e6e3df;
}
.type01_button04 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #EEE;
  border-radius: 2px;
  border: 1px solid #969696;
  padding: 5px 8px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #e6e3df;
}
/** --------------------------------------------------------------- page mod **/
.cnt_page {
  margin-top: 10px;
  padding: 7px 5px;
  /*   *padding: 5px 5px 10px; */
  /*   _padding: 5px 5px 11px; */
  text-align: center;
  vertical-align: middle;
  position: relative;
  /*ie6*/
  background-color: #eaeaea;
  clear: both;
}
.cnt_page span {
  color: #9c0000;
  /*   _vertical-align: middle; */
}
.cnt_page .page {
  font-size: 100%;
  /*   *padding-top: 5px; */
}
.cnt_page .page a {
  margin: 0;
  display: inline-block;
  border: 1px solid #d1d1d1;
  padding: 5px 6px;
  text-decoration: none;
  color: #5a5a5a;
  background: #ffffff;
}
.cnt_page .page a:visited {
  border: 1px solid #d1d1d1;
}
.cnt_page .page a:hover {
  color: #ffffff;
  background: #333333;
}
.cnt_page .page span.here {
  margin: 0 1px;
  padding: 5px;
  font-weight: 700;
  color: #ffffff;
  background: #333333;
  /*   _vertical-align: middle; */
  /*ie6*/
}
.cnt_page select {
  font-size: 100%;
  display: inline;
  border: 1px solid #d1d1d1;
  padding: 4px 10px;
  margin: 0 3px;
  vertical-align: middle;
  background: #fff;
}
.cnt_page .page a.prv {
  margin: 0 6px 0px 4px;
  /* *padding: 8px 5px 2px;
  _padding: 5px; */
}
.cnt_page .page a.nxt {
  margin: 0 4px 0 6px;
  /*   *padding: 8px 5px 2px; */
  /*   _padding: 5px; */
}
/** ---------------------------------------------------------------- tag mod **/
.tag_001 {
  clear: both;
  width: 100%;
  padding: 0;
}
.tag_001 li {
  height: 2.1em;
  display: inline;
  float: left;
  font-size: 100%;
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
  position: relative;
  background-position: 0px 0px;
}
.tag_001 li:hover {
  background-position: 0 -99px;
}
.tag_001 li div {
  height: 100%;
  display: inline;
  /*   _display: block; */
}
.tag_001 li a {
  display: block;
  position: relative;
  line-height: 26px;
  text-decoration: none;
  white-space: nowrap;
  color: #6c6c6c;
  z-index: 3;
  /*   *padding-top: 3px; */
}
.tag_001 li.here a {
  color: #fff;
}
.tag_001 .here div {
  background: #94c722;
  /*   _display: block; */
}
.tag_001 li>div {
  display: block;
}
.tag_001 .here b {
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 7px;
  font-size: 0;
  line-height: 0;
  z-index: 999;
  background-position: 50% -297px;
  background-color: #94c722;
}
.tag_001.tag_a .here b {
  background-position: 50% -343px;
  background-color: #94c722;
}
.tag_001 li.last {
  border-right: 1px solid #ccc;
}
.tag_001 li span {
  display: block;
  width: auto;
  width: 100%;
  height: 4px;
  background-position: 0px -198px;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 999;
}
.tag_001 li tt {
  display: block;
  width: auto;
  width: 100%;
  height: 4px;
  background-position: 100% -198px;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 2;
}
.tag_001 li a:hover {
  text-decoration: none;
}
.tag_001 .here a:hover {
  text-decoration: none;
}
.tag_002 {
  float: left;
  _margin-right: -3px;
}
.tag_002 li {
  height: 2.1em;
  display: block;
  position: relative;
  font-size: 100%;
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
  height: 30px;
  vertical-align: bottom;
  background-position: 0px 0px;
  /*   _width: 100%; */
}
.tag_002 li:hover {
  background-position: 0 -99px;
}
.tag_002 li div {
  display: inline;
  /*   _display: block; */
}
.tag_002 li a {
  display: block;
  padding-left: 5px;
  position: relative;
  line-height: 30px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  color: #6c6c6c;
  z-index: 3;
  _padding-top: 3px;
}
.tag_002 li.here a {
  color: #fff;
}
.tag_002 .here div {
  background: #94c722;
  _display: block;
}
.tag_002 li>div {
  display: block;
}
.tag_002 .here b {
  display: block;
  position: absolute;
  top: 0;
  right: -7px;
  height: 100%;
  width: 7px;
  font-size: 0;
  line-height: 0;
  z-index: 999;
  background: #94c722 url(images/tag_arrow_y.gif) no-repeat 50% 50%;
}
.tag_002 li.last {
  border-bottom: 1px solid #ccc;
}
.tag_002 li a:hover {
  text-decoration: underline;
}
.tag_002 .here a:hover {
  text-decoration: none;
}
.tag_003 {
  clear: both;
  width: 100%;
  padding: 0;
  line-height: 0px;
}
.tag_003 li {
  display: inline-block;
  position: relative;
  font-size: 100%;
  background-position: 0px 0px;
  line-height: 20px;
  white-space: nowrap;
  /*   *padding-top: 3px; */
  overflow: hidden;
  padding-bottom: 8px;
}
.tag_003 li:not(:first-child)>div {
  border-bottom: 3px solid #E4E4E4;
}
.tag_003 li.here div {
  /*   _display: block; */
  border-bottom: 3px solid #94C722;
}
.tag_003 li.here .arrow {
  position: relative;
}
.tag_003 li.here .arrow:after {
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
  border-top-color: #94C722;
  border-width: 8px;
  margin-left: -8px;
}
.tag_003 li a:hover,
.tag_003 li a,
.tag_003 li.here a:hover {
  color: #666;
  text-decoration: none;
}
.tag_width01 li {
  width: 90px;
  text-align: center;
}
.tag_width02 li {
  width: 70px;
  text-align: center;
}
.tag_width03 li {
  width: 160px;
  text-align: center;
}
.tag_width04 li {
  width: 46px;
  text-align: center;
}
.tag_width05 li {
  width: 104px;
  text-align: center;
}
.tag_width05 li.last {
  width: 103px;
  /*   _width: 102px; */
  text-align: center;
}
.tag_width06 li {
  width: 145px;
  text-align: center;
}
.tag_width07 li:first-child {
  margin-right: 5px;
}
.tag_width07 li:not(:first-child) {
  width: 75px;
  text-align: center;
  margin-right: 2px;
  cursor: pointer;
}
/** ----------------------------------------------------------------  ad_pic **/
.cntli_ad_pic001 {
  font-size: 0;
}
.cntli_ad_pic001 li {
  width: 790px;
  margin-bottom: 10px;
  line-height: 1%;
  overflow: hidden;
}
.cntli_ad_pic001 img {
  width: 790px;
  vertical-align: bottom;
}
.cntli_ad_pic002 {
  margin: 10px 0;
  text-align: center;
}
.cntli_ad_pic002 h4 {
  margin: 5px 0;
  font-weight: 700;
}
.cntli_ad_pic002 p {
  margin-bottom: 5px;
  line-height: 1.38;
  /*   text-align: justify; */
}
.cntli_ad_pic002 li {
  /*   *display: inline; */
}
.cntli_ad_pic002 .cover img {
  height: 124px;
  vertical-align: bottom;
}
.cntli_ad_pic002 .cov_a img {
  width: 124px;
}
.cntli_ad_pic002 .cov_b img {
  width: 95px;
}
.cntli_ad_pic003 {
  text-align: center;
}
.cntli_ad_pic003 li {
  margin: 10px 0;
}
.cntli_ad_pic003 img {
  width: 124px;
  overflow: hidden;
  vertical-align: bottom;
}
.cntli_ad_pic004 {
  width: 790px;
  height: 35px;
  overflow: hidden;
  font-size: 0;
  line-height: 1%;
}
.cntli_ad_pic004 li {
  float: left;
  width: 100px;
}
.cntli_ad_pic004 li img {
  width: 100px;
  height: 35px;
}
.cntli_ad_pic004 li.first {
  width: 190px;
}
.cntli_ad_pic004 li.first img {
  width: 190px;
  height: 35px;
}
.cntli_ad_pic005 {
  width: 790px;
  height: 35px;
  overflow: hidden;
  font-size: 0;
  line-height: 1%;
}
.cntli_ad_pic005 li {
  float: left;
  width: 158px;
}
.cntli_ad_pic005 li img {
  width: 158px;
  height: 35px;
}
/** ----------------------------------------------------------- ad cycle mod **/
.cnt_ad_cycle001,
.cnt_ad_cycle002,
.cnt_ad_cycle003,
.cnt_ad_cycle004,
.cnt_ad_cycle005,
.cnt_ad_cycle006,
.type01_m008,
.type01_m012 {
  width: 790px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 0;
}
.cnt_ad_cycle001 .banner img {
  vertical-align: bottom;
}
.cnt_ad_cycle002 .banner img {
  width: 764px;
  height: 229px;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
}
.cnt_ad_cycle003 .banner img {
  width: 595px;
  height: 178px;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
}
.cnt_ad_cycle004 .banner img {
  width: 595px;
  height: 178px;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
}
.cnt_ad_cycle005 .banner img {
  width: 430px;
  height: 230px;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
}
.cnt_ad_cycle003 .wrap_595,
.cnt_ad_cycle004 .wrap_595,
.cnt_ad_cycle005 .wrap_430 {
  float: left;
}
.cnt_ad_cycle003 .sub_ad {
  min-height: 235px;
  _height: 235px;
  float: right;
  font-size: 0;
  border-left: 1px dashed #cfcfcf;
}
.cnt_ad_cycle004 .sub_ad {
  min-height: 245px;
  /*   _height: 245px; */
  float: right;
  font-size: 0;
  border-left: 1px dashed #cfcfcf;
}
.cnt_ad_cycle003 .sub_ad li {
  margin: 0 0 7px 12px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #cfcfcf;
}
.cnt_ad_cycle004 .sub_ad li {
  margin: 0 0 9px 12px;
  padding-bottom: 9px;
  border-bottom: 1px dashed #cfcfcf;
}
.cnt_ad_cycle003 .sub_ad li.last,
.cnt_ad_cycle004 .sub_ad li.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.sub_ad img {
  width: 150px;
  height: 68px;
  vertical-align: bottom;
}
.sub_ad_msg {
  min-height: 288px;
  /*   _height: 288px; */
  float: right;
  text-align: left;
  border-left: 1px dashed #cfcfcf;
  /*text-align: justify;*/
}
.sub_ad_msg img {
  width: 150px;
  height: 68px;
  margin-right: 5px;
  float: left;
  overflow: hidden;
  vertical-align: bottom;
}
.sub_ad_msg li {
  width: 313px;
  height: 70px;
  margin-bottom: 8px;
  padding-left: 12px;
  overflow: hidden;
}
.sub_ad_msg li.last {
  margin-bottom: 0;
}
.sub_ad_msg .msg h4,
.sub_ad_msg .msg h4 a {
  margin-bottom: 2px;
  font-weight: 700;
  overflow: hidden;
}
.sub_ad_msg p {
  overflow: hidden;
}
.cycle_a {
  height: 28px;
  position: relative;
  background-position: 100% -58px;
}
.cycle_a a {
  width: 15px;
  height: 15px;
  display: block;
}
.cycle_a ul {
  float: right;
  margin-top: 7px;
}
.cycle_a li {
  width: 15px;
  height: 15px;
  float: left;
  display: inline;
}
.cycle_a li.ban_prev {
  background-position: -972px -152px;
}
.cycle_a li.ban_next {
  background-position: -990px -152px;
}
.cycle_a li.ban_prev:hover {
  background-position: -940px -152px;
}
.cycle_a li.ban_next:hover {
  background-position: -957px -152px;
}
.cycle_a li.no_01 {
  background-position: -700px -174px;
}
.cycle_a li.no_02 {
  background-position: -715px -174px;
}
.cycle_a li.no_03 {
  background-position: -730px -174px;
}
.cycle_a li.no_04 {
  background-position: -745px -174px;
}
.cycle_a li.no_05 {
  background-position: -760px -174px;
}
.cycle_a li.no_06 {
  background-position: -775px -174px;
}
.cycle_a li.no_07 {
  background-position: -790px -174px;
}
.cycle_a li.no_08 {
  background-position: -805px -174px;
}
.cycle_a li.no_09 {
  background-position: -820px -174px;
}
.cycle_a li.no_10 {
  background-position: -835px -174px;
}
.cycle_a li.no_01_here {
  background-position: -700px -190px;
}
.cycle_a li.no_02_here {
  background-position: -715px -190px;
}
.cycle_a li.no_03_here {
  background-position: -730px -190px;
}
.cycle_a li.no_04_here {
  background-position: -745px -190px;
}
.cycle_a li.no_05_here {
  background-position: -760px -190px;
}
.cycle_a li.no_06_here {
  background-position: -775px -190px;
}
.cycle_a li.no_07_here {
  background-position: -790px -190px;
}
.cycle_a li.no_08_here {
  background-position: -805px -190px;
}
.cycle_a li.no_09_here {
  background-position: -820px -190px;
}
.cycle_a li.no_10_here {
  background-position: -835px -190px;
}
.cycle_a li.no_01:hover {
  background-position: -700px -206px;
}
.cycle_a li.no_02:hover {
  background-position: -715px -206px;
}
.cycle_a li.no_03:hover {
  background-position: -730px -206px;
}
.cycle_a li.no_04:hover {
  background-position: -745px -206px;
}
.cycle_a li.no_05:hover {
  background-position: -760px -206px;
}
.cycle_a li.no_06:hover {
  background-position: -775px -206px;
}
.cycle_a li.no_07:hover {
  background-position: -790px -206px;
}
.cycle_a li.no_08:hover {
  background-position: -805px -206px;
}
.cycle_a li.no_09:hover {
  background-position: -820px -206px;
}
.cycle_a li.no_10:hover {
  background-position: -835px -206px;
}
.cycle_a span {
  left: -9999px;
  position: absolute;
}
.fixed_cycle {
  width: 100%;
  height: 28px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: 100% -116px;
}
.cycle_b {
  width: 100%;
  height: 18px;
  left: 0;
  bottom: -1px;
  overflow: hidden;
  font-size: 93%;
  text-align: center;
  line-height: 1.38;
  background: #333;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
}
.cycle_b li {
  width: 16.6%;
  height: 18px;
  float: left;
  cursor: pointer;
}
.cycle_b .here {
  background: #9c3;
}
.cycle_b a {
  color: #fff;
  text-decoration: none;
}
.cycle_b .here a,
.cycle_b .here a:hover {
  color: #000;
  text-decoration: none;
}
.cycle_b a:hover {
  text-decoration: none;
  color: #ccc;
}
.cnt_ad_cycle002 .cycle_b ul {
  width: 100%;
}
.cntli_ad_words01 {
  height: 28px;
  padding-left: 5px;
  overflow: hidden;
  font-size: 100%;
  line-height: 2.08;
  text-align: left;
  background-position: 100% 0px;
}
.cntli_ad_words01 ul {
  height: 28px;
  margin: 0 5px 0 -5px;
  background-position: 0px 0px;
}
.cntli_ad_words01 li {
  margin-right: 4px;
  padding-left: 8px;
  display: inline;
  background-position: -898px -542px;
}
.cntli_ad_words01 .first {
  padding-left: 28px;
  background: none;
}
.cnt_ad_cycle006 {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.cnt_ad_cycle006 .ban img {
  width: 136px;
  height: 240px;
  overflow: hidden;
  vertical-align: bottom;
}
.each_wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.each_wrap h4 {
  margin: 3px 5px;
  height: 3em;
  overflow: hidden;
  text-align: center;
  line-height: 1.5em;
}
.each_wrap p {
  color: #6c6c6c;
  padding: 2px 5px;
}
.each_wrap .eh_switcher {
  display: block;
  width: 20px;
  height: 324px;
  position: absolute;
  top: 0px;
  z-index: 2;
  cursor: pointer;
}
.each_wrap .eh_switcher a {
  width: 20px;
  height: 324px;
  display: block;
}
.each_wrap .eh_switcher span {
  position: absolute;
  left: -9999px;
}
.each_wrap .eh_swleft {
  background-position: -800px -670px;
  left: 0;
}
.each_wrap .eh_swleft a:hover {
  background-position: -840px -670px;
}
.each_wrap .eh_swright {
  background-position: -820px -670px;
  right: 0;
}
.each_wrap .eh_swright a:hover {
  background-position: -860px -670px;
}
.each_wrap .each_box {
  width: 730px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
.each_wrap .each_box ul {
  margin: 10px auto;
  position: relative;
  overflow: hidden;
  _height: 1%;
}
.each_wrap .each_box li {
  width: 20%;
  float: left;
}
/** -------------------------------------------------------------- cover img **/
.cover,
.cov_a,
.cov_b {
  display: inline-block;
  position: relative;
}
.cntli_001a .cover img {
  height: 176px;
}
.cntli_001a .cov_a img {
  width: 176px;
}
.cntli_001a .cov_b img {
  width: 126px;
}
.cntli_001c .cover img {
  height: 114px;
}
.cntli_001c .cov_a img {
  height: 114px;
}
.cntli_001c .cov_b img {
  width: 81px;
}
.cntli_001d .cover img {
  height: 140px;
}
.cntli_001d .cov_a img {
  width: 140px;
}
.cntli_001d .cov_b img {
  width: 100px;
}
.cntli_001d .ban img {
  width: 300px;
  height: 200px;
}
.cntli_001e .cover img {
  height: 114px;
}
.cntli_001e .cov_a img {
  height: 114px;
}
.cntli_001e .cov_b img {
  width: 81px;
}
.cntli_001f .cover img {
  height: 114px;
}
.cntli_001f .cov_a img {
  width: 114px;
}
.cntli_001f .cov_b img {
  width: 81px;
}
.cntli_001f .ban img {
  width: 246px;
  height: 164px;
}
.cntli_001g .cover img {
  height: 98px;
}
.cntli_001g .cov_a img {
  width: 98px;
}
.cntli_001g .cov_b img {
  width: 70px;
}
.cntli_001h .cover img {
  height: 240px;
}
.cntli_001h .cov_a img {
  width: 240px;
}
.cntli_001h .cov_b img {
  width: 171px;
}
.cntli_001i .ban img {
  width: 246px;
  height: 164px;
  vertical-align: bottom;
}
.cntli_001j .ban img {
  width: 182px;
  height: 120px;
  vertical-align: bottom;
}
.cntli_001k .cover img {
  height: 114px;
}
.cntli_001k .cov_a img {
  width: 114px;
}
.cntli_001k .cov_b img {
  width: 81px;
}
.cntli_001l .cover {
  float: left;
}
.cntli_001l .cover img {
  height: 114px;
  margin: 0 5px 0 0;
}
.cntli_001l .cov_a img {
  width: 114px;
}
.cntli_001l .cov_b img {
  width: 81px;
}
.cntli_001m .cover img {
  height: 140px;
}
.cntli_001m .cov_a img {
  width: 140px;
}
.cntli_001m .cov_b img {
  width: 100px;
}
.cntli_001p .cover img {
  height: 190px;
}
.cntli_001p .cov_a img {
  width: 190px;
}
.cntli_001p .cov_b img {
  width: 136px;
}
.cntli_001q .cover img {
  height: 120px;
}
.cntli_001q .cov_a img {
  width: 120px;
}
.cntli_001q .cov_b img {
  width: 86px;
}
.cntli_001q .ban img {
  width: 190px;
  height: 190px;
}
.cntli_001s .cover {
  float: left;
  margin-right: 5px;
}
.cntli_001s .cover img {
  height: 114px;
  margin-bottom: 5px;
  vertical-align: bottom;
}
.cntli_001s .cov_a img {
  width: 114px;
}
.cntli_001s .cov_b img {
  width: 81px;
}
.sub_li_cnt01 .cover img {
  height: 98px;
}
.sub_li_cnt01 .cov_a img {
  width: 98px;
}
.sub_li_cnt01 .cov_b img {
  width: 70px;
}
.sign_01,
.sign_02,
.sign_03 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2;
  text-indent: -9999px;
  background-image: url(images/sign_01.png);
  /* _background: none;
  _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/sign_01.png', sizingMethod='scale'); */
}
.sign_02 {
  background-image: url(images/sign_02.png);
  /* _background: none;
  _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/sign_02.png', sizingMethod='scale'); */
}
.sign_03 {
  background-image: url(images/sign_03.png);
  /* _background: none;
  _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/sign_03.png', sizingMethod='scale'); */
}
/** ----------------------------------------------------------------- qa_mod **/
.hr_a,
.cntli_001 .hr_a {
  width: 100%;
  height: 15px;
  line-height: 0;
  font-size: 0;
}
.hr_b,
.cntli_001 .hr_b {
  width: 100%;
  height: 10px;
  line-height: 0;
}
.hr_c {
  width: 100%;
  height: 10px;
  line-height: 0;
  font-size: 0;
  display: block;
  clear: both;
}
.cntli_001 li {
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 1.38;
  background: #fff;
}
.cntli_001 h4,
.cntli_001 h5 {
  margin: 3px 5px;
  /*   margin: 3px 5px 0\9; */
  font-weight: normal;
}
.cntli_001a {
  position: relative;
}
.cntli_001a li {
  width: 190px;
  /*width: 192px;*/
}
.cntli_001a h4 {
  min-height: 36px;
  /*   _height: 36px; */
  font-weight: normal;
}
.cntli_001a .price b {
  color: #D0021B;
  font-size: 150%;
}
.cnt_mod000 .cntli_001a li {
  width: 196px;
}
.cnt_mod000 .cntli_001a li.hr_a {
  width: 100%;
  height: 15px;
  line-height: 0;
  font-size: 0;
}
.cntli_001c li {
  width: 128px;
}
.cntli_001d {
  width: 768px;
  margin: 0 auto;
}
.cntli_001d li {
  width: 151px;
}
.cntli_001d .first {
  width: 315px;
}
.cntli_001d h4 {
  min-height: 36px;
  _height: 36px;
}
.cntli_001e li {
  width: 122px;
}
.cntli_001e h4 {
  min-height: 36px;
  /*   _height: 36px; */
}
.cntli_001f {
  width: 768px;
  margin: 0 auto;
}
.cntli_001f li {
  width: 128px;
}
.cntli_001f .first {
  width: 256px;
}
.cntli_001f h4 {
  min-height: 36px;
  _height: 36px;
}
.cntli_001g {
  width: 763px;
  margin: 0 auto;
}
.cntli_001g li {
  width: 109px;
  font-size: 93%;
}
.cntli_001g .price li {
  font-size: 100%;
}
.cntli_001h li {
  width: 256px;
}
.cntli_001i li {
  width: 256px;
}
.cntli_001h li.hr,
.cntli_001i li.hr {
  width: 100%;
  height: 10px;
  line-height: 0;
  font-size: 0;
}
.cntli_001j {
  margin: 0 auto;
  position: relative;
  background: #fff;
  overflow: hidden;
  _width: 766px;
}
.cntli_001j li {
  width: 184px;
  margin: 0px 10px -1000px 0px;
  /*   _margin: 0px 10px -1000px 0px; */
  padding: 0 0 1000px 0;
  background: #fff;
}
.cntli_001j li.item {
  width: 184px;
  margin: 0px 10px -1000px 0px;
  /*   _margin: 0px 10px -1000px 0px; */
  padding: 0 0 1000px 0;
  background: #f3f3f3;
}
.cntli_001j li.last {
  margin-right: 0;
  margin-left: 0;
}
.cntli_001j h4 {
  margin: 0;
  padding: 3px 2px 5px;
  min-height: 40px;
  /*   _height: 40px; */
}
.cntli_001k {
  width: 768px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.cntli_001k li {
  width: 129px;
}
.cntli_001k .first {
  width: 365px;
  position: relative;
  overflow: hidden;
  margin: 0 0 -1000px 0;
  padding: 10px 8px 1000px 8px;
  text-align: left;
  background: #f3f3f3;
}
.cntli_001k .first h4 {
  margin-bottom: 8px;
  padding-bottom: 8px;
  min-height: 0;
  font-size: 116%;
  font-weight: 700;
  border-bottom: 1px dashed #AAAAAA;
}
.cntli_001k h5 {
  min-height: 36px;
  _height: 36px;
}
.cntli_001k p {
  overflow: hidden;
  line-height: 1.38;
}
.cntli_001k .first img {
  float: left;
  margin: 0 5px 10px 0;
}
.cntli_001k .first .price {
  padding: 0;
  margin: 0;
}
.cntli_001k .first .price b {
  font-size: 150%;
}
.cntli_001l {
  padding: 5px 0 10px;
}
.cntli_001l p {
  overflow: hidden;
}
.cntli_001l_sec {
  float: left;
  margin-right: 14px;
  background: #fff;
}
.cntli_001l_sec.last {
  margin-right: 0;
}
.cntli_001l h4 {
  margin-bottom: 8px;
  padding-bottom: 5px;
  font-size: 116%;
  font-weight: 700;
  line-height: 1.38;
  border-bottom: 1px dashed #AAAAAA;
  min-height: 38px;
  _height: 38px;
}
.cntli_001l .price {
  padding: 0;
  margin: 5px 0;
}
.cntli_001m li {
  width: 153px;
  margin: 0 0 -1000px 0;
  padding: 1px 0 1000px 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cntli_001m li li {
  margin: 0;
  padding: 0;
}
.cntli_001m p {
  margin: 5px;
  /*text-align: justify;*/
}
.cntli_001m .select {
  background: #F3F3F3;
}
.place {
  margin: 0 auto;
  width: 140px;
  height: 35px;
  color: #FFFFFF;
  font-size: 138%;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.53;
  text-align: center;
  background-position: 0px -144px;
}
.cntli_001o {
  width: 768px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.cntli_001o li {
  width: 183px;
  margin: 0 12px -900px 0px;
  padding: 0 0 900px 0;
  position: relative;
  overflow: hidden;
}
.cntli_001o .hr {
  width: 100%;
  /*   _width: 768px; */
  height: 5px;
  line-height: 0;
  font-size: 0;
}
.cntli_001o .item {
  line-height: 1.538;
  overflow: hidden;
  text-align: left;
  border-top: 1px dashed #AAAAAA;
  background: #f5f5f5;
}
.cntli_001o .last {
  margin-right: 0;
}
.cntli_001o span a {
  width: 90%;
  display: block;
  font-size: 116%;
  font-weight: 700;
  padding: 5px 0 5px 20px;
  border-top: 3px solid #fff;
  background-position: -985px -988px;
}
.cntli_001p li {
  width: 202px;
  position: relative;
  text-align: center;
}
.cntli_001p li.hr {
  width: 100%;
  height: 10px;
  line-height: 0;
  font-size: 0;
}
.cntli_001q li {
  width: 136px;
  position: relative;
  text-align: center;
}
.cntli_001q .first {
  width: 200px;
  _width: 197px;
  text-align: center;
}
.cntli_001r {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.cntli_001r li.item {
  width: 184px;
  margin: 0 28px -1000px 0;
  padding: 0 0 1000px 0;
  background: #f3f3f3;
  text-align: center;
}
.cntli_001r li.last {
  margin-right: 0;
  margin-left: 0;
}
.cntli_001r h4 {
  margin: 0;
  padding: 2px 2px 5px;
  min-height: 40px;
  _height: 40px;
}
.cntli_001r li.hr {
  width: 100%;
  height: 10px;
  line-height: 0;
  font-size: 0;
}
.cntli_001s {
  position: relative;
  overflow: hidden;
}
.cntli_001s h4 {
  margin: 0;
  padding: 2px 2px 5px;
  font-weight: bold;
  overflow: hidden;
  /*text-align: justify;*/
}
.cntli_001s p.cont01 {
  margin: 5px 0 10px;
  /*text-align: justify;*/
}
.cntli_001s .price {
  padding: 0;
  clear: both;
  /*   .height: 1%; */
}
.cntli_001s .more {
  margin: 0 5px 0;
  padding-right: 13px;
  background-position: -863px -1544px;
}
.cntli_001s .price li {
  margin: 0 8px 0 0;
  padding: 0;
  background: none;
}
.cntli_001s li.item {
  width: 278px;
  margin: 0 10px -1000px 0;
  padding: 10px 10px 1000px 10px;
  text-align: left;
  background: #f3f3f3;
}
.cntli_001s li.last {
  margin-right: 0;
  margin-left: 0;
}
.cntli_001s li.hr {
  width: 100%;
  height: 1px;
  line-height: 0;
  font-size: 0;
}
.space_a span a {
  margin: 5px 0;
  padding: 0 7px 0px;
  line-height: 22px;
}
.cnt_001 .text_001a {
  margin: 0;
  padding: 10px;
  line-height: 2;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  font-size: 100%;
  _width: 748px;
}
.cnt_002 .text_001b {
  margin: 10px 0;
  _width: 748px;
}
.cnt_001 .text_001c,
.cnt_001 .text_001d {
  padding: 10px 10px 15px 10px;
  line-height: 1.38;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  font-size: 100%;
  _width: 98%;
}
.cnt_001 .text_001d,
.cnt_002 .text_001d {
  margin: 10px 0;
  padding: 0;
  background: #fff;
}
.cnt_001 .text_001c.line {
  border-bottom: 1px dashed #AAAAAA;
}
.cnt_002 .text_001b a {
  line-height: 2;
}
.cnt_001 p,
.cnt_002 p {
  margin-bottom: 15px;
  line-height: 1.38;
  /*text-align: justify;*/
}
.cnt_001 .info_more01,
.cnt_002 .info_more01 {
  border-top: 1px dashed #AAAAAA;
}
.cnt_002 .info_more01 h4 {
  padding: 8px 8px 8px 25px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f5f5f5;
  background-position: -985px -988px;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}
.cnt_002 .info_more01 h4 a {
  text-decoration: underline;
}
.cnt_001 h4 strong,
.cnt_002 h4 strong {
  position: absolute;
  text-indent: -9999px;
  width: 24px;
  height: 20px;
  margin-left: 5px;
}
.cnt_001 h4 strong.new {
  background-position: -476px -1745px;
}
.cnt_001 h4 strong.hot {
  background-position: -576px -1695px;
}
.cnt_002 h4 strong.new {
  background-position: -476px -1750px;
}
.cnt_002 h4 strong.hot {
  background-position: -576px -1700px;
}
.cnt_001 .text_001c h4.title,
.cnt_001 .text_0015 h4.title {
  margin: 5px 0 10px -10px;
}
.cnt_001 .text_001a h4.title span,
.cnt_001 .text_001b h4.title span,
.cnt_001 .text_001c h4.title span,
.cnt_001 .text_001d h4.title span {
  padding: 5px 8px;
  height: 25px;
  top: 10px;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  background: #bbbbbb;
}
.cnt_001 .text_001a ul.first {
  margin-left: 30px;
}
.cnt_001 .text_001a ul.li001 {
  width: 225px;
  _width: 220px;
  margin-left: 15px;
  float: left;
}
.cnt_001 .li003 li {
  width: 166px;
  float: left;
  padding-left: 15px;
  position: relative;
}
.cnt_001 .li003 .hr_a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  _width: 925px;
  font-size: 0;
  height: 15px;
  line-height: 0;
}
.cnt_001 .li003 strong.more {
  margin: 0 0 0 10px;
  color: #000;
  float: none;
  font-size: 93%;
  font-weight: 700;
}
.cnt_001 .li003 li em {
  width: 10px;
  text-align: center;
  left: 0;
  top: -0px;
  font-weight: bold;
  font-family: PMingLiU;
  color: #94c722;
  display: block;
  position: absolute;
  font-style: normal;
  /*_left: -15px;ie6*/
}
.cnt_001 .text_001a ul.li001 li {
  margin-bottom: 8px;
  padding-left: 15px;
  position: relative;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.cnt_001 .text_001a .li001 li em {
  width: 10px;
  text-align: center;
  left: 0;
  _left: -15px;
  font-weight: bold;
  font-family: PMingLiU;
  color: #94c722;
  display: block;
  position: absolute;
  font-style: normal;
}
.text_001a .hr {
  width: 100%;
  height: 10px;
  margin: 10px 0 0 0;
  line-height: 0;
  font-size: 0;
  border-top: 1px dashed #AAAAAA;
  display: block;
  position: relative;
  overflow: hidden;
}
.cnt_001 .li001 strong.more {
  margin: 0 0 0 10px;
  color: #000;
  float: none;
  font-size: 93%;
  font-weight: 700;
}
.text_001a {
  padding: 10px;
  background: #f5f5f5;
}
.text_001a .cover {
  float: left;
  margin: 0 10px 10px 0;
}
.text_001a .msg {
  position: relative;
  overflow: hidden;
  display: block;
}
.text_001a h4 {
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  color: #94c722;
}
.cnt_001 .more,
.cnt_002 .more {
  float: right;
  margin: 8px 0;
}
.cnt_001 .more strong,
.cnt_002 .more strong {
  font-weight: 700;
  padding-right: 15px;
  background: url(images/icon_arr.gif) no-repeat right;
}
.sub_li_cnt01 li {
  width: 220px;
  background: #fff;
  margin: 0 10px 10px;
  padding: 8px;
}
.sub_li_cnt01 h5 {
  font-size: 100%;
  line-height: 1.30;
  margin-bottom: 5px;
  overflow: hidden;
}
.sub_li_cnt01 p {
  text-align: left;
}
.sub_li_cnt01 .cover {
  margin: 0 0 0 0;
}
.sub_li_cnt01 .price {
  padding: 0;
}
.sub_li_cnt01 .cover img {
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
  position: relative;
  overflow: hidden;
}
ol.li001 {
  margin: 10px 0 0;
  position: relative;
}
ol.li001 .cover {
  position: relative;
  width: 100px;
  height: 100px;
}
ol.li001 .cover img {
  width: 100px;
}
ol.li001 li {
  margin-bottom: 10px;
  padding: 0 0 10px 22px;
  position: relative;
  overflow: hidden;
  text-align: left;
  font-size: 100%;
  line-height: 1.23;
  border-bottom: 1px dashed #aaa;
  /*text-align: justify;*/
}
ol.li001 li em {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  color: #fff;
  background: #94c722;
  text-align: right;
  padding: 2px;
  font-size: 85%;
  font-style: normal;
}
/*number*/
ol.li002 {
  margin: 10px 0 0;
  position: relative;
}
ol.li002 li {
  margin-bottom: 10px;
  padding: 0 0 10px 22px;
  position: relative;
  overflow: hidden;
  text-align: left;
  font-size: 100%;
  border-bottom: 1px dashed #aaaaaa;
  line-height: 1.23;
  /*_height: 1%; */
  /*text-align: justify;*/
}
ol.li002 li em {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  color: #9c0000;
  display: block;
  text-align: right;
  font-style: normal;
}
.cnt_title_002 .more {
  margin: 5px 0 10px;
  float: right;
  padding-right: 13px;
  font-weight: 700;
  background: url(images/icon_arr.gif) no-repeat right 2px;
  /*   .background: url(images/icon_arr.gif) no-repeat right 1px; */
}
ol.li003 {
  margin: 10px 0 0;
  position: relative;
}
ol.li003 .cover img {
  width: 120px;
  height: 120px;
  margin-bottom: 5px;
}
ol.li003 li {
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  /*   _height: 1%; */
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 100%;
  line-height: 1.23;
  border-bottom: 1px dashed #aaa;
}
ol.li003 p {
  text-align: justify;
}
ol.li003 li:last-child {
  border-bottom: none;
}
/** ------------------------------------------------------------------------ **/
.cntli_menu_001 {
  font-size: 100%;
  margin: 0 -10px;
}
.cntli_menu_001 li {
  border-top: 1px dashed #aaa;
  background-position: -985px -487px;
}
.cntli_menu_001 li.first {
  border: none;
}
.cntli_menu_001 li.set_more {
  background: none;
}
.cntli_menu_001 h4 {
  padding: 5px 2px 5px 20px;
  line-height: 1.53;
  font-weight: normal;
}
.cntli_menu_002 {
  background: #ffffff;
  margin: 0 -10px;
  color: #333;
}
.cntli_menu_002 a {
  text-decoration: underline;
}
.cntli_menu_002 span {
  display: block;
}
.cntli_menu_002 .title {
  background-color: #eee;
  font-weight: bold;
}
.cntli_menu_002 .here {
  font-weight: bold;
  background-color: #eee;
}
.cntli_menu_002 h4 span {
  padding: 5px 2px 5px 20px;
  line-height: 1.53;
  background-position: -986px -1486px;
}
.cntli_menu_002 ul span {
  padding: 4px 3px 4px 38px;
  line-height: 1.38;
  font-weight: normal;
  background-position: -970px -1488px;
}
.cntli_menu_002 li {
  /*   .display: inline-block; */
  /** IE6 IE7 **/
  /*   .margin-bottom: -3px; */
  /** IE6 IE7 **/
  font-weight: normal;
}
.cntli_menu_002 .open_list span {
  padding-right: 10px;
  text-align: right;
  background: none;
}
.cntli_menu_002 li.open ul.sub {
  display: block;
}
.cntli_menu_002 ul.sub {
  display: none;
  background: #fff;
}
.cntli_menu_002 li.open ul.sub li li span {
  padding: 4px 3px 4px 55px;
  background-position: -953px -1488px;
}
.cntli_menu_002 li.open ul.sub li li span.here {
  background-color: #eee;
}
.cntli_menu_003 {
  font-size: 100%;
  margin: 0 -10px;
}
.cntli_menu_003 li {
  background-position: -985px -490px;
}
.cntli_menu_003 h4 {
  margin: 6px 0;
  padding: 0px 0px 0px 20px;
  /*line-height: 1.53;*/
}
.search_mod01 .search_color h4,
.search_mod01 .search_size h4,
.search_mod01 .search_price h4 {
  font-weight: 700;
  line-height: 1.38;
}
.search_mod01 .search_color li,
.search_mod01 .search_size li {
  margin: 3px 0;
}
.search_mod01 .search_color .box,
.search_mod01 .search_size .box {
  position: relative;
  overflow: hidden;
  margin: 0 -6px;
}
.search_mod01 .search_color .box div,
.search_mod01 .search_size .box div {
  float: left;
}
.search_mod01 .search_color .box div a {
  width: 14px;
  height: 14px;
  margin: 3px;
  display: block;
  border: 1px solid #999;
  text-decoration: underline;
}
.search_mod01 .search_color .here {
  background: #000;
}
.search_mod01 .search_size .box div span {
  margin: 5px;
  display: block;
}
.search_mod01 .search_size .box div a {
  display: block;
  text-decoration: underline;
}
.search_mod01 .search_size .here {
  background: #EEEEEE;
}
.search_mod01 .search_price li {
  margin-bottom: 8px;
}
.search_mod02 {
  color: #5A5A5A;
}
.search_mod02 .here a {
  color: #FE2828;
  font-weight: bold;
}
.search_mod02 .here {
  font-weight: bold;
}
.search_mod02 a {
  text-decoration: none;
}
.search_mod02 a:hover {
  text-decoration: underline;
}
.search_mod02 table {
  width: 100%;
  border-top: 1px dotted #aaa;
  border-width: 1px 0 0;
}
.search_mod02 th label {
  margin-right: 10px;
  font-weight: normal;
}
.search_mod02 th,
.search_mod02 td {
  padding: 10px;
  border-bottom: 1px dotted #aaa;
}
.search_mod02 th {
  width: 17%;
  font-weight: 100;
  text-align: right;
  background: #eee;
}
.search_mod02 td {
  width: 80%;
  padding-left: 10px;
  background: #f8f8f8;
}
.search_mod02 .search_brand {
  overflow: hidden;
  position: relative;
  _width: 100%;
}
.search_mod02 ul.li002 {
  width: 140px;
  _width: 140px;
  float: left;
}
.search_mod02_on,
.search_mod02_off {
  padding-left: 18px;
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  background-position: -685px -148px;
  _width: 30px;
}
.search_mod02_off {
  background-position: -585px -200px;
}
.search_mod02 ul.li002 li {
  position: relative;
  padding-left: 15px;
  margin: 0 0 5px;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.search_mod02 ul.li002 li em {
  width: 10px;
  text-align: center;
  left: 0;
  _left: -15px;
  font-weight: bold;
  font-family: PMingLiU;
  color: #333;
  display: block;
  position: absolute;
  font-style: normal;
}
.search_mod02 .search_size span,
.search_mod02 .search_price span,
.search_mod02 .search_sort span {
  margin: 0 8px 5px;
}
.search_sort {
  font-family: serif;
}
.search_mod02 .search_color div {
  width: 73px;
  height: 23px;
  overflow: hidden;
  float: left;
  padding-top: 5px;
  line-height: 23px;
}
.search_mod02 .search_color a span,
.search_mod02 .search_color span {
  margin-right: 3px;
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  border: 1px solid #999;
  cursor: pointer;
}
.search_mod01 .hr_01 {
  margin: 0 -5px;
  display: block;
  height: 8px;
  font-size: 0;
  border-top: 1px dotted #afafaf;
}
/** ----------------------------------------------------------- product page **/
.cnt_prod_img001 {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.cnt_prod_img001 .cover_img {
  position: relative;
  overflow: hidden;
  height: 348px;
  /*ie6*/
}
.cnt_prod_img001 .cover_img .sign_04,
.cnt_prod_img001 .cover_img .sign_18x {
  width: 44px;
  height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
  background-position: -800px -240px;
  z-index: 1;
}
.cnt_prod_img001 .cover_img .sign_ebook {
  width: 100px;
  height: 22px;
  position: absolute;
  right: 36px;
  bottom: 10px;
  text-indent: -9999px;
  background: url(images/sp_type02_pic1.png) no-repeat -900px -627px;
  z-index: 1;
}
.cnt_prod_img001 .cover_img .sign_emag {
  width: 144px;
  height: 22px;
  position: absolute;
  right: 36px;
  bottom: 10px;
  text-indent: -9999px;
  background: url(images/sp_type02_pic1.png) no-repeat -856px -596px;
  z-index: 1;
}
.cnt_prod_img001 .cover_img .special_border_div {
  z-index: 1;
}
/** Look_Icon **/
.cnt_prod_img001 ul.looks {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-indent: -9999px;
  z-index: 1;
}
.cnt_prod_img001 ul.looks li a {
  width: 21px;
  height: 21px;
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
}
.cnt_prod_img001 .looks .icon_pic a {
  background-position: -979px -330px;
}
.cnt_prod_img001 .looks .icon_music a {
  background-position: -979px -238px;
}
.cnt_prod_img001 .looks .icon_movie a {
  background-position: -979px -284px;
}
.cnt_prod_img001 .cover_img img.cover {
  margin: 0 auto;
  height: 348px;
  display: block;
  font-size: 0;
}
.cnt_prod_img001 .each_box {
  margin: 0 auto;
}
.cnt_prod_img001 .each_box img {
  width: 50px;
  height: 50px;
  float: left;
  border: 1px solid #999999;
}
.cnt_prod_img001 .each_box .here img {
  border: 1px solid #e65907;
}
.cnt_prod_img001 .each_box ul {
  margin: 8px auto;
  position: relative;
  height: 52px;
  overflow: hidden;
}
.cnt_prod_img001 .each_box li {
  margin: 0 8px 0 0;
  width: auto;
}
.cnt_prod_img001 .each_box li.first {
  margin-left: 28px;
  _margin-left: 14px;
}
.cnt_prod_img001 .each_box li.last {
  margin-right: 0px;
}
.cnt_prod_img001 .each_box {
  height: 66px;
}
.cnt_prod_img001 .eh_switcher a {
  width: 20px;
  height: 64px;
  display: block;
}
.cnt_prod_img001 .eh_switcher span {
  position: absolute;
  left: -9999px;
}
.cnt_prod_img001 .eh_swleft {
  background-position: -800px -795px;
  left: 0;
}
.cnt_prod_img001 .eh_swleft a:hover {
  background-position: -840px -795px;
}
.cnt_prod_img001 .eh_swright {
  background-position: -820px -795px;
  right: 0;
}
.cnt_prod_img001 .eh_swright a:hover {
  background-position: -860px -795px;
}
.prod_li01 li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 60px;
  _height: 1%;
  text-align: left;
  font-size: 100%;
  line-height: 1.38;
}
.prod_li01 li a {
  line-height: 1.38;
}
.prod_li01 li a:hover {
  color: #f28900;
}
.prod_li01 li.last {
  border-bottom: none;
}
.prod_li01 li.list {
  padding-left: 0;
}
.prod_li01_sub {
  /* *float: left;
  _float: none; */
}
.prod_li01_sub li.last,
.prod_li01_sub li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.cnt_prod001 ul.prod_li01_sub span,
.cnt_prod002 ul.prod_li01_sub span {
  display: block;
  padding: 0px 0px 0px 10px;
  background-position: -995px -492px;
}
.prod_li01 li em,
.cnt_prod001 ul.prod_li01 li em,
.cnt_prod002 ul.prod_li01 li em {
  width: 55px;
  height: 17px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 0;
  font-weight: normal;
  color: #fff;
  display: block;
  font-size: 93%;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.prod_li01 .title01 em,
.cnt_prod001 ul.prod_li01 .title01 em,
.cnt_prod002 ul.prod_li01 .title01 em {
  background-color: #fa763c;
}
.prod_li01 .title02 em,
.cnt_prod001 ul.prod_li01 .title02 em,
.cnt_prod002 ul.prod_li01 .title02 em {
  background-color: #8ab70f;
}
.prod_li01 .title03 em,
.cnt_prod001 ul.prod_li01 .title03 em,
.cnt_prod002 ul.prod_li01 .title03 em {
  background-color: #f961a8;
}
.prod_li01 .title04 em,
.cnt_prod001 ul.prod_li01 .title04 em,
.cnt_prod002 ul.prod_li01 .title04 em {
  background-color: #4269b4;
}
.prod_li01 .title05 em,
.cnt_prod001 ul.prod_li01 .title05 em,
.cnt_prod002 ul.prod_li01 .title05 em {
  background-color: #b17ee5;
}
.prod_li01 .title06 em,
.cnt_prod001 ul.prod_li01 .title06 em,
.cnt_prod002 ul.prod_li01 .title06 em {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #15b2ec;
}
.prod_li01 .title07 em,
.cnt_prod001 ul.prod_li01 .title07 em,
.cnt_prod002 ul.prod_li01 .title07 em {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #7497D8;
}
.prod_li01 .title08 em,
.cnt_prod001 ul.prod_li01 .title08 em,
.cnt_prod002 ul.prod_li01 .title08 em {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #21be1d;
}
/*指定會員專屬價新增*/
.cnt_prod002 ul.price .title08 .graded-d {
  zoom: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 5px;
  background-color: #F2F2F2;
  border: 1px solid #EE826C;
  text-decoration: none;
  margin-right: 5px;
}
.cnt_prod002 ul.price .title08 .graded-d .font {
  color: #EE826C;
  padding-right: 2px;
  font-size: 10px;
}
.cnt_prod002 ul.price .title08 .graded-d img {
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-bottom: 2px;
  padding-right: 2px;
}
.cnt_prod002 ul.price .title08 {
  letter-spacing: normal;
  margin: 5px 0;
}
.cnt_prod002 ul.price .title08 b {
  font-size: 13px;
  color: #d93800;
}
.cnt_prod002 ul.price .title08 .font_p {
  font-size: 13px;
  color: #fe2828;
}
.cnt_prod002 ul.price .title08 .graded-p {
  zoom: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 5px;
  background-color: #F7F8F9;
  border: 1px solid #55ADC3;
  text-decoration: none;
  margin-right: 5px;
}
.cnt_prod002 ul.price .title08 .graded-p .font {
  padding-right: 2px;
  font-size: 10px;
  color: #55ADC3;
}
.cnt_prod002 ul.price .title08 .graded-p img {
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-bottom: 2px;
  padding-right: 2px;
}
.cnt_prod002 ul.price .title08 .graded-g {
  zoom: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 5px;
  background-color: #F7F8F9;
  border: 1px solid #CCA744;
  text-decoration: none;
  margin-right: 5px;
}
.cnt_prod002 ul.price .title08 .graded-g .font {
  padding-right: 2px;
  font-size: 10px;
  color: #CCA744;
}
.cnt_prod002 ul.price .title08 .graded-g img {
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-bottom: 2px;
  padding-right: 2px;
}
.cnt_prod002 ul.price .title08 .graded-s {
  zoom: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 5px;
  background-color: #F7F8F9;
  border: 1px solid #4DA048;
  text-decoration: none;
  margin-right: 5px;
}
.cnt_prod002 ul.price .title08 .graded-s .font {
  padding-right: 2px;
  font-size: 10px;
  color: #4DA048;
}
.cnt_prod002 ul.price .title08 .graded-s img {
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-bottom: 2px;
  padding-right: 2px;
}
/*指定會員專屬價新增end*/
.cnt_prod001 ul.prod_li02,
.cnt_prod002 ul.pord_li02 {
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #eee;
}
.cnt_prod001 ul.prod_li02 li {
  line-height: 1.38;
  padding: 0 0 0 10px;
  margin-bottom: 5px;
  background: url(images/sp_icon01.gif) no-repeat -995px -491px;
}
.cnt_prod001 .prod_li02 li em {
  width: 10px;
  top: 0;
  left: 0;
  font-weight: bold;
  font-family: PMingLiU, "Taipei";
}
.cnt_prod001 ul.prod_li02 li a:hover {
  color: #f28900;
}
.cnt_prod001 .prod_li03 li {
  margin-bottom: 10px;
}
.cnt_prod001 .prod_li03 li em {
  padding: 0 2px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  display: inline-block;
  font-size: 93%;
  overflow: hidden;
  border-radius: 2px;
  font-family: PMingLiU, "Taipei";
}
.cnt_prod001 .prod_li03 li.title01 em {
  background-color: #cc80a6;
}
.cnt_prod001 .prod_li03 li p {
  margin-bottom: 10px;
}
.cnt_prod001 .prod_li03 li p:last-child {
  margin-bottom: 0;
}
.cnt_prod001 .prod_li03 li a:hover {
  color: #f28900;
}
.cnt_prod001 .more {
  width: 100%;
  margin-top: -8px;
  padding: 5px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #626364;
  font-weight: normal;
  cursor: pointer;
}
.cnt_prod001 ul.prod_li01 li .more01,
.cnt_prod002 ul.prod_li01 li .more01 {
  position: absolute;
  width: 15px;
  height: 15px;
  overflow: hidden;
  text-indent: -9999px;
  background-position: -888px -47px;
}
.cnt_prod001 ul.prod_li01 li .more02,
.cnt_prod002 ul.prod_li01 li .more02 {
  position: absolute;
  width: 25px;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
  background-position: -980px 1px;
}
.cnt_prod001 ul.prod_li01 li .more01_box span a,
.cnt_prod002 ul.prod_li01 li .more01_box span a {
  width: 40px;
  padding: 3px 4px;
  position: absolute;
  color: #3d3d3d;
  display: block;
  bottom: 0;
  right: 0;
  background-position: -155px -392px;
  background-color: #ccc;
}
.cnt_prod001 ul.prod_li01 li .more01_box,
.cnt_prod002 ul.prod_li01 li .more01_box {
  width: 200px;
  height: 200px;
  line-height: 200px;
  _line-height: 0;
  text-align: center;
  position: absolute;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 999;
  display: none;
  overflow: hidden;
}
.cnt_prod001 ul.prod_li01 li .more01_box img,
.cnt_prod002 ul.prod_li01 li .more01_box img {
  max-width: 200px;
  max-height: 200px;
  _width: 200px;
  vertical-align: middle;
}
.cnt_prod002 .prod001 {
  line-height: 1.38;
}
.cnt_prod002 .prod_cont_a {
  padding-left: 60px;
}
.cnt_prod002 .prod_cont_b {
  padding-left: 25px;
}
.cnt_prod002 .prd001 h1,
.cnt_prod002 .prd001 h2 {
  margin-bottom: 10px;
  padding-left: 10px;
  line-height: 1.38;
  font-size: 130.8%;
  font-weight: bold;
  color: #333;
}
.cnt_prod002 .prd001 h1 .u_product_fav {
  font-weight: normal;
  margin-left: 6px;
}
.cnt_prod002 p {
  line-height: 1.38;
  margin-bottom: 10px;
}
.cnt_prod002 .prd001 ul {
  margin-bottom: 10px;
}
.cnt_prod002 .prd001 ul li {
  line-height: 2;
}
.cnt_prod002 ul.li_01 li {
  line-height: 1.5em;
  padding: 0px 0px 0px 10px;
  margin-bottom: 5px;
  background-position: -995px -491px;
}
.cnt_prod002 ul.li_01 li .more {
  position: absolute;
  width: 25px;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
  background-position: -980px 3px;
  *z-index: -1;
}
.cnt_prod002 ul.li_01 li strong {
  font-weight: bold;
  color: #d0021b;
  margin: 0 2px;
}
.cnt_prod002 .prd005 {
  position: relative;
  z-index: 0;
}
.cnt_prod002 .car_cont {
  z-index: 0;
}
.cnt_prod002 .prd010 {
  position: relative;
  /* z-index: 1; */
}
.cnt_prod002 ul.price li {
  line-height: 2em;
  font-size: 100%;
  letter-spacing: 0.2px;
  /*letter-spacing: 0.1em;*/
  _height: 1%;
}
.cnt_prod002 ul.price dfn {
  margin: 0 0 0 20px;
}
.cnt_prod002 ul.price strong {
  margin: 0 1px;
}
.cnt_prod002 ul.smoney_cnt li.smoney,
.cnt_prod002 ul.smoney_cnt li.smoney_bk {
  position: relative;
  display: block;
  _height: 30px;
  min-height: 30px;
  line-height: 22px;
  padding: 3px 0 3px 30px;
  background-position: -675px -1646px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cnt_prod002 ul.info_cnt li.info {
  position: relative;
  display: block;
  _height: 30px;
  min-height: 30px;
  line-height: 22px;
  padding: 3px 0 3px 30px;
  background-position: -675px -1646px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  /*   text-justify: inter-ideograph; */
}
.cnt_prod002 ul.smoney_cnt li.smoney_bk {
  background-position: -775px -1596px;
}
.cnt_prod002 ul.smoney_cnt strong {
  color: #FE2828;
}
.cnt_prod002 ul.smoney_cnt b {
  font-weight: bold;
}
.cnt_prod002 .prd002 {
  position: relative;
}
.cnt_prod002 div.more03_box {
  display: none;
  position: absolute;
  top: -2em;
  right: 0;
  width: 300px;
  background: #cccccc;
  color: #000;
  z-index: 1;
}
.cnt_prod002 div.more03_box h3 {
  font-size: 123.1%;
  font-weight: bold;
}
.cnt_prod002 div.more03_box ul {
  padding: 5px 15px 0px 15px;
  border: 1px solid #333;
  font-size: 100%;
  line-height: 1.38;
  position: relative;
  top: -3px;
  left: -3px;
  background: #ffffff url(images/gradient_bg_01.gif) repeat-x 0 0;
}
.cnt_prod002 div.more03_box ul li {
  background: url(images/line_01.gif) repeat-x 0 100%;
  height: auto;
  padding: 5px 0;
  font-size: 93%;
  _height: 1%;
}
.cnt_prod002 div.more03_box ul li.last {
  background: none;
  padding-bottom: 0;
}
.cnt_prod002 div.more03_box ul li strong {
  font-weight: bold;
}
.cnt_prod002 div.more03_box ul li .member {
  padding: 2px 0 2px 35px;
  display: block;
  min-height: 35px;
  margin: 0;
}
.cnt_prod002 div.more03_box ul li .member.grade_D {
  background-position: -67px -1447px;
}
.cnt_prod002 div.more03_box ul li .member.grade_P {
  background-position: -167px -1397px;
}
.cnt_prod002 div.more03_box ul li .member.grade_G {
  background-position: -267px -1347px;
}
.cnt_prod002 div.more03_box ul li .member.grade_S {
  background-position: -367px -1297px;
}
.cnt_prod002 div.more03_box ul li .member.grade_N {
  background-position: -467px -1247px;
}
.cnt_prod002 div.more03_box ul li p.intro {
  padding: 2px 0 2px 0;
  text-align: center;
  background: #eee;
  margin: 5px 0 0 0;
}
.cnt_prod002 div.more03_box ul li p.intro a {
  padding: 0 0 0 3px;
  color: #555;
  padding: 2px 5px 2px 5px;
  font-weight: 100;
  cursor: help;
}
.cnt_prod002 div.more03_box ul li p.intro_s {
  color: #999;
  margin-top: 3px
}
.cnt_prod002 div.more04_box {
  display: none;
  position: absolute;
  top: -20px;
  left: 65px;
  width: 270px;
  padding: 15px;
  color: #000;
  line-height: 1.38;
  box-shadow: 3px 3px 0 #ccc;
  border: 1px solid #333;
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 1%, #fff 9%);
  background: -webkit-linear-gradient(top, #ececec 1%, #fff 9%);
  background: linear-gradient(to bottom, #ececec 1%, #fff 9%);
  /*   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#fff', GradientType=0); */
  z-index: 1;
}
.cnt_prod002 div.more04_box a {
  color: #555;
  text-decoration: underline;
}
.cnt_prod002 div.more04_box p {
  margin: 10px 0 0 0;
}
.cnt_prod002 div.more04_box ul.more04_cont {
  background-color: #EEE;
  border-radius: 6px;
  padding: 10px;
}
.cnt_prod002 div.more04_box ul.more04_cont li {
  border-bottom: dotted 1px #ccc;
  height: auto;
  padding-bottom: 8px;
  line-height: 20px;
}
.cnt_prod002 div.more04_box ul.more04_cont li.last {
  border: none;
  padding: 8px 0 0 0;
}
.cnt_prod002 .prd011 .coupon {
  background: url(//jci.book.com.tw/css/books/module/images/icon-money-blue.svg) no-repeat;
  padding: 4px 0 6px 30px;
  background-size: 25px 24px;
  line-height: 30px;
}
.cnt_prod002 .prd011 a.more {
  vertical-align: middle;
}
/* prod012 */
.prod012 {
  width: 100%;
  position: relative;
  padding-left: 25px;
  color: #666;
  font-size: 12px;
}
.prod012 li {
  line-height: 22px;
  margin-bottom: 3px;
}
.prod012 li em {
  color: #f04f47;
}
.prod012 li:last-child {
  margin-bottom: 0;
}
.prod012 li i:before {
  color: #F28900;
  font-size: 1.2em;
}
/*product_info*/
.product_info li {
  line-height: 2;
}
.product_info li a {
  color: #2c62c2;
}
.product_info ul.li_imgs li {
  float: left;
  width: 45px;
  height: 45px;
  /*   *margin-right: 2px; */
}
.product_info ul.li_imgs li.here img {
  border: 2px solid #e25a04;
}
.product_info ul.li_imgs li.last {
  margin-right: 0;
}
.product_info ul.li_imgs img {
  width: 35px;
  height: 35px;
  margin-right: 4px;
  border: 1px solid #999999
}
.product_info ul.li_imgs .sell_out img {
  opacity: .5;
  filter: Alpha(Opacity=50);
}
.product_info option.sell_out {
  color: #a1a1a1;
  background: #eee;
}
.car_cont .bd {
  padding: 2px;
  margin-bottom: -5px;
}
.car_info .bd {
  margin-bottom: 0px;
  padding: 12px 10px;
}
.car_info .bd .car_info {
  position: relative;
}
.car_cont .inner {
  /*   *height: 1%; */
}
.car_info .inner {
  background: #eee;
  border: none;
}
.car_info #wishlist {
  margin: 5px 0 0 0;
  /*   _height: 0; */
}
.car_info .icon_24hr,
.car_info .btn_shoppcart,
.car_info .btn_shopplist,
.car_info .btn_wishlist,
.car_info .btn_giftcart,
.car_info .btn_easycart,
.car_info .btn_edit {
  background-image: url(images/sp_type01.gif);
  background-repeat: no-repeat;
}
.car_info .easycart {
  margin-top: 5px;
}
.car_info .top b,
.car_info .bottom b {
  width: 5px;
  height: 5px;
  background-image: url(images/mc002_001b.gif);
  _background-image: none;
}
.car_info .icon_24hr {
  width: 165px;
  height: 25px;
  display: block;
  cursor: pointer;
  background-position: -12px -885px;
}
.car_info .icon_24hr a {
  width: 165px;
  height: 25px;
  display: block;
  cursor: pointer;
}
.car_info .btn_shoppcart,
.car_info .btn_giftcart,
.car_info .btn_easycart,
.car_info .btn_edit {
  width: 165px;
  height: 33px;
  display: block;
  color: #000;
  float: left;
  cursor: pointer;
  text-decoration: none;
  background-position: 0px -580px;
}
.car_info .btn_edit {
  background-position: 0px -630px;
}
.car_info .btn_giftcart {
  background-position: 0px -980px;
}
.car_info .btn_easycart {
  height: 33px;
  /*   *height: auto; */
  line-height: 33px;
  text-align: center;
  color: #fff;
  display: block;
  _display: inline-block;
  vertical-align: middle;
  background-position: 0px -1080px;
}
.car_info a.btn_shoppcart span,
.car_info a.btn_shopplist span,
.car_info a.btn_giftcart span,
.car_info a.btn_edit span {
  height: 33px;
  /*   *height: auto; */
  line-height: 33px;
  padding-left: 50px;
  display: block;
  /*   _display: inline-block; */
  vertical-align: middle;
}
.car_info .btn_shopplist {
  width: 165px;
  height: 33px;
  margin-left: 10px;
  display: block;
  color: #000;
  float: left;
  text-decoration: none;
  cursor: pointer;
  background-position: 0px -780px;
}
.car_info a.btn_shopplist span {
  padding-left: 30px;
}
.car_info .btn_wishlist {
  width: 165px;
  height: 33px;
  display: block;
  color: #000;
  float: left;
  text-decoration: none;
  cursor: pointer;
  background-position: 0px -680px;
}
.car_info a.btn_wishlist span {
  display: block;
  font-size: 13px;
  margin: 5px 0 0 30px;
  padding-top: 3px;
}
.pay_method a {
  cursor: help;
}
.pay_info {
  margin-bottom: 5px;
}
.pay_info p {
  float: left;
  margin: 0;
}
.pay_info li {
  float: left;
}
.pay_info span {
  left: -9999px;
  position: absolute;
}
.pay_info .card a,
.pay_info .atm a,
.pay_info .store a,
.pay_info .ibon a {
  display: block;
  background-image: url(images/sp_type01.gif);
}
.pay_info .card a {
  width: 78px;
  height: 22px;
  background-position: -250px -305px;
}
.pay_info .atm a {
  width: 28px;
  height: 23px;
  background-position: -348px -305px;
}
.pay_info .store a {
  width: 24px;
  height: 24px;
  background-position: -376px -305px;
}
.pay_info .ibon a {
  width: 33px;
  height: 18px;
  background-position: -400px -305px;
}
.rate_table {
  width: 100%;
  float: left;
  color: #000;
  border: 1px solid #C0C0C0;
}
.rate_table.tab_r {
  float: right;
  margin-right: 0px;
}
.rate_table tr,
.rate_table td,
.rate_table th {
  height: 20px;
  padding: 3px;
  border: 1px solid #C0C0C0;
}
.rate_table th {
  text-align: center;
  font-weight: normal;
  background: #FFFCCD;
}
.rate_table strong {
  font-weight: bold;
  color: #FE2828;
  margin: 0 2px;
}
.transport_info p {
  float: left;
  margin: 0;
}
.transport_info li {
  float: left;
}
.transport_info span {
  left: -9999px;
  position: absolute;
}
.transport_info .store a,
.transport_info .t-cat a {
  display: block;
  background-image: url(images/sp_type01.gif);
  background-repeat: no-repeat;
}
.transport_info .store a {
  width: 20px;
  height: 20px;
  background-position: -250px -270px;
}
.transport_info .t-cat a {
  width: 35px;
  height: 20px;
  background-position: -269px -270px;
}
.group_share p {
  float: left;
  margin: 0;
  padding-top: 10px;
}
.group_share li,
.review_share li {
  float: left;
}
.group_share span,
.review_share .share_icon span {
  left: -9999px;
  position: absolute;
}
.group_share .fb,
.group_share .pl,
.group_share .tw {
  padding-top: 10px;
}
.group_share .fb a,
.group_share .pl a,
.group_share .tw a,
.review_share .fb a,
.review_share .pl a,
.review_share .tw a {
  display: block;
  background-image: url(images/sp_type01.gif);
  background-repeat: no-repeat;
}
.group_share .fb a,
.review_share .fb a {
  width: 20px;
  height: 20px;
  background-position: -250px -238px;
}
.review_share .fb a {
  background-position: -250px -237px;
}
.group_share .pl a,
.review_share .pl a {
  width: 20px;
  height: 20px;
  background-position: -270px -238px;
}
.review_share .pl a {
  background-position: -270px -237px;
}
.group_share .tw a,
.review_share .tw a {
  width: 20px;
  height: 20px;
  background-position: -290px -238px;
}
.review_share .tw a {
  background-position: -290px -237px;
}
.group_share .fbblock {
  margin: 0;
  padding: 7px 0 0;
  height: 27px;
}
.group_share .googleblock {
  margin: 0;
  padding: 0;
  height: 34px;
}
.sec_product01 {
  position: relative;
  overflow: hidden;
  line-height: 1.7;
  font-size: 15px;
}
.sec_product01 img {
  max-width: 770px;
}
.sec_product01 ul.li_01 li {
  display: block;
  padding: 0px 0px 0px 10px;
  background-position: -995px -491px;
  font-size: 15px;
}
.sec_product01 ul.li_01 li strong {
  font-weight: bold;
}
.sec_product01 .cnt_product01,
.sec_product01 .type01_content,
.cnt_product02 {
  position: relative;
  overflow: hidden;
  text-align: left;
  font-size: 15px;
}
.cnt_product02 {
  margin: 15px 0;
}
.cnt_product02 .img_info li {
  margin: 15px 0;
}
.sec_product01 .type01_content h4,
.cnt_product02 h4 {
  font-size: 116%;
  font-weight: bold;
  text-align: left;
}
.sec_product01 .type01_content p,
.cnt_product02 p {
  font-size: 100%;
  font-weight: normal;
  text-align: left;
}
.sec_product02 .prod_01 {
  position: relative;
  overflow: hidden;
}
.sec_product02 .prod_01 .img_box {
  width: 200px;
  height: 200px;
  line-height: 200px;
  /*   _line-height: 0; */
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  border: 1px solid #999;
}
.sec_product02 .prod_01 .img_box img {
  max-width: 200px;
  max-height: 200px;
  /*   _width: 200px; */
  vertical-align: middle;
}
/** Icon **/
.sec_product02 .prod_01 .img_box span.looks {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-indent: -9999px;
  z-index: 3;
}
.sec_product02 .prod_01 .img_box span.looks a {
  width: 21px;
  height: 21px;
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
  background-position: -979px -330px;
}
.sec_product02 .content {
  padding-left: 60px;
}
.sec_product02 .prod_01 .content ul.msg {
  padding-left: 215px;
}
.sec_product02 .prod_01 .content ul.msg li {
  margin-bottom: 10px;
  /** line-height: 1.38; **/
}
.sec_product02 .prod_01 .content ul.msg strong {
  margin: 0 2px;
  color: #FE2828;
  font-weight: bold;
}
.sec_product02 .prod_01 .content ul.msg dfn {
  color: #535353;
  display: block;
  font-weight: bold;
}
.sec_product02 .prod_01 em {
  width: 55px;
  height: 17px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
  color: #fff;
  display: block;
  padding: 2px;
  font-size: 93%;
  overflow: hidden;
}
.sec_product02 .prod_01 p.title01,
.sec_product02 .prod_01 p.title02 {
  font-size: 100%;
  margin-bottom: 10px;
  padding: 0 0 10px 60px;
  border-bottom: 1px dotted #aaa;
}
.sec_product02 .prod_01 p.title01 {
  background-position: -345px -1798px;
}
.sec_product02 .prod_01 p.title02 {
  background-position: -245px -1848px;
}
.sec_product02 ul.li_02 li {
  line-height: 2;
  display: block;
  padding: 0px 0px 0px 10px;
  background-position: -195px -390px;
  _height: 1%;
}
.sec_product02 ul.li_02 li a:hover {
  color: #f28900;
}
.cntli_002.cntli_001b li {
  min-height: 105px;
  padding: 10px 0 10px 0;
  border-bottom: 1px dotted #aaa;
  _height: 105px;
}
.cntli_002.cntli_001b li.first {
  padding: 0 0 10px 0;
}
.cntli_002.cntli_001b li.last {
  padding: 0 0 0 0;
  border-bottom: none;
}
.cntli_001b li .cover_img {
  margin-right: 10px;
  width: 100px;
  height: 100px;
  float: left;
  position: relative;
  border: 1px solid #999;
}
.cntli_001b li .cover_img img {
  display: block;
  margin: 0 auto;
  max-width: 100px;
  max-height: 100px;
  vertical-align: bottom;
  _height: 100px;
}
.cntli_002.cntli_001b .msg {
  line-height: 1.38;
  overflow: hidden;
  word-wrap: break-word;
}
.cntli_002.cntli_001b .msg h4 {
  display: inline;
  font-weight: bold;
}
.cntli_002.cntli_001b .msg p {
  margin-top: 10px;
}
.cntli_002.cntli_001b .msg cite {
  margin: 0 15px;
}
.cntli_002.cntli_001b .msg cite a {
  margin: 0 15px 0 0;
}
.cntli_002.cntli_001b .msg strong {
  color: #fe2828;
  font-weight: bold;
}
.sec_product02 {
  line-height: 1.7;
}
.sec_product02 p {
  margin: 0 0 10px 0;
}
.sec_product02 strong {
  font-weight: bold;
}
.sec_product02 .li_03 {
  margin: 10px 0 0;
  position: relative;
}
.sec_product02 .li_03 li {
  margin-bottom: 10px;
  padding: 0 0 5px 22px;
  position: relative;
  overflow: hidden;
  text-align: left;
  font-size: 100%;
  _height: 1%;
}
.sec_product02 .li_03 li em {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-align: right;
  font-style: normal;
}
/** Table **/
.sec_product02 tr,
.sec_product02 td,
.sec_product02 th {
  height: 22px;
  padding: 5px;
  color: #000;
  border: 1px solid #C0C0C0;
  background: #ffffff;
}
.sec_product02 th {
  text-align: center;
  font-weight: normal;
  background: #FFFCCD;
}
/** --------------------------------------------------------------- Look pop **/
.pop_box {
  position: relative;
  overflow: hidden;
  border: none;
  background: #F3F3F3;
}
.pop_box .cont_01 {
  width: 700px;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: -1px;
  _margin-right: -3px;
}
.pop_box .cont_02 {
  width: 148px;
  _width: 145px;
  position: relative;
  overflow: hidden;
}
.closePop {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  font-size: 12px;
  cursor: pointer;
  background-position: -288px -350px;
}
.pop_box .title {
  position: relative;
  overflow: hidden;
  height: 28px;
  _height: 29px;
}
.pop_box .title h3 {
  font-weight: bold;
  font-size: 100%;
  line-height: 2;
  letter-spacing: 0.01em;
  color: #000;
  display: block;
  width: 575px;
}
.pop_box .title .moreinfo_r {
  position: absolute;
  top: 0px;
  right: 10px;
}
.pop_box .title .moreinfo_r q.open_icon {
  padding-left: 15px;
  font-size: 93%;
  font-weight: 100;
  background-position: -888px -47px;
  cursor: pointer;
}
.pop_box .title .moreinfo_r q.close_icon {
  padding-left: 15px;
  font-size: 93%;
  font-weight: 100;
  cursor: pointer;
  background-position: -788px -97px;
}
.pop_box .each_wrap blockquote {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0;
  color: #000;
  font-size: 100%;
  background: #ecebea;
  z-index: 999;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.pop_box .each_wrap blockquote p {
  margin: 0 20px;
  letter-spacing: 1px;
  line-height: 1.38;
  color: #000;
}
.pop_box .each_wrap {
  width: 697px;
  _width: 698px;
  height: 612px;
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #cccccc;
}
.pop_box .each_wrap .each_box {
  width: 655px;
  height: 612px;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.pop_box .each_wrap .each_box ul {
  margin: 0 auto;
}
.pop_box .each_wrap .each_box ul li {
  width: auto;
  float: none;
  line-height: 690px;
}
.pop_box .each_wrap .eh_switcher a {
  width: 20px;
  height: 612px;
  display: block;
}
.pop_box .each_wrap .eh_switcher {
  height: 612px;
  background: url(images/popup_box_arrow.gif) no-repeat;
}
.pop_box .each_wrap .eh_swleft {
  left: 0;
  background: url(images/popup_box_arrow.gif) no-repeat 0 -60px;
}
.pop_box .each_wrap .eh_swright {
  background: url(images/popup_box_arrow.gif) no-repeat -20px -60px;
}
.pop_box .each_wrap .eh_swleft a:hover {
  background: url(images/popup_box_arrow.gif) no-repeat -40px -60px;
}
.pop_box .each_wrap .eh_swright a:hover {
  background: url(images/popup_box_arrow.gif) no-repeat -60px -60px;
}
.pop_box .each_wrap .each_box .move_click {
  position: absolute;
  top: 0;
  left: 0;
  width: 655px;
  height: 690px;
  z-index: 3;
  cursor: move;
  vertical-align: middle;
  background: url(images/move_click.png) no-repeat 50%;
  /*   _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/move_click.png', sizingMethod='scale'); */
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.pop_box .each_wrap .each_box .cover_img img {
  cursor: move;
  vertical-align: middle;
}
.pop_box .each_pic_wrap {
  height: 612px;
  _height: 611px;
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  border-left: 0;
  background: #eee;
  /*   *z-index: -1; */
}
.pop_box .each_pic_box {
  position: relative;
}
.pop_box .each_pic_wrap ul.li_box {
  position: relative;
  overflow: hidden;
  margin-top: 38px;
  height: 620px;
}
.pop_box .each_pic_wrap ul.li_box li {
  width: 110px;
  margin: 0 auto 8px;
  text-align: center;
}
.pop_box .each_pic_wrap ul.li_box li div {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  line-height: 100px;
  _line-height: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #999;
}
.pop_box .each_pic_wrap ul.li_box li.here div {
  border: 3px solid #e25a04;
}
.pop_box .each_pic_wrap ul.li_box li.here div.special_border_div {
  border: none;
}
.pop_box .eh_pic_switcher {
  position: absolute;
  width: 100%;
  height: 20px;
  background: #dfdfdf;
  text-align: center;
  display: block;
  z-index: 999;
}
.pop_box .eh_pic_switcher a {
  width: 100%;
  height: 20px;
  display: block;
  cursor: pointer;
}
.pop_box .eh_pic_swtop {
  top: 0;
  margin-top: 10px;
}
.pop_box .eh_pic_switcher a {
  background-position: -325px -292px;
  background-color: #DFDFDF;
}
.pop_box .eh_pic_switcher a:hover {
  background-position: -325px -292px;
  background-color: #c0c0c0;
  cursor: pointer;
}
.pop_box .eh_pic_swbottom {
  bottom: 0;
}
.pop_box .eh_pic_swbottom a {
  background-position: -425px -242px;
  background-color: #DFDFDF;
  cursor: pointer;
}
.pop_box .eh_pic_swbottom a:hover {
  background-position: -425px -242px;
  background-color: #c0c0c0;
  cursor: pointer;
}
.pop_box .each_pic_box .cover_img img {
  max-width: 100px;
  max-height: 100px;
  _height: 100px;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
.pop_box .each_pic_box ul.li_box strong {
  position: absolute;
  padding: 1px 5px;
  display: block;
  color: #3d3d3d;
  line-height: 1.38;
  bottom: 0;
  right: 0;
  font-size: 93%;
  background-color: #d0d0d0;
  z-index: 2;
}
.pop_box .each_pic_wrap ul.li_box.movie_msg li {
  width: 100%;
  height: 110px;
  margin: 0 auto;
  border-top: 1px dotted #a5a5a5;
  overflow: hidden;
  text-align: left;
}
.pop_box .each_pic_wrap ul.li_box.movie_msg li span {
  overflow: hidden;
  display: block;
  line-height: 1.6;
  padding: 5px 5px 5px 15px;
  text-align: left;
  font-weight: bold;
  color: #6C6C6C;
  cursor: pointer;
  background-position: -990px -486px;
}
.pop_box .each_pic_wrap ul.li_box.movie_msg li.here {
  vertical-align: bottom;
  background: #fff url(images/takealook_even_bg.gif) repeat-x bottom;
}
/* pop-prodstatus */
.pop-prodstatus {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
  filter: blur(0);
  z-index: 9999;
  display: none;
}
.pop-prodstatus .pop-ctn {
  width: 300px;
  padding: 10px 20px;
  line-height: 28px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.65);
}
/* loading */
.pop-loading {
  z-index: 99999;
  position: fixed;
  width: 136px;
  height: 136px;
  top: 40%;
  left: 50%;
  margin-left: -68px;
  margin-top: -68px;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pop-loading img {
  width: 124px;
  height: 124px;
  display: block;
  margin: 6px auto;
}
.overlay.coupon {
  background-color: rgba(0, 0, 0, 0.5);
}
.coupon_pop {
  position: absolute;
  float: left;
  top: 50%;
  left: 50%;
  width: 800px;
  /*height: 400px; */
  margin-top: -200px;
  margin-left: -400px;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  background-color: #fff;
  padding: 15px;
}
.coupon_pop .coupon_header {
  position: relative;
  justify-content: space-between !important;
  display: flex !important;
}
.coupon_pop .coupon_header .icon-fail {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -10px;
  right: 0;
  color: #333;
  cursor: pointer;
}
.coupon_pop .coupon_header h2 {
  font-weight: 600;
  font-size: 15px;
  color: #333;
}
.coupon_pop .coupon_content {
  border: 2px solid #E4E4E4;
  margin: 10px auto;
  height: 367px;
}
.coupon_pop .coupon_content table {
  width: 100%;
}
.coupon_pop .coupon_content table tr {
  border-bottom: 1px solid #E4E4E4;
}
.coupon_pop .coupon_content table th,
.coupon_pop .coupon_content table td {
  text-align: center;
  padding: 10px;
  width: 91px;
}
.coupon_pop .coupon_content table th:first-child {
  width: 365px;
}
.coupon_pop .coupon_content table td:first-child {
  width: 365px;
  text-align: left;
}
.coupon_pop .coupon_content table th:nth-child(4),
.coupon_pop .coupon_content table td:nth-child(4) {
  width: 145px;
}
.coupon_pop .coupon_content table thead {
  display: block;
  background-color: #E4E4E4;
  color: #666;
}
.coupon_pop .coupon_content table tbody {
  display: block;
  color: #333;
  line-height: 22px;
  overflow: auto;
  height: 330px;
}
.coupon_pop .coupon_content table tbody tr:hover {
  background-color: #FFFFEE;
}
.coupon_pop .coupon_content .empty {
  color: #333;
  text-align: center;
  line-height: 330px;
}
/*new*/
.coupon_pop .coupon_content.new table th:first-child {
  width: 90px;
}
.coupon_pop .coupon_content.new table td:first-child {
  width: 90px;
  text-align: center;
}
.coupon_pop .coupon_content.new table th:nth-child(2),
.coupon_pop .coupon_content.new table td:nth-child(2) {
  width: 260px;
  text-align: left;
}
.coupon_pop .coupon_content.new table th:nth-child(4),
.coupon_pop .coupon_content.new table td:nth-child(4) {
  width: 90px;
}
.coupon_pop .coupon_content.new table th:nth-child(5),
.coupon_pop .coupon_content.new table td:nth-child(5) {
  width: 145px;
}
.coupon_pop .coupon_content.new .btn_coupon {
  min-width: 70px;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #b3b3b3));
  background: -moz-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -webkit-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -o-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: -ms-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
  background: linear-gradient(to bottom, #ffffff 5%, #b3b3b3 100%);
  /*   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3b3b3', GradientType=0); */
  background-color: #ffffff;
  border-radius: 9px;
  border: 1px solid #858585;
  display: inline-block;
  color: #333333;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 5px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #e6e3df;
}
.coupon_pop .coupon_content.new .btn_coupon.disabled {
  background: #f2f2f2;
  color: #666;
  cursor: auto;
  text-shadow: none;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
}
/** 20120716 **/
.question {
  margin: 5px 10px;
  float: right;
}
.question h3 {
  padding-top: 5px;
  padding-left: 20px;
  font-size: 116%;
  font-weight: 100;
  float: left;
  background-position: -983px 7px;
  background-position: -983px 5px\9;
}
.question p {
  float: left;
  color: #5A5A5A;
}
.question p input.key {
  padding-left: 5px;
  height: 22px;
  line-height: 26px;
  vertical-align: middle;
  color: #5A5A5A;
  border: 1px solid #afadae;
}
.question .smt {
  width: 75px;
  height: 24px;
  margin-left: 5px;
  border: none;
  background-position: -700px -1126px;
}
.question span {
  display: none;
}
.question button {
  cursor: pointer;
}
/** qa mod **/
.qa_mod {
  width: 232px;
  min-height: 180px;
  _height: 180px;
}
.qa_list li {
  margin: 6px 0;
  padding: 0px 0px 0px 10px;
  _height: 1%;
  line-height: 1.53;
  height: 23px;
  font-size: 100%;
  background-position: -995px -490px;
}
.qa_mod.open_more {
  position: absolute;
  z-index: 999;
  background: #fff;
}
.qa_list li.open_list {
  background: none;
}
.qa_list .more {
  float: right;
  padding-right: 13px;
  font-weight: 700;
  background: url(images/icon_arr.gif) no-repeat right 2px;
  .background: url(images/icon_arr.gif) no-repeat right 1px;
}
.qa_more_box {
  width: 232px;
  margin-right: 14px;
  position: absolute;
  bottom: -78px;
  border: 1px solid #cfcfcf;
  border-top: 0;
  background: #ffffff;
  z-index: 3;
  display: none;
}
.qa_cnt_mod001 {
  padding: 10px;
  border: 1px solid #cfcfcf;
}
.qa_box_wrap {
  width: 250px;
  float: left;
  margin-right: 8px;
  background: #f3f3f3;
}
.qa_box_wrap.last {
  margin-right: 0;
}
.qa_box {
  position: relative;
  width: 250px;
  height: 142px;
  /*   *height: 162px; */
  z-index: 0;
}
.qa_box.open_more {
  position: absolute;
  height: auto;
  z-index: 999;
  background: #fefcea;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #fefcea 0%, #fffcce 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #fffcce));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #fefcea 0%, #fffcce 100%);
  /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, #fefcea 0%, #fffcce 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fefcea 0%, #fffcce 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fefcea 0%, #fffcce 100%);
  /* W3C */
  /*   filter: progid: dximagetransform.microsoft.gradient( startcolorstr='#fefcea', endcolorstr='#fffcce', gradienttype=0); */
  /* IE6-8 */
}
.qa_box.open_more .list {
  margin-bottom: 20px;
}
.qa_box.open_more ul.list {
  height: auto;
}
.qa_box h3 {
  width: 250px;
  height: 58px;
  overflow: hidden;
}
.qa_box .list li {
  margin: 6px 0;
  padding: 0px 8px 0px 15px;
  line-height: 18px;
  height: 18px;
  _height: 1%;
  font-size: 100%;
  background-position: -990px -492px;
}
.qa_box li.open_list {
  background: none;
}
.qa_box .more {
  float: right;
  padding-right: 13px;
  font-weight: 700;
  line-height: 18px;
  background: url(images/icon_arr.gif) no-repeat right 2px;
  .background: url(images/icon_arr.gif) no-repeat right 1px;
}
.qa_box .list {
  overflow: hidden;
  height: 124px;
}
.qa_box_open {
  width: 250px;
  position: absolute;
  top: 180px;
  *top: 190px;
  z-index: 1;
  background: #f3f3f3;
}
.sec_qa_list ul.li_02 li {
  line-height: 2.6;
  height: 1%;
  display: block;
  padding: 0px 0px 0px 10px;
  background-position: -195px -390px;
  border-top: 1px solid #CFCFCF;
}
.sec_qa_list ul.li_02 li a {
  text-decoration: none;
}
.question_msg {
  width: 550px;
  /*
  min-height: 62px;
  _height: 62px;
  */
  min-height: 200px;
  _height: 200px;
  margin: 30px auto 20px;
  padding: 5px 0 10px 70px;
  color: #6E6E6E;
  background: url(images/msg_info.gif) no-repeat;
}
.question_msg h2 {
  font-size: 123.1%;
  font-weight: bold;
  color: #fe2828;
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
.question_msg h3 {
  font-size: 123.1%;
  margin-bottom: 10px;
}
.question_msg p {
  font-size: 100%;
  margin-bottom: 10px;
}
.question_wrap {
  _background: #fff;
}
.question_list li.item {
  position: relative;
  padding: 5px;
  border-bottom: 1px solid #cfcfcf;
}
.question_list h3.question_title {
  padding: 0 0 0 10px;
  font-size: 100%;
  line-height: 1.7;
  background: url(images/sp_icon01.gif);
  background-repeat: no-repeat;
  background-position: -195px -392px;
  background-position: -195px -394px\9;
}
.question_list h3.question_title a {
  display: block;
}
.question_list p.text_show,
.question_list p.text_show a {
  padding-left: 5px;
  display: block;
  color: #4c4c4c;
  text-decoration: none;
}
.question_list li.here h3.question_title {
  font-weight: bold;
}
.question_list li.item.first {
  border-top: 1px solid #cfcfcf;
}
.question_list li.item .here,
.question_list li.here {
  position: relative;
  background: #EEEEEE;
}
/** webmail **/
.webmail_form input.file_label {
  width: 265px;
  padding: 4px 5px;
  border: 1px solid #AFADAE;
}
.webmail_form.off {
  display: none;
}
.webmail_form h2.account {
  padding-top: 15px;
  font-size: 100%;
}
.webmail_form h2.account strong {
  color: #000;
  font-weight: bold;
}
.webmail_form .point {
  line-height: 1.38;
  color: #FE2828;
}
.webmail_content {
  line-height: 1.6;
}
.webmail_content p {
  line-height: 3;
  margin: 6px 0;
}
.webmail_content em {
  color: #FE2828;
}
.webmail_content label {
  margin-right: 5px;
  font-weight: bold;
}
.webmail_content label.text1 {
  font-weight: 100;
}
.webmail_content .text_box,
.webmail_content textarea,
.webmail_content .select_1 {
  border: 1px solid #AFADAE;
  background: #fff;
}
.webmail_content .text_box.msg_box {
  width: 100%;
  height: 250px;
}
/** new **/
.webmail_content input.text_box {
  padding: 4px 5px;
}
.webmail_content input.cancel_upload_btn {
  padding: 1px 5px;
  vertical-align: middle;
}
.webmail_content input.file_label {
  padding: 4px 5px;
  vertical-align: middle;
}
.webmail_content .select_1 {
  /*height: 23px;*/
  padding: 4px 5px;
  color: #6C6C6C;
}
.webmail_content strong {
  font-weight: bold;
}
.webmail_content strong.color_3 {
  color: #FE2828;
}
.webmail_content .msg {
  display: block;
  line-height: 1.5;
  margin-bottom: 5px;
}
.webmail_content .color_1,
.webmail_content .color_1 a {
  color: #000000;
}
.webmail_content .color_2,
.webmail_contentt .color_2 a {
  color: #ff9900;
}
.webmail_content .color_3,
.webmail_contentt .color_3 a {
  color: #fe2828;
}
.title_text,
.title_text_b {
  color: #000;
  font-weight: bold;
  margin-bottom: 5px;
}
.title_text_c {
  color: #000;
  margin-bottom: 5px;
}
.title_text_b {
  color: #ff9900;
}
/** scroll height **/
.scroll_ha {
  height: 120px;
  overflow: auto;
}
.qa_message {
  color: #000000;
  padding-right: 10px;
  text-align: justify;
  line-height: 1.38;
}
.qa_message p {
  margin-bottom: 10px;
}
/** ----------------------------------------------------------- Editor Basic **/
.qa_content {
  line-height: 1.38;
  color: #000;
}
.qa_content a {
  color: #0B76C2;
}
.qa_content div,
.qa_content p {
  margin-bottom: 10px;
}
.qa_content strong,
span.bold {
  font-weight: bold;
}
/** Color **/
.qa_content span.color_1 {
  color: #000000;
}
.qa_content span.color_2 {
  color: #ff9900;
}
.qa_content span.color_3 {
  color: #fe2828;
}
/** Title **/
.qa_content span.title {
  margin: 5px 0;
  font-size: 116%;
  font-weight: bold;
}
/** Table **/
.qa_content tr,
.qa_content td,
.qa_content th {
  height: 22px;
  padding: 5px;
  color: #000;
  border: 1px solid #C0C0C0;
  background: #ffffff;
}
.qa_content th {
  text-align: center;
  font-weight: normal;
  background: #FFFCCD;
}
/** List **/
.qa_content ol,
spanul {
  margin-bottom: 10px;
}
.qa_content ol li {
  margin-left: 20px;
  padding-left: 0;
  list-style-type: decimal;
  line-height: 1.75em;
}
.qa_content ul li {
  margin-left: 20px;
  list-style-type: square;
  line-height: 1.75em;
}
/** ----------------------------------------------------------------- review **/
/** m001 **/
.type01_m001_wrap {
  padding: 15px 0 50px;
}
.type01_m001 {
  line-height: 1.38;
  text-align: justify;
  word-wrap: break-word;
}
.type01_m001 {
  border-top: 1px dashed #aaa;
}
.type01_m001 h2 {
  margin-bottom: 10px;
  padding: 8px 8px 8px 25px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: 116%;
  font-weight: bold;
  color: #333;
  background: #f5f5f5 url(images/sp_icon01.gif) no-repeat -982px -988px;
}
.type01_m001 h2 a {
  text-decoration: underline;
}
.type01_m001 .li_01 li {
  margin: 0 0 15px 20px;
  line-height: 1.38;
  list-style-type: disc;
}
.type01_m001 .li_02 li {
  margin: 0 0 15px 20px;
  line-height: 1.38;
  list-style-type: decimal;
}
.type01_m001 .btn_a03 {
  margin: 0 10px;
}
/** m002 **/
.type01_m002_wrap {
  padding: 0 0 50px 0;
}
.type01_m002 {
  border-top: 1px dotted #cfcfcf;
  padding: 10px 0;
}
.type01_title01 {
  line-height: 2;
}
.type01_title01 strong {
  font-size: 138%;
  font-weight: bold;
  margin-right: 10px;
}
.type01_m002 .cover {
  width: 140px;
  height: 140px;
  float: left;
  font-size: 0;
}
.type01_m002 .cont {
  margin-left: 150px;
  padding: 20px;
  background: #eee;
}
.type01_m002 h3 {
  position: relative;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  padding-right: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.type01_m002 h3 .type02_btn05 {
  position: absolute;
  right: 0;
  top: 0;
}
.type01_m002 .list {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  line-height: 1.38;
}
.type01_m002 .list li {
  display: inline;
}
.type01_m002 .comment {
  line-height: 1.75;
  text-align: justify;
  word-wrap: break-word;
}
.type01_m002 .answer {
  margin: 15px 0 10px;
  line-height: 1.75;
  text-align: justify;
  word-wrap: break-word;
}
.type01_m002 .answer h5 {
  font-weight: bold;
}
.type01_m002 .more {
  cursor: pointer;
  padding-right: 18px;
  background: url(images/sp_type02_icon1.gif) no-repeat;
}
.type01_m002 .more.on {
  background-position: -646px -147px;
}
.type01_m002 .more.off {
  background-position: -560px -197px;
}
.type01_m002 .cnt_page {
  margin-top: 0;
}
.type01_m002 .star .style_2 {
  margin-top: 6px;
}
.type01_m002 .warn {
  color: #78b620;
  margin: 16px 0;
}
/** m003 **/
.type01_m003 {
  padding: 15px 0;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m003 table {
  width: 100%;
  background: #f5f5f5;
}
.type01_m003 tr.first td {
  border: none;
}
.type01_m003 td {
  padding: 15px;
  border-top: 1px solid #fff;
}
.type01_m003 th {
  padding: 15px 10px 15px 0;
  font-weight: bold;
  color: #000;
  text-align: right;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #eee;
}
.type01_m003 th a {
  font-weight: 400;
  color: #666666;
  font-size: 13px;
  display: block;
  cursor: pointer;
  margin-top: 6px;
}
.type01_m003 th a i {
  font-size: 120%;
  color: #0B76C2;
}
.type01_m003 .cover {
  width: 140px;
  height: 140px;
  text-align: center;
  font-size: 0;
}
.type01_m003 .set_1 {
  vertical-align: top;
}
.type01_m003 h2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.38;
  border-bottom: 1px dotted #aaa;
}
.type01_m003 h2 a {
  text-decoration: none;
}
.type01_m003 .note {
  line-height: 1.38;
}
.type01_m003 .note p {
  margin-bottom: 15px;
}
.type01_m003 .li_01 li {
  margin: 0 0 10px 20px;
  line-height: 1.38;
  list-style-type: disc;
}
.type01_m003 span {
  margin: 0 10px;
}
.type01_m003 input.txt {
  padding: 8px 5px;
  width: 60%;
  /*height: 22px;*/
  border: 1px solid #AFADAE;
  background: #fff;
  color: #333;
}
.type01_m003 textarea {
  width: 560px;
  height: 200px;
  padding: 5px;
  border: 1px solid #AFADAE;
  background: #fff;
  color: #333;
  resize: none;
}
.type01_m003 .point {
  margin-top: 5px;
  color: #FA7000;
  line-height: 2;
  padding-left: 28px;
  background: url(images/sp_type02_icon1.gif) no-repeat -175px -1347px;
}
.type01_m003 #star {
  display: inline;
}
.type01_m003 .tooltip {
  position: relative;
  background: #b9b9b9;
  display: inline-block;
  line-height: 18px;
  padding: 4px 8px;
  height: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.type01_m003 .tooltip i {
  width: 0px;
  height: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #b9b9b9 transparent transparent;
  position: absolute;
  top: 30%;
  left: -9px;
}
/*.type01_m003 .check {
  color: #fa7000;
  position: relative;
  margin: 10px 0 2px;
}
.type01_m003 .check em {
  color: #000;
}
.type01_m003 .check label {
  float: right;
}
.type01_m003 .check input {
  vertical-align: middle;
}*/
.type01_m003 .more {
  margin: 5px 0;
}
/** m004 **/
.type01_m004_wrap {
  padding: 15px 0 50px;
}
.type01_m004 {
  border-bottom: 1px dotted #cfcfcf;
  padding: 10px 0;
}
.type01_m004 .cont {
  padding: 20px 45px;
  background: #eee;
}
.type01_m004 .cont+p {
  color: red;
  background: red;
}
.type01_m004 .cont strong {
  font-weight: bold;
}
.type01_m004 .warn {
  color: #78b620;
  margin: 16px 0;
}
.type01_m004 .list {
  margin: 10px 0;
}
.type01_m004 .list li {
  display: inline;
  float: left;
  margin-right: 20px;
  padding-left: 15px;
  line-height: 1.38;
  border-left: 1px solid;
}
.type01_m004 .list li em {
  color: #666;
  font-size: 12px;
}
.type01_m004 .list li.first {
  padding-left: 0;
  border: none;
}
.type01_m004 .list .star .style_2 {
  margin-top: 3px;
}
.type01_m004 .list .star dfn {
  line-height: 1.38;
}
.type01_m004 .comment {
  line-height: 1.75;
  text-align: justify;
  word-wrap: break-word;
}
.type01_m004 .more {
  cursor: pointer;
  padding-right: 18px;
  background: url(images/sp_type02_icon1.gif) no-repeat;
}
.type01_m004 .more.on {
  background-position: -646px -147px;
}
.type01_m004 .more.off {
  background-position: -560px -197px;
}
/** m005 **/
.type01_m005 {
  border: 1px dotted #cfcfcf;
  padding: 10px 30px;
}
.type01_m005 .btn span {
  margin-right: 15px;
}
.type01_m005 .point {
  margin-top: 5px;
  line-height: 2;
  padding-top: 2px;
  padding-left: 28px;
  background: url(images/sp_type02_icon1.gif) no-repeat -175px -1347px;
}
/** m007 **/
.type01_m007 .cover {
  width: 140px;
  height: 140px;
  float: left;
  font-size: 0;
}
.type01_m007 .cont {
  margin-left: 150px;
}
.type01_m007 h2 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.38;
}
.type01_m007 .list li {
  line-height: 1.75;
}
/** m008 **/
.type01_m008 {
  padding: 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.type01_m008 .ban img {
  width: 176px;
  height: 300px;
  text-align: center;
  overflow: hidden;
  vertical-align: bottom;
}
.type01_m008 .each_wrap .each_box {
  width: 740px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
.type01_m008 .each_wrap .each_box ul {
  margin: 10px auto;
  position: relative;
  overflow: hidden;
  _height: 1%;
}
.type01_m008 .each_wrap .each_box li {
  width: 25%;
  float: left;
  text-align: center;
}
/** review star **/
.jquery-ratings-star {
  width: 22px;
  height: 22px;
  background: url(images/star-off.png) no-repeat;
  float: left;
  margin-right: 2px;
}
.jquery-ratings-full {
  background: url(images/star-on.png) no-repeat;
}
.star dfn {
  float: left;
  line-height: 2;
}
.star .style_1 {
  height: 23px;
  width: 115px;
  margin-top: 2px;
  float: left;
  background: url(images/star-off.png) repeat-x;
}
.star .style_1 .star1,
.star .style_1 .star2,
.star .style_1 .star3,
.star .style_1 .star4,
.star .style_1 .star5 {
  height: 23px;
  display: block;
  text-indent: -9999px;
  background: url(images/star-on.png) repeat-x;
}
.star .style_1 .star1 {
  width: 23px;
}
.star .style_1 .star2 {
  width: 46px;
}
.star .style_1 .star3 {
  width: 69px;
}
.star .style_1 .star4 {
  width: 92px;
}
.star .style_1 .star5 {
  width: 115px;
}
.star .style_2 {
  height: 15px;
  width: 75px;
  margin-top: 2px;
  float: left;
  background: url(images/star_s-off.png) repeat-x;
}
.star .style_2 .star1,
.star .style_2 .star2,
.star .style_2 .star3,
.star .style_2 .star4,
.star .style_2 .star5 {
  height: 15px;
  display: block;
  text-indent: -9999px;
  background: url(images/star_s-on.png) repeat-x;
}
.star .style_2 .star1 {
  width: 15px;
}
.star .style_2 .star2 {
  width: 30px;
}
.star .style_2 .star3 {
  width: 45px;
}
.star .style_2 .star4 {
  width: 60px;
}
.star .style_2 .star5 {
  width: 75px;
}
/** s001 **/
.type01_s001 {
  position: relative;
  overflow: hidden;
  width: 950px;
  height: 250px;
}
.type01_s001 .banner {
  width: 950px;
  height: 250px;
  overflow: hidden;
  background: #333;
}
.type01_s001 .cycle_btn_a {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.type01_s001 .cycle_btn_a .btn_a {
  height: 22px;
  float: left;
  background: url(images/cycle_btn_a_bg.png) repeat-x;
  /*   _filter: alpha(opacity=90); */
}
.type01_s001 .cycle_btn_a b.left {
  width: 5px;
  height: 22px;
  float: left;
  background: url(images/cycle_btn_a_left.png) no-repeat;
  /* _background: none;
  _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jci.book.com.tw/css/books/product/images/cycle_btn_a_left.png', sizingMethod='scale'); */
}
.type01_s001 .cycle_btn_a b.right {
  width: 5px;
  height: 22px;
  float: left;
  background: url(images/cycle_btn_a_right.png) no-repeat;
  /* _background: none;
  _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jci.book.com.tw/css/books/product/images/cycle_btn_a_right.png', sizingMethod='scale'); */
}
.type01_s001 .cycle_btn_a li {
  width: 9px;
  height: 9px;
  margin: 8px 4px;
  float: left;
  cursor: pointer;
  background: url(images/cycle_btn_a_no.png) no-repeat;
  /* _background: none;
  _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jci.book.com.tw/css/books/product/images/cycle_btn_a_no.png', sizingMethod='scale'); */
}
.type01_s001 .cycle_btn_a li.here {
  background: url(images/cycle_btn_a_here.png) no-repeat;
  /* _background: none;
  _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://jci.book.com.tw/css/books/product/images/cycle_btn_a_here.png', sizingMethod='scale'); */
}
.type01_s001 span {
  left: -9999px;
  position: absolute;
}
.type01_s001 .banner img {
  width: 950px;
  height: 250px;
  vertical-align: bottom;
}
/** m009-review **/
.type01_m009 {
  position: relative;
  margin-bottom: 20px;
}
.type01_m009 .title {
  margin: 20px 0;
  padding: 0 20px;
  border: 1px solid transparent;
}
.type01_m009 .btn span {
  margin-right: 15px;
}
.type01_m009 .point {
  margin-top: 5px;
  line-height: 2;
  padding-top: 2px;
  padding-left: 28px;
  background: url(images/sp_type02_icon1.gif) no-repeat -175px -1347px;
}
.type01_m009 .review li.set {
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
  border-bottom: 1px solid #efefef;
  _height: 1%;
}
.type01_m009 .review li.last {
  border: none;
  padding-bottom: 0;
}
.type01_m009 .review li:last-child {
  border: none;
  padding-bottom: 0;
}
.type01_m009 .review .msg {
  color: #313131;
}
.type01_m009 .review .msg em {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 100;
  color: #000000;
  display: block;
  text-align: right;
  font-style: normal;
}
.type01_m009 .review .msg strong {
  font-weight: bold;
  font-size: 116%;
  /*float: left;*/
  margin-right: 15px;
}
.type01_m009 .review .prod-name,
.type01_m009 .review .prod-name a {
  padding: 6px 0;
  font-size: 13px;
  color: #2C62C2;
  line-height: 20px;
}
.type01_m009 .review .cont {
  line-height: 2em;
  padding-bottom: 10px;
  text-align: justify;
}
.type01_m009 .review .answer {
  line-height: 2em;
  margin-bottom: 10px;
  padding: 10px;
  background: #f5f5f5;
}
.type01_m009 .review .answer h5 {
  font-weight: bold;
}
.type01_m009 .review .list {
  margin: 5px 0 8px;
}
.type01_m009 .review .list .star {
  line-height: normal;
}
.type01_m009 .review .list em {
  color: #666;
  font-size: 12px;
}
.type01_m009 .review .list li {
  position: relative;
  display: inline;
  float: left;
  padding: 0 15px;
  line-height: 15px;
  height: 15px;
  vertical-align: middle;
  color: #333;
  /*  background: url(images/sp_type02_icon1.gif) no-repeat -697px -1149px;*/
}
.type01_m009 .review .list li::after {
  position: absolute;
  top: 0;
  right: 0;
  font-family: "icon_01";
  content: '\ea2b';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  color: #ccc;
}
.type01_m009 .review .list li:last-child::after {
  content: '';
}
.type01_m009 .review .list .first,
.type01_m009 .review .list li:first-child {
  background: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.type01_m009 .review .list span.icon {
  padding-left: 15px;
  background: url(images/sp_type02_icon1.gif) no-repeat -492px -744px;
}
.type01_m009 .review .list li .more {
  position: relative;
  display: flex;
}
.type01_m009 .review .list li .more::before,
.type01_m009 .review .list li .more::after {
  display: block;
  width: 25px;
  font-family: "icon_01";
  display: flex;
  align-items: center;
  justify-content: center;
}
.type01_m009 .review .list li .more::before {
  content: '\e854';
  color: #ccc;
}
.type01_m009 .review .list li .more::after {
  content: '\f105';
}
.type01_m009 .review .star dfn {
  line-height: 15px;
  height: 15px;
  vertical-align: middle;
}
.type01_m009 .review .star .style_2 {
  margin-top: 0;
  margin-right: 10px;
}
.type01_m009 .review_share,
.type01_m002 .review_share {
  margin: 10px 0;
  line-height: 20px;
  color: #333333;
}
.type01_m002 .review_share {
  margin: 20px 0 10px;
}
.type01_m009 .review_share p,
.type01_m002 .review_share p {
  float: left;
  color: #333;
}
.type01_m009 .share_icon,
.type01_m002 .share_icon {
  margin-right: 15px;
  float: left;
}
.type01_m009 .ask em,
.type01_m002 .ask em {
  margin-right: 5px;
}
.type01_m009 a.type02_btn02,
.type01_m002 a.type02_btn05 {
  color: #333;
}
.type01_m009 .spoiler-alert {
  color: #78b620;
  margin: 10px 0 5px;
}
.type01_m009 .spoiler-alert {
  display: flex;
  gap: 10px 5px;
}
.type01_m009 .spoiler-alert .alert-tag {
  padding: 2px 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px 4px;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  background: #CD3D35;
  border-radius: 4px;
}
.type01_m009 .spoiler-alert .alert-tag i.alert:before {
  content: '';
  width: 16px;
  height: 16px;
  margin: 0;
  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;
}
.type01_m009 .spoiler-alert .text {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  width: 465px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.type01_m009 .overall-rating {
  width: 100%;
  margin: 0 auto;
  color: #666;
  font-size: 13px;
  line-height: normal;
  display: flex;
  align-items: center;
}
.type01_m009 .overall-rating .rating-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.type01_m009 .overall-rating .btn {
  margin: 0 15px;
}
.type01_m009 .overall-rating .flex-scope {
  display: flex;
  flex-wrap: nowrap;
}
.type01_m009 .overall-rating__score {
  font-size: 18px;
}
.type01_m009 .overall-rating .star {
  display: flex;
  flex-wrap: nowrap;
  width: 136px;
  justify-content: center;
  align-items: center;
}
.type01_m009 .overall-rating .stars::before,
.type01_m009 .overall-rating .stars::after {
  line-height: normal;
}
.type01_m009 .overall-rating .btn-primary {
  width: 100%;
  min-height: 40px;
  margin: 16px auto 0;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background: #D99000;
  border-radius: 8px;
  cursor: pointer;
}
.type01_m009 .overall-rating .overall-rating__rate::before {
  content: '|';
  font-size: 14px;
  color: #e5e5e5;
  padding: 0 8px;
  line-height: 20px;
}
/** type01_m010 search **/
.type01_m010 {
  padding: 10px;
  border: 1px solid #cfcfcf;
  border-width: 0 1px 1px 1px;
}
.type01_m010 a {
  text-decoration: none;
}
.type01_m010 .here a {
  color: #FE2828;
  font-weight: bold;
}
.type01_m010 a:hover {
  text-decoration: underline;
}
.type01_m010 table {
  width: 100%;
  border-top: 1px dotted #aaa;
  border-width: 1px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m010 th label {
  margin-right: 10px;
  font-weight: normal;
}
.type01_m010 th,
.type01_m010 td {
  border-bottom: 1px dotted #aaa;
}
.type01_m010 .brand th,
.type01_m010 .sort th {
  width: 16%;
  padding-top: 10px;
  padding-right: 4px;
  font-weight: 100;
  text-align: right;
  background: #eee;
  vertical-align: top;
}
.type01_m010 .brand td,
.type01_m010 .sort td {
  width: 84%;
  background: #f8f8f8;
  vertical-align: middle;
}
.type01_m010 .brand .tltle,
.type01_m010 .sort .tltle {
  display: block;
  height: 1.5em;
  line-height: 1.5em;
}
.type01_m010 .brand .tltle .open,
.type01_m010 .brand .tltle .close {
  color: #fe2828;
}
.type01_m010 .brand .open {
  position: relative;
  display: inline-block;
  padding-left: 18px;
  background-position: -685px -148px;
}
.type01_m010 .brand .close {
  position: relative;
  display: inline-block;
  padding-left: 18px;
  background-position: -585px -198px;
  content: none;
  right: auto;
  top: auto;
}
.type01_m010 .search .open {
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  background-position: -685px -149px;
}
.type01_m010 .search .close {
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  background-position: -585px -198px;
}
.type01_m010 .brand ul {
  width: 100%;
  margin: 10px 0;
  display: none;
}
.type01_m010 .brand ul:nth-of-type(-n+2) {
  display: block;
}
.type01_m010 .brand li {
  position: relative;
  padding-left: 12px;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  display: inline;
  float: left;
  width: 18%;
}
.type01_m010 .brand li em {
  width: 10px;
  top: 0;
  left: 0;
  font-weight: bold;
  font-family: PMingLiU;
  color: #333;
  display: block;
  position: absolute;
}
.type01_m010 .sort {
  height: 3em;
}
.type01_m010 .sort td span {
  margin: 0 5px;
}
.type01_m010 .search td {
  padding: 10px 10px 0;
  border: none;
}
.type01_m010 .search .set {
  min-width: 25%;
  float: left;
  padding: 0 15px 0 0;
  box-sizing: border-box;
}
.type01_m010 .search .set .box {
  position: relative;
}
.type01_m010 .search .popup {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  min-width: 110px;
  _width: 110px;
  max-height: 185px;
  _height: 185px;
  overflow: auto;
  white-space: nowrap;
  background-color: #f8f8f8;
  border: 1px dotted #aaa;
  line-height: 2em;
  z-index: 1;
}
.type01_m010 .search .popup li {
  display: inline;
}
.type01_m010 .search .popup li a {
  _width: 100%;
  display: block;
  padding: 0 5px;
}
.type01_m010 .search .popup li a:hover {
  background-color: #eee;
  text-decoration: none;
}
.type01_m010 .search .box .color {
  margin: 5px 5px 0 0;
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  border: 1px solid #999;
  cursor: pointer;
}
.type01_m010 .search .tltle {
  height: 2em;
  line-height: 2em;
}
.type01_m010 .search .tltle .color {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  vertical-align: middle;
  margin-right: 3px;
  cursor: pointer;
}
.type01_m010 .search .choose {
  margin: 0 3px;
}
.type01_m010 .search .here {
  color: #FE2828;
  font-weight: bold;
}
/** 20140521 **/
.type01_m010 .search .popup .here a {
  background-color: #cfcfcf;
  color: #FE2828;
  font-weight: bold;
}
/** 20140604 **/
.type01_m011 .sub_2 .cntli_001a li {
  width: 179px;
  padding: 0 0 0 10px;
}
/** 20141016 **/
.prd007_new01 {
  line-height: 20px;
}
.prd007_new01 .title {
  display: block;
  margin-right: 3px;
}
.prd007_new01 .info {
  float: left;
}
.prd007_new01 .info li {
  position: relative;
  padding: 0 0 0 88px;
}
.prd007_new01 .info li span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 20px;
}
.prd007_new_icon1 {
  background: url(images/prd007_new_icon1.jpg) no-repeat;
}
.prd007_new_icon2 {
  background: url(images/prd007_new_icon2.jpg) no-repeat;
}
/**fb share**/
.prd_008 {
  line-height: 20px;
  min-height: 110px;
}
.prd_008 .info {
  float: left;
}
.prd_008 .info li {
  position: relative;
  padding: 0 0 0 90px;
  margin: 5px auto;
}
.prd_008 .info li span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 20px;
}
.prd_009 {
  line-height: 20px;
  min-height: 110px;
}
.prd_009 .delivery-info>li.flex {
  position: relative;
  display: flex;
  line-height: 22px;
  margin: 5px auto;
}
.prd_009 .delivery-info>li.fast-delivery {
  padding: 0;
}
.prd_009 .delivery-info .title {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 85px;
}
.prd_009 .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);
}
.prd_009 .delivery-info i.svg-711,
.prd_009 .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;
}
.prd_009 .delivery-info i.svg-711 {
  background-image: url("//jci.book.com.tw/jss/books/mobilebase/css/images/logo-7-eleven.svg");
}
.prd_009 .delivery-info i.svg-fast-delivery {
  background-image: url("//jci.book.com.tw/img/bui/icon-fast-delivery.svg");
}
.prd_009 .delivery-info .tooltip {
  position: relative;
  cursor: help;
}
/** 20150421 **/
.type01_prod003 strong {
  font-weight: bold;
  color: #fe2828;
}
.type01_m012 .banner {
  width: 764px;
  height: 400px;
  position: relative;
  overflow: hidden;
}
.type01_m013 .sub_1 {
  width: 38%;
  display: inline;
  float: left;
  text-align: center;
  overflow: hidden;
}
.type01_m013 .sub_1 .cover {
  width: 280px;
  height: 520px;
  vertical-align: bottom;
}
.type01_m013 .sub_2 {
  width: 62%;
  display: inline;
  float: left;
}
.type01_m013 .sub_2 .cover {
  width: 220px;
  height: 220px;
  vertical-align: bottom;
}
.type01_m013 .sub_2 ul {
  width: 100%;
}
.type01_m013 .sub_2 ul li {
  width: 50%;
  text-align: center;
  float: left;
}
.type01_m013 h4 {
  margin: 5px 10px;
  min-height: 36px;
  line-height: 1.38;
}
.type01_m013 .price b {
  color: #D0021B;
  font-size: 150%;
}
/** m014 **/
.type01_m014 .box1 {
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *width: 790px;
  *z-index: -1;
}
.type01_m014 .box2 {
  padding: 0;
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  border: 1px solid #cfcfcf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *width: 790px;
  *z-index: -1;
}
.type01_m014 .box1 .ban {
  width: 764px;
  height: 229px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.type01_m014 .box2 li {
  width: 20%;
  float: left;
  display: inline;
  text-align: center;
  position: relative;
}
.type01_m014 .box2 li.here {
  background: #f3f3f3;
}
.type01_m014 .box2 li a {
  padding: 10px 0 4px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.type01_m014 .box2 span {
  display: block;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  margin: 5px 10px;
}
.type01_m014 .box2 img {
  width: 135px;
  height: 50px;
  margin: 0 auto;
  overflow: hidden;
  vertical-align: bottom;
}
/** menu_01 **/
.type01_menu_01 {
  background: #ffffff;
  color: #333;
  margin: 0 -10px;
}
.type01_menu_01 li {
  .display: inline-block;
  /** IE6 IE7 **/
  .margin-bottom: -3px;
  /** IE6 IE7 **/
}
.type01_menu_01 span {
  display: block;
}
.type01_menu_01 .title {
  background-color: #eee;
  font-weight: bold;
}
.type01_menu_01 h4 span {
  padding: 5px 2px 5px 20px;
  line-height: 1.53;
  background-position: -986px -1486px;
}
.type01_menu_01 ul span {
  padding: 4px 3px 4px 33px;
  line-height: 1.38;
  background-position: -973px -1488px;
}
.type01_menu_01 ul.sub span {
  padding: 4px 3px 4px 45px;
  background-position: -960px -1488px;
}
.type01_menu_01 ul.sub span.here {
  background-color: #eee;
}
.type01_menu_01 ul.sub ul span {
  padding: 4px 3px 4px 58px;
  background-position: -948px -1488px;
}
.type01_menu_01 ul.sub ul span.here {
  background-color: #eee;
}
.type01_menu_01 span.here {
  background-color: #eee;
  font-weight: bold;
}
.type01_menu_01 .open_list span,
.type01_menu_01 ul.sub .open_list span {
  padding-right: 10px;
  text-align: right;
  background: none;
}
.type01_m015 {
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}
.type01_m015 h3 {
  text-align: left;
}
.type01_m015 .each_wrap .eh_swleft {
  background-position: -800px -720px;
}
.type01_m015 .each_wrap .eh_swright {
  background-position: -820px -720px;
}
.type01_m015 .each_wrap .eh_swleft a:hover {
  background-position: -840px -720px;
}
.type01_m015 .each_wrap .eh_swright a:hover {
  background-position: -860px -720px;
}
/*20150901*/
.type01_paster {
  text-align: center;
  margin-bottom: 15px;
  bottom: 0;
  right: 0;
  display: block;
}
.type01_paster .icon01,
.type01_paster .icon02 {
  padding: 0 6px;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  line-height: 17px;
  height: 17px;
  /*font-family: PMingLiU;*/
  vertical-align: middle;
}
.type01_paster .icon01 {
  background: #e44c79;
}
.type01_paster .icon02 {
  background: #83b800;
}
/*20160503*/
.type01_m016 img {
  width: 150px;
  height: 600px;
  display: block;
  margin: 0 auto;
}
/*m017*/
.wrap_box_1 .box_1 {
  width: 350px;
  float: left;
}
.wrap_box_1 .box_1 img {
  width: 340px;
  height: 600px;
}
.wrap_box_1 .box_2 {
  width: 600px;
  float: left;
}
.wrap_box_2 .box_1 {
  width: 600px;
  float: left;
}
.wrap_box_2 .box_2 {
  width: 350px;
  float: left;
  text-align: right;
}
.wrap_box_2 .box_2 img {
  width: 340px;
  height: 600px;
}
.type01_m017 {
  position: relative;
  overflow: hidden;
}
.type01_m017.fix_height {
  height: 600px;
}
.type01_m017 h4 {
  height: 36px;
  line-height: 18px;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 8px;
  padding: 0 6px;
}
.type01_m017 .cover {
  width: 190px;
  height: 190px;
  margin-bottom: 8px;
}
.type01_m017 .special_border_div {
  height: calc(100% - 8px);
}
.type01_m017 .item {
  float: left;
  width: 200px;
  text-align: center;
}
.type01_m017 .msg {
  padding: 0 6px;
}
.type01_m017 .sub {
  margin: 0 0 30px 0;
  display: inline-block;
}
/** switch**/
.type01_m017 .prev,
.type01_m017 .next {
  display: block;
  position: absolute;
  width: 30px;
  height: 80px;
  cursor: pointer;
  background: #bbb url(images/sp_icon01.gif) no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
  top: 44%;
  z-index: 2;
}
.type01_m017 .prev span,
.type01_m017 .next span {
  left: -9999px;
  position: absolute;
}
.type01_m017 .prev {
  left: 0;
  background-position: 50% -2100px;
}
.type01_m017 .next {
  right: 0;
  background-position: 50% -2016px;
}
.type01_m017 .prev a:hover,
.type01_m017 .prev:hover {
  background-position: 50% -2100px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.type01_m017 .next a:hover,
.type01_m017 .next:hover {
  background-position: 50% -2016px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
/*m018*/
.type01_m018 {
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m018 .cover {
  width: 210px;
  height: 210px;
  margin-bottom: 8px;
}
.type01_m018 .special_border_div {
  height: calc(100% - 8px);
}
.type01_m018 .sub1 {
  text-align: center;
  float: left;
  width: 35%;
}
.type01_m018 .sub2 {
  width: 65%;
  float: left;
  line-height: 2em;
  padding: 0 0 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m018 h3 {
  color: #f28900;
  font-size: 116%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: left;
}
.type01_m018 h4 {
  height: 36px;
  line-height: 18px;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 8px;
  padding: 0 6px;
}
/*m019 | m027*/
.type01_m019 h4,
.type01_m027 h4 {
  line-height: 1.38;
  height: 35px;
  overflow: hidden;
  font-weight: bold;
  overflow: hidden;
  margin: 0 5px;
}
.type01_m019 img,
.type01_m027 img {
  width: 176px;
  height: 176px;
  margin-bottom: 8px;
}
.type01_m019 .item,
.type01_m027 .item {
  float: left;
  width: 33.3333%;
  text-align: center;
}
.type01_m019 h5,
.type01_m027 h5 {
  margin-bottom: 22px;
  line-height: 18px;
  height: 38px;
  overflow: hidden;
}
.type01_m019 .msg,
.type01_m027 .msg {
  margin: 0 5px;
}
.type01_m019 .msg li,
.type01_m027 .msg li {
  line-height: 1.38;
  height: 18px;
  overflow: hidden;
}
.type01_m019 .msg strong,
.type01_m027 .msg strong {
  color: #fe2828;
}
.type01_m019 .msg b,
.type01_m027 .msg b {
  font-weight: bold;
}
/*m020*/
.type01_m020 {
  height: 294px;
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.type01_m020 h3 {
  padding: 6px 8px;
  display: block;
  color: #ffffff;
  font-size: 116%;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.231;
  background: #94c722;
  position: relative;
}
.type01_m020 ul {
  height: 240px;
  overflow: auto;
  margin: 10px 0;
  padding: 0 6px;
}
.type01_m020 li {
  padding-left: 10px;
  margin-bottom: 8px;
  text-align: justify;
  background: url("images/sp_icon01.gif") no-repeat -996px -492px;
  line-height: 1.38;
  max-height: 35px;
  overflow: hidden;
  _height: 1%;
}
.type01_m020 li:last-child {
  margin-bottom: 0;
}
.type01_m020 a {
  text-decoration: none;
}
/*m021*/
.type01_m021 {
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m021 h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.type01_m021 h3 {
  padding: 0 8px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 30px;
  height: 30px;
  background: #94c722;
}
.type01_m021 p {
  font-size: 15px;
  color: #666;
  margin: 10px 0;
}
.type01_m021 .wrap {
  position: relative;
  overflow: hidden;
  padding: 10px;
  font-family: "Helvetica Neue", "微軟正黑體", "Microsoft JhengHei", "黑體", "SimHei", Helvetica, Arial, Sans;
}
.type01_m021 img {
  display: block;
  float: left;
  height: 300px;
  width: 300px;
  margin-right: 10px;
}
.type01_m021 .special_border_div {
  height: 300px;
  width: 300px;
}
.type01_m021 .content {
  float: left;
  overflow: hidden;
  width: 458px;
}
.type01_m021 .price {
  color: #6c6c6c;
  font-size: 15px;
  margin-top: 25px;
}
.type01_m021 .price li {
  line-height: 1.75;
}
.type01_m021 .price strong {
  font-weight: bold;
  color: #d93800;
  font-size: 21px;
  margin: 0 3px;
}
/*m022*/
.type01_m022 {
  font-family: "Helvetica Neue", "微軟正黑體", "Microsoft JhengHei", "黑體", "SimHei", Helvetica, Arial, Sans;
}
.type01_m022 .row {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.type01_m022 .item {
  float: left;
  width: 33.33333333333333%;
  text-align: center;
}
.type01_m022 .wrap {
  border: 1px solid #cfcfcf;
  margin-right: 14px;
  height: 370px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m022 .item.last .wrap {
  margin-right: 0;
}
.type01_m022 .date {
  background: #eee;
  font-weight: bold;
  font-size: 15px;
  color: #333;
  height: 30px;
  line-height: 30px;
}
.type01_m022 img {
  display: block;
  height: 200px;
  width: 200px;
  margin: 10px auto;
}
.type01_m022 .special_border {
  margin: 0 auto;
}
.type01_m022 h4 {
  font-size: 15px;
  line-height: 1.5em;
  height: 3em;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0 10px;
}
.type01_m022 .price {
  font-size: 13px;
  padding: 0 10px;
  line-height: 1.5em;
}
.type01_m022 .price strong {
  font-size: 15px;
  color: #d93800;
  font-weight: bold;
  margin: 0 2px;
}
.type01_m022 .price em {
  text-decoration: line-through;
  margin: 0 2px;
}
.type01_m022 .price .total {
  font-weight: bold;
  color: #333;
}
/*m023*/
.type01_m023 h3 {
  position: relative;
  padding: 6px 8px;
  display: block;
  color: #ffffff;
  font-size: 116%;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.231;
  background: #94c722;
  border: 1px solid #cfcfcf;
  border-bottom: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.type01_m023 h3 span {
  margin-left: 10px;
  color: #000;
  font-size: 13px;
  font-weight: normal;
}
.type01_m023 .moreinfo_r {
  position: absolute;
  top: 10px;
  right: 10px;
}
.type01_m023 .moreinfo_r q,
.type01_m023 .moreinfo_r q a {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 100;
  color: #ffffff;
}
.type01_m023 h4 {
  max-height: 36px;
  overflow: hidden;
}
.type01_m023 .cnt_mod001 {
  border-top: none;
}
/*m024*/
.type01_m024,
.type01_m026 {
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.type01_m024 h3,
.type01_m026 h3 {
  position: relative;
  padding: 0 8px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 30px;
  height: 30px;
  background: #94c722;
}
.type01_m024 .wrap {
  padding: 10px;
}
.type01_m024 .row {
  width: 100%;
  margin: 0 auto 10px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #E4E4E4;
}
.type01_m024 .row:first-child {
  border-top: none;
}
.type01_m024 .row li {
  width: 16.66666666666667%;
  float: left;
  text-align: center;
  padding: 20px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m024 .row:first-child li {
  padding: 10px 10px 10px;
}
.type01_m024 img {
  width: 98px;
  height: 98px;
}
/*m025*/
.type01_m025 h3 {
  position: relative;
  margin-bottom: 10px;
  padding: 6px 8px;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.231;
  letter-spacing: 0.01em;
  color: #5A5A5A;
  background: #f2f2f2;
}
.type01_m025 .moreinfo_r {
  position: absolute;
  right: 10px;
  top: 7px;
}
.type01_m025 .moreinfo_r q,
.type01_m025 .moreinfo_r q a {
  margin-left: 5px;
  font-size: 93%;
  font-weight: 100;
  color: #5A5A5A;
}
.type01_m025 ul {
  width: 750px;
  margin: 0 auto;
}
.type01_m025 li {
  margin-bottom: 10px;
}
.type01_m025 li:last-child {
  margin-bottom: 0;
}
.type01_m025 img {
  width: 750px;
  height: auto;
  vertical-align: bottom;
}
/*m026*/
.type01_m026 img {
  width: 176px;
  height: 176px;
  vertical-align: bottom;
  margin-bottom: 5px;
}
.type01_m026 h3 span {
  margin-left: 10px;
  color: #000;
  font-size: 13px;
  font-weight: normal;
}
.type01_m026 .moreinfo_r {
  position: absolute;
  top: 0;
  right: 10px;
}
.type01_m026 .moreinfo_r q,
.type01_m026 .moreinfo_r q a {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 100;
  color: #ffffff;
}
.type01_m026 .tabs {
  width: 100%;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  background-color: #f2f2f2;
  color: #333;
}
.type01_m026 .tabs li:first-child {
  width: 102px;
}
.type01_m026 .tabs li {
  display: inline-block;
  float: left;
  width: 98px;
  overflow: hidden;
  text-align: center;
  text-decoration: underline;
  color: #333;
}
.type01_m026 .tabs li.here {
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.type01_m026 .tab-content {
  width: 100%;
}
.type01_m026 .tab-content>li {
  width: 25%;
  float: left;
  text-align: center;
  padding: 15px 5px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_m026 .tab-content p,
.type01_m026 .tab-content h4 {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  color: #666;
}
.type01_m026 .price {
  margin-top: 5px;
}
/*m028*/
.type01_m028 {
  width: 100%;
  margin: 0 auto 20px;
  color: #333;
  position: relative;
}
.type01_m028 h3 {
  padding: 3px 8px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.75em;
  background-color: #d7d7d7;
  border-radius: 5px 5px 0 0;
}
.type01_m028 h3 i:before {
  margin-right: 5px;
  color: #E78800;
  font-size: 20px;
}
.type01_m028 h3 em {
  float: right;
  font-size: 12px;
}
.type01_m028 .wrap {
  padding: 5px 12px;
  border: 1px solid #c9c9c9;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.type01_m028 .row {
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 10px;
  border-bottom: 1px dotted #c9c9c9;
}
.type01_m028 .row:last-child {
  margin-bottom: 0;
}
.type01_m028 .row:last-child {
  border-bottom: none;
}
.type01_m028 .item {
  width: 25%;
  float: left;
  box-sizing: border-box;
  position: relative;
  padding: 10px 15px 15px;
  text-align: center;
}
.type01_m028 .item a {
  position: relative;
  display: block;
  width: 160px;
  margin: 0 auto;
}
.type01_m028 .item:first-child {}
.type01_m028 .item:last-child {}
.type01_m028 .item:before {
  content: '\e82a';
  font-family: "icon_01";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  position: absolute;
  right: -15px;
  top: 22%;
  color: #b2b2b2;
  z-index: 1;
  overflow: hidden;
  width: 28px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.type01_m028 .item:last-child::before {
  right: -10px;
}
.type01_m028 .item.last::before {
  content: '';
  background-color: transparent;
}
.type01_m028 .item img {
  margin: 0 auto 10px;
  width: 160px;
  height: 160px;
}
.type01_m028 .item h4 {
  margin-bottom: 10px;
  color: #333;
  font-size: 13px;
  text-align: left;
  line-height: 1.5em;
  overflow: hidden;
  height: 3em;
}
.type01_m028 .item .count {
  margin-bottom: 10px;
  text-align: left;
}
.type01_m028 .item .count b {
  font-weight: bold;
}
.type01_m028 select::-ms-expand {
  display: none;
}
.type01_m028 select {
  width: 100%;
  padding: 3px 20px 3px 8px;
  line-height: 1.5;
  font-size: 13px;
  color: #333;
  border: 1px solid #a9a9a9;
  box-shadow: none;
  border-radius: 0;
  background: #fff url("//jci.book.com.tw/jss/books/mobilebase/css/images/icon_arrow_down.svg") no-repeat right 0 center;
  background-size: 22px 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.type01_m028 .item option.sellout,
.type01_m028 .item option[disabled] {
  color: #bdbdbd;
  cursor: not-allowed;
  background-color: #f1f1f1;
}
.type01_m028 .sign_ebook,
.type01_m028 .sign_emag {
  position: absolute;
  right: 0;
  bottom: 10px;
  /* background-size:contain;   */
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  backface-visibility: hidden;
  z-index: 2;
}
.type01_m028 .sign_ebook {
  width: 110px;
  height: 21px;
  background-image: url("//jci.book.com.tw/css/books/m_cart2015/images/m-ebook.png");
}
.type01_m028 .sign_emag {
  width: 110px;
  height: 21px;
  background-image: url("//jci.book.com.tw/css/books/m_cart2015/images/m-emag.png");
}
/*m029*/
.type01_m029 a {
  color: #333;
  text-decoration: none;
}
.type01_m029 .title {
  position: relative;
  margin-bottom: 10px;
  padding: 3px 8px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  color: #5A5A5A;
  display: block;
  background: #F2F2F2;
}
.type01_m029 .wrap {
  border: 1px solid #c9c9c9;
}
.type01_m029 .btn_left,
.type01_m029 .btn_right {
  position: absolute;
  width: 25px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
}
.type01_m029 .btn_left:hover i::before,
.type01_m029 .btn_right:hover i::before {
  color: #93cfe9;
}
.type01_m029 .btn_left i::before,
.type01_m029 .btn_right i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #939393;
}
.type01_m029 .btn_left {
  top: 40px;
  left: 0;
}
.type01_m029 .btn_left i::before {
  content: '\e800';
}
.type01_m029 .btn_right {
  top: 40px;
  right: 0;
}
.type01_m029 .btn_right i::before {
  content: '\e804';
}
.type01_m029 .title-bar {
  display: flex;
  height: 45px;
  min-height: 45px;
  align-items: center;
}
.type01_m029 .toggle-btn {
  margin-left: auto;
  padding-right: 10px;
  cursor: pointer;
  color: #666;
}
.type01_m029 .toggle-btn i {
  margin-left: 5px;
}
.type01_m029 .toggle-btn i::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  color: #BFBFBF;
  padding-left: 0.3em;
}
.type01_m029 .toggle-btn i::before {
  content: '\f004';
}
.type01_m029 .toggle-btn.slide-up i::before {
  content: '\f005';
}
.type01_m029 .title-bar p {
  display: flex;
  align-items: center;
  padding-left: 33px;
}
.type01_m029 .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: #f8a721;
}
.type01_m029 .select-product-list {
  position: relative;
  padding: 0 30px 15px;
  display: none;
}
.type01_m029 .select-product-list .msg-box {
  min-height: 30px;
  display: flex;
  align-items: start;
  justify-content: center;
  color: #666;
  font-size: 13px;
}
.type01_m029 .select-product-list>ul {
  display: flex;
  width: 100%;
}
.type01_m029 .select-product .item {
  position: relative;
  width: 110px;
  padding: 5px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}
.type01_m029 .select-product .item-wrap {
  position: relative;
  width: 98px;
  margin: 0 auto;
}
.type01_m029 .select-product .item-wrap img {
  width: 98px;
  height: 98px;
  display: block;
  margin: 0 auto 6px;
}
.type01_m029 .select-product-list h4 {
  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;
}
.type01_m029 .select-product .num {
  color: #333;
  font-size: 13px;
}
.type01_m029 .select-product .num span {
  color: #Ef4e5e;
}
.type01_m029 .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;
}
.type01_m029 .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;
}
.type01_m029 .product-list {
  margin: 0 auto;
  padding: 6px 0;
  display: flex;
  border-top: 2px dashed #d8d8d8;
}
.type01_m029 .product-list .item {
  width: 24.3%;
  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: 2px;
}
.type01_m029 .product-list .item.choose {
  border: 2px solid #F8A721;
}
.type01_m029 .product-list .item:last-child {
  margin-right: 0;
}
.type01_m029 .product-list .item-wrap {
  border: 1px solid red;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.type01_m029 .product-list .img-wrap {
  position: relative;
  width: 175px;
  height: 175px;
  margin: 0 auto 6px;
}
.type01_m029 .product-list img {
  width: 175px;
  height: 175px;
  display: block;
}
.type01_m029 .product-list .check-mark {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -9px;
  left: -2px;
  background-color: #F8A721;
  line-height: 35px;
  font-size: 18px;
  border-radius: 50%;
  color: #fff;
  text-indent: 1px;
  opacity: 0;
  z-index: 2;
}
.type01_m029 .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;
}
.type01_m029 .product-list .item.choose .check-mark {
  opacity: 1;
}
.type01_m029 .product-list .prod-name {
  margin-bottom: 8px;
  width: 175px;
  font-size: 13px;
  line-height: 1.5em;
  color: #000;
  height: 3em;
  overflow: hidden;
  display: block;
  text-decoration: underline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.type01_m029 .product-list .details {
  color: #666;
  font-size: 13px;
}
.type01_m029 .product-list .details del {
  text-decoration: line-through;
}
.type01_m029 .product-list .details li {
  margin-bottom: 6px;
}
.type01_m029 .product-list .details strong {
  color: #fe2828;
  font-size: 18px;
  font-weight: bold;
}
.type01_m029 .btn-check {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  min-width: 55px;
  height: 35px;
  color: #333;
  text-shadow: 1px 1px 0px #fff;
  background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(180, 180, 180, 1) 100%, rgba(180, 180, 180, 1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(180, 180, 180, 1) 100%, rgba(180, 180, 180, 1) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(180, 180, 180, 1) 100%, rgba(180, 180, 180, 1) 100%);
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(170, 170, 170, 1);
  border-radius: 7px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.type01_m029 .btn-check.disabled {
  color: #666666;
  font-size: 13px;
  border: 1px solid transparent;
  background-color: #f2f2f2;
  background: #f2f2f2;
  cursor: auto;
}
.type01_m029 .stock-tips {
  width: 175px;
  margin-top: 8px;
  color: #999999;
  font-size: 13px;
}
.type01_m029 .stock-tips em {
  color: #Ef4e5e;
  margin-right: 5px;
}
.type01_m029 .product-list .item.choose .btn-check {
  color: #E17400;
  background-color: #f2f2f2;
}
.type01_m029 .item-2 .flex {
  display: flex;
  flex-wrap: wrap;
}
.type01_m029 .select-quantity input[type=number]::-webkit-outer-spin-button,
.type01_m029 .select-quantity input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.type01_m029 .select-quantity input[type=number] {
  -moz-appearance: textfield;
  border-radius: 0;
}
.type01_m029 .select-quantity {
  flex-grow: 0;
  flex-shrink: 0;
  width: 112px;
  height: 35px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-sizing: border-box;
}
.type01_m029 .select-quantity .minus {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.type01_m029 .select-quantity .plus {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.type01_m029 .select-quantity .minus,
.type01_m029 .select-quantity .plus,
.type01_m029 .select-quantity input {
  display: block;
  float: left;
  width: 25px;
}
.type01_m029 .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;
}
.type01_m029 .select-quantity .minus,
.type01_m029 .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;
}
.type01_m029 .select-quantity i:before {
  color: #aeaeae;
}
.type01_m029 .disabled .select-quantity .minus,
.type01_m029 .disabled .select-quantity .plus {
  color: #aeaeae;
  background-color: #DADADA;
  cursor: not-allowed;
}
.type01_m029 .select-quantity a.disabled {
  color: #d0d0d0;
  cursor: auto;
}
.type01_m029 .select-quantity input:disabled {
  color: #c3c3c3;
  background-color: #DADADA;
  cursor: not-allowed;
}
.type01_m029 .addpord-num {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.type01_m029 .addpord-num .flex {
  min-height: 35px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.type01_m029 .more {
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: flex-end;
}
.type01_m029 .more a {
  text-decoration: underline;
}
.type01_m029 .more i {
  margin-right: 5px;
}
.type01_m029 .more i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  content: '\f105';
  color: #5a5a5a;
}
/*m030*/
.type01_m030 {
  position: relative;
  margin-bottom: 20px;
  z-index: 0;
  width: 100%;
  height: 93px;
  overflow: hidden;
}
.type01_m030 .carousel-list {
  width: 790px;
  height: 93px;
  position: relative;
  overflow: hidden;
}
.type01_m030 .btn_left,
.type01_m030 .btn_right {
  position: absolute;
  width: 23px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  z-index: 1;
  /* opacity: 0.75; */
}
.type01_m030 .btn_left:hover i::before,
.type01_m030 .btn_right:hover i::before {
  color: #93cfe9;
}
.type01_m030 .btn_left i::before,
.type01_m030 .btn_right i::before {
  margin: 0;
  padding: 0;
  font-family: "icon_01";
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #939393;
}
.type01_m030 .btn_left {
  top: 27px;
  left: 0;
  border-radius: 5px;
}
.type01_m030 .btn_left i::before {
  content: '\e800';
  margin-right: 2px;
}
.type01_m030 .btn_right {
  top: 27px;
  right: 0;
  border-radius: 5px;
}
.type01_m030 .btn_right i::before {
  content: '\e804';
  margin-left: 3px;
}
.type01_m030 .box {
  position: relative;
  overflow: hidden;
  width: 94%;
  margin: 0 auto;
}
.type01_m030 .switch_inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.type01_m030 .box li {
  width: 33.3333%;
  text-align: center;
}
.type01_m030 img {
  width: 243px;
  height: 93px;
}
/*m031*/
.type01_m031 {
  position: relative;
  margin-bottom: 20px;
  color: #333;
}
.type01_m031 .title {
  position: relative;
  margin-bottom: 10px;
  padding: 3px 8px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  color: #5A5A5A;
  display: block;
  background: #F2F2F2;
}
.type01_m031 .title .more {
  position: absolute;
  right: 10px;
  top: 7px;
  color: #5A5A5A;
  font-size: 13px;
  font-weight: normal;
}
.type01_m031 .title a {
  color: #5A5A5A;
}
.type01_m031 .fixed-table {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.type01_m031 table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  border-spacing: 0;
  margin-bottom: 3px;
}
.type01_m031 table th,
.type01_m031 table td {
  vertical-align: middle;
  border-bottom: 1px solid #E1DFDF;
  font-size: 13px;
  line-height: 1.5em;
}
.type01_m031 table th {
  position: -webkit-sticky;
  position: sticky;
  padding: 5px 10px;
  left: 0;
  width: 100px;
  background: #F9F9F9;
  text-align: right;
  z-index: 2;
}
.type01_m031 table td {
  width: 145px;
  padding: 5px;
  text-align: left;
}
.type01_m031 table tr:first-child th {
  background: #fff;
}
.type01_m031 .img-wrap {
  position: relative;
  width: 140px;
  height: 140px;
  display: block;
  margin: 0 auto 10px;
}
.type01_m031 .img-wrap img {
  width: 140px;
  height: 140px;
  display: block;
}
.type01_m031 .badge-icon .badge {
  width: 20px;
  height: 20px;
}
.type01_m031 .badge.sign-01 {
  background-size: 18px 15px;
}
.type01_m031 .badge.sign-02 {
  background-size: 26px 26px;
}
.type01_m031 .badge.sign-03 {
  background-size: 17px 17px;
}
.type01_m031 .badge.sign-04 {
  background-size: 17px 17px;
}
.type01_m031 .sign-emag,
.type01_m031 .sign-ebook {
  width: 96px;
  height: 18px;
}
.type01_m031 .prod-name {
  /* max-width: 300px; */
  margin: 0 auto;
  display: block;
  font-size: 13px;
  line-height: 1.5em;
  color: #252624;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* -webkit-box-orient: vertical;  */
  text-align: left;
}
.type01_m031 .prod-price span {
  color: #D0021B;
}
/*m032*/
.type01_m032 {
  position: relative;
  color: #333;
}
.type01_m032 .search-box {
  position: relative;
  padding: 8px 10px;
  background-color: #f8f8f8;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
}
.type01_m032 .search-box.expand {
  box-shadow: rgb(0 0 0 / 20%) 0px 5px 10px;
}
.type01_m032 .title-bar {
  display: flex;
  font-size: 15px;
  font-weight: bold;
  color: #94C722;
  cursor: pointer;
}
.type01_m032 .title-bar p {
  display: flex;
  font-size: 13px;
}
.type01_m032 .toggle-btn {
  margin-left: auto;
  padding-right: 10px;
  cursor: pointer;
  color: #666;
}
.type01_m032 .toggle-btn i::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #999;
  padding-left: 0.3em;
}
.type01_m032 .toggle-btn i::before {
  content: '\f005';
}
.type01_m032 .title-bar.down-open i::before {
  content: '\f004';
}
.type01_m032 .expand .select-search {
  display: block;
}
.type01_m032 .select-search {
  margin-top: 50px;
  padding: 0 8px 8px;
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  background-color: #f8f8f8;
  box-shadow: rgb(0 0 0 / 20%) 0px 9px 10px;
  z-index: 1;
  display: none;
}
.type01_m032 .select-search .wrap {
  display: flex;
}
.type01_m032 select,
.type01_m032 button {
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: none;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: 1;
  outline: none;
  background-color: transparent
}
.type01_m032 select {
  position: relative;
  background: #f7f8f9 url(//jci.book.com.tw/img/bui/icon-angle-down-03.svg) no-repeat right 15px center;
  background-size: 10px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  color: #333;
  padding: 7px 30px 7px 10px;
  vertical-align: middle;
  font-size: 13px;
  align-items: center;
  display: flex;
  width: 100%;
}
.type01_m032 select.selected {
  background-color: #e0f9b7;
}
.type01_m032 .select-wrap {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: wrap;
}
.type01_m032 .select-wrap li {
  width: 25%;
  padding: 0 8px 8px 0;
  box-sizing: border-box;
}
.type01_m032 .search-btn {
  flex-grow: 0;
  flex-shrink: 0;
  width: 80px;
  align-items: center;
  margin: 0 0 10px auto;
}
.type01_m032 .search-btn .btn {
  display: block;
  font-size: 14px;
  text-align: center;
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  background: -webkit-linear-gradient(270deg, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 0%, rgba(237, 237, 237, 1) 100%, rgba(237, 237, 237, 1) 100%);
  background: -moz-linear-gradient(180deg, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 0%, rgba(237, 237, 237, 1) 100%, rgba(237, 237, 237, 1) 100%);
  background: linear-gradient(180deg, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 1) 0%, rgba(237, 237, 237, 1) 100%, rgba(237, 237, 237, 1) 100%);
  box-sizing: border-box;
  border-radius: 5px;
}
.type01_m032 .select-filter {
  position: relative;
  padding: 10px 0 5px;
  display: flex;
  flex-wrap: wrap;
}
.type01_m032 .select-filter span {
  display: inline-block;
  position: relative;
  margin: 4px 5px;
  line-height: 27px;
  font-size: 13px;
  border-radius: 20px;
  border: 1px solid #ccc;
}
.type01_m032 .select-filter span a {
  display: block;
  color: #76A80E;
  padding: 0 27px 0 8px;
}
.type01_m032 .select-filter span a::before {
  position: absolute;
  right: 10px;
  top: 0;
  font-family: "icon_01";
  content: "\e809";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  color: #cccccc;
  padding-left: 0.3em;
}
/*m033*/
.type01_m033 {
  position: relative;
  margin-bottom: 20px;
  color: #333;
}
.type01_m033 .title {
  position: relative;
  margin-bottom: 10px;
  padding: 3px 8px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  color: #5A5A5A;
  display: block;
  background: #F2F2F2;
}
.type01_m033 .title .more {
  position: absolute;
  right: 10px;
  top: 7px;
  color: #5A5A5A;
  font-size: 13px;
  font-weight: normal;
}
.type01_m033 .title a {
  color: #5A5A5A;
}
.type01_m033 .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;
}
.type01_m033 .video iframe,
.type01_m033 .video object,
.type01_m033 .video embed,
.type01_m033 .video video {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 0 none;
  top: 0;
  left: 0;
}
.type01_m033 .container {
  padding: 0 0 0 60px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
  line-height: 1.75em;
}
.type01_m033 .container img {
  max-width: 100%;
  font-size: 0;
  vertical-align: bottom;
}
.type01_m033 .container a {
  color: #2C62C2;
}
.type01_m033 .container strong {
  font-weight: bold;
}
.type01_m033 .container tr,
.type01_m033 .container td,
.type01_m033 .container th {
  height: 22px;
  padding: 5px;
  color: #000;
  border: 1px solid #C0C0C0;
  background: #ffffff;
}
.type01_m033 .container th {
  text-align: center;
  font-weight: normal;
  background: #eee;
}
/* type01_m034 */
.type01_m034 {
  position: relative;
  margin: 0 0 16px;
}
.type01_m034 .title {
  position: relative;
  margin-bottom: 10px;
  padding: 3px 8px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  color: #5A5A5A;
  display: block;
  background: #F2F2F2;
}
.type01_m034 .list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px;
  /*border-radius: 5px;
  background: #FAFAFA; */
}
.type01_m034 .list li {
  position: relative;
  padding: 0 30px 0 0;
  font-size: 13px;
  color: #333;
}
.type01_m034 .list li::before {
  position: absolute;
  right: 15px;
  top: calc(50% - 4px);
  margin: 0;
  padding: 0;
  content: "";
  width: 1px;
  height: 8px;
  overflow: hidden;
  border-right: 1px solid #ccc;
}
.type01_m034 .list li a {
  padding: 10px 0;
  display: block;
  /* max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis; */
  white-space: nowrap;
}
.type01_m034 .list.hashtags li {
  padding-left: 13px;
}
.type01_m034 .list.hashtags li::after {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  color: #333;
  font-size: 13px;
  line-height: initial;
  content: "＃";
}
/* type01_m039 */
.type01_m039 {
  width: 790px;
  height: 236px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  margin: 0 auto 20px;
}
.type01_m039 img {
  width: 790px;
  height: 236px;
  display: block;
  vertical-align: bottom;
}
.type01_m039 .carousel-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 236px;
}
.type01_m039 .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  display: none;
  transition: opacity 0.8s ease-in-out;
}
.type01_m039 .slick-dots,
.type01_m039 .carousel-dots {
  width: auto;
  padding: 0;
  height: 20px;
  bottom: 5px;
  right: 5px;
  border-radius: 3px;
  background-color: rgba(102, 102, 102, 0.8);
  z-index: 1;
}
.type01_m039 .item.active {
  opacity: 1;
  display: block;
}
.type01_m039 .u-carousel .carousel-dots.hidden,
.type01_m039 .u-carousel .carousel-prev.hidden,
.type01_m039 .u-carousel .carousel-next.hidden {
  display: none;
}
.type01_m039 .u-carousel .carousel-dots li::before {
  font-size: 20px;
  color: #C1BDB9;
}
.type01_m039 .u-carousel .carousel-dots li.active::before {
  font-size: 20px;
  color: #fff;
}
.type01_m039 .slick-dots li button::before,
.type01_m039 .carousel-dots li::before {
  color: #C1BDB9;
  opacity: 1;
  font-size: 20px;
}
.type01_m039 .slick-dots li.slick-active button::before,
.type01_m039 .carousel-dots li.active::before {
  color: #fff;
  opacity: 1;
  font-size: 20px;
}
.type01_m039 .slide-effect>div {
  font-size: 0;
}
.type01_m039 .u-slider .slick-next,
.type01_m039 .u-slider .slick-prev,
.type01_m039 .u-carousel .carousel-next,
.type01_m039 .u-carousel .carousel-prev {
  z-index: 1;
  position: absolute;
  top: 50%;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background-color: rgba(187, 187, 187, 0.5);
}
.type01_m039 .u-slider .slick-prev,
.type01_m039 .u-carousel .carousel-prev {
  left: 0;
  border-radius: 0;
}
.type01_m039 .u-slider .slick-next,
.type01_m039 .u-carousel .carousel-next {
  right: 0;
  border-radius: 0;
}
.type01_m039 .u-slider .slick-next::before,
.type01_m039 .u-slider .slick-prev::before,
.type01_m039 .u-carousel .carousel-next::before,
.type01_m039 .u-carousel .carousel-prev::before {
  color: #000;
  opacity: 0.5;
}
.type01_m039 .u-slider .slick-next:hover::before,
.type01_m039 .u-slider .slick-prev:hover::before,
.type01_m039 .u-carousel .carousel-next:hover::before,
.type01_m039 .u-carousel .carousel-prev:hover::before {
  opacity: 1;
}
.type01_m039 .u-slider .slick-next:hover,
.type01_m039 .u-slider .slick-prev:hover,
.type01_m039 .u-carousel .carousel-next:hover,
.type01_m039 .u-carousel .carousel-prev:hover {
  background-color: rgba(187, 187, 187, 0.8);
}
/* type01_m040 */
.type01_m040 {
  width: 100%;
  margin: 0 auto 20px;
  position: relative;
  overflow: hidden;
}
.type01_m040 button {
  border: none;
}
.type01_m040 .nav-bar {
  width: 100%;
  height: 30px;
  padding: 0 31px;
  position: relative;
  box-sizing: border-box;
}
.type01_m040 .nav-bar::before {
  position: absolute;
  content: "";
  top: 2px;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(242, 242, 242, 1);
}
.type01_m040 .nav-tabs {
  width: 100%;
  position: relative;
  padding-top: 2px;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}
.type01_m040 .nav-prev,
.type01_m040 .nav-next {
  position: absolute;
  top: 2px;
  font-size: 0;
  line-height: 0;
  display: flex;
  width: 31px;
  height: 28px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: transparent;
  background: transparent;
  border: 0;
  outline: 0;
}
.type01_m040 .nav-prev {
  left: 0;
}
.type01_m040 .nav-next {
  right: 0;
}
.type01_m040 .nav-prev:hover,
.type01_m040 .nav-next:hover {
  background-color: rgba(228, 228, 228, 1);
}
.type01_m040 .nav-prev::before,
.type01_m040 .nav-next::before {
  font-family: 'icon_01';
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #868686;
  opacity: 1;
}
.type01_m040 .nav-prev::before {
  content: '\f104';
}
.type01_m040 .nav-next::before {
  content: '\f105';
}
.type01_m040 .nav-item {
  position: relative;
  width: 104px;
  padding: 0 12px;
  display: block;
  font-size: 13px;
  color: #6C6C6C;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}
.type01_m040 .nav-item a {
  display: block;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  text-align: center;
  color: #6C6C6C;
}
.type01_m040 .nav-item.active,
.type01_m040 .nav-item.active a,
.type01_m040 .nav-item.active:hover {
  color: #FFF;
  border-radius: 2px 2px 0 0;
  background: #94c722;
}
.type01_m040 .nav-item.active::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 4px;
  background: #94c722;
  border-radius: 4px 4px 0 0;
}
.type01_m040 .nav-item:hover {
  background: rgba(228, 228, 228, 1);
}
.type01_m040 .img-wrap {
  position: relative;
  margin: 0 auto 8px;
  width: 120px;
  height: 120px;
}
.type01_m040 .img-wrap img {
  display: block;
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
}
.type01_m040 .badge-icon .badge {
  width: 20px;
  height: 20px;
}
.type01_m040 .badge-icon .badge.sign-01 {
  background-size: 16px;
}
.type01_m040 .badge-icon .badge.sign-02 {
  background-size: 25px;
}
.type01_m040 .badge-icon .badge.sign-03 {
  background-size: 16px;
}
.type01_m040 .badge-icon .badge.sign-04 {
  background-size: 14px;
}
/*.type01_m040 .content-wrap {
  padding: 0 51px;
  min-height: 206px;
  box-sizing: border-box;
}*/
.type01_m040 .content-wrap {
  position: relative;
  padding: 10px 9px;
  min-height: 206px;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  overflow: hidden;
}
.type01_m040 .item-list {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  column-gap: 10px;
}
.type01_m040 .item-list .item {
  width: 120px;
  display: flex;
  flex-direction: column;
}
.type01_m040 .prod-name a {
  margin-bottom: 6px;
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5em;
  color: #333;
  height: 1.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.type01_m040 .item-change-state {
  position: relative;
  min-height: 37px;
  max-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: auto auto 0;
}
.type01_m040 .item-change-state .btns {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
  column-gap: 5px;
}
.type01_m040 .u-btn-icon {
  cursor: pointer;
  border: 1px solid transparent;
}
.type01_m040 i.icon-heart::before {
  color: #FF6666;
}
.type01_m040 i.icon-bell-alt::before {
  color: #FF6666;
}
.type01_m040 .prod-price {
  font-size: 13px;
  color: #868686;
}
.type01_m040 .prod-price strong {
  font-size: 15px;
  font-weight: 600;
  color: #D0021B;
  font-family: '微軟正黑體';
}
.type01_m040 .carousel {
  position: relative;
}
.type01_m040 .carousel-next,
.type01_m040 .carousel-prev {
  z-index: 1;
  position: absolute;
  top: calc(50% - 50px);
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  border: none;
  outline: 0;
  background-color: rgba(187, 187, 187, 0.5);
}
.type01_m040 .carousel-next {
  right: -10px;
}
.type01_m040 .carousel-prev {
  left: -10px;
}
.type01_m040 .carousel-next:hover,
.type01_m040 .carousel-prev:hover {
  color: rgba(0, 0, 0, 1);
  background-color: rgba(54, 54, 54, 0.2);
}
.type01_m040 .carousel-next::before,
.type01_m040 .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;
}
.type01_m040 .carousel-next::before {
  content: '\f006';
}
.type01_m040 .carousel-prev::before {
  content: '\f007';
}
.type01_m040 .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;
}
.type01_m040 .carousel-flex {
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
}
.type01_m040 .container {
  display: inline-flex;
  flex-wrap: nowrap;
  column-gap: 10px;
}
.type01_m040 .tab-content {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
/** switch **/
.type01_m026 .prev,
.type01_m026 .next,
.type01_s011 .prev,
.type01_s011 .next {
  display: block;
  position: absolute;
  width: 30px;
  height: 60px;
  cursor: pointer;
  background: #bbb url(images/sp_icon01.gif) no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
  top: 38%;
  z-index: 2;
}
.type01_m026 .prev span,
.type01_m026 .next span,
.type01_s011 .prev span,
.type01_s011 .next span {
  left: -9999px;
  position: absolute;
}
.type01_m026 .prev,
.type01_s011 .prev {
  left: 0;
  background-position: 50% -2110px;
}
.type01_m026 .next,
.type01_s011 .next {
  right: 0;
  background-position: 50% -2026px;
}
.type01_m026 .prev a:hover,
.type01_m026 .prev:hover,
.type01_s011 .prev a:hover,
.type01_s011 .prev:hover {
  background-position: 50% -2110px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.type01_m026 .next a:hover,
.type01_m026 .next:hover,
.type01_s011 .next a:hover,
.type01_s011 .next:hover {
  background-position: 50% -2026px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
/*s002*/
.type01_s002 {
  position: relative;
}
.type01_s002 img {
  width: 470px;
  height: 250px;
}
.type01_s002 li {
  float: left;
  width: 50%;
}
.type01_s002 li:last-child {
  text-align: right;
}
/*s003*/
.type01_s003 {
  width: 930px;
  height: 35px;
  margin: 0 auto 10px;
  overflow: hidden;
  font-size: 0;
  line-height: 1%;
  /*width: 100%;*/
}
.type01_s003 li {
  float: left;
  width: 310px;
  /*width: 33.33333333333333%;*/
}
.type01_s003 li img {
  width: 310px;
  height: 35px;
}
/*
.type01_s003 li:nth-last-child(2) {
  text-align: center;
}
.type01_s003 li:last-child {
  text-align: right;
}
*/
/*s004*/
.type01_s004 {
  position: relative;
}
.type01_s004 img {
  width: 230px;
  height: 250px;
}
.type01_s004 li {
  width: 240px;
  float: left;
}
.type01_s004 li.last,
.type01_s004 li:last-child {
  width: 230px;
}
/*s005*/
.wrap_box_3 .box_1 {
  width: 480px;
  float: left;
}
.wrap_box_3 .box_2 {
  width: 470px;
  float: left;
}
.type01_s005a li {
  width: 240px;
  float: left;
}
.type01_s005b li {
  width: 470px;
  float: left;
}
.type01_s005a img {
  width: 230px;
  height: 250px;
}
.type01_s005b img {
  width: 470px;
  height: 250px;
}
/*s006*/
.type01_s006,
.type01_s010,
.type01_s011 {
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.type01_s006 h3,
.type01_s010 h3,
.type01_s011 h3 {
  padding: 0 8px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 30px;
  height: 30px;
  background: #94c722;
}
.type01_s006 ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_s006 .item {
  width: 25%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.type01_s006 .item>div {
  padding: 15px 5px 10px;
  text-align: center;
  position: relative;
}
.type01_s006 .icon-buynow {
  width: 40px;
  height: 25px;
  background: url(images/icon_buynow.png) no-repeat 0 3px;
  text-indent: -9999px;
}
.type01_s006 img {
  width: 200px;
  height: 200px;
  display: block;
  margin: 0 auto;
  font-size: 0;
  vertical-align: bottom;
}
.type01_s006 h4,
.type01_s011 h4 {
  margin: 10px 0;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}
.type01_s006 p,
.type01_s011 p {
  margin: 5px auto;
}
.type01_s006 p em,
.type01_s011 p em {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #f3f3f3;
  font-size: 13px;
  color: #ff4400;
  padding: 2px 5px;
}
.type01_s006 .special_offer,
.type01_s011 .special_offer {
  line-height: 22px;
}
.type01_s006 .special_offer span,
.type01_s011 .special_offer span {
  display: inline-block;
}
.type01_s006 .special_offer b,
.type01_s011 .special_offer b {
  font-size: 19px;
  color: #fe2828;
  font-weight: bold;
}
.type01_s006 .more {
  text-align: right;
  margin: 30px 10px 10px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
}
.type01_s006 .more strong {
  padding: 0 13px;
  font-weight: bold;
  background: url(images/icon_arr.gif) no-repeat right;
}
/*s007 | s008 */
.type01_s007.fixed,
.type01_s008.fixed {
  position: fixed;
  top: 40px;
  z-index: 3;
}
.type01_s007 .nav,
.type01_s008 .nav {
  position: relative;
  width: 950px;
  height: 40px;
  padding: 0 35px;
  /*   padding: 0 \9; */
  overflow: hidden;
  border: 1px solid #cfcfcf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.type01_s008 .nav {
  padding: 0 10px;
  /*   padding: 0 \9; */
}
.type01_s007 ul,
.type01_s008 ul {
  width: 100%;
  /*   width: 880px \9; */
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  margin: 0 auto;
  word-wrap: normal;
}
.type01_s008 ul {
  width: 100%;
  /*   width: 930px \9; */
  text-align: center;
}
.type01_s007 li,
.type01_s008 li {
  display: inline;
  padding: 0 8px;
  height: 40px;
  color: #333;
  text-align: center;
}
.type01_s007 li+li,
.type01_s008 li+li {
  border-left: 1px solid #E4E4E4;
}
.type01_s007 a,
.type01_s008 a {
  font-size: 15px;
  letter-spacing: 1px;
  color: #333;
  text-decoration: none;
}
/** switch**/
.type01_s007 .prev,
.type01_s007 .next {
  display: block;
  position: absolute;
  width: 30px;
  height: 40px;
  border-right: #cfcfcf;
  cursor: pointer;
  background: #bbb url(images/sp_icon01.gif) no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
  top: 0;
}
.type01_s007 .prev span,
.type01_s007 .next span {
  left: -9999px;
  position: absolute;
}
.type01_s007 .prev {
  left: 0;
  background-position: 50% -2120px;
}
.type01_s007 .next {
  right: 0;
  background-position: 50% -2035px;
}
.type01_s007 .prev a:hover,
.type01_s007 .prev:hover {
  background-position: 50% -2120px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.type01_s007 .next a:hover,
.type01_s007 .next:hover {
  background-position: 50% -2035px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
/*s010*/
.type01_s010 ul {
  width: 750px;
  margin: 10px auto;
}
.type01_s010 li {
  margin-bottom: 10px;
}
.type01_s010 li:last-child {
  margin-bottom: 0;
}
.type01_s010 img {
  width: 750px;
  height: auto;
  vertical-align: bottom;
}
/*s011*/
.type01_s011 .wrap {
  position: relative;
  width: 100%;
  margin: 10px auto;
}
.type01_s011 .table_td {
  width: 20%;
  padding: 0 5px;
  text-align: center;
}
.type01_s011 img {
  width: 170px;
  height: 170px;
  display: block;
  margin: 0 auto 6px;
  font-size: 0;
  vertical-align: bottom;
}
.type01_s011 .special_border_a {
  display: block;
}
/*.type01_s012*/
.type01_s012 img {
  width: 305px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.type01_s012 .container_table {
  border-spacing: 0 10px;
}
.type01_s012 .table_td {
  width: 33.33333333%;
  text-align: center;
}
.type01_s012 .table_tr:first-child .table_td {
  padding-top: 0;
}
.type01_s012 .table_td:first-child {
  text-align: left;
}
.type01_s012 .table_td:last-child {
  text-align: right;
}
/*.type01_s013 | .type01_s014 | .type01_s015 */
.type01_s013 .banks,
.type01_s014 .bank_list,
.type01_s015 .info_wrapper {
  font-family: "Helvetica Neue", "微軟正黑體", "Microsoft JhengHei", "黑體", "SimHei", Helvetica, Arial, Sans;
  background: #e6e4e4;
  font-size: 15px;
  color: #3e3e3e;
  /*     display: block\9; */
  width: 950px;
  padding-bottom: 7px;
  overflow: hidden;
}
.type01_s013 .banks a,
.type01_s014 .bank_list a {
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.type01_s013 .banks ul {
  width: 32.3%;
  margin: 7px 1px 0px 1px;
  background: #fff;
  border-radius: 6px;
  display: inline-block;
  text-align: left;
}
.type01_s013 .banks ul:nth-child(3n+1) {
  margin-left: 1%;
}
.type01_s013 .logo,
.type01_s015 .logo {
  text-align: center;
  margin: 0 auto;
  padding: 10px 2px 0 2px;
  height: 65px;
  width: 300px;
}
.type01_s013 .logo img,
.type01_s015 .logo img {
  max-height: 65px;
  max-width: 300px;
}
.type01_s013 .info,
.type01_s015 .info {
  padding: 5px 10px;
  min-height: 200px;
  line-height: 30px;
  overflow: hidden;
}
.type01_s013 .info strong,
.type01_s015 .info strong {
  font-weight: bold;
}
.type01_s013 .info u,
.type01_s015 .info u {
  text-decoration: underline;
}
.type01_s013 .info table,
.type01_s015 .info table {
  table-layout: fixed;
}
.type01_s013 .info caption,
.type01_s013 .info th,
.type01_s015 .info caption,
.type01_s015 .info th {
  text-align: center;
  font-weight: bold;
}
.type01_s013 .info ul,
.type01_s013 .info ol,
.type01_s015 .info ul,
.type01_s015 .info ol {
  margin-left: 35px;
  width: 86.5%;
}
.type01_s013 .info ul li,
.type01_s015 .info ul li {
  list-style: disc outside;
}
.type01_s013 .info ol li,
.type01_s015 .info ol li {
  list-style: decimal outside;
}
.type01_s013 .more {
  color: #fff;
  text-align: center;
  width: 75%;
  height: 21px;
  padding: 7px 10px;
  margin: 0 auto;
  border-radius: 21px;
}
.type01_s013 .more a {
  color: #fff;
  text-decoration: none;
}
.type01_s013 .more a:hover,
.type01_s014 .bank_list li a:hover {
  color: #3e3e3e;
}
.type01_s013 .more.lightblue,
.type01_s014 .bank_list.lightblue li a {
  background-color: #0bc2bc;
}
.type01_s013 .more.blue,
.type01_s014 .bank_list.blue li a {
  background-color: #3a75bb;
}
.type01_s013 .more.green,
.type01_s014 .bank_list.green li a {
  background-color: #34c67f;
}
.type01_s013 .date {
  padding: 15px 10px;
}
.type01_s013 .tips {
  padding: 2px 5px;
  border-radius: 5px;
  margin-right: 3px;
  font-size: 13px;
}
.type01_s013 .tips.lightblue {
  color: #0bc2bc;
  border: 1px solid #0bc2bc;
}
.type01_s013 .tips.blue {
  color: #3a75bb;
  border: 1px solid #3a75bb;
}
.type01_s013 .tips.green {
  color: #34c67f;
  border: 1px solid #34c67f;
}
.type01_s014 .bank_list {
  font-size: 18px;
}
.type01_s014 .bank_list li {
  text-align: center;
  display: inline-block;
  width: 22%;
  margin: 15px 0px 0px 20px;
  white-space: nowrap;
  overflow: hidden;
}
.type01_s014 .bank_list li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 15px;
  border-radius: 56px;
}
.type01_s015 .info_wrapper {
  background: #fff;
  text-align: left;
}
/*.type01_s016*/
.type01_s016 .slider {
  text-align: center;
}
.type01_s016 .slider_panel {
  position: relative;
  width: 950px;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.type01_s016 .slider_panel li,
.type01_s016 .slider_panel li img {
  max-width: 950px;
  height: auto;
}
.type01_s016 .slider_bt li {
  display: inline-block;
  padding: 5px 10px 2.5px 10px;
}
.type01_s016 .slider_bt li a {
  display: block;
  width: 8px;
  height: 8px;
  background: #bbbbbb;
  border-radius: 50%;
  border: 2px solid #bbbbbb;
}
.type01_s016 .slider_bt li a:hover,
.type01_s016 .slider_bt .slider_chick a {
  border: 2px solid #0bc2bc;
  background: transparent;
}
/*.type01_s017 2021版天天BUY*/
.type01_s017 {
  position: relative;
  overflow: hidden;
  border: 1px solid #cfcfcf;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.type01_s017 h3 {
  padding: 0 8px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 30px;
  height: 30px;
  background: #94c722;
}
.type01_s017 ul {
  width: 100%;
  margin: 7px;
  padding: 0;
  display: flex;
  min-height: 410px;
  align-items: center;
}
.type01_s017 .item {
  width: 24%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 4px 3px;
  border: 3px solid #94c722;
  display: inline-block;
  min-height: 395px;
}
.type01_s017 .item>div {
  padding: 15px 5px 10px;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.type01_s017 .icon-buynow {
  width: 40px;
  height: 25px;
  background: url(images/icon_buynow.png) no-repeat 0 3px;
  text-indent: -9999px;
}
.type01_s017 img {
  width: 200px;
  height: 200px;
  display: block;
  margin: 0 auto;
  font-size: 0;
  vertical-align: bottom;
}
.type01_s017 h4 {
  margin: 10px 0;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}
.type01_s017 .item p {
  margin: 0 auto;
  height: 40px;
  overflow: hidden;
}
.type01_s017 .item p {
  margin: 0 auto;
  height: 40px;
  overflow: hidden;
}
.type01_s017 .item p em {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #f3f3f3;
  font-size: 13px;
  color: #FF3131;
  padding: 2px 5px;
}
.type01_s017 .special_offer {
  line-height: 22px;
}
.type01_s017 .special_offer span {}
.type01_s017 .special_offer em {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #FF3131;
  font-size: 13px;
  color: #ffffff;
  padding: 3px 6px;
  vertical-align: top;
}
.type01_s017 .special_offer b {
  font-size: 26px;
  color: #FF3131;
  font-weight: bold;
  margin: 0 5px;
}
.type01_s017 .special_offer strong {
  text-decoration: line-through;
  color: #999999;
  font-size: 13px;
}
.type01_s017 .more {
  text-align: right;
  margin: 30px 10px 10px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
}
.type01_s017 .more strong {
  padding: 0 13px;
  font-weight: bold;
  background: url(images/icon_arr.gif) no-repeat right;
}
.type01_s017 .btn-wrap {
  display: flex;
  flex-direction: row;
  padding: 0;
  width: 100%;
  margin: 0 auto 6px;
}
.type01_s017 .btn-wrap .button {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px;
  cursor: pointer;
  border: none;
  padding: 8px;
  border-radius: 4px;
}
.type01_s017 .btn-wrap .button1 {
  background-color: #DCDCDC;
  color: #333333;
  width: 100%;
  float: left;
}
.type01_s017 .btn-wrap .button2 {
  background-color: #F79004;
  color: #ffffff;
  width: 100%;
  float: right;
}
.type01_s017 .btn-wrap .button3 {
  background-color: #F79004;
  color: #ffffff;
  width: 50%;
  margin-left: 25%;
}
/* type01_s018 */
.type01_s018 {
  color: #333;
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 15px;
  position: relative;
}
.type01_s018 a {
  color: #2c62c2;
}
.type01_s018 a:hover {
  text-decoration: underline;
}
.type01_s018 i::before {
  font-size: 19px;
  color: #ffac28;
  vertical-align: middle;
}
.type01_s018 .msg.red {
  color: #d80000;
}
/**2018 Style Star Rating Widget**/
fieldset.rating,
fieldset.rating label {
  margin: 0;
  padding: 0;
}
.rating {
  border: none;
  float: left;
}
.rating>input {
  display: none;
}
.rating>label:before {
  margin: 0 5px;
  font-size: 35px;
  font-family: "icon_01";
  display: inline-block;
  content: "\e808";
}
.rating>.half:before {
  content: "\e84d";
  position: absolute;
}
.rating>label {
  color: #ccc;
  float: right;
}
.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
  color: #FDCE11;
}
.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
  color: #ffda43;
}
.rating-set {
  position: relative;
}
.rating-set span {
  line-height: 43px;
  display: inline-block;
}
.check_wrap {
  position: relative;
}
.check_wrap .control {
  display: inline-block;
  position: relative;
  padding-left: 23px;
  margin-bottom: 6px;
  cursor: pointer;
  color: #78b620;
  font-size: 13px;
  line-height: 22px;
}
.check_wrap .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.check_wrap .control_indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #AFADAE;
  background: #fff;
  border-radius: 3px;
}
.check_wrap .control input:checked~.control_indicator {
  background: #78b620;
  border: 1px solid #78b620;
}
.check_wrap .control:hover input:not([disabled]):checked~.control_indicator,
.check_wrap .control input:checked:focus~.control_indicator {
  background: #78b620;
}
.check_wrap .control input:disabled~.control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.check_wrap .control_indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.check_wrap .control input:checked~.control_indicator:after {
  display: block;
}
.check_wrap .control_checkbox .control_indicator:after {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  content: "\e841";
  color: #fff;
  font-size: 16px;
  left: 2px;
  top: -1px;
}
.check_wrap .control_checkbox input:disabled~.control_indicator:after {
  border-color: #7b7b7b;
}
/*starts*/
.star span {
  display: inline-block;
  float: left;
  line-height: 22px;
}
.star .stars {
  width: 135px;
}
.star.star-s .stars:before,
.star.star-s .stars:after {
  font-size: 14px;
}
.star.star-s .stars {
  width: 80px;
}
.star.star-s .stars:before {
  color: #d3d3d3;
  content: '\e808\e808\e808\e808\e808';
}
.star.star-s .type {
  margin-left: 15px;
}
.stars {
  position: relative;
  /*display: block;*/
  height: 22px;
}
.stars:before,
.stars:after {
  font-family: "icon_01";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 23px;
  position: absolute;
  left: 3px;
  top: 0px;
  letter-spacing: 0.15em;
}
.stars:after {
  color: #ffac00;
}
.stars:before {
  color: #d3d3d3;
  content: '\e808\e808\e808\e808\e808';
}
.stars.s0:after {
  content: '';
}
.stars.s1:after {
  content: '\e84d';
}
.stars.s2:after {
  content: '\e808';
}
.stars.s3:after {
  content: '\e808\e84d';
}
.stars.s4:after {
  content: '\e808\e808';
}
.stars.s5:after {
  content: '\e808\e808\e84d';
}
.stars.s6:after {
  content: '\e808\e808\e808';
}
.stars.s7:after {
  content: '\e808\e808\e808\e84d';
}
.stars.s8:after {
  content: '\e808\e808\e808\e808';
}
.stars.s9:after {
  content: '\e808\e808\e808\e808\e84d';
}
.stars.s10:after {
  content: '\e808\e808\e808\e808\e808';
}
/* p014 */
.type01_p014 {
  position: relative;
  margin: 15px auto;
  padding-left: 25px;
  display: flex;
  align-items: center;
}
.type01_p014 .push-list .title {
  font-size: 13px;
  color: #666;
  margin-right: 3px;
}
.type01_p014 .push-list {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.type01_p014 .push-list li {
  display: flex;
  flex-direction: column;
  margin-right: 8px;
}
.type01_p014 .push-list li:last-child {
  margin-right: 0;
}
.type01_p014 i.svg-logo-fb,
.type01_p014 i.svg-logo-line,
.type01_p014 i.svg-icon-link {
  width: 25px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.type01_p014 .push-list i.svg-logo-fb {
  background-image: url(//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-fb.svg);
}
.type01_p014 .push-list i.svg-logo-line {
  background-image: url(//jci.book.com.tw/jss/books/mobilebase/css/images/svg-logo-line.svg);
}
.type01_p014 .push-list i.svg-icon-link {
  background-image: url(//jci.book.com.tw/jss/books/mobilebase/css/images/svg-icon-link.svg);
}
.type01_p014 .like-button {
  width: 85px;
  height: 20px;
  line-height: 0;
  border: none;
  overflow: hidden;
}
.type01_p014 .svg-icon-link {
  position: relative;
}
.type01_p014 .svg-icon-link::before {
  content: attr(data-tooltip);
}
.type01_p014 .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.6);
}
.type01_p014 .svg-icon-link:active::before,
.type01_p014 .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;
}
.type01_p014 .svg-icon-link::before,
.type01_p014 .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;
}
/* type01_p015 */
.type01_p015 {
  position: relative;
  box-sizing: border-box;
}
.type01_p015 .title {
  line-height: 20px;
  display: inline-block;
}
.type01_p015 .cards {
  display: flex;
}
.type01_p015 .cards .item {
  width: 180px;
  height: 55px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}
.type01_p015 .item .wrap {
  display: flex;
}
.type01_p015 .item .wrap .note {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.type01_p015 .cards img {
  width: 55px;
  height: 55px;
  border-radius: 4px 0 0 4px;
}
.type01_p015 .cards .note {
  padding: 8px 8px 0;
}
.type01_p015 .cards .note p {
  margin: 0 0 0 0;
  text-align: left;
  font-size: 13px;
  color: #333;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.type01_p015 .next,
.type01_p015 .prev {
  z-index: 1;
  position: absolute;
  bottom: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 22px;
  height: 57px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  outline: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
.type01_p015 .next {
  right: 0;
}
.type01_p015 .prev {
  left: 0;
}
.type01_p015 .next::before,
.type01_p015 .prev::before {
  font-family: "icon_01";
  line-height: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  color: #A1A1A1;
}
.type01_p015 .next::before {
  content: '\e804';
  margin-left: 3px;
}
.type01_p015 .prev::before {
  content: '\e800';
  margin-right: 3px;
}
.type01_p015 .dots {
  max-width: 280px;
  height: 20px;
  top: 6px;
  right: 38px;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.type01_p015 .dots li {
  margin: 0 0 0;
  line-height: 1em;
}
.type01_p015 .dots li.here::before,
.type01_p015 .dots li::before {
  font-family: "icon_01";
  content: '\e82e';
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  margin-right: -5px;
  color: #9e9e9e;
  opacity: 1;
}
.type01_p015 .dots li::before {
  color: #959595;
  opacity: 0.3;
}
.type01_p015 .next:hover::before,
.type01_p015 .prev:hover::before {
  color: rgba(147, 207, 233, 1);
}
/* type01_p016 */
.type01_p016 {
  margin: 0 0 15px 25px;
  width: 405px;
  box-sizing: border-box;
  position: relative;
}
.type01_p016 img {
  width: 405px;
  height: auto;
}
.type01_p016 li {
  margin-bottom: 10px;
}
.type01_p016 li:last-child {
  margin-bottom: 0;
}
/*type01_p017*/
.type01_p017 {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
}
.type01_p017 .title {
  display: block;
  margin-bottom: 0;
  color: #6C6C6C;
  font-size: 13px;
  line-height: 1.75em;
}
.type01_p017 i.icon-info {
  color: #D93800;
  font-size: 17px;
  cursor: pointer;
}
.type01_p017 i.icon-info::before {
  margin-right: 0;
  margin-left: 0;
  vertical-align: middle;
}
.type01_p017 .info {
  margin-bottom: 0;
  color: #6C6C6C;
  font-size: 13px;
  line-height: 1.75em;
}
.type01_p017 .cards {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.type01_p017 .cards .item {
  margin: 4px 10px 4px 0;
  font-size: 13px;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.type01_p017 .item>a {
  display: flex;
}
.type01_p017 .item .wrap {
  width: 155px;
  min-height: 55px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #bfbfbf;
  box-sizing: border-box;
}
.type01_p017 .item:hover .wrap {
  border: 1px solid #ef7a31;
  opacity: 1;
}
.type01_p017 .active .wrap {
  border: 1px solid #ef7a31;
  background-color: rgba(239, 122, 49, 0.15);
}
.type01_p017 .active .s-title,
.type01_p017 .active .note b,
.type01_p017 .active .note .num {
  font-weight: bold;
}
.type01_p017 .disabled .wrap,
.type01_p017 .item.disabled:hover .wrap {
  color: #AEAEAE;
  cursor: not-allowed;
  border: 1px solid #bfbfbf;
  background-color: #f2f2f2;
}
.type01_p017 .disabled .icon-bui-op {
  background-image: url("//jci.book.com.tw/img/bui/icon_P_gray.svg");
}
.type01_p017 .disabled .num {
  color: #AEAEAE;
}
.type01_p017 .item .s-title {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0;
}
.type01_p017 .item .note {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
}
.type01_p017 .num {
  color: #D0021B;
}
.type01_p017 .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");
}
.type01_p017 .tooltip-wrap {
  position: relative;
  font-size: 13px;
}
.type01_p017 .tooltip {
  width: 330px;
  padding: 32px 14px 12px;
  position: absolute;
  bottom: 30px;
  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: 9999;
  display: none;
}
.type01_p017 .tooltip::before,
.type01_p017 .tooltip::after {
  border-color: transparent;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 22.3%;
  bottom: -8.2px;
}
.type01_p017 .tooltip::before {
  border-top-color: #999;
}
.type01_p017 .tooltip::after {
  border-top-color: #fff;
  margin-bottom: 2px;
}
.type01_p017 .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;
}
.type01_p017 .tooltip .btn-close i::before {
  content: '\e809';
  font-family: "icon_01";
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.type01_p017 .tooltip .content {
  padding: 8px;
  background-color: #eee;
  border-radius: 6px;
}
.type01_p017 .tooltip .msg {
  font-size: 15px;
  color: #333;
  line-height: 26px;
}
/*type01_p018*/
.type01_p018 {
  position: relative;
  padding-left: 25px;
  margin: 12px auto;
  font-size: 13px;
  color: #666;
}
.type01_p018 ul {
  width: 100%;
}
.type01_p018 ul li {
  position: relative;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 20px;
  display: block;
}
.type01_p018 ul li.notice {
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.type01_p018 ul li.notice.red {
  color: #d93800;
}
.type01_p018 ul li:last-child {
  margin-bottom: 0;
}
.type01_p018 li a {
  color: #0066c0;
}
.type01_p018 .notice_more .box {
  display: flex;
}
.type01_p018 .notice_more .text {
  width: auto;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: 20px;
  line-height: 20px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.type01_p018 .notice_more .text.show {
  height: auto;
  overflow: visible;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
}
.type01_p018 .notice_more .toggle-btn {
  width: 30px;
  padding-top: 3px;
  display: flex;
  margin-left: auto;
  justify-content: center;
  align-items: start;
  flex-grow: 0;
  flex-shrink: 0;
  border: none;
  background: transparent;
}
.type01_p018 .notice_more .toggle-btn i::before {
  font-family: "icon_01";
  font-style: normal;
  font-weight: normal;
  /*   speak: none; */
  font-size: 12px;
  color: #93CFE9;
  padding: 0;
  width: 15px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
}
.type01_p018 .notice_more .toggle-btn i::before {
  content: '\e81a';
}
.type01_p018 .notice_more .toggle-btn.slide-up i::before {
  content: '\e819';
}
/*type01_p019*/
.type01_p019 {
  position: relative;
  margin: 12px 0 12px 25px;
}
.type01_p019 .title {
  font-size: 13px;
  color: #6C6C6C;
  margin: 0 0 2px 0;
}
.type01_p019 .item-list {
  position: relative;
  padding: 10px;
  font-size: 13px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.type01_p019 .item-list .item {
  position: relative;
  width: 33.3333%;
}
.type01_p019 .img-wrap {
  position: relative;
  margin: 0 auto 4px;
  width: 121px;
  height: 121px;
}
.type01_p019 .img-wrap img {
  width: 100%;
  height: 100%;
}
.type01_p019 .badge-icon .badge {
  width: 20px;
  height: 20px;
}
.type01_p019 .sign-ebook,
.type01_p019 .sign-emag {
  width: 100px;
  height: 19px;
}
.type01_p019 .prod-name {
  margin: 0 auto 4px;
  padding: 0 4px;
  font-size: 13px;
  color: #333;
  line-height: 1.35em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  height: 2.7em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.type01_p019 .prod-price {
  margin: 0 0 4px;
  padding: 0 4px;
  font-size: 13px;
  color: #6C6C6C;
}
.type01_p019 .prod-price span {
  font-size: 15px;
  font-weight: bold;
  color: #D0021B;
}
/* type01_p020 */
.type01_p020 {
  position: relative;
  display: inline-flex;
  background: #f3f3f5;
  border-radius: 8px;
  margin: 0 auto 10px;
  padding: 0 8px;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  color: #333;
  align-items: center;
}
.type01_p020 .ratingValue {
  margin: 0 5px 0 5px;
}
.type01_p020 .bui-stars {
  position: relative;
  display: inline-block;
  margin: 0 5px 0 0;
  width: 90px;
  height: 15px;
}
.type01_p020 .total {
  position: relative;
  margin: 0;
  padding: 0 9px 0 11px;
}
.type01_p020 .total::after,
.type01_p020 .btn-link::after {
  position: absolute;
  top: 7px;
  margin: 0;
  padding: 0;
  content: "";
  width: 1px;
  height: 7px;
  overflow: hidden;
  color: #c9c9c9;
}
.type01_p020--v2 .type01_p020 .total::after,
.type01_p020--v2 .type01_p020 .btn-link::after {
  border-left: none;
}
.type01_p020 .total::after,
.type01_p020 .btn-link::after {
  left: 0;
  border-left: 1px solid #c9c9c9;
}
.type01_p020 .bui-stars {
  line-height: 1;
}
.type01_p020 .bui-stars.star-s .bui-star::before,
.type01_p020 .bui-stars.star-s .bui-star::after {
  font-size: 15px;
}
.type01_p020 .btn-link {
  position: relative;
  margin: 0;
  padding: 0 0 0 11px;
  display: inline-block;
  color: #333;
}
.type01_p020--v2 .type01_p020 .btn-link {
  padding: 0;
}
.type01_p020 .btn-link:hover {
  color: #F28900;
}
.type01_p020 .btn-link i:before {
  margin: 0;
}
/* bui-stars */
.type01_p020 .bui-stars {
  position: relative;
}
.type01_p020 .bui-stars.star-s .bui-star::before,
.type01_p020 .bui-stars.star-s .bui-star::after {
  font-size: 15px;
}
.type01_p020 .bui-star::before,
.type01_p020 .bui-star::after {
  font-family: "icon_01";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.25em;
}
.type01_p020 .bui-star::after {
  color: #ffac00;
}
.type01_p020 .bui-star::before {
  color: #d3d3d3;
  content: '\e808\e808\e808\e808\e808';
}
.type01_p020 .bui-star.s0::after {
  content: '';
}
.type01_p020 .bui-star.s1::after {
  content: '\e84d';
}
.type01_p020 .bui-star.s2::after {
  content: '\e808';
}
.type01_p020 .bui-star.s3::after {
  content: '\e808\e84d';
}
.type01_p020 .bui-star.s4::after {
  content: '\e808\e808';
}
.type01_p020 .bui-star.s5::after {
  content: '\e808\e808\e84d';
}
.type01_p020 .bui-star.s6::after {
  content: '\e808\e808\e808';
}
.type01_p020 .bui-star.s7::after {
  content: '\e808\e808\e808\e84d';
}
.type01_p020 .bui-star.s8::after {
  content: '\e808\e808\e808\e808';
}
.type01_p020 .bui-star.s9::after {
  content: '\e808\e808\e808\e808\e84d';
}
.type01_p020 .bui-star.s10::after {
  content: '\e808\e808\e808\e808\e808';
}
/* mod-anchor */
a.type01-mod-anchor {
  display: block;
  position: relative;
  top: -65px;
  visibility: hidden;
  transition-delay: 2s;
}
/*百貨排外2021新增*/
.cnt_prod002 .prd001b ul.info_cnt li.info {
  position: relative;
  display: block;
  /* _height: 30px; */
  min-height: 30px;
  line-height: 22px;
  padding: 3px 0 3px 30px;
  background-position: -675px -1646px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cnt_prod002 .prd001b {
  position: relative;
  z-index: 1;
}
.cnt_prod002 .prd001b .prod_cont_a {
  padding-left: 0;
}
.cnt_prod002 .prd001b ul.info_cnt li.info {
  background: url(https://jci.book.com.tw/css/books/product/images/sp_type02_icon1.png) no-repeat -175px -1347px;
}
/*button*/
.prd005-new {
  padding-left: 25px;
}
.prd005-new .car_info {
  border: 1px solid #c0c0c0;
  background-color: #eee;
  border-radius: 5px;
  padding: 12px 27px;
}
.prd005-new .btn_wrap {
  position: relative;
  overflow: hidden;
}
.prd005-new .btn_wrap li {
  margin-bottom: 8px;
}
/* .prd005-new .btn_wrap li:last-child {
  margin-bottom: 0;
} */
.prd005-new .car_info .btn_newshoppcart {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 165px;
  height: 33px;
  line-height: 33px;
  display: block;
  float: left;
  border-radius: 5px;
  color: #000;
  font-size: 13px;
  text-decoration: none;
  background-color: #fce046;
  border: 1px solid #f8d413;
  cursor: pointer;
}
.prd005-new .car_info a.btn_newshoppcart i.icon-shopping-cart::before {
  margin-left: 26px;
  margin-right: 8px;
}
.prd005-new .car_info .wishlist {
  line-height: 1.75em;
}
.prd005-new .car_info .wishlist a {
  color: #2C62C2;
  text-decoration: none;
}
.prd005-new .btn_neweasycart {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  height: 33px;
  line-height: 33px;
  float: left;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  background-color: #f3563d;
  border: 1px solid #f23e1b;
  cursor: pointer;
}
/*u_product_fav*/
.u_product_fav {
  font-size: 12px;
  line-height: 1.5em;
  color: #666;
}
.u_product_fav i::before {
  content: "";
  display: inline-block;
  margin-right: 3px;
  height: 8px;
  width: 8px;
  border-radius: 10px;
  background: #f00;
}