:root{--title-text-color: #333333;--sub-title-text-color: #808080;--desc-text-color: #FF0000;--header-text-color: #ffffff;--header-bg-color: #FF9000;--navbar-border-color: #FF9000;--navbar-selected-text-color: #FFFFFF;--navbar-selected-bg-color: #ED5504;--navbar-unselected-text-color: #333333;--navbar-unselected-bg-color: #FFFFFF}html,body,*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden;margin:0 auto;color:#333;font-family:"Roboto","Noto Sans TC","微軟正黑體",sans-serif;max-width:575px}ul,dt,dd,dl,p{margin:0;padding:0;list-style:none;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}a{position:relative;display:inline-block;-webkit-transition:.5s;transition:.5s;text-decoration:none;color:inherit}a:hover,a:active{text-decoration:none;color:inherit}figure{margin:0;padding:0}img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none}[v-cloak]{display:none}.btn:focus{-webkit-box-shadow:none;box-shadow:none}.btn-outline-theme{border-color:var(--navbar-border-color, #f39939);background-color:var(--header-text-color, #f39939);color:var(--header-bg-color, #f39939);border-width:1.5px;font-weight:bold}.btn-theme{border-color:var(--navbar-border-color, #f39939);background-color:var(--header-bg-color, #f39939);color:var(--header-text-color, #f39939);border-width:1.5px;font-weight:bold}#app{margin:0;padding:0;font-family:"Noto Sans TC",Helvetica,"Microsoft JhengHei",Arial,sans-serif;width:100%;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.cp__container{width:100%;height:100vh}.cp__container .top{width:100%}.cp__container .tab-content{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.cp__container .header{width:100%;position:relative;padding:20px;color:var(--header-text-color, #fff);background:var(--header-bg-color, #f39939);display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.cp__container .header-tab{background:var(--navbar-unselected-bg-color, #fff);display:-ms-flexbox;display:-webkit-box;display:flex;border-bottom:1px solid var(--navbar-border-color, #f39939);font-size:15px}.cp__container .header-tab a{display:block;text-align:center;color:inherit;padding:6px 14px;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;color:var(--navbar-unselected-text-color, #333)}.cp__container .header-tab a:not(:last-of-type){border-right:1px solid var(--navbar-border-color, #f39939)}.cp__container .header-tab a.active{background:var(--navbar-selected-bg-color, #ed6c00);color:var(--navbar-selected-text-color, #fff)}.cp__container .reload__container{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cp__container .reload__container>svg{width:20px;height:20px}.cp__container .coupon__wrapper{padding:15px}.cp__container .coupon-collapse__btn{width:100%;border-radius:0;margin-bottom:1rem;padding:10px 8%;font-size:1.3rem;font-weight:600;letter-spacing:2px;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;text-align:left;position:relative}.cp__container .coupon__btn__bar{width:10px;height:100%;position:absolute;top:0;left:0}.cp__container .coupon__item{width:100%;display:-ms-flexbox;display:-webkit-box;display:flex;position:relative;overflow:hidden;margin-bottom:15px;display:flex}.cp__container .coupon-used__item{pointer-events:none;-webkit-filter:grayscale(0.9);filter:grayscale(0.9);color:#a59a9e}.cp__container .coupon-invalid__item{pointer-events:none;-webkit-filter:grayscale(1) opacity(0.5);filter:grayscale(1) opacity(0.5);color:#9d9d9d}.cp__container .coupon__tb,.cp__container .coupon__bb{width:24px;height:24px;position:absolute;right:28px;border-radius:100%;background:#fff;z-index:3;border:1px solid}.cp__container .coupon__tb{top:-12px}.cp__container .coupon__bb{bottom:-12px}.cp__container .coupon__dashed{border:2px dashed;height:100%;position:absolute;top:0;right:37px;z-index:2}.cp__container .coupon__intro{border:1px solid;position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff}.cp__container .coupon__intro__bar{width:10px;height:100%;background:var(--active-bg-color)}.cp__container .coupon__intro__img{width:35%;height:100%;padding:3%}.cp__container .coupon__intro__img>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cp__container .coupon__intro__text{width:65%;height:100%;padding:3% 3% 3% 1%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.cp__container .coupon__it__top{-webkit-box-flex:2;-ms-flex:2;flex:2;width:100%}.cp__container .coupon__it__title{line-height:1.2;font-size:16px;color:#333}.cp__container .coupon__it__desc,.cp__container .coupon__it__udesc{line-height:1.2;font-size:16px}.cp__container .coupon__it__desc{color:gray}.cp__container .coupon__it__udesc{color:red}.cp__container .coupon__it__date{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;margin-top:5px;line-height:1.2;color:#333}.cp__container .coupon__btn{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;padding:15px 6px 15px 6px;text-align:center;letter-spacing:1px;position:relative;width:38px}.cp__container .coupon__btn>span{font-size:.7rem}.cd__container{background:#fff;width:100%;height:100%;position:fixed;top:0;left:0;z-index:5;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.cd__container .top{width:100%}.cd__container .top .header{width:100%;padding:20px;color:var(--header-text-color, #fff);background:var(--header-bg-color, #f39939);display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.cd__content{width:100%;height:100%;overflow-y:scroll}.cd__img{width:90%;margin:0 auto}.cd__img.barcode{margin:.5rem auto;width:100%;height:120px}.cd__img.barcode>#barcode{width:100%;height:120px;display:block;margin:0 auto}.cd__title{font-weight:bolder;text-align:center;margin:15px 0;font-size:1.5rem}.cd__notes,.cd__validdate{font-size:.9rem;letter-spacing:0;line-height:1.3;text-align:justify}.cd__validdate{text-align:left;word-break:break-word}.cd__title_notices{word-break:break-word;text-align:center}.cd__notices{font-size:.9rem;letter-spacing:0;line-height:1.3;text-align:justify;word-break:break-word}.coupon-invalid{-webkit-filter:grayscale(0.9);filter:grayscale(0.9);color:#000}.fade-enter{opacity:0}.fade-enter-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-leave-to{opacity:0}.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.loading__container{width:100%;height:100%;position:relative}.loading__spinner{color:#29abe2;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto}.loading__text{height:100%;color:#29abe2;font-size:14px;margin-top:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.modal__container{width:100%;height:100%;background:rgba(0,0,0,.3);z-index:10;position:fixed;top:0;left:0}.modal__spinner{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto}.modal__content{width:calc(100vw - 80px);min-height:160px;max-height:calc(100vh - 300px);position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:20px;background-color:#fff;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.coupon-page__container{width:100%;height:100%}