body{
    /* background: url(background.webp) left top; */
}
header{
    background:#044949 url(background-newyear.webp) top right repeat-x !important;
    background-blend-mode: luminosity;
}
.container.banner-top1 {
    background: none !important;
}
header .info_cty div, header .info_cty div a {
    color: #ffffff;
}
#main{
    position: relative;
}
#img_left{
    position: absolute;
    top: 48px ;
    left: 0;
    z-index: 200;
    width: 148px;
    height: 450px;
    background: url(banner_left.webp) top left no-repeat;
    background-size: cover;
}
#img_right{
    position: absolute;
    top: 48px ;
    right: 0;
    z-index: 200;
    width: 148px;
    height: 450px;
    background: url(banner_right.webp) top right no-repeat;
    background-size: cover;
}
.hoamai{
    background-image: url(hoa-mai.webp);
    background-size: cover;
}
.hoadao{
    background-image: url(hoa-dao.webp);
    background-size: cover;
}
.hoamai{
    position: fixed;
    z-index: 310;
    animation: animationHoaMai 4s ease-in-out infinite;
}
.hoadao{
    position: fixed;
    z-index: 310;
    animation: animationHoaDao 4s ease-in-out infinite;
}
@keyframes animationHoaMai{
    0%{
        opacity: 0;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
          transform: translate(0,0);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        -webkit-transform:translate(100px,50vh);
      -moz-transform:translate(100px,50vh);
      -o-transform:translate(100px,50vh);
        transform: translate(100px,50vh);
    }
}
@keyframes animationHoaDao{
    0%{
        opacity: 0;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -o-transform:translate(0,0);
          transform: translate(0,0);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        -webkit-transform:translate(-100px,50vh);
      -moz-transform:translate(-100px,50vh);
      -o-transform:translate(-100px,50vh);
        transform: translate(-100px,50vh);
    }
}
@keyframes rotate {
    from {
      -webkit-transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    to {
      -webkit-transform:rotate(360deg);
      -moz-transform:rotate(360deg);
      -o-transform:rotate(360deg);
      transform:rotate(360deg);
  }
}
@media (max-width: 1439px){
    #img_left,#img_right{
        display: none;
    }
}