@charset "UTF-8";
.c-book{display:block;width:100%;flex:0 0 auto}.c-book.wow{animation-name:fadeInUp}.c-book__pic{display:block;width:100%;box-shadow:10px 10px 35px rgba(24,34,50,.2)}.c-book[data-sale="1"] .c-book__pic::after{content:'SALE';position:absolute;bottom:15px;right:0;display:block;width:auto;max-width:100%;min-width:100px;padding:10px;font-size:16px;line-height:1;color:#fff;font-family:'NotoSansTC-M';text-align:center;background:var(--mainColor);border-radius:5px 0 0 5px;letter-spacing:.5px;overflow:hidden;pointer-events:none;z-index:20}.c-book__pic__cover{position:absolute;top:0;left:0;display:none;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.4);overflow:hidden;z-index:10}.c-book__pic__cover::before{display:block;width:auto;max-width:100%;min-width:115px;padding:20px 10px;font-size:18px;line-height:1;color:#fff;font-family:'NotoSansTC-M';text-align:center;border-radius:5px;border:1px solid #fff}.c-book[data-sold="1"] .c-book__pic__cover{display:flex}.c-book[data-sold="1"] .c-book__pic__cover::before{content:'已售完'}.c-book__pic__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;z-index:20}.c-book__pic__collect{position:absolute;top:min(20px,6%);left:min(20px,6%);display:block;width:26.6px;height:23.1px;cursor:pointer;z-index:50}.c-book__pic__collect::before{content:'';position:absolute;top:5%;left:5%;display:block;width:90%;height:90%;background:url(/assets/images/common/icon_heart_orange.svg) center/contain no-repeat;filter:brightness(0);opacity:.55}.c-book__pic__collect::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/assets/images/common/icon_heart_border_white.svg) center/contain no-repeat}.c-book__pic__collect.active::before{opacity:1;filter:none}.c-book__content{display:block;width:100%;margin:15px 0 0 0}.c-book__content__title{display:block;width:100%;min-height:2.5em;font-size:19px;line-height:1.25;color:var(--titleColor);font-family:'NotoSansTC-M';letter-spacing:.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-book__content__sub{display:block;width:100%;margin:0 0 5px 0;font-size:16px;line-height:1;color:rgba(0,0,0,.6);font-family:inherit;letter-spacing:.5px}.c-book__content__price{display:flex;align-items:flex-end;align-content:flex-end;justify-items:flex-start;justify-content:flex-start;width:100%;margin:15px 0 0 0}.c-book__content__price__text{display:block;width:auto;max-width:100%;margin:0 10px 0 0;font-size:27px;line-height:.8;color:var(--mainColor);font-family:'NotoSansTC-M';letter-spacing:.5px;flex:0 0 auto}.c-book__content__price__text::before{content:'$';padding:0 .25em 0 0}.c-book__content__price__text+.c-book__content__price__text{top:-2px;margin:0;font-size:15px;line-height:1;color:var(--titleColor);font-family:'NotoSansTC-M';text-decoration:line-through;opacity:.5}.c-book__content__price__text+.c-book__content__price__text::before{content:'($'}.c-book__content__price__text+.c-book__content__price__text::after{content:')'}.c-book__tool{display:block;width:100%;margin:20px 0 0 0;border-radius:5px;background:#e5e5e5;overflow:hidden}.c-book__tool__bt{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:50px;padding:5px;font-size:15px;line-height:1;color:var(--subTitleColor);font-family:inherit;letter-spacing:.5px;transition:background-color .4s ease-in-out,color .4s ease-in-out;flex:0 1 auto}.c-book__tool__bt::before{position:relative;display:block;width:17px;height:17px;margin:0 8px 0 0;background:center/contain no-repeat;transition:filter .4s ease-in-out;flex:0 0 auto}.c-book__tool__bt[data-icon="cart"]::before{content:'';background-image:url(/assets/images/common/icon_cart.svg)}.c-book__tool__bt[data-icon="search"]::before{content:'';background-image:url(/assets/images/common/icon_magnifier.svg)}.c-book__tool__bt::after{content:'';position:absolute;top:100%;right:10px;display:block;width:calc(100% - 20px);height:1px;background:rgba(0,0,0,.3);transition:opacity .4s ease-in-out}.c-book__tool__bt:last-child::after{display:none}.c-book__tool__bt:hover{color:#fff;background:var(--subTitleColor)}.c-book__tool__bt:hover::before{filter:brightness(0) invert(1)}.c-book__tool__bt:hover::after{opacity:0}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-book__content{margin:15px 0 0 0}.c-book__content__title{min-height:0}.c-book__content__price{margin:10px 0 0 0}.c-book__content__price__text{margin:0 5px 0 0;font-size:25px}.c-book__content__price__text+.c-book__content__price__text{font-size:16px}.c-book__tool{margin:10px 0 0 0}.c-book__tool-wrap{display:block}.c-book__tool__bt{width:100%;height:40px;font-size:14px}.c-book__tool__bt::before{width:14px;height:14px}.c-book__tool-wrap .c-book__tool__bt::after{top:100%;right:10px;width:calc(100% - 20px);height:1px}}@media (any-hover:none){.c-book__tool__bt:nth-child(odd){color:#fff;background:var(--subTitleColor)}.c-book__tool__bt:nth-child(odd)::before{filter:brightness(0) invert(1)}.c-book__tool__bt:nth-child(odd)::after{opacity:0}}@supports (-webkit-touch-callout:none){}
.c-newsBox{display:block;width:100%;border-bottom:1px solid #d2d2d2;padding:30px 0 25px 0;transition:border-color .4s ease-in-out}.c-newsBox.wow{animation-name:fadeInUp}.c-newsBox:first-child{padding:0 0 25px 0}.c-newsBox:hover{border-color:var(--mainColor)}.c-newsBox__head{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:center;align-content:center;flex-wrap:wrap;width:100%;margin:0 0 10px 0}.c-newsBox__head__sub{display:block;width:auto;max-width:100%;font-size:16px;font-family:'NotoSansTC';line-height:2.1;letter-spacing:.5px;color:#8b8b8b;margin:0 10px 0 0}.c-newsBox__title{display:block;width:100%;font-size:19px;font-family:'NotoSansTC';line-height:1.875;letter-spacing:.5px;color:var(--titleColor)}.c-newsBox__head__tag{width:auto;max-width:100%}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-newsBox__title{line-height:1.6}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}