blockquote,q{
    quotes:none
}
blockquote::before,blockquote::after,q::before,q::after{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.container12 .wrap{
    width:1310px;
    margin:auto
}
.container1903::after,.container12::after{
    content:"";
    display:block;
    clear:both
}
.clearfix{
    clear:both
}
.container12 .wrap>div{
    width:1310px
}
.d_flex{
    display:flex;
    flex-flow:wrap;
    justify-content:space-between
}


.youtube{
    background-color:#000;
    position:relative;
    padding-top:56.25%;
    overflow:hidden;
    cursor:pointer
}
.youtube img{
    width:100%;
    top:-16.82%;
    left:0;
    opacity:1
}
.youtube:hover .play-button{
    background-color:red
}
.youtube .play-button{
    width:65px;
    height:44px;
    background-color:#333;
    z-index:1;
    opacity:1;
    border-radius:15%
}
.youtube .play-button::before{
    content:"";
    border-style:solid;
    border-width:10px 0 10px 20px;
    border-color:transparent transparent transparent #fff
}
.youtube img,.youtube .play-button{
    cursor:pointer
}
.youtube img,.youtube iframe,.youtube .play-button,.youtube .play-button::before{
    position:absolute
}
.youtube .play-button,.youtube .play-button::before{
    top:50%;
    left:50%;
    transform:translate3d(-50%,-50%,0)
}
.youtube iframe{
    height:100%;
    width:100%;
    top:0;
    left:0
}
.youtube .play-button{
    transition:all 0.5s ease-in-out;
    width:65px;
    height:65px;
    background:none;
    border-radius:50%;
    border:4px solid #32a147
}
.youtube:hover .play-button{
    background:none;
    transform:translate3d(-50%,-50%,0) scale(1.05);
    box-shadow:0 0 15px rgba(0,0,0,.3);
    border:4px solid red
}
.youtube .play-button::before{
    transition:all 0.5s ease-in-out;
    border-width:15px 0 15px 25px;
    border-color:transparent transparent transparent #32a147;
    transform:translate3d(-46%,-50%,0)
}
.youtube:hover .play-button::before{
    border-color:transparent transparent transparent red
}
.tab_click_link{
    cursor:pointer
}
.tab_click_content{
    display:none;
    animation:fadeEffect 0.3s
}
.tab_click_content.active{
    display:block
}
@keyframes fadeEffect{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.modal__box{
    display:none;
    position:fixed;
    z-index:100;
    padding-top:200px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,.4)
}
.modal__box__header{
    box-sizing:border-box;
    width:80%;
    margin:auto;
    text-align:right;
    padding:4px;
    background-color:#eee;
    position: relative;
}
.modal__box.ul_2col .modal__box__header{
    max-width:530px
}
.modal__box.ul_3col .modal__box__header{
    max-width:600px
}
.modal__close{
    color:#aaa;
    font-size:28px;
    line-height:1;
    display:inline-block;
    font-weight:700;
    padding:0 8px
}
.modal__close:hover,.modal__close:focus{
    color:red;
    text-decoration:none;
    cursor:pointer
}
.modal__box__content{
    box-sizing:border-box;
    background-color:#fefefe;
    margin:auto;
    padding:16px 12px;
    width:80%
}
.modal__box__header:before{
        content: "";
    display: inline-block;
    width: 150px;
    height: 246px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(img/logo-f.png) center no-repeat;
    zoom: .4;
    display:none;
}
.modal__box.ul_2col .modal__box__content{
    max-width: 530px;
    background: #071a43;
    background-size: cover;
    padding: 15px;
}
.modal__box.ul_3col .modal__box__content{
    max-width:600px
}
#lucky-circle{
	display: none;
}
@media screen and (max-width:1169px){
    .modal__box__header,.modal__box__content{
        width:90%
    }
    .modal__box__content ul li a p br{
        display:none
    }
}
.modal__box__content h3,.modal__box__content p{
       text-align: center;
    z-index: 99999999999999;
    position: relative;
    color: #fff;
    margin: 9px 0;
}
.modal__box__content h3 #kq_quay__span{
        color: #ffad00;
    font-family: 'OpenSans';
    margin: 8px 0;
    display: block;
}
.modal__box__content .d_contact select,.modal__box__content .d_contact textarea,.modal__box__content .d_contact input{
        height: auto;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 0.7rem;
    border: 1px solid #dfdfe1;
    border-radius: 5px;
    background: #f8f8fa;
    color: #727171;
    font-size: .9rem;
    font-family: inherit;
}
#kq_quay{
    display: none;
}
.wpcf7-form.processing:before{
    display: none !important;
}
.modal__box__content ::-webkit-input-placeholder{
    color:#757575
}
.modal__box__content :-moz-placeholder{
    / Firefox 18- / color:#757575
}
.modal__box__content ::-moz-placeholder{
    / Firefox 19+/ color:#757575
}
.modal__box__content :-ms-input-placeholder{
    color:#757575
}
.modal__box__content ::-webkit-input-placeholder{
    color:#757575
}
.modal__box__content :-moz-placeholder{
    / Firefox 18- / color:#757575
}
.modal__box__content ::-moz-placeholder{
    / Firefox 19+/ color:#757575
}
.modal__box__content :-ms-input-placeholder{
    color:#757575
}
.modal__box__content .d_contact .d-send{
       width: auto;
    display: block;
    padding: 0.5rem 1.5rem;
    margin: 0.5rem auto;
    font-size: 1.125rem;
    line-height: 1;
    min-height: auto;
    text-transform: uppercase;
    font-style: normal;
    text-align: center;
    border: 1px solid #001c25;
    border-radius: 0.25rem;
    background-color: #cc0000;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}
.modal__box__content .d_contact .d-send:hover{
    background-color:rgba(216,21,53,.8);
    box-shadow:0 2px 5px rgba(0,0,0,.5)
}
@media screen and (min-width:1170px){
    br.br_m{
        display:none
    }
}
@media screen and (max-width:1169px){
    br.br_pc{
        display:none
    }
}
.text_grad_1{
    display:inline-block;
    background:linear-gradient(to top,#003f16,#2b900d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.text_grad_2{
    display:inline-block;
    background:linear-gradient(to top,#e10019,#ff6600);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.btn_dang_ky{
    text-align:center;
    margin:1.5rem 0
}
.sec59_row2 .d_contact button[type="submit"],.btn_dang_ky a{
    display:inline-block;
    padding:10px 1.5rem 8px;
    border:1px solid #ed3131;
    border-radius:3rem;
    background:linear-gradient(to top,#e10019,#ff6600);
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    font-size:1.325rem;
    line-height:1;
    transition:all 0.2s ease-in-out
}
.sec59_row2 .d_contact button[type="submit"]:hover,.btn_dang_ky a:hover{
    background:linear-gradient(110deg,#ff9944,#fc6076);
    color:#fff;
    cursor:pointer
}
.sec48{
    position: relative;
}
.sec48:before{
    content:"";
    display: inline-block;
    width: 300px;
    height: 245px;
    background: url(../i/sv.png) center no-repeat;
        position: absolute;
    left: 0;
    bottom: 0;
    
}
.sec48:after{
    content:"";
    display: inline-block;
    width: 300px;
    height: 187px;
    background: url(../i/uudai.png) center no-repeat;
        position: absolute;
    right: 0;
    bottom: 0;
    
}
@media screen and (min-width:1170px){
    .sec48{
        position:relative;
        background: #ffeeca;
        width:100%;
        background-size:cover;
        padding:0 0 200px 0
    }
}
.sec48 .wrap>div{
    padding:80px 0 0rem
}
.sec48_row2{
    position:relative;
    display:flex
}
#ichan{
    margin:-65px auto 0
}
#arr-c{
	    position: absolute;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    top: 40%;
}
.wheel-wrapper{
    width:644px;
    height:843px;
    position:relative;
    margin-left:-75px
}
.wheel-wrapper>img{
    display:block;
    margin:0 auto 20px
}
.wheel-clockwise{
    position:absolute;
    z-index:5;
    left:50%;
    top:77px;
    transform:translateX(-50%);
    width:65px;
    height:110px
}
.wheel-pointer{
    width:159px;
    height:159px;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:10;
    cursor:pointer;
    background:url(../i/quay.png) center no-repeat;
    -webkit-box-shadow:6px 3px 21px -3px rgb(0 0 0 / 75%);
    -moz-box-shadow:6px 3px 21px -3px rgba(0,0,0,.75);
    box-shadow:6px 3px 21px -3px rgb(0 0 0 / 75%)
}
.wheel-pointer::after{
    position:absolute;
    top:-32px;
    left:50%;
    border-width:0 8px 40px;
    border-style:solid;
    border-color:transparent transparent yellow;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.wheel-wrapper:before{
    display:inline-flex;
    content:"";
    width:113px;
    height:73px;
    background:transparent url(img/ic.png) center no-repeat;
    position:absolute;
    top:321px;
    left:222px;
    mix-blend-mode:screen;
    z-index:111
}
.wheel-pointer .d_flex{
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    line-height:1.3
}
.wheel-bg{
    width:644px;
    height:644px;
    overflow:hidden;
    -webkit-transition:-webkit-transform 4s ease-in-out;
    transition:-webkit-transform 4s ease-in-out;
    transition:transform 4s ease-in-out;
    transition:transform 4s ease-in-out,-webkit-transform 4s ease-in-out;
    background:#3f51b5;
    background:url(img/cir_pk.png) 0 0 no-repeat;
    background-size:contain;
}
.wheel-bg.freeze{
    -webkit-transition:none;
    transition:none;
    background:red
}
.prize-list{
    width:100%;
    height:100%;
    position:relative;
    display:none;
    text-align:center
}
.prize-item-wrapper{
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:50%;
    height:50%
}
.prize-item{
    width:100%;
    height:100%;
    -webkit-transform-origin:bottom;
    transform-origin:bottom
}
.prize-item .prize-name{
    padding:8px 0
}
.prize-item .prize-name{
    padding-top:6rem
}
.prize-item .prize-icon p{
    font-weight:700;
    font-size:21px;
    line-height:1.3;
    text-align:center
}
.prize-item .prize-icon p.p_1{
    background:linear-gradient(to top,#ffffff,#ffffff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.prize-item .prize-icon p.p_2{
    background:linear-gradient(to top,#ff4040,#004c03);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.prize-item .prize-icon p.p_1.p_3{
    background:linear-gradient(to top,#ffeb40,#feffbe);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.sec48_row3{
    max-width:470px;
    margin-left:auto
}
.sec48_row3 h3{
    padding-bottom:0;
    font-size:1.5rem;
    font-weight:700;
    color:#f7f0a2;
    text-shadow:0 3px 3px #222
}
.sec48_row3 h3::before{
    content:"";
    width:16px;
    height:16px;
    border-radius:50%;
    background-color:#f7f0a2;
    display:inline-block;
    margin-right:6px;
    box-shadow:0 3px 3px #222
}
.sec48_row3 ul li{
    background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 10%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.4) 90%,rgba(0,0,0,0) 100%);
    margin:6px 0;
    padding:8px 10px;
    color:#fff;
    font-size:14px;
    line-height:1.5
}
.sec48_row3 ul li::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background-color:#fff;
    display:inline-block;
    vertical-align:middle;
    margin-right:6px
}
.sec48_row5{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    color:red;
}
.sec48_row5 h4{
        font-family: 'MontserratBold';
    text-shadow: 0 1px 1px #222;
    font-size: 1.625rem;
    text-transform: uppercase;
    color: #cd0000;
    margin: 10px 0 25px 0;
}
@media screen and (min-width:1170px){
    .sec44_row1,.sec46_row2,.sec48_row1{
        display:none
    }
}
@media screen and (min-width:1170px) and (max-width:1599px){
    .wheel-clockwise{
        width:80px
    }
    .prize-item .prize-name{
        padding:40px 0
    }
    .prize-item .prize-icon p{
        font-size:19px
    }
    .sec48_row2 .modal__box{
        padding-top:130px
    }
    .sec48_row3{
        margin-right:4rem
    }
}
.sec4 .wrap>div{
    padding:3rem 0 2.5rem
}
@font-face{
    font-display:swap;
    font-family:AvertaBlack;
    src:url(fonts/AvertaDemoRegular.otf)
}
@font-face{
    font-display:swap;
    font-family:Baomoi;
    src:url(fonts/Baomoi.otf)
}
#mar{
    overflow:hidden;
    height:175px!important;
    width:100%!important
}
#mar table{
    width:100%
}
#title_dsbn{
    display:flex
}
#title_dsbn>div{
    flex:5;
    font-weight:700;
    text-transform:uppercase;
    font-size:18px!important;
    font-weight:700;
    padding:7px 15px;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid rgba(247,240,162,.5);
    font-size:15px;
    line-height:1.4
}
#title_dsbn>div:nth-child(1){
    flex:.8
}
#title_dsbn>div:nth-child(2),#title_dsbn>div:nth-child(3){
    flex:2
}
#mar li{
    display:flex
}
#mar li span{
    flex:5;
    font-weight:700;
    font-weight:700;
    padding:7px 15px;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #000;
    font-size:15px;
    line-height:1.4;
    color: red;
}
#mar li>span:nth-child(1){
    flex:.8
}
#mar li>span:nth-child(2),#mar li>span:nth-child(3){
    flex:2
}
#app{
    padding: 100px 0 0 0;
}
#app-right{
    padding:0px 0 0 84px;
    color: #fff;
    font-family: Baomoi;
}
#app-right > div > ul li, #app-right > div > ol li{
	    display: block;
	    list-style: none;
    padding: 8px 0;
    border-bottom: 1px solid #a27334;
    margin: 0;
        color: red;
        font-size: 1.1em;
}
#app-right > div > ul li:nth-child(2n), #app-right > div > ol li:nth-child(2n){
	 background: linear-gradient(to right, transparent, #ffd2d2, transparent);
}
#app-right > div > div ul li:nth-child(2n), #app-right > div > div ol li:nth-child(2n) {
    background: linear-gradient(to right, transparent, #7a2727, transparent);
    
}
h3.titlev {
    color: #fff;
    font-family: UTMHelveBold;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 700;
    /* color: #f7f0a2; */
    /* text-shadow: 0 3px 3px #222; */
    font-size: 1.625rem;
    color: #cd0000;
}
#app > img{
	display: block;
  margin: 0 auto 25px;
}
.huongdan{
    
    color: red;
}
.huongdan p{
    font-size: 1.1em;
}
.box-quay { width: 644px;
    height: 645px;
    position: relative;}
