* {margin: 0px; padding: 0px;}


/* css cho font chu */

@font-face { 
	font-family: 'andro';
	src: url('../font/UTM Androgyne.ttf');
 }

@font-face { 
  font-family: 'alpine';
  src: url('../font/utm-alpine-kt.ttf');
 }

@font-face { 
  font-family: 'alex';
  src: url('../font/UTM _Alexander.ttf');
 }


@font-face { 
  font-family: 'fla';
  src: url('../font/UTM_Flavour.ttf');
 }

 /* css cho Menu */

  .khoi1 { background-color: #f8c6ce; background-image: linear-gradient(#f8c6ce, #ffffff) ; }

  .logo { display: block; margin: 0 auto; width: 40%; }

  .img-title10 { display: block; margin: 0 auto;width: 90%; }

  .img-bonus { display: block; margin: 0 auto;width: 50%; }

  .img-hoahong1 { display: block; margin: 0 auto;width: 75%; }

  .chu-tren_1 { color: white; text-align: center; }
  .chu-tren_2 { text-align: center; color:#e83c5a; margin-bottom: 0px; }

  .khoi2 { background-color: #ffffff; }

  .dong1 {  display: flex;  margin: 15px auto;}

  .dong2 {  display: flex;  margin: 15px auto;}

  .logo1 { display: block; margin: 15px auto; }

  .img-logo { display: block; margin: auto; width: 80%; }

  .img-link { display: block; margin: 0 auto; width: 50%; }

  .vitrilink { position: absolute; top: 50%; left: 50%; transform: translateX(-73px); }

  .chu-giua_1 { margin: 20px auto; text-align: center; font-size: 18px; }

  .img-title { display: block; margin: 20px auto; width: 45%; }

  .laylink { position: relative; margin: 15px auto; }


  .img-banner { display: block; margin: 10px auto; width: 100%; }

  .footer { background-image: linear-gradient(to right,#ecae5a, #f67c81, #f66b86) ; padding-top: 40px;}
  
  .img-footer { display: block; margin: 10px auto; width: 35%; } 

  .h5-menu { color: #ffe400;}

  .ke { border-bottom: 1px dotted white; margin-bottom: 15px; }


  @media screen and (min-width: 1150px) {

  .mau3 { display: block; margin: 0 auto; width: 115%; }
    
  .img-link { display: block; margin: 0 auto; width: 30%; }

  .img-footer { display: block; margin: 10px auto; width: 85%; }

  .bannermb { display: none; }
                     
  }

  @media screen and (min-width: 800px) and (max-width: 1100px) {

  .mau3 { display: block; margin: 0 auto; width: 100%; }
    
  .img-link { display: block; margin: 0 auto; width: 30%; }

  .img-footer { display: block; margin: 10px auto; width: 32%; }

  .bannermb { display: none; }
                     
  }

  @media screen and (min-width: 501) and (max-width: 768px){

      .mau3 { display: block; margin: 0 auto; width: 100%; }
      
      .img-title { display: block; margin: 20px auto; width: 90%; }

      .img-link { display: block; margin: 0 auto; width: 50%; }

      .bannermb { display: none; }             
  }

  @media screen and (max-width: 500px){

      .mau3 { display: block; margin: 0 auto; width: 100%; }
      .dong1{ flex-direction: column;}
      .dong2{ flex-direction: column;}
      .img-title { display: block; margin: 20px auto; width: 80%; }
      .img-link { display: block; margin: 0 auto; width: 75%; }
      .vitrilink { position: absolute; top: 43%; left: 50%; transform: translateX(-73px); }

      .bannerpc { display: none; }

      .img-footer { display: block; margin: 10px auto; width: 40%; }  
      .img-hoahong1 { display: block; margin: 0 auto;width: 100%; }
  }