body{background:linear-gradient(to bottom,purple,#00f)}body .container{padding:0;margin:auto;width:100%;height:100vh}body .container .item-left{background:url(/Assets/Home/imgs/inputInfo/LogoSKA.png) no-repeat center;background-size:cover;width:186px;height:112px;position:absolute;top:2%;left:1%}body .container .item-right{background:url(/Assets/Home/imgs/inputInfo/LogoGuardian.png) no-repeat center;background-size:cover;width:288px;height:100px;position:absolute;top:0;right:0}body .container .title{background:url(/Assets/Home/imgs/home/TheLe.png) no-repeat center center;background-size:cover;width:677px;height:80px;margin:112px auto 20px;position:relative}body .container .main-container{background:url(/Assets/Home/imgs/home/KhungND.png) no-repeat center center;background-size:cover;width:680px;height:560px;padding:20px;margin:auto}body .container .main-container .content{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;color:#032d56;overflow-y:auto;height:100%}body .container .main-container .content .highlight{color:#ff4f00}body .container .main-container .content::-webkit-scrollbar{width:20px}body .container .main-container .content::-webkit-scrollbar-track{background-color:#2a3b5e;border-radius:8px;border:3px solid #fff}body .container .main-container .content::-webkit-scrollbar-thumb{background:#fff;border-radius:10px;border:6px solid transparent;background-clip:content-box;height:20px}body .container .button-main{width:100%;margin-top:2%}body .container .button-main .btn-scan{background:url(/Assets/Home/imgs/home/Nut-Scan.png) no-repeat center center;background-size:200% 100%;width:348px;height:130px;display:block;background-position-x:0;margin:auto}body .container .button-main .btn-scan:hover{background-position-x:98.1%}@media only screen and (max-width:1920px){body{background:url(/Assets/Home/imgs/inputInfo/BG.jpg) no-repeat center center;background-size:cover;width:100%;height:100%}body .container .item-left{width:9.6875vw;height:5.833vw}body .container .item-right{width:15vw;height:5.208333333vw}body .container .title{width:35.260416667vw;height:4.166666667vw;margin:5.833333333vw auto 1.041666667vw}body .container .main-container{display:none;width:35.416666667vw;height:29.166666667vw;padding:1.041666667vw;margin:auto}body .container .main-container .content{font-size:.9375vw}body .container .button-main .btn-scan{width:18.125vw;height:6.770833333vw}}@media screen and (orientation:portrait){body{background:url(/Assets/Home/imgs/home/BG.png) no-repeat center center;background-size:cover;width:100%;height:100%}body .container{height:max-content;padding-bottom:10%}body .container .title{width:86vw;height:10vw;margin:13.208333vh auto 3.041667vw}body .container .main-container{display:block;width:86.416667vw;height:71.166667vw;padding:4.041667vw;margin:auto}body .container .main-container .content{font-size:2.9375vw;font-weight:bold}body .container .button-main .btn-scan{width:40.125vw;height:15.770833vw}}@media only screen and (max-width:480px){body .container .item-left{width:18.6875vw;height:10.833vw;top:2%;left:2%}body .container .title{margin:22.208333vw auto 2.041667vw}body .container .main-container .content{font-size:3.8vw;font-family:Arial,Helvetica,sans-serif}body .container .main-container .content p{margin:0 0 .520833333vw;font-weight:700!important}body .container .main-container .content::-webkit-scrollbar{width:15px}body .container .main-container .content::-webkit-scrollbar-track{background-color:#2a3b5e;border-radius:8px;border:1px solid #fff}body .container .main-container .content::-webkit-scrollbar-thumb{background:#fff;border-radius:10px;border:4px solid transparent;background-clip:content-box;height:20px}}