@charset "UTF-8";
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;flex:0 1 auto}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:35px;height:35px;margin:0 5px;border-radius:50%;font-size:17px;font-family:'NotoSansTC';color:#000;line-height:1.5;transition:color .4s ease-in-out,background-color .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{color:#fff;background:#303030}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:0 0 0 30px;font-size:17px;font-family:'NotoSansTC-M';color:#303030;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 30px 0 0}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:6px;height:9px;margin:0 0 0 10px;background:url(/assets/images/common/icon_arrow_next.svg) center no-repeat;background-size:contain}.c-page__prev::before{margin:0 10px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-pageDetail{justify-content:space-between}.c-pageDetail .c-page__count{display:none}.c-pageDetail__back{display:inline-flex;width:auto;min-width:185px}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{justify-content:space-between}.c-page__prev span,.c-page__next span{display:none}.c-pageDetail{flex-wrap:wrap}.c-pageDetail__prev,.c-pageDetail__next{width:calc(50% - 5px);height:40px;justify-content:center;justify-items:center;background:#f1f1f1;border-radius:5px;padding:5px 20px;margin:0;font-size:15px}.c-pageDetail__back{width:100%;height:40px;margin:10px 0 0 0;order:1}.c-pageDetail .c-page__prev span,.c-pageDetail .c-page__next span{display:block}}@supports (-webkit-touch-callout:none){}
.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){}
.search{padding:115px 0 150px 0;overflow:hidden}.search__bar{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:center;align-content:center;width:100%;margin:0 auto 50px auto}.search__bar.wow{animation-name:fadeInUp}.search__bar__input{display:block;width:100%;height:70px;border:0;background:var(--subBgColor);padding:0 0 0 30px;border-radius:5px;overflow:hidden;color:var(--titleColor)}.search__bar__input::placeholder{font-size:16px;font-family:'NotoSansTC-M';line-height:1.875;letter-spacing:.5px;color:#525252}.search__bar__submit{display:block;width:45px;height:45px;background:url(/assets/images/common/icon_magnifier.svg) center no-repeat;background-size:33% auto;border:none;opacity:.7;flex:0 0 auto;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.search__content{display:block;width:100%;background:var(--subBgColor);padding:65px 130px;border-radius:10px;overflow:hidden}.search__content.wow{animation-name:fadeInUp}.search__content__result{display:block;width:100%;font-size:20px;font-family:'NotoSansTC-M';line-height:inherit;letter-spacing:.5px;color:var(--titleColor);text-align:center;margin:0 0 50px 0}.search__content__box{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;width:calc(100% + 30px);margin:0 0 -40px 0}.search__content__box__item{width:calc(20% - 30px);margin:0 30px 40px 0}.search__content__page{display:block;width:100%;border-top:1px solid #ddd;padding:15px 0 0 0;margin:50px 0 0 0}@media screen and (max-width:1450px){.search__content__box__item{width:calc(25% - 30px);margin:0 30px 40px 0}}@media screen and (max-width:1200px){.search__content__box__item{width:calc(33.33% - 30px)}}@media screen and (max-width:991px){.search{padding:50px 0 0 0}.search.c-content{width:100%}.search__bar{width:calc(100% - 50px);margin:0 auto 40px auto}.search__bar__input{height:50px}.search__content{width:100%;padding:65px 25px 120px 25px;border-radius:0}.search__content__result{margin:0 0 40px 0}.search__content__box{width:calc(100% + 30px);margin:0 0 -50px 0}.search__content__box__item{width:calc(33.33% - 30px);margin:0 30px 50px 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.search__bar{width:calc(100% - 40px);margin:0 auto 30px auto}.search__bar__input{height:45px;padding:0 0 0 20px}.search__bar__input::placeholder{font-size:15px;line-height:1.6}.search__bar__submit{right:0}.search__content{padding:50px 20px}.search__content__result{font-size:17px;margin:0 0 25px 0}.search__content__box{width:calc(100% + 15px);margin:0 0 -30px 0}.search__content__box__item{width:calc(50% - 15px);margin:0 15px 30px 0}.search__content__page{margin:30px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}