html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
sub,
sup,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    box-sizing: border-box;
}
*,
::before,
::after {
    box-sizing: inherit;
}
strong,
b {
    font-weight: 700;
}
em {
    font-style: italic;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.325rem;
}
h4 {
    font-size: 1.125rem;
}
h5,
li {
    font-size: 1rem;
}
h6 {
    font-size: 0.875rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
    padding: 0.5rem 0;
}
img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: middle;
}

/** End Reset CSS */
html {
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
}
p {
    font-size: 1rem;
    line-height: 1.5;
}
a {
    text-decoration: none;
}
.container12 {
    width: 100%;
    margin: auto;
}
.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;
}
/**================================================*/
@font-face {
    font-family: "iCielBalihoScript";
    src: url("../fonts/iCielBalihoScript.woff2");
}
.ff_iCielBalihoScript {
    font-family: iCielBalihoScript;
}
/**================================================*/
.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, 0.3);
    border: 4px solid #f00;
}
.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 #f00;
}
/**================================================*/
.tab_click_link {
    cursor: pointer;
}
.tab_click_link:hover {
    /* background-color:#f9f9f9 */
}
.tab_click_link.active {
    /* background-color:#f1f1f1 */
}
.tab_click_content {
    display: none;
    animation: fadeEffect 0.3s;
}
.tab_click_content.active {
    display: block;
}
@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/**================================================*/
/* modal */
.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, 0.4);
}
.modal__box__header {
    box-sizing: border-box;
    width: 80%;
    margin: auto;
    text-align: right;
    padding: 4px;
    background-color: #eee;
}
.modal__box.ul_2col .modal__box__header {
    max-width: 420px;
}
.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.ul_2col .modal__box__content {
    max-width: 420px;
}
.modal__box.ul_3col .modal__box__content {
    max-width: 600px;
}
@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;
}
.modal__box__content h3 #kq_quay__span {
    color: #01a283;
}
/* --- */
.modal__box__content .d_contact select,
.modal__box__content .d_contact textarea,
.modal__box__content .d_contact input {
    height: auto;
    width: 100%;
    padding: 0.7rem;
    margin-bottom: 0.7rem;
    border: 1px solid #dfdfe1;
    border-radius: 5px;
    background: #f8f8fa;
    color: #727171;
    font-size: 0.9rem;
    font-family: inherit;
}
.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 #01a283;
    border-radius: 0.25rem;
    background-color: #01a283;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}
.modal__box__content .d_contact .d-send:hover {
    background-color: rgba(216, 21, 53, 0.8);
    box-shadow: 0 2px 5px rgba(0, 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;
}
/**================================================*/
/**================================================*/
@media screen and (min-width: 1170px) {
    .sec48 {
            position: relative;
    background: url(../i/vongquay/bg.jpg) top center no-repeat;
    /* background: url(../images/sec48_1_v2.jpg) top center no-repeat; */
    width: 100%;
    /* height: 1350px; */
    background-size: cover;
    padding: 0 0 200px 0;
    }
}
.sec48 .wrap > div {
    padding: 140px 0 0rem;
}
.sec48_row2 {
    position: relative;
    display: flex;
}
#ichan{
        
        margin: -65px auto 0;
}
/* ========================================== */
.wheel-wrapper {
       width: 644px;
    height: 843px;
    /* position: absolute; */
    /* top: 0%; */
    /* left: -7%; */
    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/vongquay/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,0.75);
    box-shadow: 6px 3px 21px -3px rgb(0 0 0 / 75%);
}
.wheel-pointer::after {
    /* content: ""; */
    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(../i/vongquay/ic.png) center no-repeat;
    position: absolute;
    top: 321px;
    left: 222px;
    mix-blend-mode: screen;
    z-index: 111;
}
.wheel-pointer:hover {
    /*background: rgba(0, 143, 79, 0.9);*/
}
.wheel-pointer .d_flex {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    line-height: 1.3;
}
.wheel-pointer .d_flex:before{
    
}
.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(../i/vongquay/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 {
    /* text-transform: uppercase; */
    font-weight: bold;
    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: bold;
    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, 0.4) 10%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 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_row4 {
    position: absolute;
    bottom: 4rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.sec48_row4 a:hover {
    opacity: .8;
} */
/* --- */
.sec48_row5 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    
}
.sec48_row5 h4 {
   font-weight: bold;
    color: #f7f0a2;
    text-shadow: 0 3px 3px #222;
    font-size: 1.625rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0 0 0;
}
/*.sec48_row5 table {
    width: 100%;
}
.sec48_row5 table th {
        font-weight: bold;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: bold;
}
.sec48_row5 table th,
.sec48_row5 table td {
    padding: 7px 15px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid rgba(247, 240, 162, 0.5);
    font-size: 15px;
    line-height: 1.4;
}*/
/**================================================*/
/**================================================*/
@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;
        /* margin-top: 4rem; */
    }
}

/**================================================*/
.sec4 {
}
.sec4 .wrap > div {
    padding: 3rem 0 2.5rem;
}
/**================================================*/
/* section:not(.sec42):not(.sec59) {display: none;} */
/**================================================*/
@font-face{
    font-family: AvertaBlack;
    src: url(../f/Averta-Black.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: bold;
        text-transform: uppercase;
        font-size: 18px !important;
        font-weight: bold;
        padding: 7px 15px;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid rgba(247, 240, 162, 0.5);
        font-size: 15px;
        line-height: 1.4;
    }
#title_dsbn    > div:nth-child(1){
    flex: 0.5;
}
#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: bold;
        
        
        font-weight: bold;
        padding: 7px 15px;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid rgba(247, 240, 162, 0.5);
        font-size: 15px;
        line-height: 1.4;
}
#mar li    > span:nth-child(1){
    flex: 0.5;
}
#mar li   > span:nth-child(2), #mar li    > span:nth-child(3){
    flex: 2;
}
#app-right{
    padding: 195px 0 0 84px;
}

@media screen and (max-width: 1440px) {
    .wheel-wrapper{
        margin-left: -20px;
    }
}
@media screen and (max-width: 1400px) {
    .sec48{
        background-size: cover;
    }
}
@media screen and (max-width: 1366px) {
    .sec48{
        background: url(../i/vongquay/bg.jpg) 65% center no-repeat;
    background-size: cover;
        
    }
    .wheel-wrapper{
        margin-left: 12px;
    }
    .sec48_row5{
        padding: 0 25px;
    }
}