@media only screen and (max-width:500px){@-webkit-keyframes move-bg{0%{background-position-x:0}100%{background-position-x:80vw}}@keyframes move-bg{0%{background-position-x:0}100%{background-position-x:80vw}}}@media only screen and (min-width:501px) and (max-width:900px){@-webkit-keyframes move-bg{0%{background-position-x:0}100%{background-position-x:85vw}}@keyframes move-bg{0%{background-position-x:0}100%{background-position-x:85vw}}}@media only screen and (min-width:900px){@-webkit-keyframes move-bg{0%{background-position-x:0}100%{background-position-x:82vw}}@keyframes move-bg{0%{background-position-x:0}100%{background-position-x:82vw}}}body{font-family:Microsoft JhengHei;background:#f0f4fa}.container{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:center;-ms-flex-align:center;align-items:center;max-width:950px;margin:0 auto}.header h3{margin:0;padding:0;margin-top:40px;color:#4a4a4a;font-size:15px;text-align:center}.qrcode{width:80%;margin:0 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:center;-ms-flex-align:center;align-items:center}.qrcode__img-wrap{width:168px;height:168px;position:relative}.qrcode__img-wrap img{position:absolute;width:100%}.qrcode__code-block{width:152px;border:1px solid #94a3ae;border-radius:4px;color:#000;font-size:16px;font-weight:900;text-align:center;padding:10px 0}.qrcode__description{color:#75848e;font-size:12px;width:210px;text-align:center;margin-top:16px;margin-bottom:40px;line-height:1.7}.drawer__item{-webkit-box-shadow:2px 2px 2px 0 #cccccc40;box-shadow:2px 2px 2px 0 #cccccc40;margin-bottom:8px}.drawer__item__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;border-radius:4px;height:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px}.drawer__item__card .group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.drawer__item__card .group div:first-child{margin-right:8px}.drawer__item__card__title{font-size:15px;font-weight:900;color:#4a4a4a}.drawer__item__card__count{font-size:14px;color:#929292}.drawer__item__card__arrow{width:16px;height:16px;background-image:url(../images/bill/ico/arrow_expand@2x.png);background-position:center;background-size:cover}.drawer__item__card__arrow--collapse{background-image:url(../images/bill/ico/arrow_collapse@2x.png)}.drawer__item__card .card__icon{width:32px;height:32px;background-position:center;background-size:cover}.drawer__item__card .card__icon img{width:100%}.drawer__item__detail--hidden{display:none}.drawer__item__detail__content{background:#fff;border-top:.5px solid #dadcde;padding:16px}@media screen and (max-width:320px){.drawer__item__detail__content{padding:12px}}.drawer__item__detail__content__info{position:relative;overflow:hidden}.drawer__item__detail__content__info::after{content:'';display:table;clear:both}.drawer__item__detail__content__info .group--left{float:left;padding-left:12px;width:100%}.drawer__item__detail__content__info .group--left--35aaff{border-left:4px solid #35aaff}.drawer__item__detail__content__info .group--left--65ca56{border-left:4px solid #65ca56}.drawer__item__detail__content__info .group--left--ffce1e{border-left:4px solid #ffce1e}.drawer__item__detail__content__info .group--left--2e85ea{border-left:4px solid #2e85ea}.drawer__item__detail__content__info .group--left--ff4145{border-left:4px solid #ff4145}.drawer__item__detail__content__info .group--left--9672ff{border-left:4px solid #9672ff}.drawer__item__detail__content__info .group--right{float:right;position:absolute;right:0}.drawer__item__detail__content__info__title{color:#4a4a4a;font-size:14px;font-weight:100;margin:0;margin-bottom:4px;max-width:92%}@media screen and (max-width:1000px){.drawer__item__detail__content__info__title{max-width:88%}}@media screen and (max-width:767px){.drawer__item__detail__content__info__title{max-width:77%}}@media screen and (max-width:320px){.drawer__item__detail__content__info__title{max-width:70%}}.drawer__item__detail__content__info__time{color:#ea5356;font-size:14px;margin:0;margin-bottom:20px}.drawer__item__detail__content__info__amount{color:#4a4a4a;font-size:14px;margin:0}.drawer__item__detail__content__info__pay-btn{width:65px;height:26px;color:#75848e;font-size:12px;font-weight:900;border:1px solid #94a3ae;border-radius:4px;background:#fff}.drawer__item__detail__content__info__pay-btn--paid{background-color:#999;color:#fff}.drawer__item__detail__content__info__price{color:#4a4a4a;font-size:18px;font-weight:900;margin:0}.drawer__item__detail__content__pannel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 6px;padding-bottom:0}.drawer__item__detail__content__pannel .group{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:400px){.drawer__item__detail__content__pannel{padding:20px 0}}.drawer__item__detail__content__pannel__button{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}.drawer__item__detail__content__pannel__button:not(:first-child){margin-left:15px}@media screen and (max-width:400px){.drawer__item__detail__content__pannel__button:not(:first-child){margin-left:10px}}@media screen and (max-width:320px){.drawer__item__detail__content__pannel__button:not(:first-child){margin-left:3px}}.drawer__item__detail__content__pannel__button__title{color:#75848e;font-size:12px}.drawer__item__detail__content__pannel__button .button__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-position:center;background-size:cover;width:24px;height:24px}.drawer__item__detail__content__pannel__button .button__icon .fontello-icon{font-family:fontello;font-style:normal;font-weight:400;color:#94a3ae;font-size:21px}.drawer__item__detail__content__pannel__button .button__icon img{width:100%}.drawer__item__detail__barcode{display:none;background:#f9fbfd;padding:0}.drawer__item__detail__barcode--show{display:block}.drawer__item__detail__barcode__img{padding-bottom:16px}.drawer__item__detail__barcode__img:first-child{padding-top:24px;padding-bottom:14px}.drawer__item__detail__barcode__img img{display:block;width:70%;margin:0 auto}.drawer__item__detail__barcode__img .barcode-seq{text-align:center;font-size:16px}.barcode-popup{position:fixed;width:100%;height:100%;z-index:9999;background:#676767;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;background:#e3e3e3;text-align:center;font-size:22px}.barcode-popup--show{display:-webkit-box;display:-ms-flexbox;display:flex}.barcode-popup__card{position:relative;background:#fff;border-radius:8px;width:77%;padding:0 16px}.barcode-popup__card__exit-btn{position:absolute;top:24px;right:24px}.barcode-popup__card__exit-btn img{width:16px;height:16px}.barcode-popup__card__content h3{margin:0;margin-top:40px;margin-bottom:8px;color:#222;font-size:16px;font-weight:900}.barcode-popup__card__content p{margin:0;color:#666;font-size:15px;font-weight:900;text-align:justify}.barcode-popup__card__content p:not(:first-child){margin-top:5px}.barcode-popup__img{-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.barcode-popup__img img{display:block;margin:0 auto;width:100%;max-width:100%}.barcode-popup__exit-btn{position:fixed;bottom:32px;right:32px}.barcode-popup__exit-btn img{width:24px;height:24px}.description-popup{position:fixed;width:100%;height:100%;z-index:9999;background:#676767;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0}.description-popup--show{display:-webkit-box;display:-ms-flexbox;display:flex}.description-popup__card{position:relative;background:#fff;border-radius:8px;width:77%;padding:0 16px}.description-popup__card__exit-btn{position:absolute;top:24px;right:24px}.description-popup__card__exit-btn img{width:16px;height:16px}.description-popup__card__content h3{margin:0;margin-top:40px;margin-bottom:8px;color:#222;font-size:16px;font-weight:900}.description-popup__card__content p{margin:0;color:#666;font-size:15px;font-weight:900;text-align:justify}.description-popup__card__content p:not(:first-child){margin-top:5px}.description-popup__card__confirm-btn{margin:24px 0;color:#fff;font-size:15px;background:#45af35;border:0;border-radius:8px;width:100%;padding:10px}.confirm-popup{position:fixed;width:100%;height:100%;z-index:9999;background:#676767;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0}.confirm-popup--show{display:-webkit-box;display:-ms-flexbox;display:flex}.confirm-popup__card{position:relative;background:#fff;border-radius:8px;width:77%;padding:0 16px}.confirm-popup__card__exit-btn{position:absolute;top:24px;right:24px}.confirm-popup__card__exit-btn img{width:16px;height:16px}.confirm-popup__card__content h3{margin:0;margin-top:40px;margin-bottom:8px;color:#222;font-size:16px;font-weight:900}.confirm-popup__card__content p{margin:0;color:#666;font-size:15px;font-weight:900;text-align:justify}.confirm-popup__card__content p:not(:first-child){margin-top:5px}.confirm-popup__card{width:65%;padding:12px}.confirm-popup__card h3{text-align:center;margin:12px 0;margin-top:0;font-size:18px}.confirm-popup__card p{text-align:center;color:#5f5f5f;padding:15px 0;padding-top:10px}.confirm-popup__card .group{padding-right:10px;padding-left:10px}.confirm-popup__card__cancel-btn{margin:0;color:#828282;font-size:15px;background:#fff;border:0;border-radius:8px;width:100%;padding:10px}.confirm-popup__card__cancel-btn:active{background:#c6c6c6}.confirm-popup__card__confirm-btn{margin:0;color:#fff;font-size:15px;background:#ff4145;border:0;border-radius:8px;width:100%;padding:10px}.preview-popup{position:fixed;width:100%;height:100%;z-index:9999;background:#676767;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;background:#00000085}.preview-popup--show{display:-webkit-box;display:-ms-flexbox;display:flex}.preview-popup__card{position:relative;background:#fff;border-radius:8px;width:77%;padding:0 16px}.preview-popup__card__exit-btn{position:absolute;top:24px;right:24px}.preview-popup__card__exit-btn img{width:16px;height:16px}.preview-popup__card__content h3{margin:0;margin-top:40px;margin-bottom:8px;color:#222;font-size:16px;font-weight:900}.preview-popup__card__content p{margin:0;color:#666;font-size:15px;font-weight:900;text-align:justify}.preview-popup__card__content p:not(:first-child){margin-top:5px}.preview-popup__img{width:100%;max-width:550px}.preview-popup__img img{display:block;margin:0 auto;max-width:100%}.loading-popup{position:fixed;width:100%;height:100%;z-index:9999;background:#676767;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;z-index:10000;background:#00000085}.loading-popup--show{display:-webkit-box;display:-ms-flexbox;display:flex}.loading-popup__card{position:relative;background:#fff;border-radius:8px;width:77%;padding:0 16px}.loading-popup__card__exit-btn{position:absolute;top:24px;right:24px}.loading-popup__card__exit-btn img{width:16px;height:16px}.loading-popup__card__content h3{margin:0;margin-top:40px;margin-bottom:8px;color:#222;font-size:16px;font-weight:900}.loading-popup__card__content p{margin:0;color:#666;font-size:15px;font-weight:900;text-align:justify}.loading-popup__card__content p:not(:first-child){margin-top:5px}.loading-popup__card{position:relative;overflow:hidden;background:#fff;border-radius:8px;width:80vw;padding:25px 16px}.loading-popup__card__title{text-align:center;margin:0}.loading-popup__card__bar{position:absolute;left:0;bottom:10px;width:100%;height:5px;background-image:-webkit-gradient(linear,right top,left top,from(#008cd8),to(#d7eaf5));background-image:linear-gradient(to left,#008cd8,#d7eaf5);-webkit-animation:move-bg 1s linear infinite;animation:move-bg 1s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.barcode-bar{width:100%;height:64px;background-size:contain;margin:0 auto;max-width:242px}.barcode-bar--ean13{background-position:center;height:100px;background-repeat:no-repeat}