#line_pop {
/*    display: none !important;*/
}
/*BEGIN CSS PHÁO HOA*/
@keyframes firework {
  0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}

/* @keyframes fireworkPseudo {
  0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
 */
.firework,
.firework::before,
.firework::after
{
  --initialSize: 0.5vmin;
  --finalSize: 45vmin;
  --particleSize: 0.2vmin;
  --color1: yellow;
  --color2: khaki;
  --color3: white;
  --color4: lime;
  --color5: gold;
  --color6: mediumseagreen;
  --y: -30vmin;
  --x: -50%;
  --initialY: 60vmin;
  content: "";
  animation: firework 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, var(--y));
  width: var(--initialSize);
  aspect-ratio: 1;
  background: 
    /*
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,
    */
    
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,
    
    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
    
    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
    
    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
    
    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
    ;
  background-size: var(--initialSize) var(--initialSize);
  background-repeat: no-repeat;
}

.firework::before {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
  transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework::after {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
  transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework:nth-child(2) {
  --x: 30vmin;
}

.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
  --color1: pink;
  --color2: violet;
  --color3: fuchsia;
  --color4: orchid;
  --color5: plum;
  --color6: lavender;  
  --finalSize: 40vmin;
  left: 30%;
  top: 60%;
  animation-delay: -0.25s;
}

.firework:nth-child(3) {
  --x: -30vmin;
  --y: -50vmin;
}

.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
  --color1: cyan;
  --color2: lightcyan;
  --color3: lightblue;
  --color4: PaleTurquoise;
  --color5: SkyBlue;
  --color6: lavender;
  --finalSize: 35vmin;
  left: 70%;
  top: 60%;
  animation-delay: -0.4s;
}
/*END CSS PHÁO HOA*/

