* {
  margin: 0px;
  padding: 0px;
  font-family: "Times New Roman", serif;
  font-size: 16px;
  box-sizing:border-box;
  text-decoration: none;
  word-wrap: break-word; /*--chống những text link dài tràn--*/
}


div[name='post_detailcontent_content']{line-height: 1.5em;word-spacing: 0.15em;padding: 0 10px;/*2px;*/}
div[name='post_detailcontent_content'] *{font-family: Helvetica, Arial, sans-serif;}
div[name='post_detailcontent_content'] img{max-width:100%;}
/*p4 add code*/
div[name='post_detailcontent_content'] .font_roboto p{margin-bottom: 1em; line-height: 1.5em;}

.font_roboto div {
  padding-bottom: 0.7rem;
}

div.linkchuyenam{ border: 1px solid #A5A1A1;  border-radius: 5px; padding: 3px 10px; margin-bottom: 10px}
.quote {padding: 1px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(0, 0, 0);
  padding-bottom: 0!important;
  margin-bottom: 0.7rem;
  color: rgb(0, 0, 0);
  background-color: rgb(215, 218, 236);
}
.quoteheader {
  margin-top: 1ex;
  font-weight: bold;
  font-size: small;
  line-height: 1.2em;
  padding-bottom: 0!important;
}

a:link, a:visited {
  color: blue;
}
a:hover {
  color: red;
}
a:active {
  color:pink;
}

/*--thay đổi vị trí hiển thị trích dẫn của thầy TIBU--*/
#trich-dan-HL-top {
  display: none;
}
#trich-dan-HL-cot-giua {
  display: block;
}

/*--end show code--*/
.tieu-de-size-1c2-center {
  text-align: center;
  margin-top: 0.67rem;
  margin-bottom: 0.67rem;
  font-size: 1.3rem;
  color: #990000;
  text-shadow: grey 0.05em 0.05em 0.05em;
}

.text-2-col {
  display: flex;
  margin: 0 auto; /*-- canh giữa center--*/
}
.padding-left-10per {
  padding-left: 10%;
}
.padding-left-5per {
  padding-left: 5%;
}
.xuong-hang {
  text-align: center;
  font-size: 1.3rem;
  color: #990000;
  text-shadow: grey 0.05em 0.05em 0.05em;
}


/*-- END div này canh giữa dùng cho text--*/

.bai-moi-head {   /*--class này ở file xml ĐỪNG XÓA--*/
   color:red!important;
   font-weight: bold;
   font-size: 1.5rem;
   text-align: center;
}
#bai-moi-trang-chu li {
  list-style-type:none;
}

.left li a:hover {
  background-color: #FEFF50;
}
.right li a:hover {
  background-color: #FEFF50;
}

#right-menu li {
  list-style-type:none;
}

.icon, .icon_center { /*--icon bai chọn lọc--*/
   height:16px;
}

/*--khung 1--trích dẫn HL top--*/
.trich-dan-HL {
    /*--border: 1px solid #0000FF; bỏ viền--*/
  padding:5px;
  /*--background: #FFFFFF;--*/
  color:#0000FF;
  margin: 0;
  margin-bottom: 1rem;
  line-height: 1.3;
  text-align: justify;
  border-bottom: 1px solid #FBDA0B;
}

.khung-3-heading-bai-viet {
  padding:5px 0;
  background: #CCFF99; /*-- màu nền của khung--*/
  color:#0000FF;
  margin: 0;
  margin-bottom: 10px !important;
  line-height: 1 !important;
  min-height: 50px;
  text-align: center !important;
}

.khung-3-heading-bai-viet p {
  line-height: 1 !important; /*-- khoảng cách TIÊU ĐỀ và ngày tháng--*/
}

.khung-thongbao-head {
  padding:5px 0;
  background: #feff71; /*-- màu nền của khung--*/
  color:#0000FF;
  margin: 0;
  margin-bottom: 10px !important;
  line-height: 1 !important;
  min-height: 50px;
  text-align: center !important;
}

.khung-thongbao-head p {
  line-height: 1 !important; /*-- khoảng cách TIÊU ĐỀ và ngày tháng--*/
}

.table-bai-da-dang td, .table-bai-da-dang th {
  border: 1px solid #CCFFFF;
  text-align: left;
  padding: 8px;
}

.table-bai-da-dang a:hover{
  background-color: #FBFA23;
}
.table-bai-da-dang tr:nth-child(even) {
  background-color: #FFFFCC;
}
.table-bai-da-dang {
    border-collapse: collapse !important;
    border: 0 !important;
    text-align: center !important;
    background: 0;
    margin: 0 auto;
}

