article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}#breadcrumb,article,img{max-width:100%}body,html,sub,sup{position:relative}a:active,a:hover,input,textarea{outline:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;display:inline-block;text-decoration:none;cursor:pointer}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-family:khula,Arial,"微軟正黑體",sans-serif;font-size:14px;width:100%;min-height:100%;min-height:100vh;line-height:20px;margin:0}label{cursor:pointer}main{font-size:16px}main>.inner{display:flex;flex-wrap:wrap}#breadcrumb,.footer-fixe,.product-aside,aside{display:none}@media (min-width:1025px){aside{display:block;flex:0 0 225px;max-width:225px;width:225px}}article{display:block;flex:0 0 100%;width:100%}@media (min-width:1025px){article{flex-basis:calc(100% - 225px);max-width:calc(100% - 225px);padding-left:30px;width:calc(100% - 225px)}article:first-child{flex-basis:100%;max-width:100%;padding-left:0;width:100%}#breadcrumb{display:block}}#breadcrumb{flex:0 0 100%;width:100%}.sample-article{padding-top:20px}@media (min-width:1025px){.product-aside{display:block;flex:0 0 30%;max-width:30%;width:30%}.sample-article{padding-top:0}}.productView .preview-link{border:1px solid #f5f5f5;display:block;padding-bottom:calc(100% - 2px);position:relative}.productView .preview-link>img{bottom:0;height:calc(100% - 30px);left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:calc(100% - 30px)}.productTitle{color:#404040}.productTitle .title{font-size:17px;line-height:1.5;margin-top:20px}.productTitle .title>a{color:inherit;font:inherit}.productTitle .title>a:hover{text-decoration:underline}.productTitle .pricebox{display:block;font-size:15px;margin-top:25px}.productTitle .price-item{align-items:baseline;display:flex}.productTitle .price-item+.price-item{margin-top:15px}.productTitle .price-item .name{flex:0 0 65px;max-width:65px;text-align-last:justify;width:65px}.productTitle .price-item .price-str{flex:0 0 calc(100% - 65px);font-size:inherit;margin:0;max-width:calc(100% - 65px);padding:0 0 0 15px;width:calc(100% - 65px)}.productTitle .price-item .price-str.font-delete:after{content:none}.productTitle .price-item .price-str.font-insert{color:inherit;font-size:16px}.productTitle .price-item .price-str.font-timer,.productTitle .price-item .price-str>span{color:#df5d5b;font-size:20px;font-weight:700}@media (min-width:1025px){.sample-article{flex:0 0 70%;max-width:70%;padding-left:5%;width:70%}}.sample-article .top-box{align-items:center;display:flex;justify-content:space-between}.sample-article .sample-tag{background:#67b467;color:#fff;display:block;font-size:12px;line-height:25px;text-align:center;width:50px}.sample-article .sample-page{color:#67b467;font-size:15px}.sample-article .title{color:#404040;font-size:22px;line-height:1.5;margin-top:15px}.sample-article .bottom-box{align-items:center;background:#f0f0f0;bottom:0;display:flex;left:0;padding:10px;position:fixed;right:0;z-index:100}@media (min-width:661px){.sample-article .bottom-box{padding-left:15px;padding-right:15px}}@media (min-width:1025px){.sample-article .bottom-box{background:0 0;border-top:1px solid #dcdcdc;justify-content:space-between;padding:30px 0 0;position:static}}.sample-article .page-toback{color:#67b467;font-size:15px}@media (max-width:1024px){.sample-article .page-toback{background:#bdbdbd;border-radius:3px;flex:0 0 40px;font-size:0;line-height:40px;max-width:40px;order:1;position:relative;width:40px}.sample-article .page-toback:after,.sample-article .page-toback:before{background:#fff;border-radius:2px;bottom:0;content:'';display:block;height:2px;left:0;margin:auto;position:absolute;right:0;top:0;width:15px}.sample-article .page-toback:after{transform:rotate(45deg)}.sample-article .page-toback:before{transform:rotate(-45deg)}.page-box{flex:0 0 calc(100% - 40px);max-width:calc(100% - 40px);width:calc(100% - 40px)}}.sample-article .page-toback>a{color:inherit;display:block}#sampleWrap{color:#666;font-size:16px;margin:35px 0 0;padding:0 1em 60px}#sampleWrap p{margin:0}#sampleWrap p+p{margin-top:15px}.page-box{display:flex}.page-box .page,.page-box span{display:none}@media (min-width:1025px){#sampleWrap{padding-left:0;padding-right:8em}.page-box .page,.page-box span{display:block}}.page-box .page.page-arrow,.page-box span.page-arrow{display:block}@media (max-width:1024px){.page-box .page.page-arrow,.page-box span.page-arrow{background:#fff;border:none;border-radius:3px;color:grey;flex:0 0 calc((100% - 20px)/ 2);font-size:15px;line-height:40px;margin:0 10px 0 0;max-width:calc((100% - 20px)/ 2);width:calc((100% - 20px)/ 2)}}.page-box .page.page-arrow .fa,.page-box span.page-arrow .fa{color:#67b467;display:inline-block;font-size:20px;vertical-align:-1px}.page-box .page.page-arrow .fa-angle-left,.page-box span.page-arrow .fa-angle-left{margin-right:15px}.page-box .page.page-arrow .fa-angle-right,.page-box span.page-arrow .fa-angle-right{margin-left:15px}.page-box .page.theme-disabled,.page-box span.theme-disabled{opacity:0;pointer-events:none}@media (min-width:1025px){.page-box .page.page-arrow .fa,.page-box .page.theme-disabled,.page-box span.page-arrow .fa,.page-box span.theme-disabled{display:none}}.productTitle-button{background:#fff;border-top:#f5f5f5 1px solid;bottom:70px;display:flex;flex-wrap:wrap;justify-content:flex-end;left:0;position:fixed;right:0;z-index:100}.productTitle-button .button-wrap{font-size:14px;margin-left:10px}.productTitle-button .with-mobile{flex:0 0 37.5%;max-width:37.5%;width:37.5%}@media (min-width:661px){.productTitle-button .button-wrap{margin-left:20px}.productTitle-button .with-mobile{flex-basis:35%;max-width:35%;width:35%}}@media (min-width:1025px){.productTitle-button{background:0 0;border-top:none;display:block;position:static;z-index:0}.productTitle-button .button-wrap{font-size:16px;margin-left:0}.productTitle-button .button-wrap+.button-wrap{margin-top:15px}.productTitle-button .with-mobile{max-width:none;width:auto}}.productTitle-button .theme-wishlist{flex:0 0 45px;font-size:0;max-width:45px;order:-1;width:45px}@media (min-width:1025px){.productTitle-button .theme-wishlist{font-size:16px;max-width:none;width:auto}}.productTitle-button .button-item{background:0 0;border:1px solid #ccc;border-radius:10px;color:grey;display:block;line-height:38px;margin:0;padding:0 10px;text-align:center;transition:all .25s ease;width:100%}@media (min-width:1025px){.productTitle-button .button-item:hover{background:#f7f7f7}}.productTitle-button .theme-cart{background:#df5d5b;border-color:#df5d5b;color:#fff}@media (min-width:1025px){.productTitle-button .theme-cart:hover{background:#da4341;border-color:#da4341}.productTitle-button button.theme-cart{display:none}}.productTitle-button .theme-sample{background:#67b467;border-color:#67b467;color:#fff}@media (min-width:1025px){.productTitle-button .theme-sample:hover{background:#54ab54;border-color:#54ab54}}.productTitle-button .theme-soldout{background:#e78584;border-color:#e78584;color:#fff}@media (min-width:1025px){.productTitle-button .theme-soldout:hover{background:#e16766;border-color:#e16766}.productTitle-button button.theme-soldout{display:none}}.productTitle-button .theme-offshelf{background:#ccc;border-color:#ccc;color:grey;pointer-events:none}@media (min-width:1025px){.productTitle-button .theme-offshelf:hover{background:#b8b8b8;border-color:#b8b8b8}.productTitle-button button.theme-offshelf{display:none}}.productTitle-button .theme-coming{background:#da4341;border-color:#da4341;color:#fff}@media (min-width:1025px){.productTitle-button .theme-coming:hover{background:#d52c2a;border-color:#d52c2a}.productTitle-button button.theme-coming{display:none}}.productTitle-button .theme-ebook{background:#60a6ee;border-color:#60a6ee;color:#fff}@media (min-width:1025px){.productTitle-button .theme-ebook:hover{background:#4295eb;border-color:#4295eb}.productTitle-button button.theme-ebook{display:none}}@media (max-width:1024px){.productTitle-button a.theme-cart,.productTitle-button a.theme-coming,.productTitle-button a.theme-ebook,.productTitle-button a.theme-offshelf,.productTitle-button a.theme-soldout,.productTitle-button label.theme-cart,.productTitle-button label.theme-coming,.productTitle-button label.theme-ebook,.productTitle-button label.theme-offshelf,.productTitle-button label.theme-soldout{display:none}.productTitle-button .theme-wishlist .button-item{border-color:transparent;line-height:1}}.productTitle-button .icon-book,.productTitle-button .icon-heart{background:center center no-repeat;background-size:100% auto;display:inline-block;height:38px;margin-right:10px;vertical-align:top;width:20px}.productTitle-button .icon-heart{background-image:url(/images/products_detail/icon_hearto_red.svg)}@media (min-width:1025px){.productTitle-button .icon-heart{background-image:url(/images/products_detail/icon_hearto.svg)}}.productTitle-button .click .icon-heart{background-image:url(/images/products_detail/icon_heart_red.svg)}@media (min-width:1025px){.productTitle-button .click .icon-heart{background-image:url(/images/products_detail/icon_heart.svg)}}.productTitle-button .icon-book{background-image:url(/images/products_detail/icon_book.svg)}.productTitle-button .string-box{color:#df5d5b;flex:0 0 100%;font-size:14px;line-height:20px;max-width:100%;order:1;padding:10px 0 0;text-align:right;width:100%}.productTitle-button .string-box+.string-box{padding-top:0}@media (min-width:1025px){.productTitle-button .string-box{margin-bottom:15px;padding-bottom:10px;text-align:left;order:0}.productTitle-button .string-box+.string-box{margin-top:-20px}}.amount-group{border:1px solid #ccc;border-radius:10px;color:grey;display:flex;font-size:15px;height:40px;line-height:38px;overflow:hidden;width:100%}.numberBox .fa-minus,.numberWord{border-right:#ccc 1px solid}.productTitle-group .amount-group{margin-top:25px;max-width:250px}.amount-string{color:grey;font-size:12px;margin:5px 0 0;text-align:right}.amount-warpper .content-body,.numberBox input,.numberWord{text-align:center}.numberWord{flex:0 0 70px;max-width:70px;width:70px}.numberBox{display:flex;flex:0 0 calc(100% - 70px);max-width:calc(100% - 70px);width:calc(100% - 70px)}.numberBox .fa-minus,.numberBox .fa-plus{background:#f7f7f7;cursor:pointer;flex:0 0 40px;font-size:0;max-width:40px;position:relative;transition:all .25s ease;width:40px}@media (min-width:1025px){.numberBox .fa-minus:hover,.numberBox .fa-plus:hover{background:#ebebeb}}.numberBox .fa-minus:after,.numberBox .fa-minus:before,.numberBox .fa-plus:after,.numberBox .fa-plus:before{background:#bdbdbd;border-radius:2px;bottom:0;content:'';display:block;height:2px;left:0;margin:auto;position:absolute;right:0;top:0;width:12px}.numberBox .fa-plus{border-left:#ccc 1px solid}.numberBox .fa-plus:after{transform:rotate(90deg)}.numberBox input{background:0 0;border:none;box-shadow:none;color:#404040;flex:0 0 calc(100% - 80px);font-size:18px;max-width:calc(100% - 80px);width:calc(100% - 80px)}.productTitle-button{margin-top:50px}@media (max-width:1024px){.productTitle-button{display:none}}.amount-warpper{background:rgba(0,0,0,.6);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .25s ease;z-index:500}.amount-warpper.in-active{display:block;opacity:1}.amount-warpper .amount-content{background:#fff;border-radius:10px;bottom:150%;left:0;margin:0 auto;padding:55px 20px 45px;position:absolute;right:0;transform:translateY(50%);transition:bottom .5s ease;width:275px}.amount-warpper.in-active .amount-content{bottom:50%}.amount-warpper .closer{cursor:pointer;font-size:0;height:20px;position:absolute;right:10px;top:10px;width:20px}.amount-warpper .closer:after,.amount-warpper .closer:before{border-top:#999 1px solid;bottom:0;content:'';display:block;height:0;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.amount-warpper .closer:after{transform:rotate(45deg)}.amount-warpper .closer:before{transform:rotate(-45deg)}.amount-warpper .content-head{color:#404040;font-size:18px;left:0;padding:0 20px;position:absolute;top:20px}.amount-warpper .content-body>label{display:block;margin-bottom:20px}.amount-warpper .content-body>label.title-email{margin-bottom:10px;text-align:left}.amount-warpper .content-body .input-email{border:1px solid #bdbdbd;border-radius:8px;box-shadow:none;height:40px;padding:3px 10px;width:100%}.amount-warpper .line .text-smail,.amount-warpper .line>.fa{border-color:#bdbdbd}.amount-warpper .line>.fa{background:#f7f7f7;color:#bdbdbd;flex:0 0 40px;line-height:38px;max-width:40px;padding:0;width:40px}.amount-warpper .line>.fa-plus{border-radius:0 8px 8px 0}.amount-warpper .line>.fa-minus{border-radius:8px 0 0 8px}.amount-warpper .line .text-smail{box-shadow:none;flex:0 0 calc(100% - 80px);max-width:calc(100% - 80px);width:calc(100% - 80px)}.amount-warpper .limit{color:grey;display:block;font-size:12px;margin-top:10px}.amount-warpper .button-group{display:flex;justify-content:space-between;margin-top:25px}.amount-warpper .button-group .btn{background:0 0;border:1px solid #df5c5b;border-radius:10px;color:#df5c5b;display:block;flex:0 0 calc(50% - 5px);font-size:14px;line-height:38px;max-width:calc(50% - 5px);padding:0 10px;transition:all .25s ease;width:calc(50% - 5px)}.amount-warpper .button-group .btn:hover{border-color:#da4241;color:#da4241}.amount-warpper .button-group .btn:focus{box-shadow:none;outline:0}.amount-warpper .button-group .btn:only-of-type{margin:0 auto}.amount-warpper .button-group .btn-full{background:#df5c5b;color:#fff}.amount-warpper .button-group .btn-full:hover{background:#da4241;color:#fff}