#line_pop{
    display: none;
}
.button-default {
  color: #223f92;
  background-color: #ffef00;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 8px !important;
  margin: 4px !important;
  display: inline-block;
  font-weight: bold;
  font-family: sans-serif;
/*  letter-spacing: 1px;*/
  border-radius: 5px;
  box-shadow: rgb(66 66 66 / 35%) 6px 6px 7px;
}
#animation_vongquay{
    -webkit-filter: drop-shadow(0px 0px 10px #ffffff);
    filter: drop-shadow(0px 0px 10px #ffffff);
}
.button-default.active{
    color: #ed0000;
}
.div-lucky{
    margin-left: -27% !important;
}
.button-slanted {
  -ms-transform: skewX(-17deg);
  -webkit-transform: skewX(-17deg);
  transform: skewX(-17deg);
}
.button-slanted span{
    display: inline-block;
  -ms-transform: skewX(17deg);
  -webkit-transform: skewX(17deg);
  transform: skewX(17deg);
}
.bsi{
    -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}
.bsi2{
    -webkit-filter: drop-shadow(0px 0px 3px #222);
    filter: drop-shadow(0px 0px 3px #222);
}
.button-slanted-content {
  -ms-transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);
  display: inline-block;
}
.pulse2{
    visibility: visible;
    animation-duration: 1s;
    animation-delay: 500ms;
    animation-iteration-count: infinite;
    animation-name: pulse2;
}
@keyframes pulse2{
    0% {
        transform: skewX(-17deg) scale3d(1, 1, 1);
    }

    50% {
        transform: skewX(-17deg) scale3d(1.05, 1.05, 1.05);
    }
    100% {
        transform: skewX(-17deg) scale3d(1, 1, 1);
    }
}

ul.homepage{
    width: 100%;
    margin-top: 1% !important;
    margin-right: 4% !important;
    font-size: 15px;
}
ul.homepage li{
    display: block;
    float: right;
    
}

.h-20 {
    height: 20% !important;
}
.div-butpha {
    margin-top: -31% !important;
    margin-left: 38% !important;
    width: 105% !important;
}
.div-maduthuong {
    margin-top: -37% !important;
    padding-left: 40% !important;
    margin-right: 44% !important;
    transform: translate(0, -4%) !important;
}
.giainhat {
    position: absolute;
    top: -26% !important;
    z-index: 9;
    left: 43.6%;
    width: 21.5%;
}
.giainhi {
    position: absolute;
    top: -23% !important;
    z-index: 9;
    left: 65.4%;
    width: 16.9%;
}
.giaiba{
    position: absolute;
    top: 4.5% !important;
    z-index: 9;
    left: 56.6%;
    width: 21%;
}


.form_main input, .form_main select {
    border: 4px solid #efe0d7;
    font-size: 250% !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background-color: #ea1d22;
    box-shadow: none;
    height: 43px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.form_main input:focus, .form_main select:focus{
    background-color: #ea1d22;
    color: #ffffff !important;
}
.form_main input::placeholder, .form_main select:optional {
    font-size: 250% !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: center !important;
    height: 43px;
}
.input-captcha{
    width: 56%;
    float: left;
}
.img-captcha {
    width: 40%;
    float: right;
    height: 89px;
    transform: skewX(-17deg);
    border-radius: 0px;
}

.menu-fixed{
    position: fixed;
    width: 100%;
}
.body-top-pc{
    margin-top: 15% !important;
}
.line-left {
    width: 23% !important;
    top: -9%;
}
.latra {
    width: 17% !important;
    top: 104%;
    left: 54%;
}
.c-10 {
    width: 6.5% !important;
    left: 87%;
    top: 49%;
}
.c-20 {
    width: 8.5% !important;
    left: 60%;
    top: -1%;
    /* transform: rotate(-11deg) !important; */
}
.c-50 {
    width: 10% !important;
    left: 60%;
    top: 82%;
}
.c-50-nguoc {
    width: 8% !important;
    left: 92%;
    top: 5%;
}
.ipad {
    width: 5% !important;
    left: 74%;
    top: -9%;
}
.loa1 {
    width: 5% !important;
    left: 92%;
    top: 27%;
}
.airpod {
    width: 7% !important;
    left: 66%;
    top: 16%;
}
.div-youtube{
    width: 100%;
    height: 750px;
    margin: 0 auto;
}
.div-body{
    margin-top: -7% !important;
}
.img-3buoi {
    margin: auto;
    display: block;
    margin-left: 12.5%;
    width: 76%;
    margin-top: 0.7%;
}

.box-giaithuong {
    width: 58%;
    margin-right: -39% !important;
    margin-top: -79% !important;
    /* transform: translate(0, 12%) !important; */
    position: absolute;
}
.div-lucky {
    margin-left: -66% !important;
    margin-top: 7% !important;
    transform: scale(0.83);
}
.moveupdown {
  animation: moveupdown 4s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}
.moveupdown6 {
  animation: moveupdown 6s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}
.moveupdown8 {
    animation: moveupdown 8s linear infinite;
    position: absolute;
    left: 0;
    bottom: 0;
}

@keyframes moveupdown {
  0% {
    transform: translateY(-50%);
  }

  50% {
    transform: translateY(50%);
  }

  100% {
    transform: translateY(-50%);
  }
}

.moneyupdown {
  animation: moneyupdown 4s linear infinite;
  position: absolute;
  
}

.moneyupdown6 {
  animation: moneyupdown 6s linear infinite;
  position: absolute;
  
}
.moneyupdown8 {
    animation: moneyupdown 8s linear infinite;
    position: absolute;
    
}
.moneyupdown7 {
    animation: moneyupdown 7s linear infinite;
    position: absolute;
    
}
@keyframes moneyupdown {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}



@keyframes sway {
    0% { transform: rotate(2deg); }
    25% { transform: rotate(-1deg); }
    50% { transform: rotate(1.5deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(2deg); }
}
.ladua{
    animation: sway 30s ease-in-out infinite;
}
.ladua2{
    animation: sway 20s ease-in-out infinite;
}
.ladua3{
    animation: sway 20s cubic-bezier(0.36, 0, 0.66, -0.56) infinite;
}



.img-logo-footer{
    width: 75% !important;
}
.div-allgiaithuong {
    width: 100%;
    display: block;
    padding: 0% 11% !important;
    margin-top: -3% !important;
    transform: translate(-1%, -16%);
}
.div-thongbaotrunggiai{
    margin-top: 0% !important;
    transform: translate(5%, -23%);
    width: 48% !important;
}
.div-yeah{
    width: 9% !important;
    transform: translate(-12%, -134%);
}
.div-img-giaithuong{
        margin-left: -5% !important;
}
.div-img-giaithuong img{
    width: 65% !important;
    float: right;
}

.div-img-giaithuong img.giainhi{
    width: 56% !important;
}
.div-giaithuong2{
    margin-top: -47px !important;
}
.div-giaithuong3{
    margin-top: -58px !important;
    transform: translate(3%, 10%);
}

.div-giaithuong-desc{
    padding-left: 78px !important;
    padding-right: 87px !important;
}
.div-giaithuong-desc2{
    margin-top: -59px !important;
}
.div-giaithuong-desc3{
    margin-top: -29px !important;
}
.div-giaithuong-desc p{
    color: #023f87;
    font-size: 15px !important;
    font-style: italic;
    font-weight: 600;
    text-align: justify;
}

.m-t-15{
    margin-top: 15px !important;
}

.form-giaithuong {
    position: absolute;
    top: 0;
    left: 0;
    width: 158% !important;
}
.thongbao {
    top: 3.6% !important;
    width: 24% !important;
    left: 0.5%;
}
.ladua-left{
    top: -1.4%;
    width: 21%;
    left: 0%;
    z-index: -1;
    position: absolute;
}
.ladua-right{
    position: absolute;
    top: -3%;
    right: 0;
    width: 31%;
    z-index: -1;
}
.form-giaithuong-3 {
    transform: translate(-41%, 2%);
    padding-left: 50px !important;
    width: 165% !important;
}
.form-giaithuong-2 {
    width: 203% !important;
    transform: translate(-26%, 4%);
}
.form-giaithuong-1 {
    width: 224% !important;
    transform: translate(-44%, 0%);
}
.tien {
    width: 6% !important;
    position: absolute;
    bottom: unset;
    right: 0;
    transform: translate(-156%, 14%);
    margin-top: -7% !important;
}
.the{
    width: 5% !important;
    position: absolute;
}
.card20{
    right: 9%;
    margin-top: -25% !important;
}
.card10{
    right: 19%;
    margin-top: -16% !important;
}
.card50{
    right: 8%;
    margin-top: -9% !important;
    width: 10% !important;
}
.la1_r{
    left: unset;
    right: 0;
    width: 16% !important;
    z-index: -1;
    top: -45%;
}
.la2_r{
    left: unset;
    right: 0;
    width: 17% !important;
    z-index: -1;
    top: -22%;
}
.la1_l {
    left: 0;
    width: 57% !important;
    z-index: 5;
    top: 0;
    position: absolute;
}
.la2_l{
    left: 0;
    width: 12% !important;
    z-index: -1;
    top: -11%;
    position: absolute;
}
.card500 {
    right: 11%;
    margin-top: 4% !important;
    width: 7% !important;
}
.line-popup-custom {
    bottom: -3%;
    left: auto;
    right: 0%;
    width: 20% !important;
    cursor: pointer;
}
.background-footer {
    margin-top: -11% !important;
    background-image: unset;
}
.div-trung{
        margin-top: -24% !important;
}
.f-caydua {
    position: absolute;
    margin-top: -75.8% !important;
    margin-left: -27% !important;
    width: 60%;
}
.f-ghe{
    width: 39%;
    position: absolute;
    right: -14%;
    margin-top: -15% !important;
    z-index: -1;
}
.div-lienhe {
    margin-left: 0 !important;
    margin-top: -7% !important;
    transform: translate(7%, 0);
}
.background-footer p {
    color: #ffffff;
    letter-spacing: 2px;
    text-align: center;
    line-height: 130%;
}
.background-footer p.p1 {
    font-size: 210%;
    font-weight: 700;
    margin-top: 3% !important;
}
.background-footer p.p2 {
    font-size: 210%;
    font-weight: 500;
}
.cot1 {
    margin-top: -9% !important;
}
.div-logo-footer {
    transform: translate(21%, 36%) scale(1.7);
}
.a-hotline img, .a-mail img {
    width: 6.5% !important;
}
.background-footer {
    margin-top: -2.7% !important;
}
.cot3 {
    margin-top: 2% !important;
    margin-left: 3% !important;
}
.a-mail {
    margin-left: 6%;
}
.a-mail span, .a-hotline span {
    color: #ffffff;
    font-size: 205%;
    line-height: 15px;
    font-weight: 800;
    letter-spacing: 0px;
}
.social_fotter {
    margin-right: -7% !important;
    margin-left: -15% !important;
    margin-top: 11% !important;
    transform: translate(-25%, -51%);
}

.zoom-in-out-box2 {
  
  animation: zoom-in-zoom-out 30s ease infinite;
}

.zoom-in-out-box {
  
  animation: zoom-in-zoom-out 10s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.tilt-shaking{
    animation: tilt-shaking 10s ease infinite;
}
@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}


.shaking {  
  animation: shake 5s ease infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.shake-delay{
    animation-name: shake-with-delay;
    animation-duration: 6s;
    animation-iteration-count: infinite;

}
@keyframes shake-with-delay {
    from, 16%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    1.6%, 4.8%, 8%, 11.2%, 14.4% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    3.2%, 6.4%, 9.6%, 12.8% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.show-mobile{
    display: none;
}
.slider button{
    display: none !important;
}
.swiper {
    width: 100%;
    height: 100%;
}
.news .container{
    width: 80% !important;
    margin: auto !important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 350px;
    width: 33% !important;
    display: block;
    padding: 20px !important;

}
.swiper-slide p{
    color: #001744;
    font-weight: 800;
    line-height: 20px;
    font-size: 16px;
}
.div-icon{
    margin-right: 2% !important;
    width: 12%;
    transform: translate(0, 12%);
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 12px 11px 15px;
    max-height: 175px;
    margin-bottom: 15px;
}
.news{
    margin-top: -6% !important;
    min-height: 500px;
}
.div-news{
    position: absolute;
    width: 25%;
    transform: translate(34%, -91%);
}
.xu{
    right: 34%;
    margin-top: -23% !important;
    width: 4% !important;
    position: absolute;
}
.div-news {
    position: absolute;
    width: 24%;
    transform: translate(37%, -96%);
}
.img-tiaset {
    position: absolute;
    width: 100%;
    transform: translate(0%, 0%);
}
.form_main input,.form_main select {
    border-radius: 0px;
}
.group-card{
    margin-top: -17% !important;
}
.card10_2{
    margin-top: 1.7% !important;
    margin-left: 79.5% !important;
    width: 4% !important;
}
.card20_2{
    margin-top: 9% !important;
    margin-left: 62% !important;
    width: 10% !important;
}
.card50_2{
    margin-top: 9% !important;
    margin-left: 22% !important;
    width: 11% !important;
}
.img-cachthamgia{
    display: block;
    margin: auto;
    margin-top: -12% !important;
    width: 62%;
    transform: translate(5.3%, 0);
}
.img-hoso{
    display: block;
    margin: auto;
    margin-top: -7% !important;
    width: 61%;
}
.p-hanchot{
    width: 100%;
    margin: auto !important;
    display: block;
    text-align: center;
    font-size: 363%;
    font-weight: bold;
    color: yellow;
}
.table{
    border-color: #242424;
}
.table tr th, .table tr td {
    padding: 5px !important;
    text-align: center;
    color: #115e08;
}
.table tr th{
    font-weight: 700;
}
td.tleft{
    text-align: left !important;
}
span.thutvo{
    margin-left: 2%;
}
span.thutvo2{
    margin-left: 4%;
}
span.thutvo3{
    margin-left: 6%;
}
span.bui{
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
}
span.small-square{
    font-size: 40%;
}
.noidung p{
    text-align: justify;
}
.noidung p span.dot{
    font-size: 160%;
    /* position: absolute; */
    padding-right: 6px;
    display: inline-block;
    transform: translate(0px, 4px);
}
.overflow-x-hidden{
    overflow-x: hidden;
    height: 700px;
    width: 99.6%;
    padding: 0 2% !important;
    height: 3493px;
}
.overflow-x-hidden::-webkit-scrollbar {
    width:10px;
}
.overflow-x-hidden::-webkit-scrollbar-thumb {
    background-color: #fae811 !important;
}
.text-tlct{
    width: 86% !important;
    background: #ffff;
    height: 800px;
    margin: auto !important;
    border-radius: 40px;
    margin-top: 4% !important;
}
.text-tlct span.tlct{
    display: block;
    margin: auto;
    text-align: center;
    width: 39%;
    padding: 2%;
    color: #ffff09;
    background-image: linear-gradient(#1eb323, #139d17);
    border-radius: 50px;
    font-size: 160%;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: sans-serif;
    margin-top: -4%;
}
.noidung{
    width: 100%;
    margin: auto !important;
    padding-top: 5% !important;
    color: #2e1805;
}
.noidung p.p-title, .noidung p{
    padding-left: 2% !important;
    margin-bottom: 8px !important;
}
.noidung p.p-title{
    font-weight: 700;
    position: relative;
}
.noidung p.p-title span.number{
    margin-left: -3%;
    position: absolute;
}
.div-tagline-tl{
    margin-top: -18% !important;
    margin-left: 5% !important;
    width: 26% !important;
}
.chainuoc-tl {
    position: absolute;
    width: 9%;
    margin-top: -21% !important;
    margin-left: 28% !important;
}
.div-phaohoa-tl{
    position: absolute;
    width: 17%;
    margin-top: -4% !important;
    margin-left: -10% !important;
}
.ds-tuan{
    margin: auto !important;
    position: relative;
    width: 100%;
    margin-top: 6% !important;
}
.div-tuan{
    display: block;
    float: left;
    width: 12.5%;
}
.div-tuan img{
    width: 90%;
}
.div-grey img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease;
    transform: scale(1.15) !important;
}
.box-tab {
    width: 76%;
    position: relative;
    margin: auto !important;
    padding: 2% !important;
    background: #ffffff; 
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.list-tabs{
    display: flex;
    border-bottom: 2px solid #dbdbdb;
}
.span-tab{
    display: inline-block;
    border-bottom: 2px solid #dbdbdb;
    color: green;
    font-size: 130%;
    font-weight: 700;
    padding: 1% !important;
    cursor: pointer;
    margin-bottom: -2px;
}
.span-tab.active{
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #dbdbdb;
    border-left: 2px solid #dbdbdb;
    border-right: 2px solid #dbdbdb;
    color: #494949;
}
.tab-content{
    display: none;
    padding: 1% 0 !important;
}
.tab-content.active{
    display: block;
}
.table-tuan{
    border-color: #dfdfdf;
    border-top: 1px solid #01aa71;
}
.table-tuan tr th,.table-tuan tr td {
    text-align: left !important;
}
.table-tuan tr th{
    background: #01aa71;
    color: #ffffff;
    border-color: #01aa71;
    border-right-color: #ededed;
}
.table-tuan tr th:last-child{
    border-right-color: #01aa71;
}
.div-3giainhi{
    width: 48%;
    margin-left: 3% !important;
    margin-top: -1% !important;
}
.box-tab2{
    margin-top: 1% !important;
}
.group-giainhi, .group-giaiba{
    position: relative;
}
.group-giaiba{
    margin-top: 3% !important;
}
.ds-trunggiai3{
    width: 28%;
    margin-left: 8% !important;
    margin-top: 6% !important;
}
.div-4giai3{
    margin-left: 2% !important;
    width: 58.33%;
    margin-top: 0% !important;
}
.kiemtra{
    position: relative;
    margin: auto !important;
    margin-top: 2% !important;
}
.kiemtra p.p-kiemtra{
    text-align: center;
    font-size: 130%;
    font-weight: 800;
    font-style: italic;
    margin-bottom: 1% !important;
}
.input-nhap-sdt, .btn-kt{
    border: 0;
    font-size: 200%;
    height: 200%;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.input-nhap-sdt{
    float: right;
    margin-right: 3% !important;
    width: 60%;
}
.input-nhap-sdt:focus{
    outline: none;
}
.btn-kt{
    width: 50%;
    color: #ffef00;
    background: linear-gradient(90deg, rgb(237 28 36) 0%, rgb(199 23 29) 100%);
    font-weight: 600;
}

.p-relative{
    position: relative;
}
.div-200ngan, .div-hopqua2{
    position: relative;
}
.div-200ngan img{
    width: 75% !important;
    margin-top: 30% !important;
    margin-left: 27% !important;
}
.div-hopqua2 img{
    width: 71% !important;
    margin-top: 7% !important;
    margin-left: 5% !important;

}
p.vancon{
    color: #ed1c24;
    position: absolute;
    top: 59%;
    left: 30%;
    font-size: 260%;
    font-weight: 700;
    width: 15%;
    line-height: 120%;
}

.div-live-stream{
    width: 54%;
    margin: auto !important;
}
.div-live-stream iframe {
    height: 566px !important;
}
.div-news {
    width: 25%;
    transform: translate(34%, -91%);
}
.xu {
    right: 41%;
    margin-top: -16% !important;
}
.form_main input::placeholder {
    font-size: 100% !important;
}
.form_main input, .form_main input::placeholder, .form_main select:optional {
    height: 89px;
}
.img-de {
    width: 75%;
    position: absolute;
    margin-left: 13% !important;
    margin-top: 97% !important;
    z-index: 0;
}
/*input.button-submit {
    background-color: #fff;
}*/
ul.homepage {
    margin-top: 2% !important;
    margin-right: 8% !important;
    font-size: 120%;
}

.div-youtube iframe {
    height: 821px !important;
    width: 58% !important;
    display: block;
    margin: auto;
    margin-top: 2.8%;
    border-radius: 15px;
}
.div-allgiaithuong {
    margin-top: 12% !important;
    margin-left: 9% !important;
    width: 86%;
}
.div-thongbaotrunggiai {
    transform: translate(-14%, -9%);
    width: 56% !important;
}
.div-yeah {
    width: 10% !important;
    transform: translate(-88%, -95%);
}
.div-row-hinhthuc {
    margin-left: -5% !important;
}
.div-img-giaithuong img.giainhi {
    width: 70% !important;
}

.div-giaithuong-desc {
    padding-left: 6% !important;
    padding-right: 0 !important;
}
.div-giaithuong-desc p {
 
    font-size: 127% !important;
}.card20 {
    right: 9%;
    width: 5% !important;
    margin-top: -17% !important;
}
.card10 {
    right: 18%;
    margin-top: -8% !important;
}
.card50 {
    right: 8%;
    margin-top: -5% !important;
    width: 7% !important;
}

.card500 {
    right: 15%;
    margin-top: 9% !important;
    width: 6% !important;
}


.swiper-slide img {
    max-height: 250px !important;
}
.swiper-slide {
    height: 410px !important;
    padding: 20px 40px 20px 20px !important;
}
.div-menu {
    padding: 13px 39px !important;
    font-size: 119%;
    border: 3px solid #ffffd6;
    border-radius: 0;
}

.chainuoc-ds {
    position: absolute;
    width: 22%;
    margin-top: -52% !important;
    margin-left: 81% !important;
}
.div-live-stream-list{
    position: relative;
}
p.live-dot{
    color: #ffff;
    font-size: 189%;
    font-weight: 700;
    margin-bottom: 2% !important;
}
.row-hopqua{
    margin-top: 4% !important;
}
.xengay-ds {
    z-index: 1;
    width: 49% !important;
}
.div-butpha-ds {
    margin-top: -42% !important;
    margin-left: 89% !important;
    width: 69% !important;
    transform: translate(0, 24%) !important;
}
.body-top-pc-ds{
    margin-top: 7% !important;
}
.img-ds {
    margin: auto;
    display: block;
    margin-left: 14%;
    width: 74%;
    margin-top: 0.7%;
}
.div-kiemtra{
    margin-top: 3% !important;
}
.div-kiemtra img{
    position: absolute;
    margin-left: 14%;
    width: 3%;
}
.p-kiemtra {
    color: #ffd80b;
    text-align: center;
    width: 96.2%;
    font-size: 400%;
    font-style: italic;
}
.form-kiemtra {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3%;
    margin: auto !important;
    margin-top: 1.4% !important;
    width: 73%;
}
.inp-kiemtra{
    flex: 73%;
    width: 73% !important;

}
.inp-kiemtra::placeholder {
    color: #888;               /* Màu chữ của placeholder */
    font-style: italic;        /* Chữ nghiêng */
    font-size: 100%;
    opacity: 0.7;              /* Độ trong suốt */
  }
.inp-kiemtra, .btn-kiemtra{
    font-size: 370%;           /* Kích thước chữ */
}
.btn-kiemtra{
    flex: 20%;
    background: #ffef03;
    font-style: italic;
}
.form-kiemtra input, .form-kiemtra button{
    height: 111px;
    border-radius: 25px;
}
.fw{
    font-weight: 600;
}
.p-live{
    width: 91% !important;
}
.div-live iframe {
    height: 996px !important;
    width: 79% !important;
    display: block;
    margin: auto;
    margin-top: 2.3%;
    border-radius: 10px;
}
.div-phien{
    margin-top: 7% !important;
}
.line-flash{
    position: absolute;
    margin-left: 17% !important;
    margin-top: -3% !important;
    z-index: 0;
    width: 18% !important;
}
.img-tl {
    margin: auto;
    display: block;
    margin-left: 10.8%;
    width: 79%;
    margin-top: 0.7%;
}
.span-num {
    position: absolute;
    color: yellow;
    transform: skewX(-13deg);
    font-weight: bold;
    font-size: 650%;
}
.span-num-g1 {
    top: 28%;
    left: 32%;
}
.span-num-g2 {
    top: 16.7%;
    left: 65.5%;
}
.span-num-g3 {
    top: 41.3%;
    left: 62.3%;
}
.span-num-g4 {
    top: 66%;
    left: 57.3%;
}
.span-num-g5 {
    top: 55%;
    left: 21.5%;
    font-size: 500%;
    transform: skewX(-13deg) skewY(-11deg);
    width: 16%;
    text-align: center;
}
.div-content{
    width: 63%;
    margin: auto !important;
    margin-top: -3% !important;
    background: #ffffff;
    transform: translate(-1%, 0);
    padding-top: 1% !important;
    padding-bottom: 1% !important;
    border-radius: 25px;
}
.div-content p {
    margin-bottom: 1% !important;
    font-size: 105%;
    line-height: 25px;
    text-align: justify;
}
.div-body-tl{
    margin-top: -3% !important;
}
.noidung .p-p-left{
    padding-left: 3% !important;
}
.noidung span.p-p-left{
    padding-left: 3% !important;
    display: block;
}
.noidung p.main-title{
    font-size: 200%;
    font-weight: 700;
    margin-bottom: 2% !important;
}
.noidung table{
    width: 100%;
    border: 1px solid #767563;
    border-collapse: collapse;
    margin-bottom: 1% !important;
}
.noidung table tr th, .noidung table tr td {
    padding: 5px !important;
    text-align: center;
    border: 1px solid #000; /* Border cho từng ô (th và td) */
}
.noidung table tr th{
    font-weight: 700;
}
.span-title{
    font-weight: 600;;
}
.noidung img{
    margin: auto;
    display: block;
}
.mw-650px{
    max-width: 650px !important;
}
.img-in-table{
    max-width: 650px !important;
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}
@media (max-width: 3400px){
    

}
@media (max-width: 2550px){
    .div-content {
        height: 3538px;
    }
}
@media (max-width: 2540px){
    .div-content {
        height: 3510px;
    }
    .overflow-x-hidden {
        height: 3435px;
    }
}
@media (max-width: 2500px){
    .p-kiemtra {
        font-size: 380%;
    }
    .overflow-x-hidden {
        height: 3430px;
    }
}



@media (max-width: 2450px){
    .div-menu {
        padding: 10px 31px !important;
    }
    .div-youtube iframe {
        height: 780px !important;
    }
    .background-footer p.p1 {
        font-size: 200%;
        font-weight: 600;
        margin-top: 3% !important;
    }
    .background-footer p.p2 {
        font-size: 197%;
        font-weight: 500;
    }
    .background-footer {
        margin-top: -4.7% !important;
    }
}
@media (max-width: 2400px){
    .p-kiemtra {
        font-size: 360%;
    }
    .div-live iframe {
        height: 924px !important;
    }
    .span-num-g5 {
        font-size: 450%;
    }


}
@media (max-width: 2350px){

}

@media (max-width: 2300px){
    ul.homepage li {
        margin-left: 0.2% !important;
    }
    .div-menu {
        padding: 9px 33px !important;
        font-size: 105%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 77px;
    }

    .div-youtube iframe {
        height: 726px !important;
    }
    .background-footer {
        margin-top: -7.7% !important;
    }
    .background-footer p.p1 {
        font-size: 189%;
    }
    .background-footer p.p2 {
        font-size: 187%;
    }
    .form_main input, .form_main select {
        font-size: 120% !important;
    }

    .form_main input::placeholder, .form_main select:optional {
        font-size: 150% !important;
    }
    .p-kiemtra {
        font-size: 340%;
    }
    .div-live iframe {
        height: 924px !important;
    }
    .div-live iframe {
        height: 867px !important;
        margin-top: 1.7%;
        margin-bottom: 4%;
    }
    .img-captcha {
        height: 77px;
    }
}
@media (max-width: 2250px){

}
@media (max-width: 2200px){
    .div-menu {
        padding: 7px 26px !important;
        font-size: 100%;
    }
    .div-youtube iframe {
        height: 668px !important;
    }
    .background-footer p.p1 {
        font-size: 169%;
    }
    .background-footer p.p2 {
        font-size: 146%;
    }
    .background-footer {
        margin-top: -11.7% !important;
    }
    .a-mail span, .a-hotline span {
        font-size: 163%;    
    }
    .div-logo-footer {
        transform: translate(22%, 24%) scale(1.39);
    }
    .form_main input, .form_main select {
        font-size: 130% !important;
    }

    .form_main input::placeholder, .form_main select:optional {
        font-size: 130% !important;
    }
.a-mail span, .a-hotline span {
        font-size: 130%;
    }
    .p-kiemtra {
        font-size: 320%;
    }

}
@media (max-width: 2100px){
    .p-kiemtra {
        font-size: 310%;
    }
    .span-num {
        font-size: 550%;
    }
    .span-num-g5 {
        font-size: 400%;
    }

}
@media (max-width: 2000px){
    .div-menu {
        padding: 11px 27px !important;
        font-size: 100%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 67px;
    }
    .div-maduthuong {
        margin-top: -38% !important;
    }

    .div-youtube iframe {
        height: 610px !important;
    }
    .background-footer p.p1 {
        font-size: 154%;
    }
    .background-footer {
        margin-top: -15.7% !important;
    }
    ul.homepage {
        margin-top: 1.5% !important;
        margin-right: 7.7% !important;
        font-size: 113%;
    }
    .form_main input, .form_main select {
        font-size: 120% !important;
    }

    .form_main input::placeholder, .form_main select:optional {
        font-size: 120% !important;
    }
    .a-mail span, .a-hotline span {
        font-size: 130%;
    }
    .p-kiemtra {
        font-size: 290%;
    }

    .form-kiemtra input, .form-kiemtra button {
        height: 84px;
        border-radius: 15px;
        font-size: 250%;
    }
    .div-live, .div-live iframe {
        height: 755px !important;
    }
    .div-live{
        margin-bottom: 12% !important;
    }
    .line-flash {
        margin-left: 16.6% !important;
    }    
    .img-captcha {
        height: 66px;
    }
    .noidung p.main-title {
        font-size: 150%;
    }
}
@media (max-width: 1900px){
    .p-kiemtra {
        font-size: 270%;
    }
    .div-live, .div-live iframe {
        height: 721px !important;
    }
    .span-num {
        font-size: 480%;
    }
    .span-num-g5 {
        font-size: 350%;
    }

}
@media (max-width: 1850px){
]
}
@media (max-width: 1800px){
    .div-menu {
        padding: 7px 14px !important;
        font-size: 100%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 62px;
    }
    .div-youtube iframe {
        height: 570px !important;
    }
    .div-youtube {
        width: 100%;
        height: 560px;
    }
    .background-footer p.p1 {
        font-size: 141%;
    }
    .background-footer p.p2 {
        font-size: 130%;
    }
    .background-footer {
        margin-top: -8.7% !important;
    }
    .a-mail span, .a-hotline span {
        font-size: 130%;
    }
    .img-captcha {
        height: 61px;
    }
]
}
@media (max-width: 1700px){
    .p-kiemtra {
        font-size: 250%;
    }
    .div-live, .div-live iframe {
        height: 650px !important;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 70px;
        border-radius: 15px;
        font-size: 220%;
    }
    .div-live {
        margin-bottom: 0% !important;
    }
    .span-num {
        font-size: 430%;
    }
    .span-num-g5 {
        font-size: 330%;
    }

}
@media (max-width: 1650px){
    .div-menu {
        padding: 4px 10px !important;
        font-size: 92%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 55px;
    }
    .form_main input, .form_main select {
        font-size: 100% !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 515px !important;
    }
    .background-footer p.p1 {
        font-size: 128%;
    }
    .background-footer p.p2 {
        font-size: 112%;
    }
    .background-footer {
        margin-top: -10.7% !important;
    }
.a-mail span, .a-hotline span {
        font-size: 120%;
    }
    .img-captcha {
        height: 55px;
    }


}
@media (max-width: 1600px){
     .form_main input, .form_main select {
        border: 3px solid #efe0d7;
    }
    .p-kiemtra {
        font-size: 220%;
    }
    .div-live, .div-live iframe {
        height: 597px !important;
    }
    .span-num {
        font-size: 400%;
    }
    .span-num-g5 {
        font-size: 300%;
    }

}
@media (max-width: 1500px){
      ul.homepage {
        margin-top: 1% !important;
        margin-right: 7% !important;
        font-size: 100%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 50px;
    }
    .div-youtube iframe, .div-youtube {
        height: 455px !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 455px !important;
    }
    .background-footer p.p2 {
        font-size: 108%;
        letter-spacing: 1px !important;
    }
    .background-footer p.p1 {
        font-size: 118%;
        letter-spacing: 1px !important;
    }
    .background-footer {
        margin-top: -11.7% !important;
    }
    .div-menu {
        padding: 6px 12px !important;
        font-size: 92%;
    }
    .a-mail span, .a-hotline span {
        font-size: 110%;
    }
    .img-captcha {
        height: 50px;
    }
    .noidung p.main-title {
        font-size: 130%;
    }



}
/*end min-width 1400*/
@media (max-width: 1399px){
  .div-menu {
        padding: 4px 7px !important;
        font-size: 89%;
    }
    .div-menu {
        padding: 4px 7px !important;
        font-size: 89%;
    }
    .form_main input::placeholder, .form_main select:optional {
        font-size: 95% !important;
    }
    .div-maduthuong {
        margin-top: -39% !important;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 47px !important;
    }
    .background-footer {
        margin-top: -9.7% !important;
    }
    .div-logo-footer {
        transform: translate(22%, 12%) scale(1);
    }
    .a-mail span, .a-hotline span {
        font-size: 100%;
    }
    .div-lucky {
        transform: scale(0.9);
    }
    .div-menu {
        padding: 4px 9px !important;
        font-size: 89%;
    }
    .div-body {
        margin-top: -5% !important;
    }
    .body-top-pc-ds {
        margin-top: 4% !important;
    }
    .div-butpha-ds {
        transform: translate(0, 32%);
    }
    .p-kiemtra {
        font-size: 200%;
    }
    .div-live, .div-live iframe {
        height: 539px !important;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 66px;
        border-radius: 10px;
        font-size: 210%;
    }
    .div-kiemtra img {
        width: 2.5%;
    }
    .line-flash {
        margin-left: 16.1% !important;
    }
    .span-num {
        font-size: 370%;
    }
    .span-num-g5 {
        font-size: 250%;
    }
    .span-num-g1 {
        top: 28.2%;
        left: 31.5%;
    }
    .span-num-g3 {
        top: 41.3%;
        left: 61.7%;
    }
    .img-captcha {
        height: 47px;
    }

}
@media (max-width: 1350px){

}
@media (max-width: 1300px){
      .div-menu {
        padding: 4px 6px !important;
        font-size: 84%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 44px !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 404px !important;
    }
    .background-footer .mt-auto-height {
        padding: 10% 0% 0 0% 
    }
    .background-footer p.p2 {
        font-size: 90%;
    }
    .background-footer p.p1 {
        font-size: 93%;
    }
    .div-menu {
        padding: 4px 6px !important;
        font-size: 79%;
    }
    .div-maduthuong {
        margin-top: -41% !important;
    }
    .p-kiemtra {
        font-size: 182%;
    }
    .div-live {
        margin-bottom: 3% !important;
    }
    .div-live, .div-live iframe {
        height: 488px !important;
    }
    .img-captcha {
        height: 44px;
    }

}
@media (max-width: 1250px){
   ul.homepage li {
        margin-left: 0% !important;
    }
    ul.homepage {
        margin-top: 0.5% !important;
    }
    .c-50 {
        width: 11% !important;
        left: 60%;
        top: 85%;
    }
    .div-youtube iframe, .div-youtube {
        height: 375px !important;
    }
    .background-footer p.p1 {
        font-size: 85%;
    }
    .background-footer p.p2 {
        font-size: 80%;
    }
    .background-footer {
        margin-top: -11.7% !important;
    }

}
@media (max-width: 1200px){
    .p-kiemtra {
        font-size: 150%;
        width: 89%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 52px;
        border-radius: 10px;
        font-size: 150%;
    }
    .div-live, .div-live iframe {
        height: 442px !important;
    }
    .div-live {
        margin-bottom: 7% !important;
    }
    .p-live {
        width: 85% !important;
    }
    .span-num {
        font-size: 300%;
    }
    .span-num-g5 {
        font-size: 230%;
    }


}
@media (max-width: 1150px){

}
@media (max-width: 1100px){
    .form_main input, .form_main select {
        border: 2px solid #d2bfb3;
    }
    .div-menu {
        padding: 4px 6px !important;
        font-size: 69%;
    }
    .div-youtube iframe, .div-youtube {
        height: 342px !important;
    }
       .div-lucky {
        transform: scale(1);
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 37px !important;
    }
    .background-footer {
        margin-top: -8.7% !important;
    }
    .div-logo-footer {
        transform: translate(22%, 12%) scale(0.8);
    }
    .img-cachthamgia {
        margin-top: -13% !important;
    }
    .p-kiemtra {
        font-size: 130%;
        width: 89%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 58px;
        border-radius: 10px;
        font-size: 130%;
    }
    .div-live, .div-live iframe {
        height: 442px !important;
    }
    .div-live {
        margin-bottom: 7% !important;
    }
    .div-live, .div-live iframe {
        height: 388px !important;
    }
    .div-live {
        margin-bottom: 8% !important;
    }
    .footer-pc{
        padding: 0% 2% 0 2% !important;
    }
    .line-flash {
        margin-left: 15.6% !important;
    }
    .span-num {
        font-size: 280%;
    }
    .span-num-g5 {
        font-size: 200%;
    }
    .img-captcha {
        height: 37px;
    }
    .background-footer p.p2 {
        font-size: 76%;
    }
}
@media (max-width: 1050px){

}

/* ipad Mini Landscape */
@media only screen and (min-width:1024px) and (max-width: 1180px) { /*and (resolution: 163dpi) */

}
/*ipad air ngang*/
@media only screen and (min-width: 1100px) and (max-width: 1180px){

}

@media (max-width: 1024px){
    .div-menu {
        padding: 4px 6px !important;
        font-size: 63%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 36px !important;
    }
    .img-cachthamgia {
        margin-top: -12% !important;
    }
    .background-footer {
        margin-top: 0% !important;
    }
    .background-footer p.p2 {
        font-size: 90%;
        letter-spacing: 0px !important;
        margin-top: 7px !important;
    }
    .social_fotter {
        margin-right: -8% !important;
        margin-left: -15% !important;
        margin-top: 13% !important;
        transform: translate(-13%, -51%);
    }
    .div-live iframe {
        height: 488px !important;
        width: 79% !important;
    }

}
@media (max-width: 1000px){


}
@media (max-width: 912px){
    .div-menu {
        padding: 4px 5px !important;
        font-size: 57%;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 32px !important;
    }

    .form_main input, .form_main select {
        font-size: 70% !important;
    }
    .form_main input::placeholder, .form_main select:optional {
        font-size: 70% !important;
    }
    .div-menu {
        padding: 4px 5px !important;
        font-size: 57%;
    }
    .div-youtube iframe, .div-youtube {
        height: 287px !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 331px !important;
    }
    .background-footer {
        margin-top: 0% !important;
    }
    .mt-auto-height {
        padding: 0% 2% 0 2% !important;
    }
    .img-hoso {
        margin-top: -8% !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 297px !important;
    }
    .background-footer p.p1 {
        font-size: 95%;
        letter-spacing: 0px !important;
    }
    .background-footer p.p2 {
        font-size: 77%;
        letter-spacing: 0px !important;
    }
    .a-mail span, .a-hotline span {
        font-size: 85%;
    }
    .a-hotline img, .a-mail img {
        width: 4.5% !important;
    }
    .social_fotter {
        margin-top: 18% !important;
        transform: translate(-16%, -51%);
    }
    .img-captcha {
        height: 32px;
    }


}
@media (min-width: 821px) and (max-width: 1024px){
   
}
@media (max-width: 820px){
    .div-menu {
        padding: 2px 3px !important;
        font-size: 52%;
    }
    .form_main select:optional {
        font-size: 70% !important;
    }
    .form_main input, .form_main select {
        font-size: 70% !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 264px !important;
    }
    .background-footer p.p1 {
        font-size: 84%;
    }
    .background-footer p.p2 {
        font-size: 68%;
    }
    .a-mail span, .a-hotline span {
        font-size: 72%;
        font-weight: 500;
    }
    .p-kiemtra {
        font-size: 105%;
        width: 89%;
    }
    .div-kiemtra {
        margin-top: 4% !important;
    }
    .div-phien {
        margin-top: 5% !important;
    }
    .line-flash {
        margin-left: 15% !important;
    }
    .span-num {
        font-size: 230%;
    }
    .span-num-g5 {
        font-size: 150%;
    }

}
@media (max-width: 768px){
    ul.homepage {
        margin-top: 0.5% !important;
        margin-right: 6%;
    }
    .div-menu {
        padding: 2px 3px !important;
        font-size: 51%;
        border: 2px solid #ffffd6;
    }
    .div-maduthuong {
        margin-top: -43% !important;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 28px !important;
    }
    .form_main input, .form_main select {
        font-size: 60% !important;
    }
    .form_main select:optional {
        font-size: 53% !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 251px !important;
    }
    .background-footer p.p1 {
        font-size: 79%;
    }
   .background-footer p.p2 {
        font-size: 64%;
    }
    .div-live, .div-live iframe {
        height: 320px !important;
    }
    .span-num {
        font-size: 200%;
    }
    .img-captcha {
        height: 28px;
    }
}

/* ipad Mini Portrait */
@media only screen and (min-width:768px) and (max-width: 820px){ /* and (resolution: 163dpi) */
    
}
@media (max-width: 575.98px){
    ul.homepage{
        display: none;
    }
    .hide-mobile{
        display: none;
    }
    .show-mobile{
        display: block;
    }
    .mbto{
      width: 40% !important;
    }
}
@media (max-width: 768px){
    

}

@media (max-width: 575.98px) {  

    .box-giaithuong {
        width: 48%;
        margin-right: unset !important;
        margin-top: 9% !important;
        /* transform: translate(0%, 12%) !important; */
        position: absolute;
        margin-left: 37% !important;
    }
    .div-butpha-mb {
        margin-left: -40% !important;
        width: 57% !important;
    }
    .c-10 {
        width: 9% !important;
        left: 79%;
        top: 32%;
    }
    .c-20 {
        width: 11.5% !important;
        left: 30%;
        top: 24%;
    }
    .c-50 {
        width: 12% !important;
        left: -1%;
        top: 36%;
    }
    .c-50-nguoc {
        width: 10% !important;
        left: 81%;
        top: 8%;
    }
    .ipad {
        width: 7% !important;
        left: 76%;
        top: 13%;
    }
    .airpod {
        width: 8% !important;
        left: 40%;
        top: 14%;
    }
    .loa1 {
        width: 5% !important;
        left: 71%;
        top: 24%;
    }
    .img-de {
        width: 75%;
        position: absolute;
        margin-left: 13% !important;
        margin-top: 164% !important;
        z-index: 4;
    }
    .form_main input, .form_main input::placeholder, .form_main select:optional {
        height: 40px !important;
    }
    .position-form {
        margin-bottom: -18% !important;
        transform: translate(0, -60%) !important;
        margin-top: 47% !important;
    }
    .div-youtube iframe, .div-youtube {
        height: 223px !important;
        width: 98% !important;
        margin-top: 16% !important;
        margin-bottom: 5% !important;
    }
    .div-lienhe {
        margin-left: -15% !important;
        margin-top: 8% !important;
        transform: translate(7%, 0);
        width: 100%;
    }
    .background-footer p.p2 {
        font-size: 58%;
    }
    .div-icon {
        margin-right: 20% !important;
        width: 15%;
        transform: translate(73%, -9%);
    }
    .background-footer p.p1 {
        font-size: 72%;
    }
    .div-logo-footer {
        transform: translate(0%, 0%) scale(1.4);
        /* position: absolute; */
        z-index: 99999;
    }
    .form_main input, .form_main select {
        font-size: 100% !important;
    }
    .form_main select:optional {
        font-size: 73% !important;
    }
    .ts-yt-mb{
        position: absolute;
        margin-top: -32%;
        right: 0%;
        width: 50% !important;
    }
    .background-footer {
        margin-top: 20% !important;
    }
    .xengay-ds {
        z-index: 1;
        width: 37% !important;
    }
    .div-body-ds{
        margin-top: -20% !important;
    }
    .div-butpha-mb-ds {
        margin-left: -35% !important;
        width: 29% !important;
        margin-top: -5% !important;
    }
    .img-ds {
        margin-left: 8%;
        width: 87%;
        margin-top: 0.7%;
    }
    .p-kiemtra {
        font-size: 70%;
        width: 100%;
    }
    .div-kiemtra img {
        width: 2.5%;
        margin-left: 10% !important;
    }
    .p-live {
        width: 94% !important;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 35px;
        border-radius: 7px;
        font-size: 100%;
    }
    .inp-kiemtra {
        flex: 60%;
        width: 60% !important;
    }
    .ts-yt-mb-ds{
        margin-top: -20%;
        right: -7%;
        width: 50% !important;
        z-index: -1;
    }
    .div-live{
        margin-top: 12% !important;
        margin-bottom: 0% !important;
    }
    .div-live iframe {
        width: 100% !important;
    }
    .background-footer-ds{
        margin-top: 0% !important;
    }
    .span-num{
        position: absolute;
        color: yellow;
        transform: skewX(-13deg);
        font-weight: bold;
        font-size: 130%;
    }
    .span-num-g1 {
        top: 28%;
        left: 29%;
    }
    .span-num-g2 {
        top: 16.7%;
        left: 68.5%;
    }
    .span-num-g3 {
        top: 41%;
        left: 64.3%;
    }
    .span-num-g4 {
        top: 65.6%;
        left: 59.3%;
    }
    .span-num-g5 {
        top: 55.3%;
        left: 18.1%;
        font-size: 93%;
        transform: skewX(-13deg) skewY(-11deg);
        width: 16%;
        text-align: center;
    }
    .line-flash {
        margin-left: 9.5% !important;
        margin-top: 19% !important;
    }
    .img-captcha {
        height: 33px;
    }
    .div-content p {
        margin-bottom: 0% !important;
        font-size: 44%;
    }
}

/*iphone 15pro max*/
@media (max-width: 430px){
   
}

/*iphone 11*/
@media (max-width: 414px){
    
}
/*Samsung Note9*/
@media (max-width: 412px){
   
}
/*iphone 12 pro*/
@media (max-width: 390px){
    .span-num-g1 {
        top: 28%;
        left: 28.6%;
    }
}

/*iphone SE*/
@media (max-width: 375px) {  
    .div-youtube iframe, .div-youtube {
        height: 204px !important;
    }
    .span-num-g5 {
        font-size: 85%;
    }
    .div-live, .div-live iframe {
        height: 230px !important;
    }
    .div-live {
        margin-top: 12% !important;
        margin-bottom: 10% !important;
    }

}


@media (max-width: 360px){
    .div-youtube iframe, .div-youtube {
        height: 196px !important;
    }
    .span-num-g5 {
        font-size: 79%;
    }
    .p-kiemtra {
        font-size: 60%;
        width: 100%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 27px;
        border-radius: 7px;
        font-size: 77%;
    }
}