.h1-heading-baiviet {
  text-align: center !important;
  margin-top: 0.67rem;
  color: #990000; /*--màu đà--*/
  text-shadow: grey 0.1em 0.1em 0.2em;
  font-size: 25px !important;
  font-weight: bold;
  margin-bottom: -10px!important;
}
.h1-heading-thongbao {
  text-align: center !important;
  margin-top: 0.67rem;
  color: #990000; /*--màu đà--*/
  text-shadow: grey 0.1em 0.1em 0.2em;
  font-size: 25px !important;
  font-weight: bold;
  margin-bottom: -10px!important;
}

.gach-hr {
  border-bottom: 1px solid #ffec78;
}

#ngay-thang-bai-viet {
  text-align: center !important;
  margin-top: 1rem;
    margin-bottom: 1rem;
    color: blue;
}
.h1-heading-baiviet-mo-ta {
  text-align: center !important;
  color: brown;
  font-size: 1.1rem;
  font-weight: bold;
}
.h1-heading-thongbao-mo-ta {
  text-align: center !important;
  color: brown;
  font-size: 1.1rem;
  font-weight: bold;
}

/*--CUỐI TRANG mời quý vị đến ...--*/
.p-moi-ghe-tham {
  text-align: center;
  font-size: 0.9rem;
}

#main #content p {
    margin-bottom: 0.5rem;
    /*text-align: justify;*/
}
/*--End CSS trang trí văn bản--*/

#content {
    clear:both;
    word-wrap: break-word;/*--fix lỗi tràn cho url--*/
}


/* hiệu chỉnh cột left */
/*-- left 2 col là CHỦ ĐỀ TRÁI chia làm 2 cột trên smartphone--*/
    .left a:link, .left-2-col a:link {
      font-weight: bold;
      letter-spacing: -0.8px;
      word-spacing: -1px;
      line-height: 2rem;
    }

    /* visited link */
    .left a:visited, .left-2-col a:visited {
      font-weight: bold;
    }


    /* mouse over link */

/* END hiệu chỉnh cột left */

/* hiệu chỉnh cột right */
    .right a:link {
      font-weight: bold;
      letter-spacing: -0.8px;
      /*word-spacing: -1px;*/
      line-height: 2rem;
    }

    /* visited link */
    .right a:visited {
      font-weight: bold;
    }

/* END hiệu chỉnh cột right */

#wrapper {
  background: #FFFFE1;
}

.per100 {
  width: 100%;
}
.per40 {
  width: 40%;
}
.per60 {
  width: 60%;
}
/*--chia cột ở phần LEFT MAIN RIGHT--*/
/*-- các cột ở đây được chọn theo CLASS--*/

#left-main-right {
  display: flex;
  overflow: auto; /*-- kéo tràn các cột left main right theo phương thẳng cho đều nhau--*/
}

.left {
  text-align:left;
  padding:10px;
  float:left;
  width:20%; /* The width is 20%, by default */
  border-left: 10px solid #993300;/*--cột màu--*/
}
.main {
  background: #FFFFE1;/*--background-color:#f1f1f1;--*/
  padding:10px;
  float:left;
  width:60%; /* The width is 60%, by default */
  border-right: 10px solid #FFEF22; /*--cột màu--*/
  border-left: 10px solid #FFEF22;/*--cột màu--*/
}
.right {
  text-align:left;
  padding:10px;
  float:left;
  width:20%; /* The width is 20%, by default */
  border-right: 10px solid #993300; /*--cột màu--*/
}

/*--left menu--*/
#left {
  text-decoration: none;
  text-align: center;
}

.noi-dung-cot-trai {
  text-align: left;
}
/*--END left menu--*/

#bottom {
  background: #2E2EFE;
}

.khung-NO-background {
   margin: 10px 0 !important;
}

.khung-NO-background p, .khung-NO-background a:link {
   line-height: 1.5rem !important;
   margin: 0 !important;
   padding: 0 !important;
}

/*--khung thứ 7 - css trích dẫn ở chân trang--*/
.trich-dan-HL-cuoi-trang {
  padding:15px;
  background: #ffffaf;
  color:#0000FF;
  margin: 1rem 0;
  line-height: 1.3;
}
.dong-lon {
  text-align: center;
  font-size: 1.3rem;
  color: #990000; /*--màu đà--*/
  text-shadow: grey 0.1em 0.1em 0.2em;
  margin-bottom: 5px;
}
.noi-dung-trich-dan {
  text-align: center;
}
.dong-nho {
  text-align: center;
  color: #990000; /*--màu đà--*/
  text-shadow: grey 0.1em 0.1em 0.2em;
}
/*--END css trích dẫn ở chân trang--*/

