@charset "utf-8";.mainSupplier{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:center;margin:10px 0 40px;padding:0 5px;box-sizing:border-box;width:720px;left:50%;transform:translate(-50%,0);position:relative}.mainSupplier>div{width:100%}.formSearch{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:flex-start;width:100%;margin:0 0 10px}.formSearch>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start;width:100%}.formSearch>div>div{flex-grow:1;width:100%;margin:10px 5px 0;line-height:2em;color:#ac7af0}.formSearch>div>div>input{color:#989898;font-size:1.2em;background:#fff;box-sizing:border-box;width:inherit;height:30px;line-height:1em;vertical-align:middle;outline:0;border:0;padding:20px 40px 20px 20px}.formSearch>div>div>select{color:#989898;font-size:1.2em;background:#fff;box-sizing:border-box;width:inherit;height:40px;line-height:1em;vertical-align:middle;outline:0;border:0;padding:0 20px}.formSearch>div>div>label{position:absolute;z-index:2;right:40px;width:20px;padding:10px 0;margin:0 -20px 0 0;text-align:center}.formSearch>div>div>label img{width:15px;height:15px;cursor:pointer}.formContent>div>div{flex:1;width:100%;margin:10px;line-height:2em;color:#fff;font-size:1.2em}.supplierBlock{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:flex-start}.supplierBlock>div{width:50%;overflow:hidden;padding:5px;box-sizing:border-box}.supplierBlock>div>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start;width:100%;height:130px;background:#fff;border-radius:5px;transition:background-color .3s ease-in}.supplierBlock>div>div:hover{background-color:#e5e5e5}.supplierBlock>div>div>.photo{width:100px;padding:10px;align-self:center}.supplierBlock>div>div>.photo img{max-width:100%}.supplierBlock>div>div>.content{width:50%;padding:10px;flex-grow:1;color:#212121}.supplierBlock>div>div>.content>.title{font-size:1.2em;color:#6e1ddb;height:1.5em;line-height:1.5em;padding:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplierBlock>div>div>.content>.items>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.supplierBlock>div>div>.content>.items>div>.icon{width:12px;padding:2px 5px;align-self:flex-start;cursor:pointer}.supplierBlock>div>div>.content>.items>div>.text{width:80%;height:1.5em;flex-grow:1;padding:0 2px 2px;align-self:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplierBlock>div>div>.content>.items>div>.icon img{height:12px;max-width:100%}.supplierBlock>div>div>.icon{width:30px;padding:10px;align-self:flex-start}.supplierBlock>div>div>.icon>div{display:block;padding:5px}.supplierBlock>div>div>.icon img{height:18px;opacity:1;transition:opacity .3s ease-in}.supplierBlock>div>div>.icon>div:hover img{opacity:.5}.supplierBlock>.message{width:98%}.supplierBlock>.message>div{padding:10px}.ticketPack{background:#6e1ddb;min-height:100vh;color:#fff;line-height:1.5em;padding:0 20px}.ticketPack>.content{padding:0 0 20px;display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.ticketPack>.content>.title{width:80%;flex-grow:1;color:#cca7ff}.ticketPack>.content>.title>.name{color:#fff;font-size:2em;line-height:1.5em;padding:0 0 10px}.ticketPack>.content>.title>div>.items{width:80%;flex-grow:1;color:#cca7ff}.ticketPack>.content>.title>div>.items a{color:#cca7ff}.ticketPack>.content>.title>div>.items a:hover{color:#fff}.ticketPack>.content>.title>div>.items>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start;transition:color .3s ease-in}.ticketPack>.content>.title>div>.items>div>.icon{width:14px;padding:5px}.ticketPack>.content>.title>div>.items>div>.icon img{max-width:100%;opacity:1;transition:opacity .3s ease-in}.ticketPack>.content>.title>div>.items>div>.text{width:80%;flex-grow:1;padding:5px}.ticketPack>.content>.title>div>.items>div:hover{color:#fff}.ticketPack>.content>.icon{width:24px;padding:5px}.ticketPack>.content>.icon>div{width:inherit;padding:5px 10px}.ticketPack>.content>.icon>div img{max-width:100%;height:20px;cursor:pointer;opacity:1;transition:opacity .3s ease-in}.ticketPack>.content>.icon>div img:hover{opacity:.5}.ticketPack>.pack{background:#fff;border-radius:5px;min-height:300px;margin:10px 0;padding:20px;color:#212121;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:flex-start}.ticketPack>.pack>.title{width:100%;color:#6e1ddb;font-size:2em;line-height:1.5em;font-weight:700;margin:10px 0 20px}.ticketPack>.pack>.exp{width:48%;vertical-align:middle}.ticketPack>.pack .amount{width:50%;color:#6e1ddb;font-size:2.4em;font-weight:700;text-align:right;padding:10px 0}.ticketPack>.pack>.image{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:flex-start;margin:10px 0 0}.ticketPack>.pack>.image>div{width:210px;align-self:center}.ticketPack>.pack>.image>div>div{padding:5px}.ticketPack>.pack>.image>div>div img{max-width:100%;opacity:1;transition:opacity .3s ease-in}.ticketPack>.pack>.image>div>div img:hover{opacity:.7}.ticketPack>.pack>.desc{width:100%;line-height:2em;margin:20px 0 0}.ticketPack>.pack>.sold{width:100%;font-size:2em;color:#fc137f;line-height:2em;margin:20px 0 0}.ticketPack>.pack>.message{width:100%;font-size:1em;color:#fc137f;line-height:2em}.ticketPack>.pack>.terms{width:100%;margin:20px 0}.ticketPack>.pack>.terms>div{width:inherit;font-size:.8em;line-height:2em}.ticketPack>.pack>.quantity{width:58%;font-size:.8em}.ticketPack>.pack>.quantity>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.ticketPack>.pack>.quantity>div img{max-width:100%;cursor:pointer;opacity:1;transition:opacity .3s ease-in}.ticketPack>.pack>.quantity>div img:hover{opacity:.5}.ticketPack>.pack>.quantity .minus,.ticketPack>.pack>.quantity .add{width:30px;height:30px}.ticketPack>.pack>.quantity .input{width:67px;height:30px;background:#e5e5e5}.ticketPack>.pack>.quantity .input>input{width:inherit;height:28px;font-size:1.5em;text-align:center;outline:none;border:none;background:0 0}.ticketPack>.pack>.total{width:40%;font-size:.8em}.ticketPack>.pack>.total>div{width:100%;height:30px;line-height:30px;background:#e5e5e5;text-align:center;font-size:1.5em}.ticketPack>.pack>.button{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:center;width:100%;margin:20px 0 0}.ticketPack>.pack>.button>.cart{width:300px;height:45px;color:#fff;font-size:1.2em;line-height:45px;background:#ac7af0;text-align:center;cursor:pointer}.ticketPack>.pack>.button>.buy{width:300px;height:45px;color:#fff;font-size:1.2em;line-height:45px;background:#fc137f;text-align:center;cursor:pointer}.ticketPack>.pack>.button>div{opacity:1;transition:opacity .3s ease-in}.ticketPack>.pack>.button>div:hover{opacity:.5}.checkout{background:#2a0062;min-height:100vh;color:#fff;line-height:1.5em;padding:0 20px}.checkout>.title{color:#fff;font-size:2em;line-height:1.5em;padding:0 0 20px}.checkout>.content{background:#fff;border-radius:5px;min-height:100px;margin:10px 0;padding:20px;color:#212121;box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}.checkout>.content>div>.title{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.checkout>.content>div>.title>.text{font-size:1.5em;line-height:20px;width:100%}.checkout>.content>div>.title>.delete{width:20px;height:20px;cursor:pointer}.checkout>.content>div>.title>.delete img{max-width:100%}.checkout>.content>div>.items{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start;font-size:1.2em;line-height:1.5em;padding:0 0 20px;margin:20px 0;border-bottom:#e5e5e5 1px solid}.checkout .cartTotal{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start;font-size:1.2em;line-height:1.5em;padding:0 0 5px;margin:5px 0;color:#6e1ddb!important}.checkout>.content>div>.items>.name,.checkout .cartTotal>.name{width:50%;flex-grow:1;line-height:14px;vertical-align:bottom}.checkout>.content>div>.items>.quantity,.checkout .cartTotal>.quantity{width:100px;vertical-align:bottom;display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.checkout>.content>div>.items>.quantity .minus,.checkout>.content>div>.items>.quantity .add{width:14px;height:14px}.checkout>.content>div>.items>.quantity img{max-width:100%;cursor:pointer;opacity:1;transition:opacity .3s ease-in}.checkout>.content>div>.items>.quantity img:hover{opacity:.5}.checkout>.content>div>.items>.quantity .input{width:40px;height:14px}.checkout>.content>div>.items>.quantity .input>input{width:inherit;height:12px;font-size:1em;text-align:center;outline:none;border:none;background:0 0}.checkout>.content>div>.items>.amount,.checkout .cartTotal>.amount{width:70px;line-height:14px;text-align:right;vertical-align:bottom}.checkout>.content>div>.message{width:100%;font-size:1em;color:#fc137f;line-height:2em}.checkout>.button{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:center;width:100%;margin:20px 0 0}.checkout>.button>div{flex:1;width:100%;height:60px;color:#fff;font-size:1.4em;line-height:60px;background:#fc137f;border-radius:2px;outline:none;border:none;text-align:center;cursor:pointer;opacity:1;transition:opacity .3s ease-in}.checkout>.button>div:hover{opacity:.8}.couponList{color:#fff}.couponList>div{display:inline-block;width:48%;min-height:120px;background:#6e1ddb;border-radius:5px;margin:4px;padding:20px;box-sizing:border-box;box-shadow:0 0 6px 0 rgba(0,0,0,.3);color:#cca7ff;vertical-align:top}.couponList>.used{background:#989898!important;color:#bfbfbf!important}.couponList>div>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.couponList>div>div>.supplier{width:70%;height:1.5em;color:#fff;font-size:1.5em;line-height:1.5em;text-align:left;padding:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.couponList>.used>div>.supplier{color:#bfbfbf!important}.couponList>div>div>.share{width:30%;text-align:right}.couponList>div>div>.share img{width:16px;opacity:1;transition:opacity .3s ease-in}.couponList>div>div>.share img:hover{opacity:.5}.couponList>div>div>.name{width:45%;height:1.5em;font-size:1.4em;line-height:1.5em;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.couponList>div>div>.amount{width:20%;height:1.5em;font-size:1.4em;line-height:1.5em;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.couponList>div>div>.amount.voucher{width:50%}.couponList>div>div>.exp{width:35%;height:1.5em;font-size:1.2em;line-height:1.5em;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.couponList>div>div>.small{font-size:1em!important}.coupon{min-height:100vh;color:#383838;background:#fff!important;line-height:1.5em;padding:0 20px}.backButtonCoupon{margin:0!important;padding:20px 0 0!important}.backButtonCoupon>a{color:#aaa!important}.coupon>.content{padding:20px 0}.coupon>.content>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.coupon>.content>div>.items{width:80%;flex-grow:1;color:#383838;font-size:1.2em;line-height:1.5em}.coupon>.content>div>.items>.title{color:#383838;font-size:2em;line-height:1.5em;padding:0 0 10px}.coupon>.content>div>.items>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.coupon>.content>div>.items>div>.icon{width:14px;padding:10px 5px 0}.coupon>.content>div>.items>div>.icon img{max-width:100%;opacity:1;transition:opacity .3s ease-in}.coupon>.content>div>.items>div>.text{width:80%;flex-grow:1;padding:5px}.coupon>.content>div>.icon{width:50px}.coupon>.content>div>.icon>div{width:inherit;padding:5px 10px 2px;margin:0 0 0 -10px}.coupon>.content>div>.icon img{max-width:100%}.coupon>.content>.image{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:flex-start;margin:10px 0 0}.coupon>.content>.image>div{width:210px;align-self:center}.coupon>.content>.image>div>div{padding:5px}.coupon>.content>.image>div>div img{max-width:100%;opacity:1;transition:opacity .3s ease-in}.coupon>.content>.image>div>div img:hover{opacity:.7}.coupon>.pack{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:flex-start}.coupon>.pack>div{width:100%;display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.coupon>.pack>div>.title{width:100%;color:#383838;font-size:2em;line-height:1.5em;padding:0 0 10px}.coupon>.pack>div>.text{width:60%;min-height:160px;padding:0 20px 0 0}.coupon>.pack>div>.text>.exp{padding:10px 0 20px}.coupon>.pack>div>.text>.exp.voucher{font-size:18px;line-height:1.5em;font-weight:700}.coupon>.pack>div>.qrCode{width:160px;min-height:160px;text-align:center;line-height:1em;position:absolute;right:5px}.coupon>.pack>div>.qrCode.voucher{font-size:18px;line-height:1.5em}.coupon>.pack>div>.qrCode.voucher input{width:100px;font-size:18px;line-height:1.5em;text-align:center}.coupon>.pack>div>.qrCode>div{text-align:center;width:auto}.coupon>.pack>div>.qrCode .code{font-size:1.3em;position:relative;margin:-5px 0 0;padding:0}.coupon>.pack>div>.qrCode img{max-width:100%}.coupon>.pack>div>.terms{width:100%;margin:40px 0 0;font-size:.8em}.coupon>div>.success{width:100%;font-size:2em;line-height:1.5em;color:#00d06f;text-align:center;padding:10px 0 0}.coupon>div>.error{width:100%;font-size:2em;line-height:1.5em;color:#fc137f;text-align:center;padding:10px 0 0}.coupon>.content>div>.logo{width:100%;text-align:center;margin:2px 0 60px}.coupon>.content>.qrContent{padding:0 10px;color:#898989}.coupon>.content>.qrContent>.title{color:#6e1ddb;font-size:2em;line-height:1.5em;padding:0 0 10px}.coupon>.content>.qrContent .amount{color:#000;font-size:2em;line-height:1.5em;padding:0 0 10px;font-weight:700;text-align:center;width:100%}.coupon>.content>.qrBox{width:200px;min-height:200px;border:#e5e5e5 1px solid;border-radius:10px;box-sizing:border-box;position:relative;left:50%;transform:translate(-50%,0);margin:40px 0;padding:20px;display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:flex-start}.coupon>.content>.qrBox>div{width:100%;text-align:center;line-height:1.5em}.coupon>.content>.qrBox>.code{font-size:2em}.coupon>.content>.qrBox>.disable{font-size:2em;line-height:1.5em;color:#fc137f;padding:20px 0 30px}.coupon>.content>.qrBox>.active{font-size:2em;line-height:1.5em;color:#00d06f;padding:20px 0 30px}.coupon>.content>.qrSupplier{width:100%;font-size:1em;line-height:1.5em}.coupon>.content>.qrSupplier>div{width:inherit;text-align:center}.coupon>.content>.qrSupplier>div>input{color:#383838;font-size:1.5em;background:#fff;box-sizing:border-box;border:#383838 1px solid;text-align:center;width:120px;height:40px;line-height:20px;vertical-align:middle;outline:none;padding:10px;opacity:.5;transition:opacity .3s ease-in}.coupon>.content>.qrSupplier>div>input:focus{opacity:1}.coupon>.content>.qrButton{margin:0 0 40px}.coupon>.content>div>.cancel{flex:1}.coupon>.content>div>.cancel>input{width:80%;height:60px;line-height:60px;color:#cca7ff;border:#6e1ddb 1px solid;border-radius:2px;text-align:center;margin:20px 0 0;opacity:1;transition:opacity .3s ease-in;font-size:1.5em;cursor:pointer}.coupon>.content>div>.cancel:hover{opacity:.7}.coupon>.content>div>.button{flex:2}.coupon>.content>div>.button>input{width:100%;height:60px;line-height:60px;color:#fff;background:#6e1ddb;border:#6e1ddb 1px solid;border-radius:2px;text-align:center;margin:20px 0 0;opacity:1;transition:opacity .3s ease-in;font-size:1.5em;cursor:pointer}.coupon>.content>div>.button:hover{opacity:.7}.coupon>.content>div>.complete{flex:1}.coupon>.content>div>.complete>input{width:100%;height:60px;line-height:60px;color:#cca7ff;border:#6e1ddb 1px solid;border-radius:2px;text-align:center;margin:20px 0 0;opacity:1;transition:opacity .3s ease-in;font-size:1.5em;cursor:pointer}.coupon>.content>div>.complete:hover{opacity:.7}.recordList{}.recordList>div{display:inline-flex;width:46%;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start;box-sizing:border-box;padding:10px 0;margin:0 10px;border-bottom:#e5e5e5 1px solid}.recordList>div>.icon{width:22px;padding:0 20px 0 0}.recordList>div>.icon>.use{color:#fc137f}.recordList>div>.icon>.buy{color:#00d06f}.recordList>div>.icon>.image{padding:0 0 10px}.recordList>div>.icon>.image img{max-width:100%}.recordList>div>.icon>.text{text-align:center;font-size:1.5em;line-height:1.3em}.recordList>div>.content{width:100%;flex-grow:1}.recordList>div>.content>div{display:flex;flex-flow:row nowrap;align-content:flex-start;justify-content:flex-start}.recordList>div>.content>div>.title{width:100%;height:1em;font-size:1.5em;line-height:1em;padding:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordList>div>.content>div>.name{width:70%;height:1em;font-size:1.2em;flex-grow:1;padding:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordList>div>.content>div>.amount{width:30%;height:1em;font-size:1.2em;text-align:right;padding:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordList>div>.content>div>.no{width:50%;height:1em;font-size:1.2em;flex-grow:1;padding:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordList>div>.content>div>.date{width:50%;height:1em;font-size:1.1em;text-align:right;padding:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{margin:0 20px}@media only screen and (max-width:720px){.mainSupplier{width:100%}.ticketPack>.pack>.image>div{width:33%}.ticketPack>.pack>.button>.cart{width:50%}.ticketPack>.pack>.button>.buy{width:50%}.checkout>.button>.send{width:100%}.coupon>.content>.image>div{width:33%}.preview{margin:0;padding:0}}@media only screen and (max-width:600px){.couponList>div{display:block;width:100%}.recordList>div{display:flex;width:100%}.supplierBlock>div{width:100%}}@media only screen and (max-width:320px){.ticketPack>.pack>.quantity .input{width:40px}}