

.yuge-hero{position:relative;width:100%;height:min(56vw,700px);min-height:360px;overflow:hidden;background:#000;}

.yuge-hero .yh-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none;}

.yuge-hero .yh-slide.on{opacity:1;pointer-events:auto;}

.yuge-hero .yh-bg{position:absolute;inset:0;background-size:cover;background-position:center;}

.yuge-hero .yh-box{position:absolute;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45);}

.yuge-hero .yh-small{font-size:clamp(11px,1.5vw,17px);line-height:1.8;}

.yuge-hero .yh-big{font-size:clamp(20px,3.4vw,40px);font-weight:700;line-height:1.5;letter-spacing:.04em;}

.yuge-hero .yh-ruby{font-size:clamp(9px,1vw,12px);letter-spacing:.5em;}

.yuge-hero .yh-btn{display:inline-block;margin-top:12px;padding:9px 26px;border-radius:8px;

  font-size:clamp(11px,1.3vw,15px);font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s;}

.yuge-hero .yh-btn:hover{opacity:.75;color:#fff;}

.yuge-hero .b-gray{background:rgba(140,140,140,.75);}

.yuge-hero .b-black{background:rgba(0,0,0,.75);}

.yuge-hero .yh-books{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;

  gap:clamp(6px,1.6vw,26px);padding:0 12px;}

.yuge-hero .yh-book{text-align:center;text-decoration:none;position:relative;}

.yuge-hero .yh-book img{display:block;height:clamp(90px,24vw,300px);width:auto;box-shadow:0 4px 14px rgba(0,0,0,.5);}

.yuge-hero .yh-book .bb{display:inline-block;margin-top:10px;padding:6px 12px;border-radius:8px;

  font-size:clamp(9px,1vw,13px);font-weight:700;color:#fff;background:rgba(150,150,150,.8);white-space:nowrap;}

.yuge-hero .ribbon{position:absolute;top:-12px;left:-16px;z-index:2;background:linear-gradient(135deg,#f2793b,#f29a52);

  color:#fff;font-weight:800;font-size:clamp(10px,1.2vw,16px);padding:5px 14px;transform:rotate(-8deg);

  box-shadow:0 3px 6px rgba(0,0,0,.35);border-radius:3px;}

.yuge-hero .s1-box{right:6%;bottom:8%;text-align:left;}

.yuge-hero .s2-text{left:8%;top:30%;}

.yuge-hero .s2-books{bottom:6%;}

.yuge-hero .s3-box{left:8%;top:32%;}

.yuge-hero .s4-text{right:7%;top:26%;max-width:44%;}

.yuge-hero .s4-books{bottom:8%;}

.yuge-hero .yh-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:10px;justify-content:center;z-index:5;}

.yuge-hero .yh-dots button{width:11px;height:11px;border-radius:50%;border:1.5px solid #fff;background:transparent;cursor:pointer;padding:0;}

.yuge-hero .yh-dots button.on{background:#fff;}

.yuge-hero .yh-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:0;cursor:pointer;

  background:rgba(0,0,0,.4);color:#fff;border-radius:50%;font-size:18px;line-height:1;}

.yuge-hero .yh-arrow:hover{background:rgba(0,0,0,.65);}

.yuge-hero .yh-prev{left:12px;}

.yuge-hero .yh-next{right:12px;}

@media(max-width:640px){

  .yuge-hero{height:120vw;min-height:420px;}

  .yuge-hero .yh-arrow{display:none;}

  .yuge-hero .s2-text{top:14%;}

  .yuge-hero .yh-books{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;}

  .yuge-hero .yh-book img{height:34vw;}

  .yuge-hero .s4-text{max-width:88%;left:6%;right:auto;}

}


.amazonjs_item {
  font-size: 14px;
  margin: .5em 0 1em 0;
  padding: 25px 10px 25px 10px;
  border: 1px solid #ddd;
  position: relative;
  display: block;
  background: white url("/legacy-assets/5fdcbd184c2096760e4cf56a.png") no-repeat right bottom;
  color: #333;
}
.amazonjs_item a {
  color: #e47911;
  text-decoration: none;
}
.amazonjs_item a:hover {
  color: #996633;
}
.amazonjs_item * {
  margin: 0;
  padding: 0;
  border: 0;
}
.amazonjs_item .amazonjs_indicator {
  margin: 0 10px;
  clear: both;
}
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_img {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  background: transparent url("/legacy-assets/a818e5ec8adb3367e62808a3.gif") no-repeat center;
}
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_title {
  display: block;
  line-height: 32px;
  margin-left: 42px;
}
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_footer {
  clear: both;
}
.amazonjs_item .amazonjs_image {
  display: block;
  float: left;
  margin-right: 10px;
}
.amazonjs_item .amazonjs_info {
  display: block;
}
.amazonjs_item .amazonjs_info h4 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  clear: none;
  border: none;
}
.amazonjs_item .amazonjs_info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.amazonjs_item .amazonjs_info ul li {
  list-style: none;
  line-height: 1.5em;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.amazonjs_item .amazonjs_info ul li b {
  margin-right: .5em;
  color: #555;
  font-weight: normal;
}
.amazonjs_item .amazonjs_info .amazonjs_price {
  color: #900;
}
.amazonjs_item .amazonjs_info .amazonjs_price span {
  color: #666;
  margin-left: .5em;
}
.amazonjs_item .amazonjs_info .amazonjs_listprice {
  text-decoration: line-through;
}
.amazonjs_item .amazonjs_review {
  padding: 0;
  font-size: 0.7em;
  position: absolute;
  right: 34px;
  bottom: 4px;
}
#preview .amazonjs_item .amazonjs_review {
  display: none;
}
.amazonjs_item .amazonjs_footer {
  clear: both;
}

.amazonjs_book .amazonjs_info ul,
.amazonjs_music .amazonjs_info ul {
  margin-top: 0.5em;
}

.amazonjs_book .amazonjs_info ul li,
.amazonjs_music .amazonjs_info ul li {
  line-height: 1.6em;
}

@media (max-width: 720px) {
  .amazonjs_item .amazonjs_info {
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .amazonjs_item img {
    width: 60px;
    max-width: 60px;
  }
  .amazonjs_item .amazonjs_info {
    margin-left: 70px !important;
  }
  .amazonjs_item .amazonjs_info h4 a {
    font-size: 0.9em;
  }
  .amazonjs_item .amazonjs_info ul li {
    font-size: 0.9em;
  }
}

.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}
/* Restored GoodLayers footer rules from matching HTML snapshot */
#gdlr-core-column-58780 .gdlr-core-pbf-column-content-margin:hover, #gdlr-core-column-58780 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-wrap, #gdlr-core-column-58780 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-frame{ border-color: #ffffff !important; }#gdlr-core-column-58780 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-wrap{  }#gdlr-core-button-id-57478{color: #0a0a0a ;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: #fff600 ;}#gdlr-core-button-id-57478:hover{background-color: #ffff75 ;}#gdlr-core-column-70042 .gdlr-core-pbf-column-content-margin:hover, #gdlr-core-column-70042 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-wrap, #gdlr-core-column-70042 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-frame{ border-color: #ffffff !important; }#gdlr-core-column-70042 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-wrap{  }#gdlr-core-button-id-35352{color: #ffffff ;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: #3ec97a ;}#gdlr-core-button-id-35352:hover{background-color: #47e865 ;}#gdlr-core-column-38638 .gdlr-core-pbf-column-content-margin:hover, #gdlr-core-column-38638 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-wrap, #gdlr-core-column-38638 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-frame{ border-color: #ffffff !important; }#gdlr-core-column-38638 .gdlr-core-pbf-column-content-margin:hover .gdlr-core-pbf-background-wrap{  }#gdlr-core-button-id-41983{color: #ffffff ;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: #db7643 ;}#gdlr-core-button-id-41983:hover{background-color: #dd9644 ;}#gdlr-core-button-id-57137{color: #ffffff ;text-transform: none ;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;background: #ff0000 ;}#gdlr-core-button-id-57137:hover{background-color: #ff6b6b ;}#gdlr-core-button-id-17117{font-size: 13px ;background: #35357d ;}#gdlr-core-button-id-17117:hover{background-color: #128be0 ;}#gdlr-core-button-id-63505{font-size: 13px ;background: #848de0 ;}#gdlr-core-button-id-63505:hover{background-color: #d3d3d3 ;}
