body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:db_heaventbold;font-style:normal;font-weight:400;src:url(/static/media/db_heavent_bd_v3.2-webfont.5837ca6e52556f3e78e3.eot);src:url(/static/media/db_heavent_bd_v3.2-webfont.5837ca6e52556f3e78e3.eot?#iefix) format("embedded-opentype"),url(/static/media/db_heavent_bd_v3.2-webfont.89e7cff3fb089bab4abc.woff2) format("woff2"),url(/static/media/db_heavent_bd_v3.2-webfont.edb6055d1c25d5e59fee.woff) format("woff"),url(/static/media/db_heavent_bd_v3.2-webfont.0570851e11fdff65c30b.ttf) format("truetype"),url(/static/media/db_heavent_bd_v3.2-webfont.6ec04b2a63b04b9b234a.svg#db_heaventbold) format("svg")}@font-face{font-family:db_heaventmed;font-style:normal;font-weight:400;src:url(/static/media/db_heavent_med_v3.2-webfont.775352e8e14105422ee4.eot);src:url(/static/media/db_heavent_med_v3.2-webfont.775352e8e14105422ee4.eot?#iefix) format("embedded-opentype"),url(/static/media/db_heavent_med_v3.2-webfont.03808efdd57821cddb51.woff2) format("woff2"),url(/static/media/db_heavent_med_v3.2-webfont.57400ed89a0fba66ea6e.woff) format("woff"),url(/static/media/db_heavent_med_v3.2-webfont.84dacf92d3b2448c5216.ttf) format("truetype"),url(/static/media/db_heavent_med_v3.2-webfont.c6bf129a02c5202e83bf.svg#db_heaventmed) format("svg")}@font-face{font-family:db_heaventthin;font-style:normal;font-weight:400;src:url(/static/media/db_heavent_thin_v3.2-webfont.8336fe959080786ef674.eot);src:url(/static/media/db_heavent_thin_v3.2-webfont.8336fe959080786ef674.eot?#iefix) format("embedded-opentype"),url(/static/media/db_heavent_thin_v3.2-webfont.d24c549f03ae01a250b5.woff2) format("woff2"),url(/static/media/db_heavent_thin_v3.2-webfont.969693512ba1ffb81f34.woff) format("woff"),url(/static/media/db_heavent_thin_v3.2-webfont.c5f22d637188338d8936.ttf) format("truetype"),url(/static/media/db_heavent_thin_v3.2-webfont.45cc45899481118e183e.svg#db_heaventthin) format("svg")}@font-face{font-family:db_heavent;font-style:normal;font-weight:400;src:url(/static/media/db_heavent_v3.2-webfont.235e2848c4bfe46f35d3.eot);src:url(/static/media/db_heavent_v3.2-webfont.235e2848c4bfe46f35d3.eot?#iefix) format("embedded-opentype"),url(/static/media/db_heavent_v3.2-webfont.d8d9728839f1b4f4a67f.woff2) format("woff2"),url(/static/media/db_heavent_v3.2-webfont.32a9c6759e5cce672154.woff) format("woff"),url(/static/media/db_heavent_v3.2-webfont.da40df659b51520434cb.ttf) format("truetype"),url(/static/media/db_heavent_v3.2-webfont.d73b40d37ac6497d1e6f.svg#db_heaventthin) format("svg")}*{box-sizing:border-box;margin:0;outline:none;padding:0}hr{border:1px solid #e4e4e4}h1{font-size:2.6rem}h1,h2,h3,h4,h5,h6{font-family:db_heaventmed;font-weight:400}p{font-family:db_heavent;font-weight:400}h1,h2,h3,h4,h5,h6{line-height:.6}ul{list-style:none}button{background-color:transparent;border:none;font-size:1.4rem;margin:0 10px;width:100%}button:focus{outline:none!important;outline-offset:none!important}.btn-ellipse{border-radius:30px;box-shadow:3px 3px 10px rgba(0,0,0,.08);margin:0;min-width:140px;padding:15px 20px}.btn-ellipse._grey{background:#636466;background:linear-gradient(180deg,#636466,#7a7b7b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666769",endColorstr="#7a7b7c",GradientType=1);margin-right:5px}.btn-ellipse._blue{background:#037dff;background:linear-gradient(180deg,#037dff,#00a3fe);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007dfe",endColorstr="#00a3fe",GradientType=1);margin-left:5px}.btn-ellipse p{font-size:1.6rem!important}.btn-capsule{border-radius:15px;padding:8px 24px;width:auto}.btn-capsule,.btn-round{background-color:#fff;height:auto;margin:auto}.btn-round{border-radius:8px;box-shadow:3px 3px 10px rgba(0,0,0,.08);padding:16px 16%}.btn-square{max-width:110px}.btn-square .btn-image{background-color:#fff;border-radius:15px;box-shadow:3px 3px 10px rgba(0,0,0,.08);height:84px;margin:auto;padding:24px;width:84px}.btn-square .btn-image img{height:36px;width:36px}.btn-square p{font-size:1.5rem;line-height:.8;margin-top:10px}.btn-row{align-items:center;display:flex;width:100%}.btn-row._bottom{background-color:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#ffffff",GradientType=1);height:15%;left:0;margin:auto;padding-top:10px;position:fixed;text-align:center}.btn-row._bottom._center{justify-content:center;left:0;margin:auto;right:0}.btn-fluid button{margin-bottom:10px;width:100%}.btn-ellipse._3d{box-shadow:0 5px 0 #2989f5;width:50%}.bg-gradient-blue{background:#037dff;background:linear-gradient(180deg,#037dff,#00a3fe);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007dfe",endColorstr="#00a3fe",GradientType=1)}.bg-gradient-white{border:1px solid #017aff}.bg-gradient-white>h3{color:#017aff}.bg-gradient-whitegrey{border:1px solid #646567}.bg-gradient-whitegrey>h3{color:#646567}.bg-gradient-grey{background:#666;background:linear-gradient(180deg,#666,#8c8c8c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666",endColorstr="#8a8a8a",GradientType=1)}.bg-transparent{background-color:transparent;border:1px solid #fff}.input-text{border:1px solid #e4e4e4;border-radius:8px;display:inline-block;font-family:db_heavent;font-size:1.6rem;line-height:.8;padding:8px;text-align:left;width:100%}.input-text::-webkit-input-placeholder{color:#ccc;opacity:1}.input-text:-ms-input-placeholder{opacity:1}.input-text::placeholder{color:#ccc;opacity:1}.input-text:-ms-input-placeholder{color:#ccc}.input-text.font-red::-webkit-input-placeholder{color:#d80012;opacity:1}.input-text.font-red:-ms-input-placeholder{opacity:1}.input-text.font-red::placeholder{color:#d80012;opacity:1}.input-text.font-red:-ms-input-placeholder{color:#d80012}.input-text.font-red::-ms-input-placeholder{color:#d80012}.font-blue{color:#017aff}.font-blue-dark{color:#2b6fb6}.font-black{color:#000}.font-red{color:#d80012}.font-green{color:#249627}.font-grey{color:#80879a}.font-white{color:#fff}.font-bold{font-weight:700}.txt-center{text-align:center}.txt-left{text-align:left}.txt-right{text-align:right}body{background-color:#fff;color:#000;font-family:db_heaventmed,sans-serif;font-size:1.4rem}body,html{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;background-color:#fafbfd}.loading.container .container-top{height:100vh}.loading.container .container-top h3{bottom:0;height:80px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.lazy-loading{bottom:0;height:40px;left:0;margin:2% auto;right:0;width:40px;z-index:2}.lazy-loading img{width:100%}.container{padding:0 8%}.container .landing{height:88vh;width:100vw}.container .landing .landing-box{bottom:0;height:240px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:-18%;width:200px}.container .landing .landing-box h1,.container .landing .landing-box h3{margin-bottom:10px}.container .container-top{background:#037dff;background:linear-gradient(180deg,#037dff,#00a3fe);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007dfe",endColorstr="#00a3fe",GradientType=1);padding:30px 20px;text-align:center}.container .container-top h3{color:#fff;font-size:2rem;margin-bottom:30px}.container .container-top .btn-back{left:20px;position:absolute;top:20px}.box-style{background-color:#fff;border:1px solid #eef2f5;border-radius:20px;box-shadow:3px 3px 10px rgba(0,0,0,.08);margin-bottom:30px}.coupon-list-box .couponGroup{color:#646464;font-size:1.4rem;margin:20px 0 10px}.coupon-list-box .couponGroup .couponGroupDate{font-family:db_heavent;margin-top:10px}.couponcard{border:1px solid #e4e4e4;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.08);margin:10px 0;padding:4% 30px 2%;position:relative}.couponcard img{height:20px;margin-right:10px;width:20px}.couponcard h3{font-size:1.8rem}.couponcard p{color:#646464}.couponcard:before{background-image:url(/static/media/ic-border-l.41f3c69ec8dce6cba57e.png);background-position:0;left:-4px}.couponcard:after,.couponcard:before{background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:40%;margin:auto;position:absolute;top:0;width:14%}.couponcard:after{background-image:url(/static/media/ic-border-r.7fa32b094a2bf5bf1f5d.png);background-position:100%;right:-4px}.couponcard .shopname,.couponcard .shopname>*{align-items:center;display:flex}.couponcard .shopname .col-l{width:60%}.couponcard .shopname .col-r{align-self:flex-end;text-align:right;width:50%}.couponcard .shopname p{text-align:right;width:100%}.couponcard .shopname p span{color:#017aff;font-family:db_heaventmed;font-size:1.8rem}.couponcard .total{display:flex;justify-content:space-between;margin-bottom:2%}.couponcard .total span{color:#017aff;font-family:db_heaventmed;font-size:1.8rem}.couponcard .detail{border-top:1px solid #e4e4e4;display:flex;padding:2% 0}.couponcard .detail span{color:#e4e4e4;margin:0 2%}._modal{bottom:0;left:0;margin:50% auto;right:0;top:0;-webkit-transform:translateY(15%);transform:translateY(15%);width:90%}._modal ._error-modal,._modal ._insertcode-modal{padding:20px;text-align:center}._modal ._error-modal p,._modal ._insertcode-modal p{color:#000;font-size:1.6rem}._modal ._error-modal p.font-red,._modal ._insertcode-modal p.font-red{color:#d80012;font-size:1.2rem;text-align:left}._modal ._error-modal input,._modal ._insertcode-modal input{border:1px solid #017aff;border-radius:10px 10px 10px 10px;color:#017aff;font-family:db_heaventmed;font-size:2rem;margin:10px 0 20px;padding:6px;width:100%}._modal ._error-modal button p,._modal ._insertcode-modal button p{color:#fff}._modal ._result{font-size:2rem;padding:20px;text-align:center}._modal ._result>div{margin:10px 0 12px}._modal ._result img{margin-right:10px;vertical-align:bottom}._modal ._result p,._modal ._result span{font-size:1.6rem;line-height:1;margin-right:8px}._modal ._result p:last-child,._modal ._result span:last-child{font-size:2rem;margin:0}._modal ._result p.font-blue,._modal ._result span.font-blue{font-size:2.6rem}._modal ._result button{margin-top:18px;width:180px}._modal ._result button .btn-ellipse p{color:#fff;font-size:1.6rem}.modal-selectcoupon{-webkit-transform:translateY(-30%);transform:translateY(-30%)}.modal-content{padding:20px}.modal-content b{font-family:db_heaventbold}.modal-content>h3{color:#000;line-height:1;margin-bottom:10px}.modal-content>div>h3{color:#000;line-height:1;margin-bottom:-10px}.modal-content .modal-coupon-list{margin:5px 0 15px;max-height:120px;overflow:auto;text-align:center}.modal-content .modal-coupon-list li{margin-bottom:10px}.modal-content .modal-coupon-list h3{color:#017aff}.modal-content .modal-coupon-list p{color:#80879a;font-size:1rem}.modal-content .modal-insertcode input{border:1px solid #017aff;color:#017aff}.login-page>h3{font-family:db_heaventbold;font-size:2.6rem;line-height:1;margin-top:20%}.login-page p{color:#80879a;font-family:db_heavent;line-height:1.6;margin-bottom:15%}.login-page input{margin:10px 0}.login-page input[type=checkbox]{margin-right:10px}.login-page label{font-family:db_heavent}.login-page button{margin-top:15%}.login-page .txt-error{color:#d80012;display:inline-block;font-family:db_heavent;width:100%}.scan-page h2,.setpassword-page h2{font-family:db_heaventbold;font-size:2rem;line-height:1;margin-bottom:15%;margin-top:20%}.scan-page button,.setpassword-page button{margin-bottom:10px}.scan-page input[type=text],.setpassword-page input[type=text]{border:1px solid #017aff}.scan-page .divider,.setpassword-page .divider{border-top:1px solid #e4e4e4;margin:10% 0}.scan-page .divider p,.setpassword-page .divider p{background-color:#fafbfd;margin:-14px auto;width:40px}.scan-page .password-scan,.setpassword-page .password-scan{background-color:#000;height:100%;width:100%}.modal-overlay{align-items:center;background:rgba(241,245,246,.8);display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:9}.home-page .header{background:#037dff;background:linear-gradient(180deg,#037dff,#00a3fe);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007dfe",endColorstr="#00a3fe",GradientType=1);padding:20px 20px 30px}.home-page .header .profile{display:flex;margin-bottom:20px}.home-page .header .profile img{margin-right:4%;width:8%}.home-page .header .profile h3{display:inline;line-height:.6}.home-page .header .profile .down p{font-size:1.2rem}.home-page .header .status{display:flex}.home-page .header .col-l{width:72%}.home-page .header .col-l>*>*{display:inline-block}.home-page .header .col-r{text-align:right;width:28%}.home-page .header h3,.home-page .header p{color:#fff;line-height:1}.home-page .header .btn-logout{margin:0}.home-page .header .btn-logout p{font-size:1.2rem;text-align:right;text-decoration:underline}.home-page .content{padding:0 20px}.home-page .content .select-period{border-radius:4px;box-shadow:0 4px 6px rgba(52,52,52,.15);margin-top:-20px}.home-page .content .empty-coupon{margin-top:40px}.home-page .content .empty-coupon img{margin-bottom:10px}.home-page .content .empty-coupon p{color:#8a8d92;margin-top:20px}.home-page .btn-row{display:inline-block;margin-top:10px;width:100%}.home-page .btn-row h3{margin-bottom:0}.home-page .btn-row p{color:#8a8d92;margin-top:10px}.scanqrcode-box{height:100vh;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100vw}.scanqrcode-box .dbrScanner-bg-loading{fill:#aaa;-webkit-animation:dbrScanner-rotate 1s linear infinite;animation:dbrScanner-rotate 1s linear infinite;bottom:0;height:20%;left:0;margin:auto;position:absolute;right:0;top:0;width:20%}@-webkit-keyframes dbrScanner-rotate{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes dbrScanner-rotate{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.scanqrcode-box .btn-back{position:absolute}.scanqrcode-box .qrscanner{bottom:0;height:75%;left:0;margin:auto;position:absolute;right:0;top:2%;z-index:1}.scanqrcode-box ._header{background-color:#fff;padding:10px;position:relative;width:100%;z-index:2}.scanqrcode-box ._header p{font-family:db_heavent;font-size:1.2rem}.scanqrcode-box ._browsefile{position:absolute;right:10px;top:10px;z-index:3}.scanqrcode-box ._footer{bottom:10px;height:74px;left:0;padding:18px 20px 30px;position:fixed;width:100%;z-index:2}.component-qr-scanner{background:#eee;height:100vh;position:relative;resize:both;width:100vw}.qr-bg-loading{fill:#aaa;-webkit-animation:dbrScanner-rotate 1s linear infinite;animation:dbrScanner-rotate 1s linear infinite;bottom:0;height:20%;left:0;margin:auto;position:absolute;right:0;top:0;width:20%}.camera-reader>div:first-child{display:none}#camera-reader__scan_region{background:url(/static/media/ic-scanqr.352aca138afce1bd1789.svg) no-repeat;background-position:50%;background-size:20%;margin-top:79px;position:relative}#camera-reader__scan_region img{bottom:0;display:none;left:0;margin:auto;opacity:.3;position:absolute;right:0;top:0;width:50%}#camera-reader__dashboard{background-color:#000}#camera-reader__dashboard_section_csr>div>button{background-color:#007dfe;border-radius:30px;color:#007dfe;display:inline-block;font-family:db_heaventmed;padding:10px 20px;position:relative;text-align:center;width:250px}#camera-reader__dashboard_section_csr>div>button:first-child:before{color:#fff;content:"กดเพื่อสแกน QR Code";font-size:24px;left:0;margin-top:auto;position:absolute;right:0}#camera-reader__dashboard_section_csr>span:first-child{color:#000;display:inline-block;margin:0 0 25px!important;text-align:center}#camera-reader__dashboard_section_csr>span:first-child:before{color:#fff;content:"กรุณาเลือกกล้อง";font-size:24px;height:20px;left:0;margin-top:auto;position:absolute;right:0}#camera-reader__dashboard_section_csr>span:first-child:after{color:#fff;content:"facing front = กล้องหน้า, facing back = กล้องหลัง";font-size:18px;height:20px;left:0;margin-top:auto;position:absolute;right:0}#camera-reader__dashboard_section_csr>span:last-child>button{background-color:#007dfe;border-radius:30px;color:#007dfe;display:inline-block;font-family:db_heaventmed;padding:10px 20px;position:relative;text-align:center;width:250px}#camera-reader__dashboard_section_csr>span:last-child>button:first-child:before{color:#fff;content:"สแกน QR Code";font-size:24px;left:0;margin-top:auto;position:absolute;right:0}#camera-reader__dashboard_section_csr>span:last-child>button:last-child:before{color:#fff;content:"ยกเลิกสแกน QR Code";font-size:24px;left:0;margin-top:auto;position:absolute;right:0}#camera-reader__dashboard_section_csr #camera-reader__camera_selection{display:block;padding:10px}#camera-reader__dashboard_section_fsr{background:#fff;border-radius:30px;display:inline-block;margin:auto;padding:10px;width:250px}#camera-reader__dashboard_section_fsr:before{color:#000;content:"เลือกรูปภาพ";font-size:24px;left:0;margin-top:auto;position:absolute;right:0}#camera-reader__dashboard_section_fsr #camera-reader__filescan_input{opacity:0}#camera-reader__dashboard_section_fsr span{display:none}#camera-reader__dashboard_section_swaplink{background-color:#646567;border-radius:30px;color:#646567;display:inline-block;font-family:db_heaventmed;margin-top:10px;padding:10px 20px;position:relative;text-align:center;width:250px}#camera-reader__dashboard_section_swaplink:first-child:before{color:#fff;content:"อัพโหลดรูป QR Code";font-size:24px;left:0;margin-top:auto;position:absolute;right:0}@media (max-width:413px){.btn-row._bottom{-webkit-transform:translateY(6px);transform:translateY(6px)}}@media (max-width:374px){.btn-row._bottom{-webkit-transform:translateY(16px);transform:translateY(16px)}}@media (max-width:320px){h1{font-size:2.4rem}button{margin:0 5px}.btn-ellipse{min-width:120px}.btn-ellipse._3d{width:80%}.action-box-bottom .btn-ellipse{min-width:110px}.coupon-list-box{padding-bottom:40px}.empty-coupon img{margin-bottom:10px;width:20%}.couponcard p,.empty-coupon p{font-size:1.2rem}.couponcard .shopname h3{font-size:1.6rem}.couponcard .shopname p{font-size:1.2rem}.couponcard .shopname p span{font-size:1.6rem}.couponcard .total span{color:#017aff;font-family:db_heaventmed;font-size:1.6rem}}
/*# sourceMappingURL=main.2503ab1b.css.map*/