@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@400;600;700&family=Playfair+Display:wght@500;700&display=swap";i.font-icon,.magazine-overview ul li i.preview::before{display:block;overflow:hidden}#toast{display:block;position:fixed;z-index:99999;background-color:#000;color:#fff;top:0;left:50%;font-size:12pt;padding:10px;min-width:300px;text-align:center;border-radius:6px;line-height:1.5em;box-shadow:3px 3px 1px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translate(-50%, 0)}#toast.show{animation:toast-show 3s ease-in-out}@keyframes toast-show{0%{visibility:visible}10%{opacity:1;transform:translate(-50%, 100px)}90%{opacity:1;transform:translate(-50%, 100px)}}@font-face{font-family:"icon";src:url("../fonts/icon.woff2?ow1S") format("woff2"),url("../fonts/icon.woff?M35b") format("woff"),url("../fonts/icon.ttf?5Ob-") format("truetype");font-display:block;font-style:normal}.font-icon,.magazine-overview ul li .preview::before{font-family:icon;font-weight:normal;font-style:normal;vertical-align:middle}.font-icon::before,.magazine-overview ul li .preview::before,.font-icon::after{display:inline;vertical-align:middle;line-height:1em}.magazine-overview ul li .preview::before{content:""}.shop-cover{margin-bottom:100px}.shop-cover.other>div .text h3,.shop-cover.other>div .text h2{font-size:2.5em;line-height:57px}@media screen and (max-width: 1200px){.shop-cover.other>div .text h3,.shop-cover.other>div .text h2{font-size:1.875em;line-height:40px}}.shop-cover.other>div .text p{color:#000;font-size:1.125em;line-height:26px}@media screen and (max-width: 1200px){.shop-cover.other>div .text p{font-size:1em}}.shop-cover.other>div .text .price{color:#000}.shop-cover .magazine-page{padding:0;list-style:none;display:flex;width:200px;justify-content:space-between;margin:15px auto 0 auto}.shop-cover .magazine-page li a{color:#000}.shop-cover .magazine-page li a:hover{text-decoration:none}.shop-cover .magazine-page li a i{display:inline-block}@media screen and (max-width: 800px){.shop-cover{margin-bottom:50px}}.shop-cover>div{display:flex;align-items:center}@media screen and (max-width: 800px){.shop-cover>div{display:block}}.shop-cover>div figure{width:40%;margin:0;box-sizing:border-box}@media screen and (max-width: 800px){.shop-cover>div figure{width:100%}}.shop-cover>div figure>div{padding-top:60%;background-size:contain;background-repeat:no-repeat;background-position:center;width:240px;margin:auto}.shop-cover>div .text{width:60%;padding:0 0px 0 20px;box-sizing:border-box}@media screen and (max-width: 800px){.shop-cover>div .text{width:100%;padding:15px 20px;text-align:center}}.shop-cover>div .text b{font-size:1.5em;color:#d9305d;font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif}@media screen and (max-width: 1200px){.shop-cover>div .text b{font-size:1.25em}}@media screen and (max-width: 1000px){.shop-cover>div .text b{font-size:1.125em}}.shop-cover>div .text h3,.shop-cover>div .text h2{font-size:3.125em;line-height:72px;margin:10px 0;font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;font-weight:600}@media screen and (max-width: 1200px){.shop-cover>div .text h3,.shop-cover>div .text h2{font-size:1.875em;line-height:40px}}@media screen and (max-width: 1000px){.shop-cover>div .text h3,.shop-cover>div .text h2{font-size:1.75em}}@media screen and (max-width: 800px){.shop-cover>div .text h3,.shop-cover>div .text h2{margin-bottom:15px}}.shop-cover>div .text p{font-size:1.25em;color:#4b4b4b;font-weight:400;line-height:30px;margin-bottom:25px}@media screen and (max-width: 1200px){.shop-cover>div .text p{font-size:1em;margin-bottom:10px;line-height:25px}}.shop-cover>div .text ul,.shop-cover>div .text ol{box-sizing:border-box;margin:25px 0}@media screen and (max-width: 1200px){.shop-cover>div .text ul,.shop-cover>div .text ol{margin:10px 0}}.shop-cover>div .text ul li,.shop-cover>div .text ol li{font-size:1.25em;color:#4b4b4b;font-weight:400;line-height:30px}@media screen and (max-width: 1200px){.shop-cover>div .text ul li,.shop-cover>div .text ol li{font-size:1em;line-height:25px}}.shop-cover>div .text .price{text-align:right;color:#d9305d;font-weight:bold;font-size:1.25em}.shop-cover>div .text .price i{font-style:normal;font-size:2.5em}@media screen and (max-width: 1200px){.shop-cover>div .text .price{font-size:.9em}.shop-cover>div .text .price i{font-size:1.7em}}.shop-cover>div .text .price .original{display:inline-block;color:#adb4bf;font-size:.9em;text-decoration:line-through;margin-left:10px;vertical-align:25px}@media screen and (max-width: 1200px){.shop-cover>div .text .link-frame .link-style{margin-top:10px}}@media screen and (max-width: 800px){.shop-cover>div .text .link-frame .link-style{margin-top:30px}}.product-all{max-width:1440px;padding:0 20px;box-sizing:border-box;width:100%;margin:150px auto auto auto;display:flex}.product-all aside{width:20%;position:relative}.product-all aside>div{position:sticky;top:100px}@media screen and (max-width: 800px){.product-all aside{display:none}}.product-all aside .h4{font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;font-size:1.5em;font-weight:bold;margin:30px 0 0 0;display:block}.product-all aside .h4:nth-child(1){margin-top:0}.product-all aside .h4 a{color:#000;text-decoration:none}.product-all aside .h4 a:hover{color:#d9305d}.product-all aside .h4.active a{color:#d9305d}.product-all aside ul{padding-left:10px;list-style:none;box-sizing:border-box;margin:10px 0 0 0}.product-all aside ul li.active a{color:#d9305d}.product-all aside ul li a{color:#000;padding:10px 0;box-sizing:border-box;text-decoration:none;display:inline-block;font-size:1.125em;font-weight:400}.product-all aside ul li a:hover{color:#d9305d}.product-all>section{width:80%;box-sizing:border-box;padding-left:20px}@media screen and (max-width: 800px){.product-all>section{width:100%;margin:auto;padding-left:0}}.product-all>section>form{display:flex;margin:0 0 50px auto;justify-content:flex-end;align-items:center}.product-all>section>form select{width:150px;height:45px;padding:0 30px 0 20px;box-sizing:border-box;border-radius:23px;color:#000;background:url(../img/select-arrow.png?WP0F) right 10px center no-repeat;background-color:#fff;background-size:18px 11px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.product-all>section .item-box{display:flex;flex-wrap:wrap}.product-all>section .item-box>div{width:25%;box-sizing:border-box;margin-bottom:50px;padding:10px}@media screen and (max-width: 1200px){.product-all>section .item-box>div{width:50%}}.product-all>section .item-box>div>a{display:block;color:#000;text-decoration:none}.product-all>section .item-box>div:hover figure>div{transform:scale(1.2);transition:transform 2s ease}.product-all>section .item-box>div figure{width:100%;margin:0;box-sizing:border-box;overflow:hidden}.product-all>section .item-box>div figure>div{padding-top:100%;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform 2s ease}.product-all>section .item-box>div .text{width:100%;box-sizing:border-box;text-align:center}.product-all>section .item-box>div .text h3{font-size:1.125em;line-height:26px;margin:10px 0;font-weight:400}.product-all>section .item-box>div .text .price{color:#d9305d;font-weight:500;font-size:.875em;display:flex;align-items:flex-start}.product-all>section .item-box>div .text .price .original{display:inline-block;color:#adb4bf;font-size:1em;text-decoration:line-through;margin-left:10px}.product-all .magazine-overview{width:80%;box-sizing:border-box}@media screen and (max-width: 800px){.product-all .magazine-overview{width:100%;margin:auto}}.book-title{font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;font-size:1.5em;font-weight:bold;margin:30px 0 0 0;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,.5)}.edit-block h3{font-family:"Noto Sans TC","Microsoft JhengHei","LiHei Pro Medium",sans-serif;font-size:1.125em;margin:0 0 5px 0;font-weight:500}.magazine-overview h3{background:#555454;font-size:1.25em;font-weight:500;color:#fff;margin:auto;display:inline-block;padding:6px 7px;margin-bottom:5px}.magazine-overview h4{font-size:1em;margin:10px 0}.magazine-overview ul{list-style:none;padding-left:0;margin-bottom:30px}.magazine-overview ul li{border-bottom:2px solid rgba(226,226,226,.5);padding:20px 0}.magazine-overview ul li:nth-child(1){padding-top:0}.magazine-overview ul li .preview{color:#d9305d;font-size:1em;display:block;margin-bottom:10px}.magazine-overview ul li .preview::before{font-size:.75rem;margin-right:10px}.magazine-overview ul li p{font-size:1.25em;font-weight:400;margin:0;flex:1 0;line-height:30px}.magazine-overview ul li a{font-weight:400;display:block;color:#000;text-decoration:none}.magazine-overview ul li a i{display:inline-block;color:#fff;background:#d9305d;font-style:normal;font-size:.778em;border-radius:3px;padding:0 10px;height:30px;line-height:30px;margin-bottom:5px;box-sizing:border-box}.magazine-overview ul li a .sub-down,.magazine-overview ul li a .sub-top{display:block;margin:5px 0;font-size:1em}.magazine-overview ul li a .author{font-size:1em;color:#8e8e8e;font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;font-weight:300}.shop-note{text-align:center;width:48%;margin-left:auto;margin-top:10px}.sort-switch{display:flex;justify-content:flex-end;margin-bottom:20px}.sort-switch a{color:#000;display:inline-block;margin-left:20px}.sort-switch a i{display:inline-block;margin-right:5px}.sort-switch a span{display:inline-block;font-size:.875em}.sort-switch a.active{color:#e6587e}@media only screen and (max-width: 600px){.bookcase-pc{display:none}}.bookcase-pc a{display:block}.bookcase-pc a img{width:100%}@media(min-width: 600px){.bookcase-mob{display:none}}.bookcase-mob a{display:block}.bookcase-mob a img{width:100%}