#main_vongquay { background: url(../../images/bg-vongquay.png) no-repeat center top; background-size: cover !important;    /* padding: 15px 0px; */ }
.frm_quay { margin-top: 20px; text-align: center; }
.frm_quay .btn_quay a { background: url(../../imgs/btn_quay.png) no-repeat center center; background-size: 100% 100%; width: 364px; height: 101px; display: inline-block; transition: all 0.4s; cursor: pointer; }
.frm_quay .btn_quay a:hover { opacity: 0.8; transition: all 0.4s; }
.frm_quay .share_btn { color: #fff; font-size: 15px; font-family: 'font3'; margin-top: 15px; }
.frm_quay .share_btn > span.like_fb { position: relative; top: 8px; display: inline-block; margin-right: 5px; }
.frm_quay .share_btn > span.like_fb button { height: 29px; }
.frm_quay .share_btn > span.share_fb { display: inline-block; background: #1877f2; padding: 3px 7px 4px; border-radius: 3px; cursor: pointer; margin-right: 5px; margin-left: 5px; }
.spin_wheel_section {margin: 0px auto;/* padding: 2%; */width: 440px;max-width: 100%;padding: 15px;position: relative;}
.the_wheel { width: 100%; position: relative; aspect-ratio: 1; display: block; z-index: 2; max-width: 100%; padding: 6.5%; }
.the_wheel .bg_outline { position: absolute; z-index: 2; top: 0px; left: 0; width: 410px; height: auto; max-width: 100%; aspect-ratio: 1;    /* z-index: 0; */ background: url(../../imgs/bg-vongquay0.png) no-repeat center center; background-size: 100% 100%; border-radius: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=45, Direction=0, Color=#FAC903)"; -moz-box-shadow: 0 0 45px 0px rgba(250, 201, 3, 1); -webkit-box-shadow: 0 0 45px 0px rgba(250, 201, 3, 1); box-shadow: 0 0 45px 0px rgba(250, 201, 3, 1); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=45, Direction=135, Color=#FAC903); }
.spin_wheel_2 .the_wheel .bg_outline { background-image: url(../../imgs/bg-vongquay0.png); }
.the_wheel:before {/* content: ""; */background: url(../../imgs/dentru.png);width: 286px;background-size: 100% 100%;aspect-ratio: 26/11;position: absolute;max-width: 80%;top: 85%;left: 50%;-moz-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);z-index: -1;}
.spin_pin { background: url(../../imgs/spin_pin.png) no-repeat center center/100% 100%; width: 124px; height: auto; aspect-ratio: 1; top: 0; bottom: 0; left: 0; max-width: 30%; right: 0; margin: auto;position: absolute; }
.wheel_inner { width: 410px; max-width: 100%; aspect-ratio: 1; height: auto;border-radius: 50%;background-size: 100% 100%; }
.wheel_inner #canvas { width: 100%; display: block; border-radius: 50%; }
.text_spin {font-size: 15px;margin: 0;vertical-align: bottom;}
.form-spin .form-control {height: 44px;padding: 10px 15px;}
.bt-spin.button, .bt-dknt.button { border: 2px solid #FAC903; background: #FAC903; color: #F10D0E; font: 500 16px/26px Roboto;    /* padding: 10px 30px; */ text-transform: capitalize; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color=#000000)"; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.9) inset; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.9) inset; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.9) inset; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#000000); }
.bt-spin.button:hover { background: #FFEB3B; }
#canvas_firework {position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;aspect-ratio: auto;width: 100%;height: 100%;z-index: -1;}
.nofi_giaithuong {text-align: center;}
.nofi_giaithuong .tb {text-align: center;font-size: 24px;font-family: UTMHelvetIns;color: #c30101;}
.nofi_giaithuong .r1 {font-size: 18px;margin-bottom: 10px;/* color: #c30101; */font-weight: bold;}
.nofi_giaithuong .r2 {font-size: 16px;margin-bottom: 10px;}
.nofi_giaithuong .r2 span {text-transform: uppercase;color: #028619;}
.nofi_giaithuong .r3 {font-size: 14px;color: #666;}

.modal, .lobibox-backdrop, .lobibox {z-index: 5001;color: #000;}
.modal-dialog .modal-content {width: 100%;padding: 0px;z-index: 99;}
.modal-backdrop.show {opacity: 0;}
.modal {padding: 0 !important;background: none;}
.modal.show .modal-dialog {height: calc(100% - 1rem);display: flex;margin: 0.5rem auto;align-items: center;justify-content: center;padding: 1rem;}

.the_wheel .bg_outline.bg_1 {background-image: url(../../imgs/bg-vongquay1.png);}
.the_wheel .bg_outline.bg_2 {background-image: url(../../imgs/bg-vongquay2.png);}