@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){}
.p-index__content::before{content:'';position:absolute;top:0;right:0;display:block;width:100%;height:100%;background:var(--subBgColor)}.p-index__content:nth-child(even)::before{display:none}.p-index__content:nth-child(odd) .slick-prev.slick-disabled,.p-index__content:nth-child(odd) .slick-next.slick-disabled{background-color:#e5e5e5}.banner{display:block;width:100%;height:100vh;min-height:800px;background:var(--mainColor);overflow:hidden}.banner__box{display:block;width:100%;height:100%}.banner__box .slick-list,.banner__box .slick-track{height:100%}.banner__box .slick-dotsLine{position:absolute;top:0;left:50px}.banner__box__item{display:flex;align-items:center;align-content:center;justify-items:flex-start;align-content:flex-start;width:100%;height:100%}.banner__box__item.slick-slide{display:flex}.banner__box__item__bg{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:81.25%;max-width:calc(100% - 100px);height:100%}.banner__box__item__bg::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.35)}.banner__box__item__bg img,.banner__box__item__bg video{object-fit:cover;object-position:center;height:100%}.banner__box__item__bg .pad,.banner__box__item__bg .mb{display:none}.banner__box__item__content{display:block;width:100%;margin:0 auto 0 max(50px,calc(50% - 910px));padding:0 0 0 55px;color:#fff;flex:0 1 auto;z-index:10}.banner__box__item__content__title{display:block;width:100%;font-size:68px;line-height:1;color:inherit;font-family:'NotoSansTC-M';letter-spacing:.3px}.banner__box__item__content__text{display:block;width:100%;margin:25px 0 0 0;font-size:18px;line-height:1.6;color:inherit;font-family:'NotoSansTC-M';letter-spacing:.5px}.banner__box__item__content__bt{max-width:140px;margin:30px 0 0 0}.banner__box__item__book{display:block;width:300px;margin:0 max(50px,calc(50% - 790px)) 0 30px;flex:0 0 auto}.banner__box__item__book__pic{display:block;width:100%}.banner__box__item__book__link{display:block;width:100%;margin:15px 0 0 0;font-size:18px;line-height:1.6;color:#fff;font-family:'NotoSansTC-M';transition:opacity .4s ease-in-out;flex:0 1 auto}.banner__box__item__book__link[href]::after{content:'';position:relative;top:-2px;display:inline-block;vertical-align:middle;width:20px;height:20px;margin:0 0 0 15px;border-radius:50%;background:url(/assets/images/common/icon_arrow_next_orange.svg) 55% center no-repeat #fff;background-size:auto 50%;overflow:hidden}.banner__box__item__book__link[href]:hover{opacity:.7}.index{display:block;width:100%}.index .c-content{display:block;width:calc(100% - 120px);max-width:1580px;margin:0 auto}.index__category{display:block;width:100%}.index__category__inner{padding:100px 0 120px 0}.index__category__inner.c-content{max-width:1280px}.index__category__inner__title{margin:0 0 60px 0}.index__category__inner__title.wow{animation-name:fadeInUp}.index__category__inner__content{display:flex;justify-content:center;justify-items:center;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;width:calc(100% + 70px);margin:0 0 -40px 0}.index__category__inner__content__item{display:block;width:calc((100% / 6) - 70px);margin:0 70px 40px 0;text-align:center}.index__category__inner__content__item.wow{animation-name:fadeInUp}.index__category__inner__content__item__iconBox{display:block;width:100%}.index__category__inner__content__item__iconBox__icon{display:block;width:100%;border-radius:50%;padding:100% 0 0 0}.index__category__inner__content__item__iconBox__icon::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:120%;height:120%;border-radius:50%;background:radial-gradient(ellipse at center,#f1f1f1 calc(63% - .5px),#f7f7f7 calc(63% + .5px)) #f7f7f7;pointer-events:none}.index__category__inner__content__item__iconBox__icon::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:10px 10px 15px rgba(24,34,50,.05);pointer-events:none}.index__category__inner__content__item__iconBox__icon img{object-fit:contain;object-position:center;width:38%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.index__category__inner__content__item__title{display:block;width:120%;font-size:18px;font-family:'NotoSansTC-M';line-height:1.7;letter-spacing:.5px;color:#525252;margin:35px 0 0 0;transition:color .4s ease-in-out;left:50%;transform:translateX(-50%)}.index__category__inner__content__item:hover .index__category__inner__content__item__title{color:#000}.index__category__inner__content__item__link{width:120%;left:50%;transform:translateX(-50%)}.index__news{display:block;width:100%}.index__news__inner{padding:90px 0 150px 0}.index__news__inner__head{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%;margin:0 0 50px 0}.index__news__inner__head.wow{animation-name:fadeInUp}.index__news__inner__head__link{max-width:185px;margin:5px 0 0 20px;flex:0 0 auto}.index__news__inner__content{display:block;width:100%}.index__book{display:block;width:100%;padding:100px 0;overflow:hidden}.index__book.p-index__content::before{width:calc(100% - 50px);border-radius:50px 0 0 50px}.index__book__inner__head{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:calc(100% - 160px);max-width:1320px;margin:0 auto 45px auto}.index__book__inner__head.wow{animation-name:fadeInUp}.index__book__inner__head__link{max-width:185px;margin:5px 0 0 20px;flex:0 0 auto}.index__book__inner__body{display:block;width:calc(100% - 160px);max-width:1320px;margin:0 auto}.index__book__inner__body.wow{animation-name:fadeInUp}.index__book__inner__body__box{left:-17.5px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 35px)}.index__book__inner__body__box .slick-prev{left:max(calc(50% - 50vw + 70px),calc(50% - 790px))}.index__book__inner__body__box .slick-next{right:max(calc(50% - 50vw + 70px),calc(50% - 790px))}.index__book__inner__body__box .slick-list{padding:20px 0 0 0;overflow:visible}.index__book__inner__body__box__item{width:calc(25% - 35px);margin:0 17.5px;flex:0 0 auto}.index__book__inner__body__box__item.slick-slide{opacity:0;pointer-events:none}.index__book__inner__body__box__item.slick-slide.slick-active{opacity:1;pointer-events:all}@media screen and (max-width:1300px){.index__book.p-index__content::before{width:calc(100% - 25px)}.index__book__inner__head{width:100%}.index__book__inner__body{width:100%}.index__book__inner__body__box{left:-10px;width:calc(100% + 20px)}.index__book__inner__body__box .slick-prev{left:max(calc(50% - 50vw + 15px),calc(50% - 790px))}.index__book__inner__body__box .slick-next{right:max(calc(50% - 50vw + 15px),calc(50% - 790px))}.index__book__inner__body__box__item{width:calc(33.33% - 20px);margin:0 10px}}@media screen and (max-width:1200px){.index__category__inner.c-content{max-width:600px}.index__category__inner__content__item{width:calc(33.33% - 70px)}}@media screen and (max-width:991px){.banner{background:#333}.banner__box .slick-dotsLine{left:25px;height:calc(100% - 120px)}.banner__box__item__bg{width:100%;max-width:none}.banner__box__item__bg .pc{display:none}.banner__box__item__bg .pad{display:block}.banner__box__item__content{width:calc(100% - 120px);margin:-7% auto 0 auto;padding:0}.banner__box__item__content__title{font-size:62px;line-height:1.1;letter-spacing:.5px}.banner__box__item__content__text{margin:10px 0 0 0;font-size:16px}.banner__box__item__content__bt{margin:25px 0 0 0}.banner__box__item__book{position:absolute;bottom:0;left:0;width:100%;margin:0;padding:40px 60px}.banner__box__item__book::before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:var(--mainColor)}.banner__box__item__book__pic{position:absolute;bottom:40px;right:60px;width:40%;max-width:245px}.banner__box__item__book__link{width:calc(60% - 15px);max-width:min(50%,calc(100% - 260px));min-height:90px;margin:0 0 20px 0}.index__news__inner{padding:90px 0 120px 0}.index__book.p-index__content::before{width:100%;border-radius:0}.index__book__inner__head{margin:0 auto 20px auto}.index__book__inner__body{width:calc(100% + 60px);max-width:none;margin:0;overflow:hidden}.index__book__inner__body__box{left:0;width:100%;overflow:hidden}.index__book__inner__body__box__item{width:250px;margin:0 35px 0 0}.index__book__inner__body__box__item.slick-slide{opacity:1;pointer-events:all}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.banner{height:calc(100vh - 50px);min-height:500px;margin:50px 0 0 0}.banner__box .slick-dotsLine{left:20px;height:calc(100% - 130px)}.banner__box__item__bg{height:calc(100% - 130px)}.banner__box__item__bg .pad{display:none}.banner__box__item__bg .mb{display:block}.banner__box__item__content{width:calc(100% - 80px);margin:-25% auto 0 auto}.banner__box__item__content__title{font-size:45px}.banner__box__item__content__text{margin:0;font-size:15px}.banner__box__item__content__bt{margin:15px 0 0 0}.banner__box__item__book{padding:20px 20px 30px 20px}.banner__box__item__book__pic{bottom:40px;right:20px;width:calc(50% - 30px);max-width:155px}.banner__box__item__book__link{width:calc(100% - 170px);max-width:none;min-width:50%;min-height:80px;margin:0 0 10px 0}.index .c-content{width:calc(100% - 40px)}.index__category__inner.c-content{max-width:340px;padding:70px 20px}.index__category__inner__title{margin:0 0 40px 0}.index__category__inner__content{width:calc(100% + 50px);margin:0 0 -30px 0}.index__category__inner__content__item{width:calc(50% - 50px);margin:0 50px 30px 0}.index__category__inner__content__item__title{font-size:16px;margin:20px 0 0 0}.index__news__inner{padding:60px 0 100px 0}.index__news__inner__head{margin:0 0 40px 0}.index__news__inner__head__link{max-width:155px}.index__book{padding:80px 0 70px 0}.index__book__inner__head{margin:0 auto 15px auto}.index__book__inner__head__link{max-width:155px}.index__book__inner__body{width:calc(100% + 20px)}.index__book__inner__body__box__item{width:155px;margin:0 25px 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){@media screen and (max-width:991px){.banner{height:calc(100vh - 30px)}}@media screen and (max-width:575px){.banner{height:calc(100vh - 130px)}}}