.reverse_captcha,.rc{width:1px;height:1px;overflow:hidden;margin-left:-99999px}.fadein{opacity:0}input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}object{width:100%}.os-animation{opacity:0}@keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}.animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}.animatedFadeInUp{opacity:0}.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}.img-fluid{max-width:100%}.img-full{width:100%}.site-core{min-height:100vh;position:relative;margin:0px auto;max-width:100%}@media (max-width: 767px){.site-core{width:100%;margin-left:0}}@media (min-width: 990px){.site-core .wrapper{max-width:700px;margin:0 auto}}html,body{position:relative;overflow-x:hidden;padding:0}body{font-size:20px;line-height:1.6;font-family:"Noto Sans TC",sans-serif,"Microsoft JhengHei","Microsoft Yahei","Hiragino Sans GB";position:relative;background:#01762F}.site-core{background:url("../images/bg.jpg") center center repeat;background-size:cover;max-width:960px;margin:0 auto}.img-full{width:100%}.flex{display:flex}.flex.inner{height:100%;justify-content:center;align-items:center}.top-logo{max-width:60vw;text-align:center;padding:30px 0;margin:0 auto}.top-logo img{margin:0 auto}.bottom-logo{max-width:60vw;text-align:center;padding:30px 0;margin:0 auto}.bottom-logo img{margin:0 auto}.btn.style1{background:#01762F;color:white;font-size:1.2rem;padding:15px 30px;border-radius:30px;min-width:30vw;text-align:center}.btn.style2{background:#01762F;color:white;font-size:1.2rem;padding:15px 30px;border-radius:30px;min-width:30vw;text-align:center}.btn.style3{background:#01762F;color:white;font-size:1.2rem;padding:15px 0px;margin:0 1%;min-width:25%;border-radius:30px;text-align:center}@media (max-width: 767px){.btn.style3{font-size:14px}}.bg-decor{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);width:110%;z-index:0;top:0%}.intro-content{background:rgba(255,255,255,0.7);font-weight:200;border-radius:20px;padding:30px 20px;margin:0 30px}.intro-content .title-wrapper img{max-height:40px}.intro-content.theme2{background:rgba(228,30,38,0.7);color:white}.intro-content.theme3{background:rgba(1,73,37,0.7);color:white}.t2{max-width:200px}.gift{max-width:200px;margin:30px auto}.remark{font-size:12px}.form .cssLabel{padding-right:0;font-size:15px}.form .form-control{border:none}.despt{font-size:15px}.img-preview{overflow:hidden;max-width:80%;margin:0 auto;-webkit-box-shadow:18px 18.47px 8px rgba(22,51,25,0.3);-moz-box-shadow:18px 18.47px 8px rgba(22,51,25,0.3);box-shadow:18px 18.47px 8px rgba(22,51,25,0.3);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.img-preview.theme1{background:#A68D77 url("../images/bg11x.jpg") center center repeat}.img-preview.theme2{background:#81999B url("../images/bg21x.jpg") center center repeat}.img-preview.theme3{background:#011740 url("../images/bg31x.jpg") center center repeat}.img-preview.theme4{background:#153F0D url("../images/bg41x.jpg") center center repeat}.img-preview.theme5{background:#A68D77 url("../images/bg11x.jpg") center center repeat}.text-edit{background:#01762F;color:white;margin-top:-2px;min-height:85px;padding:20px 15px;word-break:break-all}.text-edit .name{font-size:12px}.home-content{position:relative;animation:fadeInUp;animation-duration:2s}.home-content .btn{position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:3;bottom:5vh;max-width:200px}@media (min-width: 990px){.home-content{max-width:500px;margin:0 auto}.home-content .btn{min-width:200px}}@keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}.animatedFadeInUp{opacity:0}.animatedFadeIn{opacity:0}.fadeIn{opacity:0;animation-name:fadeIn;-webkit-animation-name:fadeIn}.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;animation-delay:0.5s}#container{position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:4;height:60vh;overflow:hidden}#paintPageUI .title,#previewPageUI .title{position:absolute;z-index:3;left:30px;top:30px}#paintPageUI .title img,#previewPageUI .title img{height:40px}.top-logo,.bottom-logo{max-width:200px}.p-step,.n-step{padding:10px 30px;display:block;width:100%;text-align:center;background-color:#01762F;color:white;border-radius:30px;z-index:3}@media (min-width: 990px){.p-step,.n-step{min-width:100%}}@media (max-width: 767px){.p-step,.n-step{font-size:14px}}.panel-top-nav .l-logo{max-width:200px}.panel-top-nav .r-logo{max-width:150px;float:right}.site-wrapper{padding:0 20px;position:relative;max-width:700px;margin:0 auto}.dd-draw{padding:50px 20px 20px;background:rgba(255,255,255,0.7);border-radius:20px;position:relative;z-index:2}.draw-board{height:50vh;width:50vh;margin:0px auto;z-index:0}@media (max-width: 767px){.draw-board{width:90vw;height:90vw}}.inline-btn{margin-top:80px}div.scrollmenu{max-width:100%;overflow:hidden}div.scrollmenu div{display:block}@media (max-width: 767px){div.scrollmenu{max-width:100%}}.colorbutton{display:inline-block;float:left;width:8%;margin:5px 1%;overflow:hidden;padding:0}@media (max-width: 767px){.colorbutton{width:8% !important;overflow:hidden}}#desktop{position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.7);width:100%;height:100%;color:#ffffff;z-index:100;display:none}#desktop .frame{background:white;color:black;padding:20px;border-radius:10px}#desktop div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.dx{display:inline-block;overflow:hidden}#saveLink{display:none}
/*# sourceMappingURL=style.css.map */