@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}#qr-camera{flex:1;position:relative}#qr-camera::before{content:"";position:absolute;inset:20%;border:2px solid hsla(0,0%,100%,.6);border-radius:12px;pointer-events:none}.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: 480px){#main-mobile{margin-bottom:0}#main-mobile .wrap-menu-mobile{bottom:70px}#main-mobile select#category{width:100%;padding:10px 20px;border-radius:20px;background:#fff;font-size:16px;border:none;font-family:"OpenSans-Medium-Italic"}.box-check-serial{padding:30px 15px;height:100%;background:#e5e5e5}.serial-check-wrapper{padding:0;border:none;box-shadow:none}.serial-check-wrapper .serial-title{font-family:"OpenSans-Medium-Italic";font-size:18px;line-height:2rem;text-align:center}.serial-check-wrapper .serial-link{text-align:left;margin-bottom:30px}.serial-check-wrapper .serial-link a{display:block;font-style:italic;color:#2e3192;text-decoration:underline}.btn.btn-submit{display:block;width:100%}.btn-back{width:100%;height:40px;border-radius:5px;border:1px solid #8b1f1f;background:#fff;color:#000;font-weight:bold;margin-top:10px}.serial-box-content a:-webkit-any-link:read-write{cursor:text}.serial-box-content a:-webkit-any-link{color:-webkit-link;cursor:pointer;text-decoration:underline}#serial-result .serial-box{font-size:14px;border:none;padding:20px;border-radius:0}#serial-result .serial-box h4{text-align:center;margin:15px;font-family:"OpenSans-Medium-Italic";font-size:20px}.box-serial-result .btn-back{margin:20px;width:calc(100% - 40px)}}@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}}