.box-quay .outer { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.box-quay .outer img { width: 100%; }
.box-quay .inner {
	    position: relative;
    width: 7rem;
    height: 7rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    background-image: url(../i/icquay.png);
    background-size: auto 7rem;
    background-repeat: no-repeat;
    cursor: pointer;
}
.box-quay .inner.start:active { -webkit-transform: translate(-50%, -50%) scale(.95); -moz-transform: translate(-50%, -50%) scale(.95); -ms-transform: translate(-50%, -50%) scale(.95); -o-transform: translate(-50%, -50%) scale(.95); transform: translate(-50%, -50%) scale(.95); }
.box-quay .inner.start { background-position: 0 0; }
.box-quay .inner.no-start { background-position: -5rem 0; }
.box-quay .inner.completed { background-position: -10rem 0; }
h3.titlev, .sec48_row5 h4{
        
        margin: 15px 0;
    
    }
@media screen and (max-width:1440px){
    .wheel-wrapper{
        margin-left:-20px
    }
}

@media screen and (max-width:1366px){
    
    .wheel-wrapper{
        margin-left:12px
    }
    .sec48_row5{
        padding:0 25px
    }
}

@media screen and (max-width:1024px){
    
    
    .container12 .wrap, .container12 .wrap>div{
        width: 100%;
    }
    
    .sec48_row2{
        display: block;
    }
    #app-right{
        padding: 15px;
    }
    .box-quay{
        margin: auto !important;
    }
}
@media screen and (max-width:768px){
    .sec48 .wrap>div{
        
        padding: 25px 0 0 0;
    }
    #title_dsbn>div:nth-child(1), #mar li>span:nth-child(1){
        flex: 1;
    }
}
@media screen and (max-width:767px){
    #app{
        padding: 0;
        
    }
    .modal__box__header:before{
        display:inline-block;
    }
    .box-quay{
        zoom: .55;
    }
  .box-quay .inner.start{
  	    width: 110px !important;
    height: 110px !important;
    background-size: 110px !important;
  }
    .modal__box.ul_2col .modal__box__content{
        padding: 0 15px 15px 15px;
    }
    h3.titlev, .sec48_row5 h4{
        font-size: 1.325rem;
        
    
    }
    .sec48_row5 h4{
        text-shadow: initial;
            text-align: left;
    }
    #title_dsbn>div{
        font-size: 14px !important;
    text-transform: inherit;
    }
    .sec48_row5 {
        padding: 0 15px;
    }
    .sec48{
        padding: 0 0 20rem 0;
    }
    
    #mar li>span:nth-child(2), #mar li>span:nth-child(3){
        flex: 1.2;
    }
    #mar li span{
        font-size: 13px;
    }
    #i-title{
    	width: 75%;
    }
}