.clear-p-padding-margin p {
  margin: 0;
  line-height:normal;
}

#footer {
  clear:both;
  background: #993300;
  font-size: 80%;
  line-height: 1.2rem;
  color: white;
  font-weight: 300;
  height: 2em;
  margin-bottom: 4em;
}

#contact {
  float: right;
  text-align: right;
  width: 50%;
  padding-right: 0.5rem;
}

.mini-list-red {
  color: red!important;
}


@media screen and (max-width:1320px) {
    .chu-de-60per {
        width: 82%;
}
}

@media screen and (max-width:960px) {
    .h1-heading-baiviet {
        font-size: 20px !important;
    }
    .h1-heading-thongbao {
        font-size: 20px !important;
    }
}


/* smartphone màn hình lớn thì chiều ngang đã là 822, */
/*nên đã hiểu chỉnh 850 ở mục này 16/3/2020, vừa thêm một số mục vô menu nên đã chỉnh về 1000 18/11/2020*/
@media screen and (max-width:1000px) {
        /* ẩn menu left */
        .left {
          display: none;
        }
        /*--END hiệu chỉnh NAV menu top--*/

        /*--thay đổi vị trí hiển thị trích dẫn của thầy TIBU, và ẩn logo--*/
        #trich-dan-HL-top {
          display: block;
          padding:10px;
          margin-bottom: 0;
        }

        .h1-heading-baiviet {
          font-size: 22px !important;
        }
        .h1-heading-thongbao {
          font-size: 22px !important;
        }

        #trich-dan-HL-cot-giua {
          display: none;
        }
        #logo {
          display: none;
        }
        /*--END thay đổi vị trí hiển thị trích dẫn của thầy TIBU, và ẩn logo--*/

        #left-main-right {
          display: block;
        }
        .left, .main, .right {
          clear:both;
          width: 100%;
          border: none;
        }

        .icon {
          height: 16px;
        }

        .icon_center { /*--lớp này của bên script.js vẫn để dấu _--*/
           height:16px;
           padding-left: 40%;
        }

        .xuong-hang {
          text-align: center;
          font-size: 1.3rem;
          color: #990000;
          text-shadow: grey 0.05em 0.05em 0.05em;
          display: inline-block;
        }
        .h1-heading-baiviet-xuong-hang {
          text-align: center !important;
          margin-top: 0.5rem;
          color: #990000; /*--màu đà--*/
          text-shadow: grey 0.1em 0.1em 0.2em;
          font-size: 22px !important;
          font-weight: bold;
          display: inline-block;
        }
        .h1-heading-thongbao-xuong-hang {
          text-align: center !important;
          margin-top: 0.5rem;
          color: #990000; /*--màu đà--*/
          text-shadow: grey 0.1em 0.1em 0.2em;
          font-size: 22px !important;
          font-weight: bold;
          display: inline-block;
        }

        .noi-dung-trich-dan {
          text-align: justify;
        }

        .click_vao_day {  /*-- lớp này bên file script.js--*/
          display: none;
        }
        .bai-da-dang {
          font-size: 14px;
        }
        .table-bai-da-dang {
            width: 100%;
            border-collapse: collapse !important;
            border: 0 !important;
            text-align: center !important;
            background: 0;
            margin: 0 auto;
        }
        .p-moi-ghe-tham {
          text-align: justify;
          font-size: 16px;
        }
} /*--THẺ ĐÓNG media screen and (max-width:800px)--*/

  /*--hiệu chỉnh footer--*/
  @media only screen and (max-width : 560px) {
     #contact {
        text-align: left;
        clear: both;
        width: 100%;
        padding:0;
      }
      #footer {
        padding-top:0.5%;
        padding-left:0.5rem;
        background: #993300;
        font-size: 80%;
      }
    }
  /*--END hiệu chỉnh footer--*/
/* Hiệu chỉnh hiển thị website tại kích thước nhỏ hơn 450px: */
@media screen and (max-width:450px) {
    #main .chu-de .chu-de-left {
      padding-top: 12%;
    }
    .chu-de .chu-de-left .ten-chu-de {
      font-size: 130%;
      font-weight: 300;
      color: red;
      text-shadow: grey 0.1em 0.1em 0.2em;
    }
    .chu-de .chu-de-left .mo-ta-chu-de {
      color: blue;
      text-shadow: grey 0.1em 0.1em 0.2em;
    }
} /*--THẺ ĐÓNG media screen and (max-width:450px)--*/