.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
    .text-tiny {
    font-size: 0.7em;
}

  .text-small {
    font-size: 0.85em;
}

  .text-big {
    font-size: 1.4em;
}

  .text-huge {
    font-size: 1.8em;
}
.homeGioithieuNoidung img{
  width: 100%;
}
  .beforeload {
      display: none;
    background-color: #ccccccad;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}
  .lds-ripple div {
    position: absolute;
    border: 4px solid green;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
  }



/* ************************************************ */
/* font  */

@font-face {
  font-family: "roboto";
  src: url("/fonts/Be_Vietnam_Pro/BeVietnamPro-Medium.ttf");

}
@font-face {
  font-family: "roboto";
  src: url("/fonts/Be_Vietnam_Pro/BeVietnamPro-Regular.ttf");

}
@font-face {
  font-family: "roboto";
  src: url("/fonts/Be_Vietnam_Pro/BeVietnamPro-Light.ttf");

}
@font-face {
  font-family: "robotor";
  src: url("/fonts/Roboto-Regular.ttf");

}
@font-face {
  font-family: "robotob";
  src: url("/fonts/Roboto-Bold.ttf");

}
@font-face {
  font-family: "merriweatherr";
  src: url("/fonts/Merriweather-Regular.ttf");

}
@font-face {
  font-family: "merriweatherb";
  src: url("/fonts/Merriweather-Bold.ttf");

}
/* end font   */
/* *************************************************** */
body {font-family: robotor;overflow-x: hidden;}



  /* header */
  .iconTotdep i {background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-image: url(/images/icon-web.png);}

i.iconTotdepSearch {/* text-align: center; */width: 25px;
    height: 20px;background-position: -4px -9px;}
.headerWebsite{
  padding: 20px 0 0 0;    position: sticky;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 4px 1px #ccc;
    z-index: 999;
}

.headerRightTopList {display: flex;align-items: center;line-height: 1;    justify-content: center;}

i.iconTotdepFacebook {width: 20px;
    height: 20px;
    background-position: -8px -33px;}

i.iconTotdepTiktok {width: 20px;
    height: 20px;
    background-position: -8px -54px;}

i.iconTotdepYoutube {width: 20px;
    height: 20px;
    background-position: -8px -75px;}

i.iconTotdepLink {width: 20px;
    height: 20px;
    background-position: -8px -96px;}
    .headerRightTopLoginLogout {display: flex;align-items: center;}
.headerRightTopList > * {border-right: 1px solid #e5e1e1;vertical-align: middle;margin-right: 15px;padding-right: 15px;
  /* height: 20px; */
}

.headerRightTopList > *:last-child {border-right: 0;margin-right: 0;padding-right: 0;}

.headerRightTopLoginLogout a {color: #000;text-decoration: none;font-size: 14px;margin-right: 5px;padding-right: 5px;border-right: 1px solid;line-height: 1.4;}

.headerRightTopLoginLogout a:hover {text-decoration: none;}

.headerRightTopMenuLang span {color: #000;font-size: 14px;vertical-align: middle;}

.headerRightTopLoginLogout a:last-child {margin-right: 0;
    padding-right: 0;
    border-right: 0;}
    nav.headerRightBotMenu > ul {margin: 0;padding: 0;list-style-type: none;display: flex;align-items: center;justify-content: flex-end;}



    nav.headerRightBotMenu ul li a:hover {text-decoration: none;}




    /* .headerRightBot:before {content: "";border-top: 1px solid #ccc;width: 83%;position: absolute;top: 0;right: 0;} */

    nav.headerRightBotMenu > ul > li {
      /* position: relative; */
      padding-bottom: 3px;
      padding-bottom: 38px;
      text-align: center;
     }
        nav.headerRightBotMenu > ul > li:hover > a:after, nav.headerRightBotMenu > ul > li.active > a:after {opacity: 1;
          width: 60%;}
        nav.headerRightBotMenu > ul > li > a:after {content: "";position: absolute;border-bottom: 1px solid #b98036;
          border-width: medium;bottom: 0;width: 100%;left: 0;right: 0;margin: auto;transition: 0.3s all;opacity: 0;}
          nav.headerRightBotMenu > ul > li.menuCungduong > a {border: 1px solid #bc6910;border-radius: 10px;box-shadow: 0px 0px 2px 1px #bc6910; margin-left: 15px;}

nav.headerRightBotMenu > ul > li.menuCungduong:after {display: none;}
.headerWebsiteRow{
  flex-direction: column-reverse;
}
.headerRightBot{
  display: none;
}
.headerRightBot {padding: 15px 0;
  /* position: relative; */
}
  .headerRightTop {padding: 0 0 15px 0;}
  nav.headerRightBotMenu > ul > li > a {color: #000;text-decoration: none;padding: 5px 15px;font-size: 16px;  text-transform: uppercase;text-align: center; position: relative;cursor: pointer;}

.headerLeftMenubar button {border: 1px solid #ccc;background-color: #b98036;color: #fff;/* position: absolute; */}

.headerLeftRow {position: relative;}

.headerLeftMenubar {position: absolute;top: 30%;right: 0;}
div#menuListMobile nav.headerRightBotMenu > ul {display: flex;flex-wrap: wrap;flex-direction: column;align-items: self-start;}

div#menuListMobile {     position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  background-color: #b98036;
  padding-top: 30px;
  padding-left: 10px;
  z-index: 9999999;
  box-shadow: 1px 1px 1px 1px #8a5a1d;
  left: -999px;
  transition: 0.3s all;
  overflow: auto;
  opacity: 0;}

div#menuListMobile nav.headerRightBotMenu > ul > li a {color: #fff;    width: 100%;
  text-align: left;}

div#menuListMobile nav.headerRightBotMenu > ul > li {margin-bottom: 0px;    width: 100%;flex-wrap: wrap;position: relative;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
padding-bottom: 3px;}

div#menuListMobile nav.headerRightBotMenu > ul > li.menuCungduong a {background-color: white;color: #000;}
div#menuListMobile > span {color: #fff;display: block;position: absolute;right: 10px;top: 10px;}

#overplay,#overplayNoMenu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000;
  opacity: 0.7;
  z-index: 999;
}
div#menuListMobile.active {left: 0 !important;opacity: 1;}

figure.headerLeftLogo {margin: 0; margin-bottom: 15px;}
figure.headerLeftLogo a {
  display: flex;
  text-decoration: none;
  align-items: center;
}
.diachilogo {
  font-size: 14px;
  color: #000;
}

.noidungbenphailogo {
  padding-left: 22px;
}
figure.headerLeftLogo a img {
  width: 80px;
  height: 80px;
}

.tenchualogo {
  color: #74431b;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  font-family: merriweatherb;
}
@media screen and (max-width:1200px) {
  #chitietbaiviet ol.breadcrumb li {
    font-size: 12px;
}
  .tenchualogo {
    font-size: 22px;
  }
  .diachilogo {
    font-size: 10px;
}
}
@media screen and (min-width:525px) {
  .homeGioithieuNoidung img{
    height: 385px;
  }
}
@media screen and (max-width:477px) {
  .headerRightTopList{
    flex-wrap: wrap;
    justify-content: center;
  }
  .headerRightTopList > * {
    margin-bottom: 10px;
}
}
@media screen and (min-width:992px) {
  .headerRightTop:before {content: "";border-top: 1px solid #ccc;width: 83%;position: absolute;bottom: 0;right: 0;}
  div#menuListMobile{
    display: none;
  }
.headerLeftMenubar {display: none;}




  .headerRightTopList {    justify-content: flex-end;}
  .headerWebsiteRow{
    flex-direction: inherit;
  }
  .headerRightTopLoginLogout a {
    font-size: 10px;
}
.headerRightTop {
  padding: 0 0 10px 0;
  position: relative;
}
.headerRightBot {
  display: block;
  padding: 10px 0 0 0;
  /* position: relative; */
}
nav.headerRightBotMenu > ul > li > a {
  color: #000;
  text-decoration: none;
  padding: 5px 15px;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}

}
.customLichKhoatu .item { 
  margin-right: 10px;
  position: relative;
  width: 324px;
}
@media screen and (min-width:1200px) {
  .headerRightTopLoginLogout a {
    font-size: 14px;
}
  .headerWebsiteRow{
    flex-direction: inherit;
  }
  .headerRightBot {     display: block;padding: 15px 0 0 0;
    /* position: relative; */
  }
    .headerRightTop {padding: 0 0 15px 0;}
    nav.headerRightBotMenu > ul > li > a {color: #000;text-decoration: none;padding: 5px 15px;font-size: 13px;  text-transform: uppercase;text-align: center;}
}
@media screen and (min-width:1400px) {
  nav.headerRightBotMenu > ul > li > a { font-size: 14px; }
  .customLichKhoatu .item { 
    margin-right: 10px;
    position: relative;
    width: 25%;
  }
}
    /* end header  */



    /* footer  */
    div#fullscreen {
      right: 0;
      background-color: #ffffffd1;
      position: relative;
      cursor: pointer;
      padding: 10px;
   }
   @media screen and (max-width: 1024px) {
    #fullscreen{
      display: none;
    }
   }
   div#fullscreen i {
       color: #5e5959;
   }
    .web-footer {
      background-color: #f1f1f1;
      padding: 30px 0;margin-top: 30px;    font-family: roboto;}
      .web-footer .tenchualogo {
        font-size: 16px;
    }
    .web-footer figure.headerLeftLogo a img {
      border-radius: 50%;
  }
    span.web-footer-gioithieu {line-height: 2;font-size: 14px;color: #5a5a5a;}
    h3.h3footer {margin: 0;color: #5a5a5a;font-size: 18px;padding-top: 16px;font-weight: bold;margin-bottom: 15px;}

.logofooter  img {width: 240px;}
i.iconTotdepHome {width: 25px;
  height: 22px;
  background-position: -5px -263px;}

.box-lienhefooter {display: flex;align-items: center;margin-bottom: 15px;color: #2d2d2d;font-size: 14px;}
.box-lienhefooter a {
  color: #000;
  text-decoration: none;
}
.box-lienhefooter .iconTotdep {margin-right: 13px;}

i.iconTotdepPhone {width: 25px;
  height: 22px;
  background-position: -5px -299px;}

i.iconTotdepEmail {width: 25px;
  height: 22px;
  background-position: -5px -333px;}

i.iconTotdepTime {width: 25px;
  height: 27px;
  background-position: -5px -363px;}

.box-listphone a {color: #2d2d2d;text-decoration: none;}

.box-listphone {display: flex;align-items: self-start;flex-direction: column;}
.web-footerListTags a {
  display: inline-block;
  text-decoration: none;
  color: #5a5a5a;
  border: 1px solid #f1f1f1;
  border-radius: 20px;
  margin-bottom: 4px;
  background-color: #f1f1f1;
  padding: 1px 6px;

}
i.iconTotdepFacebookBu {width: 35px;
  height: 35px;
  background-position: -2px -114px;}

.webFooterListSc {display: flex;}

i.iconTotdepTiktokBu {

  width: 35px;
  height: 35px;
  background-position: -2px -149px;}

i.iconTotdepYoutubeBu {width: 35px;
  height: 35px;
  background-position: -2px -184px;}

i.iconTotdepTotdepbuBu {width: 35px;
  height: 35px;
  background-position: -2px -218px;}

.webFooterListSc > * {margin-right: 7px;}

.webFooterListSc > *:last-child {margin-right: 0;}
.newletterFooter {display: flex;align-items: center;}

.newletterFooter input {background-color: #efefef;}

.newletterFooter button {border: 0;padding: 0;background-color: #fff;}

i.iconTotdepSendEmail {width: 41px;
    height: 37px;
    background-position: -3px -402px;}
    .box-copyright {
      background-image: url(/images/hoasen.png);
      padding: 20px 0;
      background-repeat: repeat;
      background-position: center;background-color: #96682d;font-family: 'roboto';color: #fff;font-size: 14px;font-weight: 100;}

    /* end footer  */
    /* ****************************************** */
     /* ****************************************** */
      /* ****************************************** */
       /* ****************************************** */
        /* ****************************************** */
    /* home  */
        .homeBannerTieuDiem1{text-decoration: none;display: flex;color: #636363;flex-direction: row;border: 1px solid #ccc;border-radius: 10px;box-shadow: 0px 0px 8px 1px #b0a6a6;    background-color: #fff;    align-items: center;
          justify-content: flex-start;align-items: center;
          /* padding: 20px 0; */
        }
.homeBannerTieuDiem1 figure {margin-bottom: 0; flex:0 0 34%;}
.homeBannerTieuDiem1 .infoTieudiem{flex:0 0 66%; padding: 0px 20px;}
.homeBannerTieuDiem1 .infoTieudiem h3 {color: #000;font-size: 16px;font-weight: bold; margin-top: 10px;}

.homeBannerTieuDiem1 .infoTieudiem .infoTieudiemND {font-size: 14px;font-family: 'roboto';}

span.infotieudiemTHT {color: #b98036;font-size: 14px; }
.homeBanner {position: relative;margin-bottom: 50px;}

/*.homeBannerTieuDiem {position: relative;left: 0;right: 0;    bottom: -140px;z-index: 1;}*/
.homeBannerTieuDiem{position: relative;}
.homeBannerTieuDiem1:hover {color: #636363;}



/*@media screen and (max-width:666px) {
  /* .homeBannerTieuDiem1 img {width: 38px;height: 45px;} 
  .homeBannerTieuDiem1 h3 {font-size: 16px;text-align: center;margin-top: 10px;}
  .homeBannerTieuDiem {
    bottom: -110px;
}
}
@media screen and (max-width:1100px) {
  .infoTieudiem {padding: 0 !important; }
}
@media screen and (min-width:993px) {
  .homeBannerTieuDiem1 figure img{
    height: 100%;
  }
  .homeBannerTieuDiem1 .infoTieudiem h3 {font-size: 18px;color: #b98036;text-align: left;    height: inherit;}
  .homeBannerTieuDiem1{ justify-content: space-between;flex-direction: row;   padding: 0;
    align-items: unset;}
  .homeBannerTieuDiem1 figure { width: 38%;}
  
 .infoTieudiem {width: 60%;padding: 20px 15px 20px 0;position: relative;}
  .homeBannerTieuDiem {position: absolute;left: 0;right: 0;bottom: -140px;z-index: 10}
  .homeBannerTieuDiem1 .infoTieudiem:after {content: "";position: absolute;bottom: 0;border: 1px solid #b98036;left: 0;right: 0;width: 93%;}
}*/

    /* end home  */

    /* home change 7-2-2023*/
    .facebook-hide-box{
      height: 260px;
    }
    .pagethongtin1{padding-left: 20px;padding-right: 20px;}
    ._1ViengchuaMegaMenu a figure{display: none;}
    /*._1ViengchuaMegaMenuInFo{padding-left: 0;}*/
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
      .homeBannerTieuDiem1 figure {margin-bottom: 0; flex:0 0 42%;}
      .homeBannerTieuDiem1 .infoTieudiem{flex:0 0 58%; padding: 0px 10px;}
    }
    @media (min-width: 992px) {
      .homeBannerTieuDiem1 figure {margin-bottom: 0; flex:0 0 50%;}
.homeBannerTieuDiem1 .infoTieudiem{flex:0 0 50%; padding: 0px 20px;}
.facebook-hide-box{
  height: 120px;
}
    }
    @media (min-width:1200px) {
      ._1ViengchuaMegaMenu a figure{display: block;}
      ._1ViengchuaMegaMenu a ._1ViengchuaMegaMenuInFo{padding-left: 15px!important;}
      .homeBannerTieuDiem{
        position: relative;
        top: -40px;
        z-index: 200;
      }
      .homeBannerTieuDiem1{min-height:100px;}
      .homeBannerTieuDiem1 .infoTieudiem h3{
        text-align: left;
      }
      .homeBannerTieuDiem1 .infoTieudiem{
       
      }
      .homeBannerTieuDiem1 figure {flex:0 0 50%;}
.homeBannerTieuDiem1 .infoTieudiem{flex:0 0 50%;}
    }
    @media (min-width:1400px) {
      .homeBannerTieuDiem{
        
      }
      .homeBannerTieuDiem1 .infoTieudiem h3{
        
      }
      .homeBannerTieuDiem1 .infoTieudiem{
        
      }
      .homeBannerTieuDiem1 figure {flex:0 0 40%;}
.homeBannerTieuDiem1 .infoTieudiem{flex:0 0 60%;}
    }
    /**/

    /* *********************************************** */
    /* quan tam gi  */
    ._1homeQuanTam {
      display: flex;
  justify-content: space-between;
  background-color: #f9f9f9;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 1px 9px 2px #ccc;
}

.homeQuanTam ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
  margin-top: 15px;
}

.homeQuanTam ul li:before {
  content: ">";
  color: #b7b7b7;
  margin-right: 5px;
}

.homeQuanTam ul li a {
  color: #000;
  text-decoration: none;
  font-size: 13px; 
}

.homeQuanTam ul li {
  border-bottom: 1px dotted #ccc;
  display: flex;
  align-items: center;
}

.homeQuanTam h3 {
  font-family: merriweatherr;
  font-size: 20px;
}
 

i.iconTotdepMotbong {width: 91px;
    height: 120px;
    background-position: -16px -466px;}
    i.iconTotdepHaibong {
      width: 91px;
      height: 120px;
      background-position: -16px -608px;
    }
    i.iconTotdepBabong {width: 91px;
      height: 120px;
      background-position: -16px -748px;}
      i.iconTotdepBonbong {
        width: 91px;
        height: 120px;
        background-position: -31px -1014px;
        background-size: 874px;
      }
._1homeQuanTamLeft ._1homeQuanTamLeftInfo span {font-family: 'roboto';line-height: 1.2;display: block;margin-top: 5px;}

._1homeQuanTamLeft ._1homeQuanTamLeftInfo h3 {font-size: 18px;margin-top: 10px;margin-bottom: 0;}

._1homeQuanTamRight ._1homeQuanTamRightList {list-style-type: none;padding: 0;margin: 0;display: flex;align-items: self-start;  flex-wrap: wrap;align-content: flex-start;}

._1homeQuanTamRight ._1homeQuanTamRightList li a {text-decoration: none;color: #000;font-family: 'roboto';display: block;transition: 0.3s all;text-transform: capitalize;}

._1homeQuanTamRight ._1homeQuanTamRightList li a:hover {text-decoration: none;}

._1homeQuanTamRight ._1homeQuanTamRightList li {width: 48%;line-height: 1.2;margin-bottom: 15px;transition: 0.3s all;}

._1homeQuanTamRightButton {width: 30%;display: flex;flex-direction: column;}

._1homeQuanTamRight ._1homeQuanTamRightList li:hover {color: #b98039;list-style-type: disc;}

._1homeQuanTamRight ._1homeQuanTamRightList li:hover a {color: #b98039;font-weight: bold;}
._1homeQuanTamRightButton a {    text-decoration: none;
  margin-bottom: 10px;
  color: #000;
  font-family: 'roboto';
  padding: 15px 15px 5px 35px;
  border: 1px solid #b98039;
  border-left-width: 10px;}

._1homeQuanTamRightButton a h3 {font-size: 18px;font-weight: bold;margin-bottom: 12px;}

._1homeQuanTamRightButton a span {display: block;color: #7b7b7b;line-height: 1.2;margin-bottom: 10px;}

._1homeQuanTamRightButton a span:last-child {font-size: 14px;color: #1b81ff;}

.homeQuanTam h2 {    margin-bottom: 30px;
  font-family: merriweatherb;
  margin-top: 30px;}
._1homeQuanTamLeft {display: flex;align-items: center;width: 100%; border-radius: 10px 10px 0px 0px;}

._1homeQuanTamRight {margin: 10px;background-color: #fff;padding: 20px;border-radius: 20px;}
/* .homeQuanTam {box-shadow: 0 4px 4px -2px #cdcdcd;} */
#quanTam_0 h3 {
  color: #3c78d8;
  padding-bottom: 2px;
  border-bottom: 3px solid #99b4e0;
}
.homeQuanTam h3 .iconTotdep {
  margin-bottom: 10px;
}
#quanTam_1 h3 {
  color: #fbbc04;
  padding-bottom: 2px;
  border-bottom: 3px solid #fbbc048c;
}

#quanTam_2 h3 {
  color: #ea4335;
  padding-bottom: 2px;
  border-bottom: 3px solid #ea433599;
}

#quanTam_3 h3 {
  color: #ff6d01;
  padding-bottom: 2px;
  border-bottom: 3px solid #ff6d0185;
}
@media screen and (max-width:666px) {
  ._1homeQuanTamRight ._1homeQuanTamRightList li {
    width: 100%;
  }
  .tenchualogo {
    font-size: 20px;
}


  .noidungbenphailogo{
    padding-left: 5px;
    width: 75%;
  }
}

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

  ._7phan {display: flex;justify-content: space-between;align-items: center;align-content: space-between;}
._7phanC {width: 49%;}
  ul._1homeQuanTamRightList._3phan {flex-direction: column;width: 34%;}

._7phan {width: 66%;}
  ._1homeQuanTam {flex-direction: row;background-color: inherit;    flex-direction: row;
    background-color: inherit;
    border-radius: inherit;
    box-shadow: none;}
  ._1homeQuanTamLeft {width: 23%;display: flex;align-items: center;flex-direction: column;text-align: center;border: 1px solid #ccc;padding-top: 40px;min-height: 300px;    border-radius: 0;}

._1homeQuanTamRight {width: 73%;display: flex;justify-content: space-between;padding: 0;}
._1homeQuanTamRight ._1homeQuanTamRightList {width: 68%;}
._3phanfull li {width: 100% !important;}
}
    /* end quan tam gi  */


    /* home gioi thieu  */
    h3.homeGioiThieuTitle {font-size: 18px;font-family: 'merriweatherb';border-bottom: 1px solid;display: inline-block;padding-bottom: 10px;color: #b98036;margin-bottom: 30px;}

.homeGioiThieuTitleLon {font-size: 36px;font-family: 'merriweatherb';font-weight: bold;line-height: 1.2;color: #000;margin-bottom: 15px;}

.homeGioiThieuLabel {color: #b98036;font-size: 18px;margin-bottom: 15px;}

.homeGioithieuNoidung {font-size: 16px;color: #7b7b7b;text-align: justify;margin-bottom: 15px;}

.homeGioithieuXemThem a,.homeGioithieuXemThem a:hover {color: #383838;text-decoration: none;}


.homeGioithieuRightF {display: flex;flex-wrap: wrap;justify-content: space-between;}

.homeGioithieuRightF > * {width: 47%;margin-bottom: 20px;}
.homeGioithieuRightF > * img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
i.iconTotdepPMTC {width: 84px;
    height: 87px;
    background-position: -16px -1042px;}

i.iconTotdepLS {width: 84px;
    height: 87px;
    background-position: -16px -1134px;}

i.iconTotdepTangDoan {width: 84px;
    height: 87px;
    background-position: -16px -1227px;}

i.iconTotdepThanhQuy { width: 84px;
    height: 87px;
    background-position: -16px -1321px; }


._1homeGioithieuRightF > * {display: block;margin-bottom: 15px;}

._1homeGioithieuRightF h3 {font-size: 24px;font-weight: bold;margin-bottom: 20px;}

._1homeGioithieuRightF span {text-align: justify;}

._1homeGioithieuRightF a,._1homeGioithieuRightF a:hover {text-decoration: none;color: #ff5454;}

.homeGioiThieuLeft {padding-right: 55px;}
@media screen and (max-width:666px) {
  .homeGioiThieuLeft{
    padding-right: 15px;
  }
  .homeGioithieuRightF > * {
    width: 100%;
    margin-bottom: 20px;
}
}
    /* end home gioi thieu  */


    /* lich su kien  */
    .homeLichSuKien {background-color: #fff6f7;position: relative;padding-top: 60px;    padding-bottom: 60px;}

.homeLichSuKienIconTop {position: absolute;top: -34px;z-index: 10;left: 0;right: 0;margin: auto;text-align: center;}

i.iconTotdepLSK {width: 63px;
    height: 67px;
    background-position: -21px -1415px;}

.homeLichSuKienContainer h2 {font-family: merriweatherb;font-size: 36px;margin-bottom: 15px;}

.homeLichSuKienContainer .homeLichSuKienContainerLabel {font-size: 18px;font-family: 'roboto';margin-bottom: 50px;}
._1Sukien figure img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}

._1Sukien h3 {font-size: 18px;font-weight: bold;margin-bottom: 15px;}

._1SuKienInfoND {text-align: justify;font-family: 'roboto';}

._1SukienInfo {padding-bottom: 40px;padding-left: 10px;padding-right: 10px;}

._1Sukien {background-color: #fff;position: relative;}

._SuKienButton a {text-decoration: none;font-family: 'roboto';font-size: 14px;font-weight: bold;color: #fff;background: linear-gradient(90deg, #9e6d2e 0%,#dba865 100%);padding: 5px 30px;display: inline-block;border-radius: 10px;}

._SuKienButton {position: absolute;left: 0;right: 0;text-align: center;bottom: -15px;}
._1Sukien:hover figure:after {z-index: 1;content: "";opacity: .6;background-color: #b98036;}

._1Sukien figure {position: relative;display: flex;align-items: center;justify-content: center;transition: 0.3s all;/* background-color: #fff; */}

._1Sukien:hover figure:before {content: "";background-repeat: no-repeat;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    background-image: url(/images/icon-web.png);
                              z-index: 2;
                              transform: translateY(0);}

._1Sukien figure:before {content: "";transition: 0.6s all;width: 125px;
    height: 131px;
    background-position: -21px -1491px;position: absolute;z-index: 1;transform: translateY(135px);}

._1Sukien figure:after {content: "";transition: 0.3s all;position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px 10px 0px 0px;z-index: -1;}

._1Sukien:hover {background-color: #b98036;    border-radius: 10px;}

._1Sukien:hover ._1SukienInfo {color: #fff;}
.homeSliderLichSuKien .owl-nav button {position: absolute;top: 18%;border-radius: 18px;font-size: 40px;
  background-color: #fff;
  border: 1px solid #ccc;}

.homeSliderLichSuKien .owl-nav button.owl-prev {left: 0;font-size: 40px;
  background-color: #fff;
  border: 1px solid #ccc;border-radius: 8px;}

.homeSliderLichSuKien .owl-nav button.owl-next {right: 0;
  font-size: 40px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #a47233;
  color: #FFF;
  text-decoration: none;
}
.xemthemsukien,.xemthemsukien:hover {text-decoration: none;color: #adadad;margin-top: 40px;}
    /* end lich su kien  */


    /* Tin tức */
    .homeTinTuc {background-color: #fbf6e6;padding: 50px 0;position: relative;}

.homeTinTuc .hhomeTinTucIconTop {position: absolute;top: -34px;left: 0;right: 0;text-align: center;}
.homeTinTuc.backgroundhong {background-color: #fff;}
.homeTinTucContainer h2 {font-weight: bold;
    font-size: 36px;
    margin-bottom: 15px;}

._1HomeTinTuc._1HomeTinTuc_1 {display: flex;/* align-items: center; */justify-content: center;text-decoration: none;height: 265px;overflow: hidden;}

._1HomeTinTuc._1HomeTinTuc_1 figure {    width: 50%;
  height: auto;
  margin: 0;}

._1HomeTinTuc._1HomeTinTuc_1 figure img {height: 100%;width: 100%;}

._1HomeTinTuc._1HomeTinTuc_1 ._1HomeTinTucInfo {width: 50%;background-color: #b98036;color: #fff;padding: 40px;position: relative;height: auto;}

._1HomeTinTucInfo h3 {font-size: 18px;text-align: center;font-weight: bold; }

._1HomeTinTucInfoDes {font-size: 13px;font-family: 'roboto';text-align: center;font-weight: 100;line-height: 1.2;}

._1HomeTinTuc._1HomeTinTuc_1 ._1HomeTinTucInfo:after {content: "";background-repeat: no-repeat;
    display: inline-block;


    line-height: 30px;
    vertical-align: middle;
    background-image: url(/images/icon-web.png);width: 133px;
    height: 68px;
    background-position: -13px -1620px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
    a._1HomeTinTuc {text-decoration: none;display: flex;flex-wrap: wrap;color: #000;}

a._1HomeTinTuc figure {height: 180px;width: 100%;margin-bottom: 0;}

a._1HomeTinTuc figure img {width: 100%;height: 100%;overflow: hidden;}

._1HomeTinTucInfo h3 {color: #b98036;margin-bottom: 5px;    overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  width: 270px;}
  ._1HomeTinTuc_1 h3{
    white-space: inherit;
    width: auto;
  }
._1HomeTinTuc._1HomeTinTuc_1 ._1HomeTinTucInfo h3 {color: #fff;}

._1HomeTinTucInfo {background-color: #fff;}
.homeTinTucMB ._1HomeTinTucInfo{
  background-color: #fff6f7;
}
._1HomeTinTucInfo {width: 100%;height: 85px;padding-top: 10px;padding: 10px 15px 0px 15px;}
.homeTinTucTabs,.homevideoContentTabs {display: flex;align-items: center;justify-content: center;margin: 28px 0 40px 0;}

.homeTinTucTabs a,.homevideoContentTabs a {text-decoration: none;color: #383838;margin-right: 40px;transition: 0.3s all;}

.homeTinTucTabs a:last-child, .homevideoContentTabs a:last-child{margin-right: 0 !important;}

.homeTinTucTabs a.active,.homeTinTucTabs a:hover ,
.homevideoContentTabs a.active,.homevideoContentTabs a:hover
{color: #8e632c;}

.homeTinTucTabs a:after,
.homevideoContentTabs a:after
{content: "";display: block;width: 50%;border-bottom: 3px solid;margin: auto;padding-top: 4px;opacity: 0;transition: 0.3s all;color: #8e632c;}

.homeTinTucTabs a.active:after, .homeTinTucTabs a:hover:after,
.homevideoContentTabs a.active:after, .homevideoContentTabs a:hover:after
{opacity: 1;}
.homeTinTucContentTabs{
  display: none;
}
.homeTinTucContentTabs.active{
  display: flex;
}

    /* end tin tức  */

  /* hinh hoat dong   */
  .homeHinhHoatDong {position: relative;padding: 50px 0;}

.homeHinhHoatDongIconTop {position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    text-align: center;}

.homeHinhHoatDongContainer h2 {font-size: 36px; 
  font-family: merriweatherb
  ;color: #383838;}

.homeHinhHoatDongContainerLabel {color: #383838;text-align: center;font-size: 18px;margin-bottom: 40px;}
._1homeHinhHoatDong a {text-decoration: none;}

._1homeHinhHoatDong a h3 {font-size: 16px;color: #383838;margin: 5px;text-align: center;}
._1homeHinhHoatDong a img {width: 100%;}
._1homeHinhHoatDong a figure {margin: 0;}
._1homeHinhHoatDong {margin-bottom: 15px;position: relative;padding-bottom: 3px;background-color: #f7f7f7;}

._1homeHinhHoatDong:after {content: "";border-bottom: 1px solid #b98036;display: block;width: 70%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}
._1homeHinhHoatDongPCBS a {display: block;}

._1homeHinhHoatDongPCBS a figure {max-height: 140px;overflow: hidden;}

._1homeHinhHoatDongPCBB figure {    max-height: 328px;
  overflow: hidden;}
  .box-hover {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #b9803682;display: flex;align-items: center;justify-content: center;transition: 0.3s all;     opacity: 0;}

.titleHover {color: #fff;position: absolute;bottom: 0;background-color: #f37c36de;text-align: center;padding: 0px 2px;font-size: 16px;padding-bottom: 5px;     width: 100%;}

.box-hover .iconTotdep {padding-bottom: 30px;}
._1homeHinhHoatDong:hover .box-hover {opacity: 1;/* display: flex; */}
i.iconTotdepHAHD {width: 75px;
    height: 73px;
    background-position: -42px -1700px;}
    .homeHinhHoatDongMB {background-color: #fff6f7;}
  /* end hinh hoat dong  */


  /* video  home*/
  .homeVideo {
    height: 960px;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    background-image: url(/images/videoBG.jpg);
  }

.homeVideo h2 {color: #b98036;font-size: 36px; font-family: merriweatherb;}
.containeryoutube iframe {width: 100%;height: 450px;}
h3.TitleLon {color: #b98036;font-weight: bold;font-size: 30px;padding-top: 30px;}

.desLon {color: #b98036;font-size: 18px;text-align: justify;margin-bottom: 30px;line-height: 1.2;}

.xemthemLon a {text-decoration: none;color: #b98036;padding: 7px 40px;background-color: #fff;display: inline-block;border-radius: 18px;}

.homeVideoSlider .owl-nav button.owl-prev,.homeVideoSlider .owl-nav button.owl-next {font-size: 40px;color: #000;background-color: #ffffffbd;;position: absolute;
    top: 30%;transition: 0.3s all;/* padding: 0px 6px !important; */}

.homeVideoSlider .owl-nav button.owl-prev {left: 8px;
    }

.homeVideoSlider .owl-nav button.owl-next {right: 8px;}
.homeVideoSlider .item figure {margin: 0;max-height: 170px;
  overflow: hidden;}

.homeVideoSlider .item a._1ListVideoS {display: block;background-color: #fff;text-decoration: none;color: #000;}

.homeVideoSlider .item a._1ListVideoS ._1ListVideoSTitle {padding: 0 15px;}
._1NhomVideoMB a._1ListVideoS {background-color: inherit !important;}

._1NhomVideoMB a._1ListVideoS h3.TitleLon {color: #fff;font-size: 20px;padding-top: 10px;}

._1NhomVideoMB a._1ListVideoS .desLon {font-size: 16px;color: #fff;}
.homeVideoMB {
  height: 640px;
  background-image: url(/images/videoBGMB.jpg);
}
._1NhomVideoMB .homeVideoSlider .owl-nav button.owl-prev, ._1NhomVideoMB .homeVideoSlider .owl-nav button.owl-next{
  top: 15%;
}
._1NhomVideoMB .homeVideoSlider .owl-nav button.owl-prev{
  left: -15px;
}
.homeVideoMB .homeVideoSlider .owl-nav button.owl-next {
  right: -15px;
}
.homeVideoMB .homeTinTucTabs a {
  margin-right: 25px;
}
  /* end video home  */


  /* mega menu */
  .headerWebsite .container
  {
position: relative;
  }
  .submenuPC {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 132px;
    background-color: #ffffeb;
    padding: 20px;
    border: 1px solid #f1f1ec;
    border-radius: 4px;
    box-shadow: 1px 1px 1px 1px #ccc;

    /* transition: 0.3s all;  */
    transition: 0s ease-in-out 0s;
    transform: translateY(40px);
    padding-bottom: 0;
}
/* nav.headerRightBotMenu > ul > li:hover .submenuPC , */
  nav.headerRightBotMenu > ul > li.activeMenu .submenuPC {
  visibility: visible;
    opacity: 1;
    z-index: 1111111;
    /* transition-delay: 0s, 0s, 0.3s;  */
    transform: translateY(0);
    transition: .2s ease-in-out 0s;
}
  nav.headerRightBotMenu > ul > li.menuCungduong a:after {content: "";display: none;}
  h3.titleMegaMenu {text-align: left;color: #3b3b3b;font-size: 16px;margin-bottom: 25px;text-transform: uppercase;font-weight: bold;}
  .xemthemmega a {
    color: #0d6efd !important;
}
._1ViengchuaMegaMenu a {display: flex;align-items: center;;text-decoration: none;}

._1ViengchuaMegaMenu a ._1ViengchuaMegaMenu {color: #fff;}

._1ViengchuaMegaMenu a ._1ViengchuaMegaMenuInFo ._1ViengchuaMegaMenuInFoTitle {color: #3b3b3b;font-size: 18px;margin-bottom: 5px;}

._1ViengchuaMegaMenu a ._1ViengchuaMegaMenuInFo ._1ViengchuaMegaMenuInFoThamgia {color: #0084ff;font-size: 12px;font-family: 'roboto';}

._1ViengchuaMegaMenu a ._1ViengchuaMegaMenuInFo {text-align: left;padding-left: 0px;}

._1ViengchuaMegaMenu a figure {margin-bottom: 0;}

._1ViengchuaMegaMenu {margin-bottom: 15px;    width: 275px;
  display: flex;
}
._1cotVCMeGa {border-right: 1px solid #ccc;padding-left: 25px;}

._1cotVCMeGa:nth-child(4) {border-right: 0;    padding-left: 0;}

.viengchuaTimhieuMegaMenu ul {padding: 0;margin: 0;list-style-type: none;text-align: left;}

.viengchuaTimhieuMegaMenu ul li {text-align: left;margin-bottom: 10px;}

.viengchuaTimhieuMegaMenu ul li a {    display: block;
  text-align: left !important;
  text-decoration: none;
  color: #7b7b7b;
  font-family: 'roboto';}
  .listquyyMega {width: 570px;margin-right: auto;display: flex;flex-wrap: wrap;justify-content: space-between;    height: 275px;    border-right: 1px solid #ccc;}
  .listRightMegaquyy {
    width: calc(100% - 570px);
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: self-start;
    flex-direction: column;
    padding-left: 55px;
} 

.listRightMegaquyy ._1rightMega {
  background-color: #fff;
  text-align: left;
  border-left: 6px solid #af7128;
  height: 90px;
  margin-bottom: 15px;
  width: 300px;
  padding: 15px;
}

.listRightMegaquyy ._1rightMega a {
  text-decoration: none;
  color: #000;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.listRightMegaquyy ._1rightMega a ._1ViengchuaMegaMenuInFoThamgia {
  color: #0084ff;
  font-size: 12px;
  font-family: 'roboto';
  margin-top: 10px;
}
.container.menumegaquyy {
    display: flex;
    align-items: center;
}
div#quyyMega .container:after {    background-image: url(/images/quyy/bgmegaquyy1.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  content: "";
  position: absolute;
  /* left: 0; */
  right: 0;
  z-index: -1;
  bottom: 14px;
  height: 275px;
  width: 300px;}
  form.searchMega {max-width: 700px;display: flex;align-items: center;position: relative;}

.searchMega button {position: absolute;right: 0;top: 0;bottom: -0;border: 0;background: linear-gradient(90deg, #9d6c2f 0%, #bb7f33 100%);border-radius: 0 5px 6px 0px;}

form.searchMega input {border-radius: 6px;}

i.iconTotdepSearchform {width: 23px;
    height: 25px;
    background-position: -58px -32px;}
    ._1hoatdongL {/* border: 1px solid #ccc; */box-shadow: 0px 0px 6px 1px #ccc;margin-bottom: 20px;background-color: #fff;border-radius: 6px;}

._1hoatdongL a {text-decoration: none;color: #383838;text-align: left;font-size: 16px;font-family: 'roboto';display: block;padding: 10px;}

._1hoatdongL a label {text-align: left;display: block;font-size: 18px;font-weight: bold;font-family: 'roboto';margin-bottom: 10px;}
ul.hoatdongMegaList {padding: 0;margin: 0;list-style-type: none;text-align: left;}

ul.hoatdongMegaList li a {color: #383838;text-decoration: none;display: block;padding: 5px;transition: 0.3s all;}

ul.hoatdongMegaList li {width: 100%;margin-bottom: 10px;}

ul.hoatdongMegaList li:hover a {background-color: #fff;}
ul.listMegaC {padding: 0;margin: 0;list-style-type: none;text-align: left;}

ul.listMegaC li a {text-decoration: none;color: #7b7b7b;display: block;padding: 2px 4px;font-size: 14px;transition: 0.3s all;}

ul.listMegaC li {margin-bottom: 10px;}

ul.listMegaC li:hover a {background-color: #fff;}
div#phapbaoMega {padding: 0 12px;}
.allThuvienMega {background-color: #fff6f7;padding: 20px;}

h3.titleThuvienquatangMega {text-align: left;font-size: 20px;color: #383838;text-transform: uppercase;font-weight: bold;}

.desThuvienquatangMega {color: #383838;font-size: 14px;text-align: justify;margin-bottom: 20px;font-family: 'roboto';}

.xemngayThuvienquatangMega {text-align: left;}

.xemngayThuvienquatangMega a {display: block;text-decoration: none;color: #13a0f9;font-size: 14px;font-family: 'roboto';margin-bottom: 30px;}
#phapbaoMega h3.titleMegaMenu {padding-top: 30px;}
#phapbaoMega ._1cotVCMeGa:last-child {
  padding-left:25px;
}
ul.listMegaCKetnoi {padding: 0;margin: 0;list-style-type: none;text-align: left;}

ul.listMegaCKetnoi li {margin-bottom: 15px;}

ul.listMegaCKetnoi li a {display: block;background-color: #fff;padding: 15px 0px 15px 40px;position: relative;text-decoration: none;color: #383838;font-weight: bold;}

ul.listMegaCKetnoi li a:before {content: "";position: absolute;width: 10px;background-color: #bb843c;left: 0;bottom: 0;top: 0;}

ul.listMegaCKetnoi li a span {color: #21aeff;font-weight: 200;font-size: 14px;}
div#ketnoiMega {padding-right: 0;}
.ketnoiMegaCS {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;padding: 20px;background-image: url(/images/bgketnoi.png);}

.ketnoiMegaCS > * {width: 49%;}

.ketnoiMegaCS h3 {color: #b98036;font-size: 36px;font-weight: bold;text-align: left;margin-bottom: 30px;}

.ketnoiMegaCS ul {padding: 0;margin: 0;list-style-type: none;text-align: left;}

.ketnoiMegaCS ul li {margin-bottom: 15px;display: flex;align-items: center;}

.ketnoiMegaCS ul li a {text-decoration: none;color: #b98036;}

.ketnoiMegaCS ul li:before {
  content: "";
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  background-image: url(/images/icon-web.png);
  background-size: 355px;
  margin-right: 9px;
  width: 25px;
  height: 27px;
  background-position: -12px -647px;}
    nav.headerRightBotMenu > ul > li.menuCungduong:hover > a {background: linear-gradient(147deg, #95682d 0%, #d4a567 100%);color: #fff;}
    a._1cungduongMegaButton {display: block;text-align: left;background-color: #fff;padding: 20px 0px 20px 35px;color: #383838;text-decoration: none;position: relative; }

a._1cungduongMegaButton h3 {font-size: 16px;font-weight: bold;text-transform: uppercase;margin-bottom: 15px;}

a._1cungduongMegaButton .des1CungDuong {font-size: 14px;text-align: justify;margin-bottom: 10px;width: 80%;}

a._1cungduongMegaButton .xemthem1Cungduong {font-size: 12px;color: #21aeff;}
#cungduongMega .row {display: flex;align-items: center;}

a._1cungduongMegaButton:before {content: "";width: 9px;position: absolute;left: 0;bottom: 0;top: 0;background-color: #bb843c;}
div#viengchuaMega {padding-top: 0;padding-right: 0;}

#viengchuaMega ._1cotVCMeGa {padding-top: 25px;}

#viengchuaMega ._1cotVCMeGa:nth-child(4) {padding-top: 0;}
  /* end mega menu   */
  /* menu mobile  */
  div#menuListMobile nav.headerRightBotMenu > ul > li.menuParent:after {
    content: "";
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    background-image: url(/images/icon-web.png);
    background-size: 500px;
    margin-right: 11px;
    width: 25px;
    height: 25px;
    background-position: -81px -42px;
    position: absolute;
    top: 0;
    transform: rotate(270deg);
    right: 0;
    transition: 0.3s all;
  }
  div#menuListMobile nav.headerRightBotMenu > ul > li.menuParent.active:after {transform: rotate(0);}
  ul.submenumobile {display: flex;width: 100%;flex-direction: column;list-style-type: revert;color: #fff;}

  ul.submenumobile li a {text-decoration: none;font-size: 14px;font-family: 'roboto';display: block;}

  ul.submenumobile li {margin-bottom: 10px;}
  div#menuListMobile nav.headerRightBotMenu > ul > li.menuParent .submenumobile {

    height: 0;
  opacity: 0;
  position: relative;
  z-index: -1;
  transition: 0.3s all;
  }
  div#menuListMobile nav.headerRightBotMenu > ul > li.menuParent.active .submenumobile {height: 100%;  opacity: 1;
    position: relative;
    z-index: 1;}


    /* end menu mobile */


    /* viếng chùa  */

@keyframes rotate {
  from {
      transform: rotate(0deg);
  }

  to {
      transform: rotate(360deg);
  }
}
    .chuavnViengchua {background-image: url(/images/viengchua/bgviengchua.png);height: 950px;    background-position: center top;background-repeat: no-repeat;display: flex;
      align-items: flex-start;position: relative;
      z-index: 2;
      justify-content: center;}
      /* .conchuotviengchua,.conchuotviengchua a,.conchuotviengchua i{
        cursor: url(/images/viengchua/conchuotviengchua.png), auto ;
      } */
    ul.chuavnViengchuaTitle {padding: 0;margin: 0;list-style-type: none;}

ul.chuavnViengchuaTitle li {background-image: url(/images/viengchua/titleMenuViengchua.png);background-position: center;background-repeat: no-repeat;text-align: center;margin-bottom: 15px; cursor: url(/images/viengchua/conchuotviengchua.png), auto ;   background-size: 350px;}

ul.chuavnViengchuaTitle li a {text-decoration: none;font-size: 18px;font-weight: bold;color: #b98036;text-transform: uppercase;display: block;width: 100%;height:82px;display: flex;
    align-items: center;
    justify-content: center;transition: 0.3s all;cursor: url(/images/viengchua/conchuotviengchua.png), pointer;}

ul.chuavnViengchuaTitle li:hover a {opacity: 0.5;}
.viengchuabg {background-image: url(/images/demo/viengchua/chanhdien.jpg);height: 1080px;background-position: center center;    position: relative;}
.viengchuabgTitleLon {position: absolute;left: 0;right: 0;text-align: center;    top: 32px;}

.viengchuabgTitle {position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;}

.viengchuabgTitle h3 {color: #bc853f;font-weight: bold;text-transform: uppercase;font-size: 30px;text-shadow: 2px 2px 4px #000;}
.box-controlsaudioN {
  background-color: #fff;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  height: 165px;
  align-items: self-start;
  width: 80%;
  margin: auto;
  border-radius: 10px;
  max-width: 1215px;
}
.box-ContainerControlAudio {display: flex;align-items: self-start;justify-content: center;width: 100%;max-width: 1215px;margin: 0 auto;height: 100%;}

.iconButtonTapThuyen,.iconButtonTungKinh {width: 17%;    display: flex;flex-wrap: wrap;flex-direction: column;
  align-items: center;
  justify-content: center;}
.progress-container {
  background: #ccc;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 0 18px 0;
  height: 4px;
  width: 100%;
  margin-right: 20px;
}
.phapbao-info h1 {
  text-transform: capitalize;
} 
i.iconTotdepMute.active:after {display: block;content: "";background-color: #7b7b7b;width: 2px;height: 80%;transform: rotate(45deg);position: absolute;top: 2px;right: 10px;z-index: 1;}
.progress {
 background-color: #bc6a11 !important; 
  border-radius: 5px;
    height: 15px; 
 width: 0%;  
  transition: width 0.1s linear;
}
div#music-container {width: 60%;display: flex;align-items: center;justify-content: center;    margin: 10px auto;}
.iconButtonTapThuyen {border-right: 1px solid #ccc;height: 100%;}

.iconButtonTungKinh {border-left: 1px solid #CCC;height: 100%;}
i.iconTotdepPlay { width: 15px;
    height: 25px;
    background-position: -196px -18px;}
    i.iconTotdepPause {width: 15px;
      height: 25px;
      background-position: -61px -252px;}
i.iconTotdepPrev {width: 15px;
    height: 25px;
    background-position: -194px -75px;}

.clickA {margin-right: 20px;
  text-align: center;
  line-height: 1;
  font-size: 12px;
width:70px;
}

.clickA:last-child {margin-right: 0;}

i.iconTotdepMute {width: 20px;position: relative;
    height: 25px;
    background-position: -58px -294px;}
    .clickA  a {text-decoration: none;color: #000;display: block;cursor: pointer;}


    i.iconTotdepDownload {width: 15px;
        height: 25px;
        background-position: -61px -333px;}
i.iconTotdepNext {width: 15px;
    height: 25px;
    background-position: -229px -75px;}
    #volume-slider{
      transform: rotate(270deg);
      /* display: none; */
      opacity: 0;
      z-index: -1;
      position: absolute;
      width: 80px;
      top: -42px;
      left: -18px;
      transition: 0.3s all;
    }
    input[type='range']::-webkit-slider-thumb {
      width: 15px;
      -webkit-appearance: none;
      height:15px;
        border-radius:50%;
      cursor: n-resize;
      background: #ffffe3;
    }   input[type='range'] {
      overflow: hidden;
      width: 80px;
      -webkit-appearance: none;
      background-color: #7b7b7bd4;
        border-radius:20px;
    }
    .clickA i {cursor: pointer;}
    div#AMute:hover  #volume-slider {opacity: 1;z-index: 1;}

div#AMute {position: relative;}


    input[type='range']::-webkit-slider-thumb {
      width: 15px;
      -webkit-appearance: none;
      height:15px;
        border-radius:50%;
      cursor: ew-resize;
      background: #ffffe3;
    }
    .selectAudio {position: absolute;top: 50px;width: 300px;}
    i.iconTotdepTapThuyen {width: 40px;
      height: 40px;
      background-position: -48px -66px;}

  .iconButtonTapThuyen a,.iconButtonTungKinh a {width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background-color: #fff6dc;border-radius: 50%;}

  i.iconTotdepTungKinh {width: 40px;
      height: 40px;
      background-position: -48px -123px;}
      .viengchuagomo {position: absolute;top: -155px;left: 230px;display: flex;}

.chuongmo {margin-right: 15px;cursor: pointer;}

.caychuongmo {cursor: pointer;}

i.iconTotdepMo {width: 120px;
    height: 153px;
    background-position: -123px -137px;}

i.iconTotdepGo {width: 45px;
    height: 153px;
    background-position: -275px -134px;}
    .viengchuagochuong {    position: absolute;
    top: -173px;
    right: 230px;
    display: flex;

  }
  .caychuonggo{
    cursor: pointer;
  }
  i.iconTotdepChuong {
    width: 126px;
    height: 170px;
    background-position: -132px -329px;
  }

  .gochuong {margin-right: 15px;
      cursor: pointer;}

  i.iconTotdepGoChuong {
    position: relative;
    width: 29px;
    height: 172px;
    background-position: -288px -312px;
    top: -20px;
  }
    @keyframes go {
      0% {
        opacity: 1;


      }
      25% {
        opacity: 1;
        transform: translate(0, -67px);
      }
     50% {
        opacity: 1;
        transform: translate(0px, -67px) rotate(-100deg);

      }
      75% {
        opacity: 1;
        transform: translate(0, -67px) rotate(0deg);


      }
       100% {
        opacity: 0;
        transform: translate(0);

      }

    }
    @keyframes chuong {
      0% {
        opacity: 1;


      }
      25% {
        opacity: 1;
        transform: rotate(118deg) translate(-45px,30px);
      }
     50% {
        opacity: 1;
        transform: rotate(118deg) translate(-11px,30px);

      }
      75% {
        opacity: 1;
        transform: rotate(118deg) translate(-45px,30px);


      }
       100% {
        opacity: 0;
        transform:rotate(0)  translate(0);

      }

    }
    @keyframes chuongmb {
      0% {
        opacity: 1;
        transform:rotate(0)  translate(0);

      }
      25% {
        opacity: 1;
        /* transform: rotate(230deg) translate(55px,28px); */

    transform: rotate(-142deg) translate(32px ,19px);

      }
     50% {
        opacity: 1;
        /* transform: rotate(230deg) translate(10px,28px); */
        transform: rotate(-142deg) translate(6px ,19px);

      }
      75% {
        opacity: 1;
        /* transform: rotate(230deg) translate(55px,28px); */
        transform: rotate(-142deg) translate(32px ,19px);


      }
       100% {
        opacity: 0;
        transform:rotate(0)  translate(0);

      }

    }
    .caychuongmo.active{
      animation-name: go;
      animation-duration: 4s;
    }
    .gochuong.gochuongmb {order: 2;}
    .caychuonggo.active {

      animation-name: chuong;
      animation-duration: 4s;
  }
  .gochuongmb + .caychuonggo.active {

    animation-name: chuongmb;
    animation-duration: 4s;
}
  .luhuongthapnhang {position: absolute;left: 46%;text-align: center;top: -104px;cursor: pointer;text-align: center;}


i.iconTotdepLuhuong {width: 118px;
    height: 102px;
    background-position: -144px -657px;}

i.iconTotdepNhang {width: 28px;
    height: 129px;
    background-position: -290px -549px;}

.nhang {position: absolute;top: -99px;left: 44px;}

i.iconTotdepKhoa {width: 118px; height: 130px; background-position: -144px -506px;}

.khoa {position: absolute;top: -214px;left: -13px;opacity: 0;}
.titleAudioz {position: absolute;bottom: 20px;width: 60%;font-size: 14px;text-align: center;color: #7b7b7b;font-family: 'roboto';line-height: 1.2;}
#thienBody .titleAudioz{
top: 70px;
}
@keyframes thapnhang {
  0% {
    opacity: 0.25;
  }
  25% {
    opacity:0.5
  }
   50% {
    opacity:1
  }
  75% {
    opacity:0.75
  }
  100% {
    opacity: 0.25
  }
}
.khoa.active{
  animation-name: thapnhang;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
.chuyencanhvachuyenphong {width: 62px;
  position: absolute;
  right: 0;
  top: 150px;
  text-align: center;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: end;}

.chuyencanhvachuyenphong > * {background-color: #ffffffd1;border-radius: 10px;margin-bottom: 10px;padding-top: 15px;padding-bottom: 15px; transition: 0.3s all;}

.chuyencanhvachuyenphong > * label {font-size: 14px;}

.chuyencanhvachuyenphong > * ul {padding: 0;margin: 0;list-style-type: none;display: flex;flex-direction: column;align-items: center;}

.chuyencanhvachuyenphong  ul.chuyencanh a {text-decoration: none;color: #7b7b7b;border: 1px solid;width: 25px;height: 25px;display: block;border-radius: 50%;}

.chuyencanhvachuyenphong  ul.chuyencanh li {margin-bottom: 5px;}
.chuyenphongall.active .listPhongkhac {display: block;}
.chuyencanhvachuyenphong  ul.chuyencanh a:hover ,.chuyencanhvachuyenphong ul li.active a{background-color: #fff;}
.listPhongkhac a:hover {color: #bc6910;}
i.iconTotdepNextC {width: 30px;
    height: 30px;
    background-position: -54px -417px;}
    .chuyenphongall {padding: 8px;}
    .listPhongkhac { width: 100%;text-align: right;display: none;}

    .listPhongkhac a {text-decoration: none;transition: 0.3s all;     color: #7b7b7b;}

    .chuyenphongall.active {width: 190px;display: flex;flex-direction: column;align-items: end;padding-right: 15px;}

    ul.chuyenphongul {align-items: end;margin-top: 10px;}

    ul.chuyenphongul li {margin-bottom: 5px;}
.chuyenphong {cursor: pointer;    align-items: end !important;}
.listSize {display: flex;align-items: center;justify-content: flex-end;}

span._1nat {width: 5px;height: 5px;background-color: #ce9140;border-radius: 50%;}

.listSize > * {margin-right: 10px;cursor: pointer;}

div#giamsize {font-size: 20px;color: #ce9140;font-weight: bold;}

div#tangsize {font-size: 25px;
    color: #ce9140;
    font-weight: bold;}

.listSize > *:last-child {margin-right: 0;}

span._1nat.active {width: 10px;
    height: 10px;}
    i.iconTotdepPrint {width: 45px;
      height: 46px;
      background-position: -123px -12px;}

  .inKinhTungKinh {margin-left: 25px;}
  .concausieuBody {background-color: #fff6f7;}
  .noidungForm p {font-size: 14px;color: #7b7b7b;font-family: 'roboto';}

.noidungForm label {font-family: 'roboto';font-weight: bold;color: #7b7b7b;}
.noidungForm p {font-size: 14px;color: #7b7b7b;font-family: 'roboto';}

.noidungForm label {font-family: 'roboto';font-weight: bold;color: #7b7b7b;}

h4.labelForm {color: #383838;font-size: 16px;text-transform: uppercase;font-weight: bold;border-left: 5px solid #bc853f;padding-left: 6px;    margin-left: 10px;}
.removeRow {display: inline-block;padding: 5px 15px;background-color: #ccc;border-radius: 4px;box-shadow: 1px 1px 1px 1px #5e5050;cursor: pointer;}
i.iconTotdepReload {    width: 28px;
  height: 29px;
  background-position: -149px -862px;}

.pageReload {cursor: pointer;}

.thoigiandemnguoc {display: flex;}

.box-demnguocthoigian {display: inline-block;width: 100px;border: 1px solid #ccc;border-radius: 4px;}

button#tamdungthien {background-color: #fff;
    border-radius: 10px;
    border: 1px solid #bc853f;
    color: #bc853f;
    margin-left: 6px;}
.titleAudioz {display: flex;align-items: center;justify-content: space-between;}

.thoigiantungkinh {width: 250px;}
.thoigiantungkinh span {width: 100px;}

.titleAudioz > span {width: 60%;text-align: left;}

select#selectThoigian {width: 70px;}

.thoigiantungkinh button {background-color: #fff;border-radius: 10px;border: 1px solid #bc853f;color: #bc853f;margin-left: 6px;}
.container.contungkinhBody {max-width: 1215px;padding: 0;    margin-top: 50px;}
.titlebaitungkinh h3 {font-size: 22px;padding-top: 30px;padding-bottom: 30px;margin-bottom: 0;font-family: merriweatherb;}

.hienthinoidungtungkinh {font-family: 'roboto';color: #383838;}
div#noidungtungkinh {background-color: #fffeef;}
.hienthinoidungtungkinh::-webkit-scrollbar {
  width: 7px;
}
.hienthinoidungtungkinh::-webkit-scrollbar {
  width: 10px;
  background-color: #ffd503;
}
.hienthinoidungtungkinh::-webkit-scrollbar-thumb {
  background-color: #a8640b;

}
.hienthinoidungtungkinh {height: 515px;overflow-y: scroll;}
.hienthinoidungtungkinh::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  background-color: #fff6a8;
}
i.iconTotdepAddRow {width: 40px;
  height: 40px;
  background-position: -144px -805px;}

.themrow {display: flex;align-items: center;cursor: pointer;max-width: 300px;}

.themrow > div {margin-right: 5px;}
input.btnluu {background: linear-gradient(90deg, #996a2d 0%, #d59f58 100%);border: 1px solid #ccc;padding: 5px 30px;border-radius: 7px;color: #fff;}
input.btnhuy {
  background: linear-gradient(90deg, #992d2d 0%, #d55858 100%);
  border: 1px solid #ccc;
  padding: 5px 30px;
  border-radius: 7px;
  color: #fff;
}
i.iconTotdepLoHoa {width: 198px;
  height: 339px;
  background-position: -126px -910px;}

#thotrocotBody .viengchuagomo {top: -345px;}
i.iconTotdepHoaQua {width: 238px;
  height: 280px;
  background-position: -165px -1283px;}
#thotrocotBody .viengchuagochuong {
  top: -284px;
}



@media screen and (min-width:667px) {
  .chuavnViengchua {
    align-items: center;
  }

}

@media screen and (max-width:1320px) {
  .thoigiantungkinh,  .titleAudioz > span,.thoigiandemnguoc{
    width: 100% !important;
  }
  #thienBody .titleAudioz {
    top: 90px;
}
.titleAudioz {
    flex-wrap: wrap;
}
  .viengchuagomo {
    left: 100px;
}
.viengchuagochuong {
  right:100px;
}
.luhuongthapnhang {
  left: 46%;
}
}
@media screen and (max-width:1024px) {
  .viengchuagomo {
    left: 0;
}
.viengchuagochuong {
  right: 0;
}
.luhuongthapnhang {
  left: 46%;
}
.box-controlsaudioN{
  width: 100%;
}
}
@media screen and (max-width:768px) {
  i.iconTotdepHoaQua {width: 154px;
    height: 188px;
    background-position: -112px -811px;background-size: 500px;}
#thotrocotBody .viengchuagochuong {
    top: -198px;
right: 65px;}
  .formbenduoiheader {margin-top: 100px;}
  .container.contungkinhBody {
    padding: 0;
    margin-top: 155px !important;
}
  .box-ContainerControlAudio{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .iconButtonTapThuyen {
    order: 2;
    width: 39%;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
    height: 120px;
    border-radius: 6px;
}

.iconButtonTungKinh {
  order: 3;
  width: 39%;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 1px #ccc;
  height: 120px;
  border-radius: 6px;
}
.box-controlsaudioN{
  height: 170px;
}
div#music-container {
  order: 1;
  width: 80%;
  align-items: baseline;
  height: 170px;
}
.titleAudioz{
  width: 98%;
}
}
@media screen and (max-width:666px){
  #thotrocotBody
.viengchuagomo {top: -226px !important;left: 75px;}
  #thotrocotBody .viengchuagomo {
    left: 10px;
}
i.iconTotdepLoHoa {
  width: 162px;
  height: 225px;
  background-position: -83px -579px;
background-size: 500px;}
  #thotrocotBody .viengchuagochuong {
    top: -194px;
    right: 10px;
}
  #thienBody .titleAudioz {
    top: 114px;
}
  .luhuongthapnhang {
    left: 41%;
}
.gochuong {margin: 0;}
.caychuongmo,.caychuonggo{
  opacity: 0;
  display: none;
}
  div#Aplaypause {order: 3;}
  .box-controlsaudioN {
    height: 215px;
}
div#music-container {
    height: 210px;
}

div#AMute {order: 1;}

div#APrev {order: 2;}

div#progress-container {order: 6;
    position: absolute;
    margin: 0;
    width: 80%;
    top: 60px;}

div#ANext {order: 4;}

div#Adownload {order: 5;}

.selectAudio {position: absolute;
    top: 75px;
    width: 300px;}


}
@media screen and (max-width:500px) {
  .tenchualogo {
    font-size:17px;
  }
  figure.headerLeftLogo a img{
    width: 60px;
    height: 60px;
  }
  i.iconTotdepGo {width: 24px;
    height: 93px;
    background-position: -180px -91px;background-size: 500px;}

.chuongmo.gomomb {margin-right: 5px;}
  @keyframes go {
  0% {
    opacity: 1;


  }
  25% {
    opacity: 1;
    transform: translate(0, -42px);
  }
 50% {
    opacity: 1;
    transform: translate(0px, -42px) rotate(-100deg);

  }
  75% {
    opacity: 1;
    transform: translate(0, -42px) rotate(0deg);


  }
   100% {
    opacity: 0;
    transform: translate(0);

  }

}
@keyframes chuongmb {
  0% {
    opacity: 1;
    transform:rotate(0)  translate(0);

  }
  25% {
    opacity: 1;
    /* transform: rotate(230deg) translate(55px,28px); */

    transform: rotate(-142deg) translate(40px ,49px);

  }
 50% {
    opacity: 1;
    /* transform: rotate(230deg) translate(10px,28px); */
    transform: rotate(-142deg) translate(18px ,49px);

  }
  75% {
    opacity: 1;
    /* transform: rotate(230deg) translate(55px,28px); */
    transform: rotate(-142deg) translate(40px ,49px);


  }
   100% {
    opacity: 0;
    transform:rotate(0)  translate(0);

  }

}
i.iconTotdepGoChuong {position: relative;
  width: 18px;
  height: 116px;
  background-position: -184px -200px;
  top: -20px;background-size: 500px;}
  .viengchuabgTitle h3 {
    font-size: 24px;
}
i.iconTotdepMo {background-size: 500px;width: 76px;
  height: 100px;background-position: -80px -88px;}

.viengchuagomo {top: -103px;}

i.iconTotdepLuhuong {background-size: 500px;width: 75px;
  height: 70px;;background-position: -91px -418px;}

.luhuongthapnhang {left: 37%;top: -75px;}

.nhang {left: 25px;top: -103px;}

.khoa.active {top: -216px;
  left: -31px;}
  i.iconTotdepChuong {background-size: 500px;
    width: 87px;
    height: 82px;
    background-position: -80px -240px;}

.viengchuagochuong {top: -86px;}
}
@media screen and (max-width:378px) {
  .viengchuabgTitle h3 {
    font-size: 20px;
}

}
@media screen and (min-width:1024px) {
  ul.chuavnViengchuaTitle li {
    background-size: inherit;
}
.selectAudio{
  top: 50px;
}
}
    /* end vieng chua  */


    /* vieng chua page thuong  */
    .bgpageThongTinNoiDung {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;align-content: center;z-index: 1;}
    .defaultLR:before {
      content: "";
      background-color: #000;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.3;
  }
.bgpageThongTin {display: flex;align-items: center;justify-content: center;}
.leftpageD img{max-width:100%}
.bgpageThongTinNoiDung h1 {color: #fff;}
.bgpageThongTinNoiDung ol.breadcrumb a {color: #bdbdbd;text-decoration: none;}
.bgpageThongTinNoiDung ol.breadcrumb {color: #fff;}
.bgpageThongTinNoiDung nav{
display: none;
}
.siderbarChuDeTimHieu,.sidebarTheoDoi {padding: 20px;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 0 6px 2px #ccc;}


.sidebarDefauft h3 {font-size: 22px;font-family: 'roboto';font-weight: bold;}

.sidebarDefauft h3:after {content: "";border-bottom: 4px solid #be6f19;display: block;width: 50px;padding-top: 5px;}

.sidebarDefauft  ul {padding: 0;margin: 0;list-style-type: none;margin-top: 15px;}

.sidebarDefauft ul a {text-decoration: none;color: #000;display: block;transition: 0.3s all;}

.sidebarDefauft ul a:hover {color: #bc6910;}

.sidebarDefauft ul li {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}

.sidebarDefauft ul li:last-child {border-bottom: 0;}
i.iconTotdepQT {width: 30px;
  height: 50px;
  background-position: -279px -790px;}

i.iconTotdepCS {width: 34px;
  height: 50px;
  background-position: -278px -839px;}


i.iconTotdepFB {width: 29px;
  height: 50px;
  background-position: -342px -800px;}

.sidebarTheoDoi .sidebarList{display: flex;align-items: center;justify-content: space-between;}
.sidebarTheoDoi .sidebarList a {text-decoration: none;text-align: center;color: #000;     font-size: 14px;}
i.iconTotdepCSFB {width: 42px;
  height: 44px;
  background-position: -171px -165px;background-size: 370px;}

i.iconTotdepCSTW {width: 42px;
  height: 44px;
  background-position: -171px -276px;
  background-size: 370px;}

 .listCS {display: flex;align-items: center;background-color: #efefef;padding: 10px;position: absolute;top: 20px;right: 0;transition: 0.3s all;transform: translateY(20px);visibility: hidden; }

 ._1khoatuLCSCS.active .listCS {visibility: visible;}

 ._1khoatuLCSCS {cursor: pointer;}
a.xemthemkhoahoc {color: #7b7b7b;font-size: 14px;text-decoration: none;margin-top: 10px;}
.danhsachthoikhoahoc .hhomeTinTucIconTop {position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  text-align: center;}

.danhsachthoikhoahoc {position: relative;padding: 60px 0;background-color: #fff6f7;}
.listCS > * {margin-right: 19px;}

.listCS > *:last-child {margin-right: 0;}

.sidebarCS {position: relative;transition: 0.3s all;}

.sidebarCS.active .listCS {  visibility: visible;}
h3.h3inpage {font-size: 36px;color: #383838;}
h2.h3inpage {font-family: merriweatherb;}


._1khoatu {padding: 15px 0;background-color: #fff6f7;display: block;text-decoration: none;border-radius: 15px;position: relative;}

._1khoatuheaderSub {color: #b6864a;font-family: 'roboto';}

._1khoatuheader h3 {color: #383838;font-size: 24px;}

._1khoatufooter {padding: 15px;}

._1khoatuheader {padding: 15px;}

._1khoatufooterDes {color: #7b7b7b;text-align: justify;margin-bottom: 10px;}

._1khoatufootermeta {display: flex;justify-content: space-between;align-items: center;}

._1khoatufootermetaDate {color: #7b7b7b;}
._1khoatu a {text-decoration: none;}
._1khoatufootermetaTKB a {background: linear-gradient(90deg, #9e6d2e 0%,#dba865 100%);color: #fff;padding: 7px 20px;border-radius: 17px;}

._1khoatu:after {content: "";display: block;position: absolute;bottom: 0;width: 80%;height: 3px;margin: auto;background-color: #a37232;left: 0;right: 0;}

i.iconTotdepTim {width: 26px;
  height: 26px;
  background-position: -281px -808px;}

i.iconTotdepCSNho {width: 35px;
  height: 35px;
  background-position: -278px -849px;}

._1khoatuLCS {display: flex;justify-content: end;align-items: center;position: absolute;bottom: -15px;right: 0;z-index: 2;}

._1khoatuLCS > * {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;margin-right: 10px;cursor: pointer;}

._1khoatu figure {position: relative;}
._1khoatuLCSL.active i.iconTotdepTim {width: 35px;
  height: 35px;
  background-position: -336px -849px;}
 ._1divkhoatu{
   position: relative;
 }
 /* ._1divkhoatu .listCS {left: auto;right: 10px;}
 ._1divkhoatu .listCS.active { right: 10px;visibility: visible;} */
 .noidungtangnidoan img{
   max-width: 100%;

 }
 ul.ListCauHoiThuonggap {
  list-style-type: none;
  padding: 0;}
 li._1bocauhoi.active {border-left: 5px solid #bc6910;border-radius: 0 15px 15px 0;}

 li._1bocauhoi.active i.iconTotdepCong {background-position: -378px -59px;}
h3._1bocauhoihoi {    font-size: 17px;
  font-weight: bold;
  margin-bottom: 0;
  display: flex;
  align-items: self-start;
  cursor: pointer;
  align-items: start;
  position: relative;
}
h3._1bocauhoihoi .iconTotdep {
  position: absolute;
  right: 0;
  top: 0;
}
._1bocauhoitraloi {    font-size: 15px;
  color: #383838;
  height: 0;
  margin: 0;
  transition: 0.1s all;
  visibility: hidden;
  opacity: 0;
}
  i.iconTotdepCong {width: 25px;
    height: 25px;
    background-position: -377px -15px;}

li._1bocauhoi.active  ._1bocauhoitraloi {    height: auto;
  visibility: visible;
  margin-top: 20px;
  transition: 0.3s all;
  opacity: 1;}
li._1bocauhoi {border: 1px solid #ccc;padding: 15px 25px;border-radius: 15px;box-shadow: 0px 0px 10px 5px #ccc;  margin-bottom: 30px; }


 .Lienhecauhoi {color: #9c6824;position: fixed;
  top: 15px;
  left: 10px;width: 300px;border: 1px solid #ccc;padding: 10px;background-color: #fffcdb;/* height: 0; */display: none;}

.Lienhecauhoi h3, .Lienhecauhoi > *,.Lienhecauhoi a {color: #9c6824;}

.cauhoithuonggapAll {position: relative;}
._1timhieu {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  justify-content: center;
}


._1timhieu ._1timhieunoidung h3 {
  font-size: 24px;
  text-align: center;
}

._1timhieunoidungdes {
  color: #7b7b7b;
  font-family: roboto;
  line-height: 1.2;
}




._1timhieunoidungXemthem a {
  text-decoration: none;
  padding: 5px 15px;
  border: 1px solid;
  font-size: 14px;
  color: #b98036;
  border-radius: 10px;
}
._1timhieu figure {
  margin: 0;
}
._1timhieu ._1timhieunoidung h3 {
padding-top: 10px;
}
._1timhieu ._1timhieunoidung {
  position: relative;
}
._1timhieunoidungXemthem {
 padding-top: 10px;
}
._1timhieu:last-child {
    border-bottom: 0;
}

@media screen and (max-wdith:1310px){


  .Lienhecauhoi {
    display: none !important;
  }
}
@media screen and (min-width:1200px) {

  ._1timhieu {
    justify-content: space-between;
  }


._1timhieu ._1timhieunoidung h3 {
  text-align: left;

}
  ._1timhieu figure {
    width: 25%;
  }

  ._1timhieu ._1timhieunoidung {
    width:72%;
  }
  ._1timhieunoidungXemthem {
  position: absolute;
  bottom: 0;
  padding-top: 0;
}
}
    /* end vieng chua page thuong  */

    /* le xuat gia   */
    .pageTabsList ul {
      list-style-type: none;
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0;
      justify-content: center;
  }

  .pageTabsList ul li a {
      text-decoration: none;
      padding: 5px 15px;
      color: #000;
      display: block;
  }

  .pageTabsList {
      background-color: #fff;
      max-width: 800px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #ccc;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0px 0px 10px 3px #ccc;
      position: absolute;
      z-index: 1;
      bottom: -40px;
  }

  .pageTabsList ul li a:hover,.pageTabsList ul li a.active {
      color: #b98036;
  }

  .pageTabsList ul li a:hover:after {
      content: "";
      display: block;
      height: 2px;
      width: 65%;
      margin: auto;
      background-color: #bc6910;
      margin-top: 5px;
  }

  .pageTabsList ul li a:after {
      content: "";
      margin-top: 5px;
      display: block;
      transition: 0.3s all;
  }
  .chuongtrinhbuoile {
    background-color: #fffeef;
    padding: 50px 0;
    position: relative;
}
.phatsau {
  position: absolute;
  z-index: 1;
}
.phattruoc {
  position: absolute;
  z-index: 1;
}

.noidungctbuoile {
  position: relative;
  padding-top: 205px;
}

.noidungctbuoile figure{
  position: relative;
}
._1quytrinhxuatgia h3 {
  color: #b07931;
  font-size: 16px;
  margin: 0;
}
i.iconTotdepVitri {
  width: 34px;
  height: 36px;
  background-position: -373px -170px;
}
@media screen and (max-width:767px) {
  .noidungctbuoile {
    position: relative;
    padding-top: 50px;
}
  .imgMB,.phattruoc,.phatsau {
    display: none;
  }
  ._1quytrinhxuatgia {
  position: relative !important;

    cursor: pointer;
    border: 1px solid #9a6b2e;
    margin-bottom: 10px;
    padding: 5px;
}
}
        /* icon tren day  */
        ._1quytrinhxuatgia {
          position: absolute;
          text-align: center;
          display: flex;
          flex-direction: column;
          cursor: pointer;
      }


    ._1quytrinhxuatgiaNoidung {
      position: fixed;
      max-width: 800px;
      background-color: #fff;

      padding: 0 20px 20px;
      top: 100px;
      z-index: 999;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: 0 0 5px 1px #ccc;
      height: 400px;
      overflow: auto;
      left: 0;
      right: 0;
      margin: auto;
  }
  .hidequytrinh {
    text-align: right;
    position: sticky;
    top: 0;
    color: red;
    background-color: #fff;
}
  ._1quytrinhxuatgiaNoidung p {
      margin-bottom: 0;
      text-align: left;
  }
  ._1quytrinhxuatgiaNoidung h3 br {
    display: none;
}
div#lexuatgiaBody {
  overflow: hidden;
}
.imgPC{
  display: none;
}
@media screen and (max-width:666px){
  .pageTabsList{
    padding: 20px 10px;
  }
  .pageTabsList ul li a {

    font-size: 14px;
    padding: 5px 5px;
}
}
@media screen and  (min-width: 768px) and (max-width:991px) {
  .phattruoc img, .phatsau img {
    width: 60%;
  }
  #lexuatgiaBody #chuong-trinh .container{
    width: 100%;
  }


.quytrinhso0 {
    top: -23px;
    position: absolute;
    left: 103px;
}

._1quytrinhxuatgia h3 {
    font-size: 14px;
}

.quytrinhso1 {
    top: 39px;
    position: absolute;
    left: 38px;
    flex-direction: row;
    align-items: center;
}

.quytrinhso1 h3 {
    margin-right: 5px;
}

.quytrinhso2 {
    top: 90px;
    position: absolute;
    left: -34px;
    flex-direction: row;
    align-items: center;
}

.quytrinhso3 {
    top: 152px;
    position: absolute;
    left: 11px;
    flex-direction: row;
    align-items: center;
}

.quytrinhso4 {
    top: 182px;
    position: absolute;
    left: 61px;
    flex-direction: column-reverse;
}

.quytrinhso5 {
    top: 161px;
    position: absolute;
    left: 166px;
}

.quytrinhso6 {
    top: 171px;
    position: absolute;
    left: 317px;
}

.quytrinhso7 {
    top: 240px;
    position: absolute;
    left: 431px;
    flex-direction: row-reverse;
    align-items: center;
}

.quytrinhso8 {
    top: 312px;
    position: absolute;
    left: 417px;
    flex-direction: row-reverse;
    align-items: center;
}

.quytrinhso9 {
    top: 374px;
    position: absolute;
    left: 345px;
    flex-direction: row-reverse;
    align-items: center;
}

.quytrinhso10 {
    top: 441px;
    position: absolute;
    left: 247px;
    flex-direction: row-reverse;
    align-items: center;
}

.quytrinhso11 {
    top: 518px;
    position: absolute;
    left: 233px;
    flex-direction: row-reverse;
    align-items: center;
}

.quytrinhso12 {
    top: 592px;
    position: absolute;
    left: 257px;
    flex-direction: row-reverse;
    align-items: center;
}

.quytrinhso13 {
    top: 658px;
    position: absolute;
    left: 236px;
    flex-direction: row;
    align-items: center;
}

.quytrinhso13 h3 {
    margin-right: 5px;
}

.quytrinhso14 {
    top: 669px;
    position: absolute;
    left: 387px;
}

.quytrinhso15 {
    top: 724px;
    position: absolute;
    left: 483px;
}
.phatsau {
  position: absolute;
  right: -112px;
  bottom: 41px;
  z-index: 1;
}
.phattruoc {
  position: absolute;
  top: 0;
  left: -62px;
  z-index: 1;
}
}

@media screen and  (min-width: 992px) and (max-width:1199px) {
  .phattruoc img, .phatsau img {
    width: 60%;
  }
  #lexuatgiaBody #chuong-trinh .container{
    width: 100%;
  }
.noidungctbuoile .imgMB {
  width: 100%;
}
.quytrinhso0 {
  top: -23px;
  position: absolute;
  left: 103px;
}

._1quytrinhxuatgia h3 {
    font-size: 14px;
}

.quytrinhso1 {
  top: 83px;
  position: absolute;
  left: 90px;
  flex-direction: row;
  align-items: center;
}

.quytrinhso1 h3 {
    margin-right: 5px;
}

.quytrinhso2 {
  top: 158px;
  position: absolute;
  left: -22px;
  flex-direction: row;
  align-items: center;
}

.quytrinhso3 {
  top: 248px;
  position: absolute;
  left: 117px;
  flex-direction: column-reverse;
  align-items: center;
}

.quytrinhso4 {
  top: 228px;
  position: absolute;
  left: 219px;
}

.quytrinhso5 {
  top: 238px;
  position: absolute;
  left: 399px;
}

.quytrinhso6 {
  top: 312px;
  position: absolute;
  left: 575px;
  flex-direction: row-reverse;
  align-items: center;
}

.quytrinhso7 {
  top: 421px;
  position: absolute;
  left: 565px;
  flex-direction: row-reverse;
  align-items: center;
}

.quytrinhso8 {
  top: 505px;
  position: absolute;
  left: 317px;
  flex-direction: row;
  align-items: center;
}

.quytrinhso9 {
  top: 596px;
  position: absolute;
  left: 348px;
  flex-direction: row-reverse;
  align-items: center;
}
.quytrinhso10 {
  top: 681px;
  position: absolute;
  left: 320px;
  flex-direction: row-reverse;
  align-items: center;
}
.quytrinhso11 {
  top: 794px;
  position: absolute;
  left: 348px;
  flex-direction: row-reverse;
  align-items: center;
}
.quytrinhso12 {
  top: 878px;
  position: absolute;
  left: 298px;
  flex-direction: row;
  align-items: center;
}
.quytrinhso13 {
  top: 942px;
  position: absolute;
  left: 474px;
  flex-direction: column-reverse;
  align-items: center;
}

.quytrinhso13 h3 {
    margin-right: 5px;
}

.quytrinhso14 {
  top: 949px;
  position: absolute;
  left: 622px;
}
.quytrinhso15 {
  top: 993px;
  position: absolute;
  left: 732px;
}
.phatsau {
  position: absolute;
  right: -112px;
  bottom: 41px;
  z-index: 1;
}
.phattruoc {
  position: absolute;
  top: 0;
  left: -62px;
  z-index: 1;
}
}
@media screen and (min-width:1200px) {
 .imgPC{
   display: block;
 }
 .imgMB{
  display: none;
}
.phattruoc {
  top: 38px;
  left: -62px;
}


.phatsau {

  right: -75px;
  bottom: -63px;
}
.phattruoc img, .phatsau img {
  width: 80%;
}
.quytrinhso0 {
  top: -34px;
  text-align: center;
  left: 63px;
}
.quytrinhso1 {
  top: -24px;
  left: 220px;
}
.quytrinhso2 {
  top: 55px;
  left: 64px;
  order: 2;
  flex-direction: column-reverse;
}
.quytrinhso3 {
  top: 48px;
  left: 241px;
}
.quytrinhso4 {
  top: 26px;
  left: 331px;
}
.quytrinhso5 {
  top: 44px;
  left: 519px;
}
.quytrinhso6 {
  top: 67px;
  left: 670px;
}
.quytrinhso7 {
  top: 124px;
  left: 576px;
  flex-direction: column-reverse;
}
.quytrinhso8 {
  top: 110px;
  left: 416px;
}
.quytrinhso9 {
  top: 160px;
  left: 328px;
}
.quytrinhso10 {
  top: 234px;
  left: 379px;
  flex-direction: column-reverse;
}
.quytrinhso11 {
  top: 237px;
  left: 507px;
}
.quytrinhso12 {
    top: 271px;
    left: 599px;
    flex-direction: column-reverse;
}
.quytrinhso13 {
    top: 250px;
    left: 735px;
}
.quytrinhso14 {
    top: 282px;
    left: 827px;
    flex-direction: column-reverse;
}
.quytrinhso15 {
    top: 276px;
    left: 908px;
}
}
@media screen and (min-width:1400px) {
  .quytrinhso0 {
    top: -34px;
    text-align: center;
    left: 98px;
}

.quytrinhso1 {
    top: -24px;
    left: 263px;
}

.quytrinhso2 {
    top: 61px;
    left: 85px;
    order: 2;
    flex-direction: column-reverse;
}

.quytrinhso3 {top: 59px;left: 280px;}

.quytrinhso4 {
    top: 41px;
    left: 369px;
}
.quytrinhso5 {
  top: 58px;
  left: 573px;
}

.quytrinhso6 {
  top: 67px;
  left: 750px;
}

.quytrinhso7 {
  top: 149px;
  left: 710px;
  flex-direction: column-reverse;
}

.quytrinhso8 {
  top: 132px;
  left: 533px;
}

.quytrinhso9 {
  top: 183px;
  left: 404px;
}

.quytrinhso10 {
  top: 271px;
  left: 441px;
  flex-direction: column-reverse;
}

.quytrinhso11 {
  top: 290px;
  left: 602px;
}

.quytrinhso12 {
  top: 322px;
  left: 727px;
  flex-direction: column-reverse;
}

.quytrinhso13 {
  top: 291px;
  left: 865px;
}

.quytrinhso10 h3 {
  margin-top: 5px;
}

.quytrinhso14 {
  top: 338px;
  left: 976px;
  flex-direction: column-reverse;
}

.quytrinhso15 {
  top: 325px;
  left: 1087px;
}
  .quytrinhso15 {
    top: 325px;
    left: 1071px;
}


.phattruoc {
  left: -55px;
}
}
        /* end icon tren day  */
    /* end le xuat gia  */

    /* tang ni doan  */
    ._1nguoitangnidoan {
      width: 200px;
      text-align: center;
      background-color: #fff6f7;
  }

  ._1nguoitangnidoan h3 {
    font-size: 16px;
    font-family: 'roboto';
    font-weight: bold;
    margin-bottom: 5px;
}

  ._1nguoitangnidoan label {
      color: #696969;
  }

  .danhsachtangnidoan {display: flex;align-items: center;justify-content: center;}

  ._1nguoitangnidoan figure img {
      width: 100%;
  }
  .danhsachthanhvientangnidoan ._1nguoitangnidoan{
    width: inherit;
  }
  .owl-tangnidoan button ,.owl-hinhanhlexuatgia button{
    position: absolute;
    top: 85px;
    background-color: #fff !important;
    padding: 5px 10px !important;
}

.owl-tangnidoan button.owl-prev,.owl-hinhanhlexuatgia button.owl-prev {
    left: 0;
}

.owl-tangnidoan button span ,.owl-hinhanhlexuatgia button span{
    font-size: 29px;
}

.owl-tangnidoan button.owl-next,.owl-hinhanhlexuatgia button.owl-next  {
    right: 0;
}
._1nguoitangnidoan a {
  color: #000;
  text-decoration: none;
}
    /* end tang ni doan  */
    /* sam hoi  */
    .bgxamhoi {
      height: 130px;
      width: 100%;
      background-color: #fffeef;
  }

  .thongbaolichxamhoi {
      display: flex;
      align-items: center;
      position: absolute;
      top: -25px;
      left: 0;
      right: 0;
      justify-content: center;
  }

  .thongbaolichxamhoi figure {
      margin-bottom: 0;
      margin-right: 15px;
  }

  .noidungthongbaolich h3 {
      color: #b98036;
      font-family: 'roboto';
      font-size: 22px;
  }

  .desnoidungthongbaolich {
      font-size: 16px;
      font-family: 'roboto';
  }
  .nghithucsamhoi {
    position: relative;
    background-color: #fffeef;
}

.nghithucsamhoi .hhomeTinTucIconTop {
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    text-align: center;
}
    /* end sam hoi  */


    /* quy y  */
    .owl-lichquyy a {
      color: #000;
      text-decoration: none;
      background-color: #fffeef;
      padding: 0 50px;
      position: relative;
     display: block;
  }
  .owl-lichquyy .item {
    background-color: #fffeef;
    margin-top: 30px;
    margin-bottom: 30px;
}

.owl-lichquyy img {
    width: auto !important;
    margin: auto;
    position: relative;
}

.owl-lichquyy {
    margin-top: 20px;
    margin-bottom: 50px;
}
.owl-lichquyy a figure {
  position: relative;
  top: -30px;
  margin-bottom: 0;
}
.noidungLichquyy {
  position: relative;
  padding: 20px;
  padding-bottom: 60px;
}

.noidungLichquyy h3 {
  font-size: 22px;
  color: #b98036;
  font-weight: bold;
}
.owl-lichquyy button.owl-dot {
  margin-top: 20px;
}

#lequyyBody button.owl-dot.active span,#lequyyBody button.owl-dot:hover span {
  background: #b98036 !important;
}
.noidungline1 {
  color: #535250;
  font-family: 'roboto';
  line-height: 1.2;
  font-size: 14px;
  margin-bottom: 15px;
}
i.iconTotdepDiachiJ {
  width: 25px;
  height: 20px;
  background-position: -378px -249px;
}

i.iconTotdepThoiGian {
  width: 25px;
  height: 23px;
  background-position: -378px -302px;
}

.noidungline2,.noidungline3 {
  display: flex;
  /* justify-content: space-between; */
  width: 100%;
  margin-bottom: 15px;
}
.noidungline2 .iconTotdep, .noidungline3 .iconTotdep {
  margin-right: 10px;
}
.buttondangkyquyy {
  background: linear-gradient(90deg, #d59544 0%, #d5a970 100%);
  padding: 13px 40px;
  border-radius: 20px;
  display: block;
  position: absolute;
  bottom: 15px;
  width: 200px;
  left: 0;
  right: 0;
  margin: auto;  
  text-align: center;
  cursor: pointer;
  color: #fff;
}

/* quy trinh   */
#lequyyBody ._1quytrinhxuatgia {
  width: 180px;
  text-align: left;
  font-size: 14px;
}

#lequyyBody .quytrinhso0 {
  top: -83px;
  left: 104px;
}
#lequyyBody  .quytrinhso1 {
  top: 56px;
  left: 152px;
  width: 120px;
}

#lequyyBody .quytrinhso1 .iconTotdep {
  order: 1;
}

#lequyyBody .quytrinhso1 h3 {
  order: 2;
}

#lequyyBody .quytrinhso1 .noidungquytrinh {
  order: 3;
}
#lequyyBody .quytrinhso2 {
  top: 15px;
  left: 470px;
  flex-direction: column;
}
#lequyyBody .quytrinhso3 {
  top: 39px;
  left: 813px;
  width: 200px;
}
#lequyyBody .quytrinhso4 {
  top: 226px;
  left: 284px;
  width: 200px;
  /* flex-wrap: wrap; */
}

#lequyyBody .quytrinhso4 .iconTotdep {
  position: absolute;
  right: 0;
}

#lequyyBody .quytrinhso4 h3 {
  width: 100%;
}

#lequyyBody .quytrinhso4 .noidungquytrinh {padding-right: 35px;}
#lequyyBody .quytrinhso5 {
  top: 253px;
  left: 730px;
}

#lequyyBody
.quytrinhso6 {
  top: 299px;
  left: 1029px;
  text-align: right;
}
@media screen and (max-width:1399px) {
 

  #lequyyBody .quytrinhso2{
    top: 1px;
    left: 470px;
    flex-direction: column;
  }
  #lequyyBody .quytrinhso6 {
    top: 254px;
    left: 866px;
    text-align: right;
}
#lequyyBody .quytrinhso3 {
  top: 31px;
  left: 696px;
  width: 200px;
}
#lequyyBody .quytrinhso4 {
  top: 196px;
  left: 216px;
  width: 200px;
}
#lequyyBody .quytrinhso5 {
  top: 206px;
  left: 614px;
}
#lequyyBody .quytrinhso6 {
  top: 254px;
  left: 866px;
  text-align: right;
}
}
@media screen and (max-width:1199px) {
  #lequyyBody .quytrinhso1 {
    flex-direction: column;
    padding-left: 40px;
    width: 240px;
    top: 220px;
    left: 111px;
    align-items: self-start;
  }

#lequyyBody .quytrinhso2 {
  top: 195px;
  left: 365px;
}


#lequyyBody .quytrinhso1 .iconTotdep {
  position: absolute;
  left: 0;
}
#lequyyBody .quytrinhso3 {
  top: 410px;
  left: 400px;
  width: 200px;
  flex-direction: column;
  padding-right: 40px;
}
#lequyyBody .quytrinhso3 .iconTotdep {
  position: absolute;
  right: 0;
}
#lequyyBody .quytrinhso4 {
  top: 631px;
  left: 158px;
  width: 200px;
}

#lequyyBody .quytrinhso5 {
  top: 823px;
  left: 425px;
}

#lequyyBody .quytrinhso6 {
  top: 989px;
  left: 695px;
  text-align: left;
  flex-direction: column;
  align-items: self-end;
}
}
@media screen and (max-width:991px) {
  .headerRightTop{
    display: none;
  }
  #lequyyBody .quytrinhso1 {
    top: 155px;
    left: 84px;
}

#lequyyBody .quytrinhso2 {
    top: 146px;
    left: 337px;
}

#lequyyBody .quytrinhso3 {
    top: 345px;
    left: 191px;
}

#lequyyBody .quytrinhso4 {
    top: 479px;
    left: 70px;
    flex-direction: column;
}

#lequyyBody .quytrinhso5 {
    top: 604px;
    left: 331px;
}

#lequyyBody .quytrinhso6 {
    top: 716px;
    left: 459px;
}
}
@media screen and (max-width:767px) {
  #lequyyBody ._1quytrinhxuatgia {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 2px 15px;
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#lequyyBody ._1quytrinhxuatgia .iconTotdep {
    position: inherit;
    order: 3;
}
}
/* end quy trình   */

/* nghi thuc   */
div#nghi-thuc {
  padding-top: 40px;
  position: relative;
}
ul.listNghithucquyy {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.listNghithucquyy li {
    display: flex;
    align-items: center;
    color: #b98036;
    border: 1px solid;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}

ul.listNghithucquyy li span.listNghithucquyyNumber {
    font-size: 30px;
    font-weight: bold;
    width: 40px;
    text-align: center;
    margin-right: 10px;
}

ul.listNghithucquyy li span.listNghithucquyyTitle {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'roboto';
    font-weight: bold;
}

ul.listNghithucquyy li.active .listNghithucquyyNumber {
    background-color: #b98036;
    color: #fff;
    border-radius: 0 11px 11px 0;
    display: block;
    height: 100%;
}

.noidungnghithuc p {
    margin-bottom: 2px;
}
.noidungnghithuc {
  background-color: #fffeef;
  overflow-y: scroll;
}
.noidungnghithuc .box-noidungnt {

  padding: 20px 40px;
}
.nghithucquyyMB .box-noidungnt {
  background-color: #fffeef;
  padding: 15px;
  margin-bottom: 15px;
}
/* end nghi thuc  */
/* van dap  */
div#van-dap {
  background-color: #fffeef;
  margin-top: 50px;
  padding-top: 30px;
  position: relative;
  padding-bottom: 60px;
}
.noidungvandap h3 {
  font-size: 16px;
}

.owl-vandap a {
  text-decoration: none;
  color: #000;
}
div#cau-hoi-thuong-gap {
  position: relative;
  padding-top: 30px;
  /* margin-top: 50px; */
}
/* end van dap  */
/* cau hoi  */
ul.listcauhoiquyy {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ul.listcauhoiquyy li {
  border: 1px solid #000;
  margin-bottom: 10px;
  padding: 10px;
  border-left: 6px solid #000;
  cursor: pointer;
}

ul.listcauhoiquyy li.active {
  border-left: 6px solid #b98036;
  box-shadow: 0 4px 7px 1px #ccc;
}

.noidungcauhoi {
  overflow-y: auto;
  background-color: #fffeef;
  position: relative;
}
.listcauhoiquyyMB .box-noidungtl {
  background-color: #fffeef;
  margin-bottom: 15px;
}
.box-noidungtl{
  padding: 30px;
}
.noidungcauhoi img {
  bottom: 0;
  right: 0;
  opacity: 0.4;
  float: right;
}
/* end cau hoi  */
.owl-camnghiquyy .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.owl-camnghiquyy .item figure {
  margin-bottom: 0;
  width: 27%;
}

.noidungcamnghivathongtin {
  width: 70%;
}

.noidungcamnghi {
  font-size: 14px;
}

h3.thongtincamnghiten {
  color: #a27631;
  font-size: 16px;
  margin-top: 10px;
}
div#cam-nghi {
  padding: 50px 0;
  background-color: #fffeef;
}
.thongtincamnghingay,.thongtincamnghipd {
  color: #767676;
  font-family: 'roboto';
}
.noidungchuongtrinh {
  overflow: hidden;
}
@media screen and (max-width:991px){
  .owl-camnghiquyy .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.owl-camnghiquyy .item figure {
  margin-bottom: 0;
  width: 150px;

  margin: auto;
}
.noidungcamnghivathongtin {
  width: 100%;
  margin: auto;
}
}

/* dang ky  */
.formdangkyquyy h3 {
  font-size: 24px;
  font-weight: bold;
}
.formdangkyquyy {
  display: none;
  position: fixed;
  max-width: 800px;
  background-color: #fff;
  margin: auto;
  top: 60px;
  left: 0;
  right: 0;
  border-radius: 10px;
  z-index: 1000;
  box-shadow: 0 0 2px 1px #ccc;
  overflow-y: auto;
  min-height: 600px;
  height: 700px;
  padding-bottom: 50px;
}
.formdangkyquyy::-webkit-scrollbar {
  width: 2px;
}
.formdangkyquyy::-webkit-scrollbar {
  width: 5px;
  background-color: #ffd503;
}
.formdangkyquyy::-webkit-scrollbar-thumb {
  background-color: #ffd503;
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
}
.formdangkyquyy::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  background-color: #fff6a8;
}
.removeformdangkyquyy {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.headerFormdkquyy {
  background-image: url(/images/quyy/dkquyy.jpg);
  background-position: center center;
  text-align: center;
  border-radius: 10px;
}

#formquyy .form-control {
  padding: 1px 0.75rem;
}
.headerFormdkquyy img {
  width: 150px;
  padding-top: 25px;
  padding-bottom: 10px;
}
#formquyy .select2 {
  width: 100% !important;
}
.overplayquyy{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000;
  opacity: 0.7;
  z-index: 999;
}
.hoangthanhdangkyquyy h3 {
    color: #74c500;
    margin-top: 10px;
    font-family: 'roboto';
}

.hoangthanhnoidungdkquyy {
    border: 1px solid #ccc;
    max-width: 435px;
    margin: auto;
    margin-bottom: 15px;
    box-shadow: 1px 1px 4px 1px #ccc;
    border-radius: 10px;
}

.hoangthanhnoidungdkquyy ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 5px 15px;
    /* margin-bottom: 15px; */
}

.hoangthanhnoidungdkquyy ul li {
    display: flex;
    justify-content: space-between;
}

.buttonhoanthanh {
    text-align: center;
}

.buttonhoanthanh button.hoanthanhdangkyqy {
    background-color: #74c500;
    border: 1px solid #ccc;
    padding: 5px 25px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin-right: 10px;
    color: #fff;
}

button.tieptucdangkyquyy {
    background-color: #fff;
    border: 0;
    padding: 5px 25px;
    border-radius: 10px;
    border: 1px solid #b98036;
    color: #b98036;
    box-shadow: 1px 1px 1px 1px #ccc;
}
@media screen and (max-width:991px) {
  .formdangkyquyy {
    /* display: none; */
    height: 600px;
    top: 10px;
  }
}

/* end dang ky  */
    /* end quy y  */

    /* phap bao  */
    .phap-bao-widget{
      border: 1px solid #d0d0d0;
      border-radius: 4px;
  }
  .phap-bao-widget_title{
      color: #b98036;
  }
  .phap-bao-widget ul li{
      margin-bottom: 8px;
  }
  .phap-bao-widget ul li a,
  .phap-bao-widget ul li .form-check{
      color: #6a6a6a;
  }
  .phap-bao-widget ul li:hover a{
      color: #b98036;
      text-decoration: underline !important;
  }
  .phap-bao-widget .form-check-input:checked {
      background-color: #b97f36;
      border-color: #b97f36;
  }
  .phap-bao-select{
      width: 200px;
      height: 30px;
      padding-left: 10px;
      font-size: 14px;
  }
  .phap-bao-ordering{
      font-size: 14px;
      color: #6a6a6a;
  } 
  .phapbao-post-list .post-item{
      border: 1px solid #d0d0d0;
      border-right: none;
      padding: 10px !important;
  }
  .phapbao-post-list .post-item:nth-child(n+5){
      border-top: none;
      border-right: none;
  }
  .phapbao-post-list .post-item .post-tag a,
  .phapbao-recently-product .post-item .post-tag a{
      color: #b98036;
      font-size: 14px;
      margin-right: 6px;
      text-decoration: none;
  }
  .phapbao-post-list .post-item .phapbap-title,
  .phapbao-recently-product .post-item .phapbap-title{
      color: #383838;
      text-decoration: none;
      font-size: 16px;
  }
  .phapbao-post-list .post-item .phapbao-author,
  .phapbao-recently-product .post-item .phapbao-author{
      color: #adadad;
  }
  .phapbao-post-list .post-item .entry-image-attachment img,
  .phapbao-recently-product .post-item .entry-image-attachment img{
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .phapbap-s2{
      background-color: #fff6f7;
  }
  .phapbap-s2 .icon-lotus{
      top: -28px;
  }
  @media only screen and (max-width: 48em){
      .phapbao-post-list{
          margin: 0px;
      }
  }

  .phapbao-color-secondary{
    color: #820217 !important;
}

@media only screen and (min-width: 48em){
    .w-80{
        width: 80% !important;
    }
}
.text-bd-s{
    border-left: 1px solid #b98036;
    font-size: 14px;
    padding-left: 4px;
}
.phapbao-owl-carousel .owl-dots{
    margin-top: 30px !important;
}
.phapbao-owl-carousel .owl-dot.active span,
.phapbao-owl-carousel .owl-dot:hover span{
    background-color: #b98036 !important;
}
 
.btn-gradient{
    background: linear-gradient(180deg, rgba(200,136,52,1) 0%, rgba(151,105,45,1) 100%);
}
 
.phapbao-widget{
    border: 1px solid #d0d0d0;
    border-radius: 4px;
}
.phapbao-widget_title{
    color: #b98036;
}
.phapbao-widget ul li{
    margin-bottom: 8px;
}
.phapbao-widget ul li a,
.phapbao-widget ul li .form-check{
    color: #000;
    position: relative;
}
.phapbao-widget ul li a{
    display: inline-block;
    text-decoration: none;
}
.phapbao-widget ul li a:after{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #b98036;
    transition: width .3s;
}
.phapbao-widget ul li a:hover:after,
.phapbao-widget ul li.active a:after{
    width: 100%;
}
.phapbao-widget ul li.active a,
.phapbao-widget ul li a:hover{
    color: #b98036;
}
.phapbao-widget .form-check-input:checked {
    background-color: #b97f36;
    border-color: #b97f36;
}
.phapbao-widget .form-check-input:focus{
    box-shadow: none;
}
.phapbao-block-post .block-post-title img{
    width: 40px;
}
.phapbao-block-post .block-read-more a{
    color: #7d7d7d;
    text-decoration: none;
    font-size: 14px;
}
.phapbao-block-post .block-read-more:hover a{
    text-decoration: underline;
}
.phapbao-block-post .block-post-title{
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 14px;
}
.phapbao-block-post .post-tag a,
.phapbao-recently-post .post-tag a{
    color: #b98036;
    font-size: 14px;
    margin-right: 6px;
    text-decoration: none;
}
.phapbao-block-post .phapbap-title,
.phapbao-recently-post .phapbap-title{
    color: #383838;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
    overflow: hidden;
}
.phapbao-block-post .phapbao-author,
.phapbao-recently-post .phapbao-author{
    color: #adadad;
}
.phapbao-block-post .entry-image-attachment,
.phapbao-recently-post .entry-image-attachment{
    width: 100%;
}
.phapbao-block-post .entry-image-attachment img,
.phapbao-recently-post .entry-image-attachment img{
    width: 100%;
    height: 100%;
}
.phapbao-block-post .post-item .col-inner,
.phapbao-recently-post .post-item .col-inner{
    padding: 10px;
}
.phapbao-block-post .post-item:not(:last-child):after{
    content: "";
    position: absolute;
    top:0;
    right: 0;
    width: 1px;
    height: 80%;
    background: #c3c3c3;
}
.phapbao-block-post .post-vertical .text-desc{
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 100%;
    color: rgb(36,36,36);
    overflow: hidden;
    margin-bottom: 4px;
}
.btn-read-more{
    color: #b98036;
    font-size: 14px;
    text-decoration: none;
}
.phapbao-recently-icon{
    top: -28px;
}
.phapbao-recently-icon{
  top: -28px;
}
.phapbao-recently-post .post-tag a{
  color: #b98036;
  font-size: 14px;
  margin-right: 6px;
  text-decoration: none;
}
.phapbao-recently-post .phapbap-title{
  color: #383838;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  overflow: hidden;
}
.phapbao-recently-post .phapbao-author{
  color: #adadad;
}
.phapbao-breadcrumbs{
  font-size: 14px;
}
.phapbao-breadcrumbs a,
.phapbao-breadcrumbs .divider{
  color: #adadad;
  text-decoration: none;
}
.phapbao-breadcrumbs .curent-page{
  color: #b98036;
}
.phapbao-owl-carousel .owl-dots{
  margin-top: 30px !important;
}
.phapbao-owl-carousel .owl-dot.active span,
.phapbao-owl-carousel .owl-dot:hover span{
  background-color: #b98036 !important;
}
.phapbao-single-summary .post-tag a{
  color: #b98036;
  font-size: 14px;
  margin-right: 6px;
  text-decoration: none;
}
.phapbao-single-summary .compare-price{
  text-decoration: line-through;
  font-size: 18px;
  display: inline-block;
  margin-right: 3px;
  color: #7b7b7b;
}
.phapbao-single-summary .label-free{
  border-radius: 12px;
  border: 2px solid #ff4141;
  font-weight: 700;
  color: #ff4141;
  padding: 4px 14px;
}
.phapbao-single-summary .short-desc{
  height: 86px;
  overflow: hidden;
  position: relative;
  transition: height 0.25s ease-in;
}
.phapbao-single-summary .short-desc.show{
  height: 100%;
}
.phapbao-single-summary .short-desc:after{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17%, #fff 93.12%);
}
.phapbao-single-summary .short-desc.show:after{
  display: none;
}
#show-full-short-desc{
  color: #1b8bcb;
}
.phapbao-single-summary .text,
.sidebar-readmore{
  font-size: 14px;
  color: #7b7b7b;
}
.phapbao-single-summary .btn_add_cart{
  background: linear-gradient(180deg, rgba(200,136,52,1) 0%, rgba(151,105,45,1) 100%);
  border: none;
  color: #fff;
}
.phapbao-single-summary .select-format select{
  color: #7b7b7b;
}
.phapbao-single-summary .favorites img,
.phapbao-single-summary .share img,
.phapbao-single-summary .qr img{
  width: 22px;
  margin-right: 6px;
}
.phapbao-widget_single .phapbao-widget_title{
  position: relative;
  font-weight: bold;
  padding-bottom: 10px;
}
.phapbao-widget_single .phapbao-widget_title:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 30%;
  background-color: #b98036;
}
.phapbao-widget_single ul li:not(:last-child){
  border-bottom: 1px solid #adadad;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.phapbao-description .table th{
  background: #fff6f7;
}
.phapbao-comments-area .comments-header{
  border-bottom: 1px solid #adadad;
}
.phapbao-comments-area .comment-content .comment-text,
.phapbao-comments-area .comment-date{
  font-size: 14px;
  margin-top: 6px;
  color: #7b7b7b
}
.breadPB a {
  color: #adadad;
  text-decoration: none;
  font-size: 14px;
}

.breadPB .breadcrumb-item {
  font-size: 14px;
  color: #b98036;
}

.phap-bao-banner_header{
  background-image: url('/images/phapbao/phap-bao-banner-header.png');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}
/* end phap bao  */

/**
dev by PTV
 */
#menu-infor{
    padding-top: 25px;
}
#menu-infor h3{
    color: #fff !important;
    margin-bottom: 16px;
}
#menu-infor ul li{
    font-size: 14px;
    display: flex;
    font-family: roboto;
}
#menu-infor ul li .icon{
    color: #db973f;
    margin-right: 12px;
}
.responHeight thead {
  position: sticky;
  top: 0;
  background-color: #fff;
}

.responHeight .table-responsive {
  height: 375px;
  overflow-y: auto;
}

.box-chongiouutien .box {
  width: 100%;
  max-width: 400px;
  margin: 1rem auto;
  background: white;
  border: 1px solid white;
  border-radius: 3px;
  text-align: left;
}
.boxlonhienmau {
  border: 1px solid #ccc;
  padding-top: 15px;
  box-shadow: 1px 1px 1px #ccc;
  padding-bottom: 50px;
  position: relative;
  margin-bottom: 50px;
  margin-top: 50px !important;
} 
.box-title {
  text-align: center;
  font-size: 23px;
}
 .box-title small {
  font-size: 18px;
  color: #554d4d;
  font-weight: inherit;
}
.box .active-label, .box label:focus, .box label:hover, .box label:active, .box input:checked + label {
  color: #ee9013;
}
.box label {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  display: block;
  padding: 1rem 1rem 1rem 3rem;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
  whitespace: no-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  display: flex;
  justify-content: space-between;
}
.box input[type="radio"] {
  display: none;
}
.box input:checked + label:before {
  border-color: white;
  border: none;
  background: #e0758e;
}
.box label:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1rem;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0.2rem solid #ccc;
}
i.iconTotdepFacebook:hover {
  background-position: -437px -7px;
}

i.iconTotdepTiktok:hover {
  background-position: -437px -28px;
}

i.iconTotdepYoutube:hover {
  background-position: -437px -49px;
}

i.iconTotdepLink:hover {
  background-position: -437px -70px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 0px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

li.d-flex.socialMenu {
  display: flex;
  align-items: center;
  justify-content: center !important;
}

li.d-flex.socialMenu > * {
  margin: 0 10px;
}

li.d-flex.loginsingnMenu {
  /* display: flex; */
  /* justify-content: center; */
  padding-right: 10px !important;
}

li.d-flex.loginsingnMenu a {
  width: 49% !important;
  text-align: center;
  /* background-color: #fff; */
  border: 1px solid #ccc;
  text-align: center !important;
}
.hoangthanhnoidungdkquyy  ul li label:first-child {
  width: 125px;
}

.hoangthanhnoidungdkquyy ul li label:last-child {
  width: calc(100% - 125px);
}

i.iconTotdepZalo {
  width: 20px;
  height: 20px;
  background-position: -437px -115px;
}

i.iconTotdepZalo:hover {
  background-position: -437px -92px;
}
i.iconTotdepZaloBu {
  width: 35px;
  height: 35px;
  background-position: -429px -138px;
}

.socialShare {
  position: fixed;
  z-index: 999999;
  right: 8px;
  bottom: 100px;
}

/* // khoa tu  */
.customLichKhoatu{
  display: flex;
  justify-content: center;
  align-items: center; 
}
.customLichKhoatu .item:last-child {
  margin-right: 0;
}
.customLichKhoatu .item figure {
  text-align: center;
}
.owl-lichkhoatu .item {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0px 0px 9px 0px #ccc;
  margin-bottom: 15px;
  padding: 5px;
  position: relative;
}

.owl-lichkhoatu .item .buttondangkyquyy { 
  bottom: 0;
}
.dkkhoatuxemhd {
  padding: 13px 15px;
  border-radius: 20px;
  display: block;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  /* color: #fff; */
  text-align: center;
  justify-content: center;
}

.dkkhoatuxemhd > div {
  padding: 3px 15px;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.buttondangkykt {
  margin-right: 10px;
  background: linear-gradient(90deg, #d59544 0%, #d5a970 100%);
  color: #fff;
}

.quydinhkhoatu {
  background: linear-gradient(90deg, #d54444 0%, #d57070 100%);
  color: #fff;
}
.owl-lichkhoatu .noidungLichquyy{
  padding-bottom: 25px;
}
.noidungkhoatu {
  text-align: center;
  max-width: 600px;
  margin: auto;
  margin-top: 5px;
}

button.huydangky {
  background-color: red;
  border: 0;
  padding: 5px 25px;
  border-radius: 10px;
  border: 1px solid #ff4d0c;
  color: #fff;
  box-shadow: 1px 1px 1px 1px #ccc;
}.khoatuthoigian {
  min-height: 95px;
}

.table-condensed{
  width: 300px;
}
.input-group.date .input-group-addon {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  background-color: #f3f3f3;
}.homeQuanTam {
  background-color: #fffde7;
  padding: 50px 0;
}
div#hinh-anh{
  margin-top: 70px;
}.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 40px;
  display: flex;
  align-items: center;
}
#menuListMobile nav.headerRightBotMenu ul li.active a {
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #ccc;
  border-radius: 20px;
}

#menuListMobile  nav.headerRightBotMenu ul li.active a:after {
  display: none;
}
ul.menuMBLv2 {
  list-style-type: none;
  margin-bottom: 15px;
  width: 100%;
  padding-left: 25px;
}

ul.menuMBLv2 li a {
  color: #fff !important;
  text-decoration: none;
  display: block;
    width: 100%;
}
ul.menuMBLv3 {
  list-style-type: none;
  padding-left: 20px;
}.danhsachnguoidangkycauancausieu {
  background-color: #fff;
  padding-top: 40px;
  border-top: 1px solid #f5f5f5;
}


    
.hoatdonghuybo {
  width: 120px;
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 20px;
  text-align: center;
  background-color: red;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.phapbaoHistory .col-inner {
  border: 1px solid #ebebeb;
  border-radius: 20px;
}
.containerpd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 105px;
  height: 31px;
  border-radius: 80px;
}

.containerpd i:nth-of-type(1) {
          -webkit-transition-delay: 1.1s;
                  transition-delay: 1.1s;
}

.containerpd i:nth-of-type(2) {
          -webkit-transition-delay: .9s;
                  transition-delay: .9s;
}

.containerpd i:nth-of-type(3) {
          -webkit-transition-delay: .7s;
                  transition-delay: .7s;
}

.containerpd i:nth-of-type(4) {
          -webkit-transition-delay: .4s;
                  transition-delay: .4s;
}

.phapbao-share-button .btn_wrap:hover span {
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
  -webkit-transform: translateX(-280px);
          transform: translateX(-280px)
}

.phapbao-share-button .btn_wrap:hover i {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}


.dr {
position: absolute;
bottom: 16px; 
right: 16px;
width:100px;
}.listDanhsach{
  height: 340px;
  overflow: auto;
}

/* width */
.listDanhsach::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

/* Track */
 
 
/* Handle on hover */

/** STYLE 7 */
.listDanhsach::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.listDanhsach::-webkit-scrollbar-thumb {
  transform: 0.3s all;
  background-color: #F90; 
  background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%,
                        transparent 25%,
                        transparent 50%,
                        rgba(255, 255, 255, .2) 50%,
                        rgba(255, 255, 255, .2) 75%,
                        transparent 75%,
                        transparent)
}
.listDanhsach::-webkit-scrollbar-thumb:hover { 
  background-color: rgb(162, 99, 4); 
}

.phapbap-post-item .box-image img {
  height: 171px;
  border: 1px solid #ccc;
  object-fit: cover;
}


.contentDeail ._1tintuc a {
  text-decoration: none;
  color: #000; 
  display: block;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
}

.contentDeail ._1tintuc a img {
  width: 100%;
  object-fit: cover; 
}

.contentDeail ._1tintuc a figure {
  margin-bottom: 0;
  height: 152px;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #825632;
  overflow: hidden;
}

.contentDeail ._1tintuc a .postInfo {
  padding: 10px 5px; 
  border-top: 0; 
}

.contentDeail ._1tintuc a .postInfo h3 {
  font-weight: bold;
  font-size: 16px;
  color: #774321;
  height: 55px;
  overflow: hidden;
}
.contentDeail ._1tintuc a .postInfo small {
  font-size: 12px;
  display: block;
  color: #818181;
  margin-bottom: 5px;
}
.contentDeail ._1tintuc a .postInfo .postinfoDes {
  font-size: 12px;
  display: block;
  color: #797979;
  height: 55px;
  overflow: hidden;
}
.paginationTintuc a {
  display: block;
  padding: 2px 10px;
  border: 1px solid #ccc;
  margin-right: 10px;
  text-decoration: none;
  color: #74431b;
  transition: 0.3s all;
  font-weight: bold;
}

.paginationTintuc a:last-child {
  margin: 0;
}

.paginationTintuc a:hover,.paginationTintuc a.active {
  color: #fff;
  background-color: #74431b;
}
.listcategory ul li {
  border-bottom: 1px solid #ccc;
  background-color: #7a43260f;
}

.listcategory ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}.listcategory h3 {
  margin: 0;
  background-color: #774321;
  color: #fff;
  font-size: 20px;
  padding: 10px 15px;
  border-radius: 10px 10px 0 0;
  font-weight: 500;
}

.listcategory ul li a {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  transition: 0.3s all;
  display: block;
  padding:5px;
}
li.childCategory a {
  font-size: 16px !important;
  padding-left: 20px !important;
}
.listcategory ul li.active a,.listcategory ul li a:hover {
  color: #74431b;
    background-color: #7a432633;
}

.listcategory { 
  border-radius: 4px;
  position: sticky;    background-color: #fff;
  top: 136px;
}
.listcategory ul li.active {
  color: #74431b;
  background-color: #7a432633;
}
body:has(.pageTinTuc)
{
   background-color: #fffdf6;
}

.listcategory ul li:last-child {
  border-bottom: 0;
}
.chitiettintuc h1 {
  color: #784922;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 35px;
  border-bottom: 1px dotted;
  padding-bottom: 5px; 
}

.chitiettintuc h2 {
  font-size: 22px; 
}

.chitiettintuc h3 {
  font-size: 20px; 
}
.chitiettintuc h4 {
  font-size: 18; 
}
.chitiettintuc h5 {
  font-size: 16; 
}
.rightchitiet {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.rightchitiet ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.rightchitiet ul li a {
  display: flex;
  text-decoration: none;
}

.rightchitiet ul li a figure {
  width: 33%;
}

.rightchitiet ul li a figure img {
  width: 100%;
}

a {}

.rightchitiet ul li a h3 {
  font-size: 16px;
  margin-left: 10px;
  color: #000;
}

.rightchitiet ul li a .infoRightChitiet {
  width: 65%;
}

.rightchitiet ul li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.rightchitiet ul li:last-child {
  border-bottom: 0;
}
#chitietbaiviet .breadcrumb a {
  text-decoration: none;
  color: #808080;
  font-size: 14px;
}


.phapbap-post_title {
  color: #000;
  font-weight: bold;
}
.infoChitiet img {
  max-width: 100%;
}._baimoi {
  position: sticky;
  top: 150px;
}
.chitiethd h1 {
  color: #f33838;
  font-weight: bold;
  font-size: 32px !important;
}

section.chitiethd {
  background: rgb(221,175,36);
  background: linear-gradient(0deg, rgba(221,175,36,1) 0%, rgba(233,204,115,1) 0%, rgba(255,255,255,1) 100%, rgba(232,201,106,1) 100%, rgba(221,175,36,1) 100%);
}

.phapbao-info {
  background-color: #fff;
  box-shadow: 0px 5px 11px 2px #ccc;
  padding: 5px 15px;
  height: 100%;
}
.phapbao-missing .progress-bar {
  background-color: #bc6a11 !important;
  border-radius: 5px;
  height: 15px;
  width: 0%;
  transition: width 0.1s linear;
}
.xembaocaohd {
  padding: 0;
  height: auto;
  border: 0;
  position: sticky;
  top: 137px;
  box-shadow: 0 0 0 0;
}
input.btnquaylaidangky {
  padding: 5px 25px;
  border-radius: 10px;
  border: 0;
  background-color: red;
  color: #fff;
}


#tangnidoanBody tbody tr td {
  vertical-align: middle;
}

#tangnidoanBody  tbody tr td:nth-child(n+1) {
  text-align: center;
}

#tangnidoanBody  thead tr th {
  text-align: center;
}
._1tangni {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ccc;
  max-height: 220px;
  height: 220px;
  box-shadow: 0px 0px 6px 1px #ccc;
}

._1tangni figure {
  width: 26%;
  margin: 0;
}

._1tangni .infoTangni {
  width: 69%;
}

.infoTangni > * {
  margin-bottom: 10px;
}