*{
    padding: 0;
    margin: 0;
}
@font-face {
  font-family: utmalbe;
  src: url('/css/fonts/utmalbe.ttf');
}
@font-face {
  font-family: utmalex;
  src: url('/css/fonts/utmalex.ttf');
}
@font-face {
  font-family: casca;
  src: url('/css/fonts/casca.ttf');
}
@font-face {
  font-family: ice;
  src: url('/css/fonts/ice.otf');
}
@font-face{
    font-family: "myriad";  
    src: url(/Css/fonts/myriad.ttf);

}
.wrap_name{
    width: 1000px;
    margin: 30px auto 25px;
    text-align: center;
}
.wrap_name h1{
    font: normal 2em utmalex;
    margin-bottom: 5px;
}
.wrap-name .text_stroke{
   
    color: #1067B5;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #053C5B;
}
.wrap_name p{
    font: normal 1rem tahoma;
    font-style: italic;
    margin: 20px auto;
}
body{
    background:url('/images/bg.jpg') repeat-x top left;
    background-color: #fff;
}
.clear{
    clear: both;
}
.wrap_taiapp{
    width: 90%;
    margin: 0 auto;
    max-width: 600px;
    text-align:center;
}
.bgtaiapp{
    background: #E7E7E7;
    border-radius: 20px;
    margin-top: 40px;
}
.logoandroid{
    position: absolute;
    width: 70px;
    top: calc(50% - 40px);
    right: -20px;
}
.wrap_taiapp h3{
    font: normal 20px utmalex;
    text-transform: uppercase;
}
.wrap_taiapp .icon_app{
        width: 90%;
 
    margin: 5% auto;
    display: block;
   position: relative;
}
.wrap_taiapp .icon_app img.logoapp{
    width: 100%;    
    max-width: 200px;
    border-radius:15px;border: solid 1px #ccc;
}
.title_app{
    font: normal 25px myriad;
    padding: 20px;
}
.wrap_taiapp .link_app{
 
    width: 90%;margin:5% auto;
}
.wrap_taiapp a{
    text-decoration:none;
}
.link_app h2{
        font: normal 25px utmalex;
    margin: 10px auto;
}
.link_app p{
    font: normal 16px tahoma;
}
.link_app {

}
.btnmh{
   max-width:50%;
}
.wrap_img{
    width:1000px;
    margin: 0 auto;
}
.wrap_img img{

}
.href-web{
    text-align: center;
    margin-bottom: 150px;
}
.href-web ul{
      list-style: none;;
}
.href-web ul li{
    text-align: center;
    margin: 5%;
    list-style: none;

}
.text-red{
    color:#D60505;
}

.href-web p{
        width: 80%;
    font: normal 1rem tahoma;
    font-style: italic;
    margin: 10px auto;
    line-height:1.3rem;
}
.title{
    text-align: center;
    width: 80%;
    margin: 20% auto 15%;
}
.title h1, .href-web h1{
    font: normal 2em utmalex;
    
}
#hotro{
    width: 90%;
    margin: 50px auto 20px;
    text-align: center;
    font-family: myriad;
    font-size: 19px;
}
#hotro img{
    margin-bottom:20px;
}
.scheme-tips{
    margin-bottom:15px;
}
.btnmh{
    border-radius: 25px;
    text-align: center;
    font: normal 1.2em ice;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    text-transform: uppercase;
    margin: 20px auto;
    text-align: center;
}
.btn-xanh{
    background:#61AF51;
    border:solid 3px #348729;
}
.btn-xanhduong{
    background: #55BEC9;
    border: 3px solid #1BB2AE;
}
.btn-hong{
    background: #F97A95;
    border: 3px solid #DD547F;
}

.btn-tim{
    background: #6F62CC;
border: 3px solid #6721C1;
}
.btn-do{
    background: #F94848;
border: 3px solid #DD1717;
}

.wrap-info{
    margin-top: 50px;
}
.wrap-info img{
    max-width:60%;
    border-radius:15px;
    margin-bottom:20px;
}
@media only screen and (max-width: 768px) {
    .wrap_name{
        width: 100%;
    }
    .wrap_img{
        width: 100%;
    }
    .wrap_taiapp .icon_app {
        width: 90% !important;
        text-align:center;
    }
    .wrap_taiapp .link_app{
         width: 90% !important;

    }
    .wrap_taiapp .link_app a.linkandroid{
        height:50px;
        line-height:50px;
    }
    .wrap_taiapp .link_app a.linkios{
        height:50px;line-height:50px;
    }
    .btnmh{
   max-width:80%;
}
  }