@keyframes rotate{to{transform:rotate(360deg)}}.mid-title .titleL{display:inline-block;margin-bottom:2rem;position:relative}.mid-title .titleL h1{font-size:36px;text-transform:uppercase;color:#91211b;line-height:1.2em;margin-top:2rem}.mid-title .titleL::after{content:"";height:4px;width:100%;position:absolute;bottom:0;left:0;background:#91211b}#content-middle{padding-bottom:3rem}.serial-check-wrapper{display:flex;gap:10px;max-width:600px;margin:0 auto;padding:30px;border:1px solid #ccc;border-radius:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);position:relative}.btn-scan{height:40px;padding:0 16px;background:none;color:#000;border:none;cursor:pointer;position:absolute;right:0}.serial-check-wrapper .serial-input{position:relative;width:calc(100% - 140px)}.serial-check-wrapper .serial-input input{height:40px;width:100%;min-height:40px;display:block;padding:6px 12px;font-size:18px;font-weight:bold;line-height:1.42857143;color:#000;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.serial-check-wrapper .serial-input input:focus{color:#212529;background-color:#fff;border-color:rgb(134,182.5,254);outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 .25rem rgba(13,110,253,.25)}.serial-check-wrapper .serial-input button{padding:0px;font-size:24px;right:10px;top:4px;width:32px;height:32px}.serial-check-wrapper .serial-input button:hover,.serial-check-wrapper .serial-input button:focus,.serial-check-wrapper .serial-input button:active{background:none}.serial-check-wrapper .btn.btn-submit{position:absolute;right:30px}.qr-desktop-warning{margin-top:20px}.qr-desktop-warning p{margin:5px 0;font-style:italic}.qr-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9999}.qr-modal-content{background:#fff;max-width:420px;margin:10% auto;padding:15px;position:relative}.qr-modal-content h4{margin-top:5px;margin-bottom:10px}.qr-close{position:absolute;right:10px;top:5px;font-size:22px;cursor:pointer}#serial-result{padding:30px}#serial-result .error{margin-top:30px}#serial-result .serial-box{max-width:40%;margin:0 auto;background:#f3f1f1;border-radius:10px;border:1px solid #ccc;padding:30px}#serial-result .serial-box h4{margin:0;font-style:italic}@media screen and (max-width: 1280px){.mid-title .titleL h1{font-size:40px}}@media screen and (max-width: 1024px){.mid-title .titleL h1{font-size:30px;margin-top:2rem}}@media screen and (max-width: 768px){.serial-check-wrapper{padding:15px;display:block;text-align:center}.serial-check-wrapper .serial-input{width:100%}.serial-check-wrapper .btn.btn-submit{position:relative;right:auto}.serial-check-wrapper input{width:100%;margin-bottom:15px}.qr-modal{top:70px}#serial-result{padding:0}#serial-result .serial-box{width:100%;margin:0;margin-top:30px;max-width:100%;padding:15px}}@media screen and (max-width: 395px){.mid-title .titleL h1{font-size:20px}.box-button button{padding:10px 15px}.box-button button span{font-size:16px}}