@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);.btn-wheel .content_btn{-webkit-animation:ring 3s ease-in-out 1s infinite;animation:ring 3s ease-in-out 1s infinite;border-radius:50%;cursor:pointer;position:fixed;z-index:2}@media(max-width:576px){.btn-wheel .content_btn .anh-btn{height:40px;width:40px}}@media(min-width:577px){.btn-wheel .content_btn .anh-btn{height:50px;width:50px}}@media(min-width:992px){.btn-wheel .content_btn .anh-btn{height:60px;width:60px}}@media(max-width:576px){.btn-wheel .content_btn{bottom:5px;right:5px}}@media(min-width:577px){.btn-wheel .content_btn{bottom:5px;right:5px}}@media(min-width:992px){.btn-wheel .content_btn{bottom:0;right:10%}}@media(min-width:1200px){.btn-wheel .content_btn{bottom:0;right:19%}}.btn-wheel .blur{background-color:#9b9999;height:100vh;left:0;position:fixed;top:0;width:100vw}.btn-wheel .modall{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}10%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}15%{-webkit-transform:rotate(34deg);transform:rotate(34deg)}20%{-webkit-transform:rotate(-32deg);transform:rotate(-32deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}30%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}35%{-webkit-transform:rotate(26deg);transform:rotate(26deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}45%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}60%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}65%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}70%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}85%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}90%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}95%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}@keyframes ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}10%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}15%{-webkit-transform:rotate(34deg);transform:rotate(34deg)}20%{-webkit-transform:rotate(-32deg);transform:rotate(-32deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}30%{-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}35%{-webkit-transform:rotate(26deg);transform:rotate(26deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}45%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}60%{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}65%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}70%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}85%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}90%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}95%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}.modal-quay{position:relative}.modal-quay,.modal-quay .vongquay-btn{align-items:center;display:flex;justify-content:center}.modal-quay .vongquay-btn{position:absolute}.modal-quay .vongquay-btn .arrow-modal{margin-left:5px;position:absolute;top:-1%;z-index:1}@media(max-width:576px){.modal-quay .vongquay-btn .arrow-modal{height:20%}}@media(min-width:577px){.modal-quay .vongquay-btn .arrow-modal{height:20%}}@media(min-width:768px){.modal-quay .vongquay-btn .arrow-modal{height:20%}}@media(min-width:992px){.modal-quay .vongquay-btn .arrow-modal{height:20%}}@media(min-width:1200px){.modal-quay .vongquay-btn .arrow-modal{height:15%}}@media(max-width:576px){.modal-quay .vongquay-btn .vongquay-modal{height:45vh}}@media(max-width:576px)and (orientation:landscape){.modal-quay .vongquay-btn .vongquay-modal{height:80vh}}@media(min-width:577px){.modal-quay .vongquay-btn .vongquay-modal{height:50vh}}@media(min-width:577px)and (orientation:landscape){.modal-quay .vongquay-btn .vongquay-modal{height:80vh}}@media(min-width:768px){.modal-quay .vongquay-btn .vongquay-modal{height:62vh}}@media(min-width:768px)and (orientation:landscape){.modal-quay .vongquay-btn .vongquay-modal{height:90vh}}@media(min-width:992px){.modal-quay .vongquay-btn .vongquay-modal{height:65vh;width:65vh}}@media(min-width:992px)and (orientation:landscape){.modal-quay .vongquay-btn .vongquay-modal{height:70vh;width:70vh}}.modal-quay .vongquay-btn .btXoay{cursor:pointer;opacity:0;position:absolute}@media(max-width:576px){.modal-quay .vongquay-btn .btXoay .anh_btn-quay{object-fit:cover;width:65px}.modal-quay .vongquay-btn .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}@media(min-width:577px){.modal-quay .vongquay-btn .btXoay .anh_btn-quay{object-fit:cover;width:70px}.modal-quay .vongquay-btn .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}@media(min-width:768px){.modal-quay .vongquay-btn .btXoay .anh_btn-quay{object-fit:cover;width:80px}.modal-quay .vongquay-btn .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}@media(min-width:992px){.modal-quay .vongquay-btn .btXoay .anh_btn-quay{object-fit:cover;width:70px}.modal-quay .vongquay-btn .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}.modal-quay .btn-cancel{color:#333}@media(max-width:576px){.modal-quay .btn-cancel{cursor:pointer;font-size:20px;position:absolute;right:4px;top:5px}}@media(min-width:577px){.modal-quay .btn-cancel{cursor:pointer;font-size:40px;position:absolute;right:4px;top:5px}}.vongquay-container{align-items:center;display:flex;justify-content:center;position:relative}@media(max-width:576px){.vongquay-container .anh_2{object-fit:cover;width:100%}}@media(max-width:576px)and (orientation:landscape){.vongquay-container .anh_2{width:100%}}@media(min-width:577px){.vongquay-container .anh_2{object-fit:cover;width:100%}}@media(min-width:577px)and (orientation:landscape){.vongquay-container .anh_2{width:100%}}@media(min-width:992px){.vongquay-container .anh_2{height:540px;object-fit:fill;width:960px}}.vongquay-container .vongquay{align-items:center;display:flex;justify-content:center;position:absolute}@media(min-width:992px){.vongquay-container .vongquay{bottom:50%}}.vongquay-container .vongquay .arrow{margin-left:5px;position:absolute;top:-1%;z-index:1}@media(max-width:576px){.vongquay-container .vongquay .arrow{height:20%}}@media(min-width:577px){.vongquay-container .vongquay .arrow{height:20%}}@media(min-width:768px){.vongquay-container .vongquay .arrow{height:20%}}@media(min-width:992px){.vongquay-container .vongquay .arrow{height:20%}}@media(min-width:1200px){.vongquay-container .vongquay .arrow{height:15%}}@media(max-width:576px){.vongquay-container .vongquay .anh_vongquay{height:45vh}}@media(max-width:576px)and (orientation:landscape){.vongquay-container .vongquay .anh_vongquay{height:80vh}}@media(min-width:577px){.vongquay-container .vongquay .anh_vongquay{height:50vh}}@media(min-width:577px)and (orientation:landscape){.vongquay-container .vongquay .anh_vongquay{height:80vh}}@media(min-width:768px){.vongquay-container .vongquay .anh_vongquay{height:62vh}}@media(min-width:768px)and (orientation:landscape){.vongquay-container .vongquay .anh_vongquay{height:90vh}}@media(min-width:992px){.vongquay-container .vongquay .anh_vongquay{height:40vh}}@media(min-width:992px)and (orientation:landscape){.vongquay-container .vongquay .anh_vongquay{height:62vh;width:62vh}}@media(min-width:1200px)and (orientation:landscape){.vongquay-container .vongquay .anh_vongquay{height:60vh;width:60vh}}.vongquay-container .vongquay .btXoay{cursor:pointer;opacity:0;position:absolute;text-align:center}@media(max-width:576px){.vongquay-container .vongquay .btXoay .anh_btn-quay{object-fit:cover;width:65px}.vongquay-container .vongquay .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}@media(min-width:577px){.vongquay-container .vongquay .btXoay .anh_btn-quay{object-fit:cover;width:70px}.vongquay-container .vongquay .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}@media(min-width:768px){.vongquay-container .vongquay .btXoay .anh_btn-quay{object-fit:cover;width:80px}.vongquay-container .vongquay .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}@media(min-width:992px){.vongquay-container .vongquay .btXoay .anh_btn-quay{object-fit:cover;width:70px}.vongquay-container .vongquay .btXoay .anh_btn-quay:hover{-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s}}.container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;z-index:1}@media(max-width:576px){.container .parent .anh_1{object-fit:cover;width:100%}}@media(max-width:576px)and (orientation:landscape){.container .parent .anh_1{height:100%}}@media(min-width:577px){.container .parent .anh_1{height:100%;width:100%}}@media(min-width:992px){.container .parent .anh_1{width:960px}}@media(max-width:576px){.container .parent .anh_3{object-fit:cover;width:100%}}@media(min-width:577px){.container .parent .anh_3{object-fit:cover;width:100%}}@media(min-width:992px){.container .parent .anh_3{height:100%;width:960px}}@media(max-width:576px){.container .parent .anh_4{height:100%;width:100%}}@media(min-width:577px){.container .parent .anh_4{height:100%;width:100%}}@media(min-width:992px){.container .parent .anh_4{width:960px}}.container .parent .form{position:relative}.container .parent .form .info{position:absolute}@media(max-width:576px){.container .parent .form .info{right:10%;top:53%;width:30%}}@media(min-width:577px){.container .parent .form .info{right:10%;top:53%;width:30%}}@media(min-width:992px){.container .parent .form .info{left:73%;max-width:260px;top:65%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media(min-width:1200px){.container .parent .form .info{-webkit-transform:translate(-80%,-50%);transform:translate(-80%,-50%)}}.by{color:#a3a2a2;cursor:pointer;margin-bottom:10px}@media(max-width:576px){.by{font-size:10px}}@media(min-width:577px){.by{font-size:16px}}.final{align-items:center;-webkit-animation:fadeIn .6s ease-in-out;animation:fadeIn .6s ease-in-out;background-color:hsla(0,1%,56%,.5);bottom:0;display:flex;font-family:roboto;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.content-final{-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:500px;overflow:hidden;padding:30px;position:relative;text-align:center;width:90%;z-index:10}@media(max-width:576px){.content-final{padding:15px}}.group .a{color:#f39c12;font-size:24px;letter-spacing:2px;margin-bottom:15px}.group .a,.group span{font-weight:700;text-transform:uppercase}.group span{background:linear-gradient(45deg,tomato,#ff1493);-webkit-background-clip:text;background-clip:text;color:#e74c3c;display:inline-block;font-size:26px;margin-top:5px;padding:0 5px}.group p{color:#333;font-size:18px;margin-top:20px}.btn-off{color:#333;cursor:pointer;font-size:32px;padding:5px;position:absolute;right:5px;top:5px;transition:color .3s ease}.btn-off:hover{color:#e74c3c}.modal{align-items:center;-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;background-color:hsla(0,1%,56%,.5);display:flex;justify-content:center;position:fixed;z-index:1000}.blur,.modal{bottom:0;left:0;right:0;top:0}.blur{background:rgba(0,0,0,.7);position:absolute}.content{-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);max-width:600px;overflow:hidden;padding:30px;position:relative;text-align:center;width:90%;z-index:10}@media(max-width:576px){.content{padding:15px}}.anh-ketqua{border-radius:10px;height:auto;object-fit:cover;width:100%}.btn-cancel{color:#333;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px;transition:color .3s ease}.btn-cancel:hover{color:#e74c3c}.gift{margin:20px 0}.gift__g{-webkit-animation:textSlideIn .8s ease-in-out;animation:textSlideIn .8s ease-in-out;background:linear-gradient(45deg,#f39c12,#8e44ad,#3498db);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:30px;font-weight:700;letter-spacing:1px;line-height:1.4;padding:10px;text-shadow:1px 1px 3px rgba(0,0,0,.2);text-transform:uppercase}@media(max-width:576px){.gift__g{font-size:20px}}@-webkit-keyframes textSlideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes textSlideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.gift__g span{-webkit-animation:pulseEffect 1.2s infinite alternate;animation:pulseEffect 1.2s infinite alternate;background:linear-gradient(45deg,#ff4d4d,red,#ff4d4d);-webkit-background-clip:text;background-clip:text;border:2px solid #ff4d4d;border-radius:8px;box-shadow:0 0 8px rgba(255,0,0,.2);color:#fff;color:transparent;display:inline-block;font-size:32px;font-weight:700;margin-top:10px;padding:8px 16px;text-shadow:1px 1px 3px rgba(255,0,0,.3);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}@media(max-width:576px){.gift__g span{font-size:20px}}@-webkit-keyframes pulseEffect{0%{box-shadow:0 0 8px rgba(255,0,0,.2);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 12px rgba(255,0,0,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulseEffect{0%{box-shadow:0 0 8px rgba(255,0,0,.2);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 12px rgba(255,0,0,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}}.hetluot{color:#e74c3c;margin-bottom:20px}.hetluot,.trangchu{font-size:18px;font-weight:700}.trangchu{background:linear-gradient(45deg,#e74c3c,#c0392b);border-radius:25px;box-shadow:0 4px 10px rgba(231,76,60,.2);cursor:pointer;display:inline-block;padding:8px 16px;text-align:center;transition:all .3s ease-in-out}.trangchu,.trangchu:hover{color:#fff;text-decoration:none}.trangchu:hover{background:linear-gradient(45deg,#c0392b,#e74c3c);box-shadow:0 6px 15px rgba(231,76,60,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.text-info{margin-top:20px}.text-info__t{color:#333;font-size:20px;font-weight:700;margin-bottom:20px}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button,input{border:none;outline:none}*{box-sizing:border-box}li,ul{list-style:none}img{display:block}.form{font-family:Roboto}@media(max-width:576px){.form{width:100%}}@media(min-width:577px){.form{width:100%}}@media(min-width:992px){.form{width:100%}}.form .field{background-color:#f9f7f7;border:1px solid #ccc;border-radius:5px;color:#000;display:block;font-family:Roboto;font-weight:500;margin:0 auto}@media(max-width:576px){.form .field{font-size:15px;margin-bottom:5px;padding:7px;width:55vw}}@media(min-width:577px){.form .field{margin-bottom:5px;padding:10px;width:40vw}}@media(min-width:992px){.form .field{margin-bottom:5px;padding:10px;width:260px}}.form .btn-div{align-content:center;display:flex;justify-content:center}.form .btn-ok{background:linear-gradient(90deg,#f5402f,#f76d2f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:10px;padding:10px 20px;text-align:center;text-decoration:none;transition:background .3s,-webkit-transform .2s;transition:background .3s,transform .2s;transition:background .3s,transform .2s,-webkit-transform .2s}.form .btn-ok:hover{background:linear-gradient(90deg,#f93726,#f85e2f);-webkit-transform:scale(1.05);transform:scale(1.05)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.my-button{background-color:#0074d9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.my-button:hover{background-color:#0056b3}.rotating-wheel{-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite;height:200px;position:relative;width:200px}.wheel{-webkit-animation:rotate-reverse 4s linear infinite;animation:rotate-reverse 4s linear infinite;border:2px solid #000;border-radius:50%;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.wheel,.wheel-segment{height:100%;width:100%}.wheel-segment{background-color:red;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotate-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.circle-spinner{align-items:center;display:flex;flex-direction:column;height:100vh}.circle{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:5px solid #3498db;border-radius:50%;border-top-color:transparent;height:100px;width:100px}.spin{-webkit-animation:spin 2s linear;animation:spin 2s linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dialog{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.dialog-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:20px;text-align:center;width:300px}.download-table-xls-button{background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px}.text-a{color:#0056b3;font-size:16px}.text-bottom{font-size:16px;margin-left:10px;margin-right:8px}.content-register-page{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}*{margin:0;padding:0}.content-p{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.content-p .form-content{width:400px}
/*# sourceMappingURL=main.3fb5a75f.css.map*/