@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
*,body,html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:noto sans tc,microsoft jhenghei,sans-serif}.canvas-wrapper{height:calc(100vh - 80px);overflow:auto}@media (min-width:768px){.canvas-wrapper{max-width:45vw}}.canvas-wrapper .canvas-border{width:100%;margin:20px 0;border-radius:5px;border:1px solid #81d9ff;overflow:hidden}.canvas-wrapper #canvas{width:100%;padding-bottom:100%;position:relative;overflow:hidden}.canvas-wrapper #canvas #bg{width:100%;height:100%;position:absolute;top:0;left:0}.canvas-wrapper #canvas #bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.canvas-wrapper #canvas #frame{width:100%;padding-bottom:100%;background:transparent 50% no-repeat;background-size:cover;position:absolute;top:0;left:0}.canvas-wrapper #canvas #frame img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:none}.canvas-wrapper #canvas #sticker1{left:0}.canvas-wrapper #canvas #sticker2{right:0}.canvas-wrapper #canvas .sticker{width:40%;height:40%;background:transparent 50% no-repeat;background-size:contain;position:absolute;top:0}.canvas-wrapper #canvas .sticker span{width:30px;height:30px;background:#fff;border-radius:100%;position:absolute;right:0;top:0;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:18px}.canvas-wrapper #canvas .sticker img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:none}.canvas-wrapper input{display:none}.frame-item{width:150px;margin:0 auto 10px;border:3px solid transparent;text-align:center}.frame-item.active{border-color:#b75c73;box-shadow:0 0 12px #d8a5b2}.sticker-item{margin:0 auto 10px;border:2px solid transparent;text-align:center}.sticker-item.active{border-color:#b75c73;box-shadow:0 0 12px #d8a5b2}.controller{background:#fff;position:fixed;bottom:0;left:0;width:100%}.controller .control-btn{width:100%;height:65px;padding:10px;font-size:12px;letter-spacing:1px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid #7dcbde;border-right:1px solid #7dcbde;background:#08c;cursor:pointer;color:#fff}.controller .control-btn.last{border-right:none}.controller .control-btn i{font-size:24px;color:#fff;margin-bottom:3px;text-shadow:1px 1px 3px #15506e}canvas{display:none;width:500px;height:500px}#loadingPopup .modal-body,#loadingPopup .modal-content,#loadingPopup .modal-dialog{background:none;border:none}#loadingPopup .loading-gif{width:72px;height:72px}.btn-pink{background:#b75c73;color:#fff;outline:none;letter-spacing:1px;font-weight:700}.btn-pink.active,.btn-pink:focus,.btn-pink:hover{background:#d8a5b2;color:#fff}.modal-dialog .modal-header{padding:10px;background:#08c;color:#fff}.modal-dialog .modal-body{padding:25px;overflow-x:hidden}.modal-dialog .modal-footer{padding:10px}.top-header{padding:12px 0;border-bottom:1px solid #08c}.top-header img{width:150px}.intro-text{margin-top:15px;font-size:12px;letter-spacing:1px;color:#333;line-height:20px}

/*# sourceMappingURL=front.css.map*/