@font-face{font-family:"font1";src:url('/css/fonts/font1.woff2') format('woff2')}@font-face{font-family:"font2";src:url('/css/fonts/font2.woff2') format('woff2')}@font-face{font-family:"font3";src:url('/css/fonts/font3.woff2') format("woff2")}@font-face{font-family:"font4";src:url('/css/fonts/font4.woff2') format("woff2")}@font-face{font-family:"font5";src:url('/css/fonts/font5.woff2') format("woff2")}@font-face{font-family:"font6";src:url('/css/fonts/font6.woff2') format("woff2")}.font1{font-family:"font1"}.font2{font-family:"font2"}.font3{font-family:"font3"}.font4{font-family:"font4"}.font5{font-family:"font5"}.font6{font-family:"font6"}.add-page.active,.print-page.active,.font-style.active{border:1px
solid #f00;background:#ff3c3c;color:#fff}.add-page,.print-page,.font-style{border:1px
solid #ccc;background:transparent;margin:0;padding:6px;width:100px;height:40px;font-size:18px;font-weight:900;cursor:pointer;vertical-align:middle}.step{font-weight:700;padding:0
10px 10px 0;border-radius:10px;margin-bottom:10px}.step-content{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e6e6e6;font-size:13px}.step-content.last{border-bottom:0}.postcard .orientation-opt{position:relative}.postcard .orientation-opt
img{max-width:300px;max-height:200px;border:1px
solid #dbdbdb}.postcard .orientation-opt
.select{display:inline-block;overflow:hidden;border:1px
solid #dbdbdb;cursor:pointer;font-size:0;position:relative}.postcard .orientation-opt
.active{border:3px
solid #ff3c3c}.postcard .orientation-opt
em{position:absolute;z-index:10;background:#eee;padding:0
5px;left:0;top:0;font-size:14px}.postcard .orientation-opt .active
em{background:#ff3c3c;color:#fff}.postcard .page-list .page-num{display:flex;justify-content:center;align-items:center}.postcard .page-list .cell
.page{height:auto;overflow:hidden;font-size:9px;letter-spacing:-1px;box-sizing:border-box;position:relative;background:#fff}.postcard .page-list .cell
.page.vertical{}.postcard .low-resolution{position:absolute;left:0;bottom:0;font-size:13px;background:rgba(244, 67, 54, 0.8);color:#fff;padding:7px
8px;z-index:10;line-height:1.2;padding-left:22px}.postcard .page
.preview{width:450px;height:300px}.postcard .page .vertical
.preview{width:300px;height:450px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.postcard .page .image-upload{width:450px !important;height:300px !important;border:1px
solid #e6e6e6;box-shadow:3px 3px 4px 0px #dfdfdf}.postcard .page .vertical .image-upload{width:300px !important;height:450px !important}.postcard .page .picture-attach{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;cursor:pointer}input{margin:0em;padding:1px
0px;border:1px
solid #ccc;padding-inline:2px;outline:0}.postcard .page .image-upload .upload-info-msg{padding-top:8px}.postcard .page .image-upload.drag{border:3px
dashed #2196f3;background:#f1f1f1}.postcard .page .image-upload{width:100%;height:100%;font-size:14px;font-weight:400;color:#999;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;flex-direction:column}#container
.page{padding:0}#container .page-list .cell .page .page-layout1
.item{position:relative}.page-list .cell .page .page-layout1{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.code-wrap,.start-info{text-align:center;margin-bottom:100px}.code-wrap{padding:40px
0}.code-wrap em,
.start-info
em{font-weight:700}.sum-qty,
.code-wrap
.code{font-weight:900;font-size:50px;background:#eee;width:400px;margin:0
auto;border:5px
dashed #ff1616;margin-top:40px;margin-bottom:14px;cursor:pointer;position:relative}.code-copy{margin-bottom:40px}.sum-qty{margin-top:20px;cursor:default;margin-bottom:40px}.clipboard-message{position:absolute;text-align:center;background:#5c5c5c;color:#fff;top:24px;border-radius:20px;left:50%;width:200px;margin-left:-100px;z-index:110000;display:none;font-size:20px;font-weight:400}.fixed-bottom{position:fixed;bottom:20px;width:450px;z-index:1000;left:50%;margin-left:-225px;display:flex;justify-content:space-evenly}.fixed-bottom a,
.fixed-bottom
button{cursor:pointer;background:#ffe000;border:1px
solid #ffe000;color:#333;display:inline-block;line-height:1;display:flex;justify-content:center;align-self:inherit;flex-direction:column;align-items:center;padding:9px
0;border-radius:20px;box-shadow:0 0 1px 1px #ffec66;font-size:13px;width:100px}.fixed-bottom a:hover,
.fixed-bottom button:hover{background:#ffe000;box-shadow:0 0 5px 2px #ffec66}.fixed-bottom
.large{width:150px}.fixed-save-msg{position:fixed;left:20px;top:20px;z-index:200001000;border:1px
solid #333;background:#333;color:#fff;box-shadow:0 0 3px 2px #333;font-size:11px;padding:4px
16px;display:none}.page-list .page-num{display:flex;justify-content:center;align-items:center}.save-code-msg-layer{width:100%;height:100%;position:fixed;z-index:200000000;top:0;left:0;background:rgba(0,0,0,.7);display:none}.save-code-msg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.save-code-msg-content{width:500px;height:330px;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.save-code-msg-content
.code{margin-bottom:40px;text-align:center}.save-code-msg-content .code
em{font-weight:900;font-size:70px}.save-code-msg-content
.close{position:absolute;top:3px;right:0px;line-height:1}.save-code-msg-content strong
span{background:#ffe000;box-shadow:0 0 5px 2px #ffec66;border:1px
solid #ffe000;padding:3px
0;border-radius:20px;font-size:13px;width:100px;display:inline-block;text-align:center;font-weight:400}.save-code-msg-close{background:#fff;border:0;cursor:pointer}.save-code-msg-close
svg{width:40px !important;height:40px !important}.delete-notification{position:fixed;left:50%;top:48px;transform:translateX(-50%);z-index:110000;background:#ffeb3b;text-align:center;border-radius:20px;padding:10px
26px;transition:all 0.5s}.delete-notification
.msg{transition:all 0.5s ease-out;opacity:1;height:auto;display:block}.delete-notification
.msg.hidden{transition:all 0.s ease-out;visibility:hidden;opacity:0;height:0;overflow:hidden}.delete-notification-remove{background:transparent;border:0;color:#ababab;cursor:pointer;position:absolute;top:11px;right:3px;font-size:15px}.b{font-weight:700}.page
.preview{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.page .preview
img{max-width:100%;max-height:100%}.page
.remove{position:absolute;top:0;right:0;width:78px;height:42px;font-size:24px;display:flex;justify-content:center;align-items:center}.page .remove
a{color:#fff;text-shadow:0 0 4px #3c3c3c}.page .remove .image-rotate{margin-right:12px}.page .remove .image-contain{margin-right:12px}.page .remove .image-contain
img{-webkit-filter:drop-shadow(0 0 4px #3c3c3c);filter:drop-shadow(0 0 4px #3c3c3c);height:24px;transition:all 0.5s}.page .remove .image-contain.cover{content:title(data-title)}.page .remove .image-contain.cover
img{content:url(/images/zoom_out.png)}.page .remove .image-contain
img.flash{filter:drop-shadow(0 0 4px #fff900);-webkit-filter:drop-shadow(0 0 4px #fff900)}.show-multiupload-option-popup{display:inline-block;border:1px
solid #dee2e6;border-radius:0.375rem;padding: .375rem .75rem;overflow:hidden;position:relative;cursor:pointer;background:#f7f7f7}.show-multiupload-option-popup:hover{background:#ececec}.multi-upload{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;cursor:pointer !important;display:none}.page .back-area .back-layout,
.page-list .cell .photo-layout{padding-top:8px;height:50px;display:flex;align-items:center}.page-list .cell .photo-layout
button{cursor:pointer;margin-right:4px}.page-list .cell .photo-layout button:last-child{margin-right:0}.page-list .cell .photo-layout
button.active{background:#34b233;color:#fff !important}.page-list .cell .photo-layout button.active:before{content:"\f00c";font-family:"Font Awesome 5 Free";padding-right:3px;font-weight:900}.page-list .cell .photo-layout button
img{max-width:40px;max-height:28px}.page-list .cell .layout-txt{font-size:14px;position:relative;padding-right:5px;vertical-align:middle}.page .layout .photo-area,
.page .back-area{display:flex;flex-direction:column;align-items:center;height:342px;flex:1}.page .layout.vertical .photo-area,
.page .layout.vertical .back-area{height:500px}.page .back-area .back-layout span,
.page .back-area .back-layout
img{max-width:40px;max-height:27px;border:1px
solid #e6e6e6;box-shadow:3px 3px 4px 0px #dfdfdf}.page .back-area .back-layout
span{max-height:none;height:28px;width:35px;display:flex;align-items:center;justify-content:center}.page .vertical .back-area .back-layout
span{height:27px;display:flex;justify-content:center;align-items:center}.page .back-area
button{background:none;border:0;cursor:pointer;vertical-align:top}.page .back-area
button.active{border:3px
solid #34b233;padding:0}.page .back-area button.active
img{box-shadow:none;border:0}.page .back-area
.center{text-align:center;font-size:14px;padding-top:8px}.page .photo-area .preview img,
.page .back-area .preview
img{border:1px
solid #e6e6e6;box-shadow:3px 3px 4px 0px #dfdfdf}.page-list
.page{margin-bottom:30px !important;border-bottom:1px solid #ebebeb;padding-bottom:30px !important}.page .qty-area{width:100px;font-size:14px}.page .qty-area
input{font-size:14px;width:56px}.preview-wrap{background:#d9d9d9;padding:80px
15px}.preview-wrap
.content{margin:0
auto;width:1070px}#container.full{width:100%;padding:0}.page .back-area .item
.text{position:absolute;left:0;top:0}.page .back-area .item .text-area{position:absolute;left:0;top:0}.page .back-area .item .text-area
textarea{position:absolute;background:none;resize:none;font-size:14.5px;border:0;line-height:2.1;overflow:hidden;font-weight:700}.page .back-area .item .text-area
.body{left:31px;top:13px;width:178px;height:269px}.page .vertical .back-area .item .text-area
.body{left:29px;top:112px;width:249px;height:238px}.page .layout[data-layout='2'] .back-area .item .text-area
.body{left:51px;top:71px;width:351px;height:207px}.page .vertical.layout[data-layout='2'] .back-area .item .text-area
.body{left:37px;top:79px;width:229px;height:330px}.page .layout[data-layout='3'] .back-area .item .text-area
.body{left:31px;top:61px;width:179px;height:206px}.page .vertical.layout[data-layout='3'] .back-area .item .text-area
.body{left:26px;top:83px;width:250px;height:179px}.page .layout[data-layout='4'] .back-area .item .text-area
.body{left:31px;top:13px;width:387px;height:268px}.page .vertical[data-layout='4'] .back-area .item .text-area
.body{left:18px;top:25px;width:264px;height:394px}.page .back-area .item .text-area
.body.font1{font-size:18px;line-height:1.63}.page .back-area .item .text-area .body.font2,
.page .back-area .item .text-area
.body.font3{font-size:19px;line-height:1.6}.page-empty{height:200px;display:flex;justify-content:center;align-self:center}.page-empty
div{display:flex;justify-content:center;align-self:center}.preview-wrap .load-msg{font-size:13px;margin:10% 10%;line-height:1.8;text-align:center}.preview-wrap .page-wrap{display:flex;flex-wrap:wrap}.preview-wrap
.page{width:100%;display:flex;justify-content:space-around}.preview-wrap .page>div{width:500px;font-size:0;box-shadow:0 0 4px 4px #d1d1d1;box-sizing:border-box;position:relative;margin:0
0 50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff}.preview-wrap .page.vertical>div{width:400px}.preview-wrap .page
.photo{width:100%}.preview-wrap .page.vertical
.photo{width:400px}#container{height:100vh}.preview-wrap
.empty{display:flex;justify-content:center;align-items:center;height:100%}.preview-wrap .empty
div{display:flex;justify-content:center;align-items:center}.step.first{padding-top:40px}@media screen and (max-width: 768px){.step.first{padding-top:60px}#container{width:100% !important;font-size:13px;padding:0
!important;box-sizing:border-box}#container
.page{padding:0}.delete-notification{font-size:11px;width:96%;letter-spacing:-1px;padding:10px
10px;top:6px}.delete-notification-remove{top:9px;right:10px}.page-list .cell .page .page-layout1{flex-direction:column}.page .layout .photo-area, .page .back-area{height:auto}.postcard .page
.preview{width:320px;height:auto}.page .back-area .item .text-area
.body{left:8px;top:8px;width:145px;height:210px}.page .back-area .item .text-area
textarea{font-size:10.8px}.page .photo-area,
.page .back-area,
.page .qty-area{margin-bottom:14px}.postcard .page .vertical
.preview{width:auto;height:320px}.page .vertical .back-area .item .text-area
.body{left:20px;top:73px;width:188px;height:185px}.page .layout[data-layout='2'] .back-area .item .text-area
.body{left:30px;top:51px;width:263px;height:161px}.page .layout[data-layout='3'] .back-area .item .text-area
.body{left:17px;top:46px;width:136px;height:165px}.page .vertical.layout[data-layout='2'] .back-area .item .text-area
.body{left:19px;top:47px;width:189px;height:255px}.page .vertical.layout[data-layout='3'] .back-area .item .text-area
.body{left:21px;top:48px;width:185px;height:146px}.page .back-area .item .text-area
.body.font1{font-size:14px;line-height:1.63}.page .back-area .item .text-area .body.font2,
.page .back-area .item .text-area
.body.font3{font-size:14.5px;line-height:1.6}.fixed-bottom a, .fixed-bottom
button{font-size:11px;width:80px}.fixed-bottom{width:100%;left:0;margin-left:0}.step-content{text-align:center}.step{padding:0
10px 10px 14px}.step.first{padding-top:40px}.preview-wrap
.content{width:100%}.preview-wrap .page>div{width:100%}.preview-wrap
.page{flex-direction:column;align-items:center}.sum-qty, .code-wrap
.code{width:320px}.add-page,.print-page,.font-style{font-size:1.2em}.preview-wrap .page.vertical>div,
.preview-wrap .page.vertical
.photo{width:320px}.page .vertical[data-layout='4'] .back-area .item .text-area
.body{width:190px;height:284px}}@media screen and (max-width: 360px){.sum-qty, .code-wrap
.code{width:300px}}