/*
Theme Name: Theme Name
Version: 1.0.0
Author: nz3
Description: Description
*/

.text-uppercase {
  text-transform: uppercase;
}
.text-center,
.align-center {
  text-align: center;
}
.mgt10 {
  margin-top: 10px !important;
}
.mgt20 {
  margin-top: 20px !important;
}
.mgl10 {
  margin-left: 10px !important;
}
.mgl20 {
  margin-left: 20px !important;
}
.mgl30 {
  margin-left: 30px !important;
}
.mgr10 {
  margin-right: 10px !important;
}
.mgr20 {
  margin-right: 20px !important;
}
.mgb10 {
  margin-bottom: 10px !important;
}
.mgb20 {
  margin-bottom: 20px !important;
}
.bdr20 {
  border-radius: 20px !important;
}
.over-hidden {
  overflow: hidden !important;
}
.wl100 {
  float: left;
  width: 100%;
}
* {
  margin: 0;
  padding: 0;
}
.hide-mobile {
  display: block;
}
.hide-pc {
  display: none;
}

.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h1,
.detail-content p,
.detail-content ul {
  margin-bottom: 15px;
}
* {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a {
  text-decoration: none;
}
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
}

.clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

figure {
  margin: 10px 0;
  font-style: italic;
}

.btn_button,
.btn_buy,
.btn_choose,
.btn_contact,
.btn_login,
.btn_register {
  padding: 15px 20px;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.btn_button {
  background: #f90000;
}

.btn_buy {
  background: #ffa627;
}

.btn_choose {
  background: #00468f;
}

.btn_register {
  background: #0071db;
}

.btn_login {
  background: #34c444;
}

.btn_contact {
  background: #227f2c;
}

.btn_button:hover,
.btn_buy:hover,
.btn_choose:hover,
.btn_contact:hover,
.btn_login:hover,
.btn_register:hover {
  background: #f99500;
  text-decoration: none !important;
}

.hide {
  display: none;
}
a {
  color: #334141;
}
.logo_pc {
  display: block;
}

.logo_m {
  display: none;
}
/*------------------------------------------End Fix------------------------------------------------*/

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  width: 100%;
  color: #334141;
}

.container {
  width: 100%;
  float: left;
}
.container-header {
  float: left;
  width: 80%;
  padding: 10px 10%;
  border-bottom: 1px solid #ddd;
  background: url(../images/tc/bg_header.png) no-repeat center / cover;
  background-color: #046fce;
}
.logo {
  float: left;
}
.logo > img {
  width: 231px;
}
.header-slogan {
  float: left;
  width: calc(100% - 260px);
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  line-height: 69px;
  text-shadow: 1px 1px 1px #000;
}
.header-slogan > b {
  color: #ffdc00;
}
/*--------------------Ads tự đặt-------------------------------*/
.ads_banner.wl100 div {
  display: inline-block;
  margin-right: 20px;
}
.ads_banner.wl100 div:last-child {
  margin-right: 0px;
}
/*-------------------------------------------Menu----------------------------------------*/
.header-menu {
  float: left;
  width: 80%;
  padding: 0 10%;
  background: #0782e0;
  border-top: 1px solid #1390f1;
  border-bottom: 1px solid #1390f1;
}
.header-menu > a {
  float: left;
  font-size: 13px;
  padding: 15px 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.header-menu > a:hover,
.header-menu > a.active {
  background: #0774c7;
}
.btn-menu {
  display: none;
}
/*-----------------------------------------Main-------------------------------*/

.box-Search {
  float: left;
  width: 80%;
  padding: 15px 10%;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  background: url(https://tracuudiem.org/wp-content/uploads/2025/02/background-tracuudiem.png) no-repeat center / cover;
  background-color: #046fce;
}
.box-Search-Input {
  width: 90%;
  float: left;
}
#frnSearch {
  width: calc(100% - 60px);
  padding: 15px 30px 15px 30px;
  float: left;
  background: #fff;
  border-radius: 10px;
}
.title-boxSearch {
  float: left;
  color: #046fce;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 2px solid #046fce;
}
.input-phone,
.input-name,
.input-tinh,
.input-dob {
  float: left;
  width: 50%;
  color: #333;
}
.input-phone > label,
.input-name > label,
.input-tinh > label,
.input-dob > label {
  width: 100%;
  float: left;
  font-weight: bold;
  font-size: 13px;
}
.input-phone > input,
.input-name > input,
.input-tinh > select,
.input-dob > input {
  width: calc(90% - 22px);
  float: left;
  font-size: 15px;
  margin: 10px 0;
  padding: 10px 10px;
  border: 1px solid #046fce;
  border-radius: 5px;
  outline: none;
}
.input-tinh > select {
  width: 90%;
}
.input-name {
  clear: both;
}
.input-phone > .warning,
.input-name > .warning,
.input-tinh > .warning {
  background: #ffc3c3;
}

.btnCheck {
  float: right;
  width: 10%;
  background: #046fce;
  margin-top: 24px;
  color: #fff;
  height: 116px;
  text-transform: uppercase;
  font-weight: bolder;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}
.btnCheck:hover {
  background: #0452a0;
  color: #fff;
}
/*--------------------------Notify----------------------*/
.notify {
  text-align: center;
}
#notifyAlert {
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #f2202f;
}

#process {
  width: 100%;
  position: fixed;
  height: 100%;
  background: url("../images/loader.gif") no-repeat center;
  background-color: rgba(0, 0, 0, 0.33);
  display: none;
}
#reSearch,
#checkloi {
  background: #e6e6e6;
  color: #333;
  text-transform: uppercase;
  display: inline-block;
  padding: 11px 30px;
  font-weight: bolder;
  border: none;
  cursor: pointer;
}
#checkloi {
  color: #9f224e;
}

.listchecknew > h2 {
  text-transform: uppercase;
  padding: 10px;
  background: #046fce;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
}
.listchecknew > p {
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #046fce;
}
/*--------------------------Site Chi tiết bĂ i viết-------------------------------*/
.breadcrumbs-detail {
  width: 100%;
  float: left;
}
.breadcrumbs-detail > li {
  list-style-type: none;
  float: left;
  margin: 0 2px;
}
.breadcrumbs-detail > li > a,
.breadcrumbs-detail > li > i {
  color: gray;
}
.breadcrumbs-detail > li.current > a {
  color: #3a8bda;
}

.detail_title {
  color: #014991;
  font-size: 21px;
  text-align: justify;
  line-height: 32px;
  width: 100%;
  float: left;
  margin-top: 20px;
  text-transform: uppercase;
  padding-bottom: 12px;
}
.detail_title.text-center {
  text-align: center;
}
.detail-interview {
  color: gray;
  font-size: 13px;
  padding-bottom: 10px;
  border-bottom: 1px dashed gray;
}
.detail-content {
  float: left;
  width: 80%;
  padding: 15px 10%;
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
}
.detail-content a {
  color: #3366ff;
}
.detail-content .title-content {
  text-align: justify;
  line-height: 35px;
  font-size: 30px;
}

.detail-content a:hover {
  text-decoration: underline;
}
.detail-content table {
  width: 100%;
  max-width: 100%;
}
.detail-content * {
  max-width: 100%;
}

.detail-content > ul > li {
  margin-left: 20px;
}
.detail-content > p {
  margin-bottom: 20px;
}
.detail-content-item figure {
  padding: 5px;
  background: #fff;
}

.detail-list-3-news {
  float: left;
  width: calc(100% - 40px);
  padding: 20px;
  background: #33526f;
}
.detail-list-3-news > a {
  float: left;
  width: calc((100% - 40px) / 3);
  margin-bottom: 20px;
  margin-right: 20px;
}
.detail-list-3-news > a:nth-child(3n) {
  margin-right: 0px;
}
.detail-list-3-news > a > img {
  width: 100%;
  float: left;
}
.detail-list-3-news > a > b,
.detail-list-3-news > a > strong {
  color: #fff;
  font-weight: 500;
  margin-top: 10px;
  float: left;
  margin-bottom: 10px;
  line-height: 25px;
  max-height: 50px;
  overflow: hidden;
  font-size: 15px;
}
.detail-list-3-news > a:hover > b,
.detail-list-3-news > a:hover > strong {
  color: #fff400;
}
.detail-list-3-news > a > span {
  color: #fff;
  font-weight: 500;
  margin-top: 5px;
  float: left;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}
.detail-content table > tr,
.detail-content table > th,
.detail-content table tr > td {
  border-color: gray;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid gray;
}
.detail-content table tr > td {
  padding: 5px;
}
.detail-content ul li,
.detail-content ol li {
  margin-inline-start: 25px;
}
/*------------Wordpress Fix CSS------------*/
.wp-caption-text {
  text-align: center;
}
/*------------------------------------Ban Tin Truong-------------------------------------*/
.content-left {
  width: calc(80% - 330px);
  margin-left: 10%;
  float: left;
}
.content-left > .detail-content {
  width: 100%;
  padding: 15px 0;
}
.content-right {
  width: 300px;
  margin-right: 10%;
  float: right;
}
.box-tin-truong {
  float: left;
  width: calc(100% - 30px);
  color: #333;
  font-size: 15px;
  padding: 15px;
  font-weight: 500;
  background: #f1f1f1;
}
.list-news-4-square-truong > a > span {
  color: #fff;
}
.list-news-4-square-truong > a:hover > span {
  color: #fff400;
}

.list-news-truong {
  width: 100%;
  float: left;
}

.list-news-truong > a {
  width: 100%;
  float: left;
  color: #3b3b3b;
  border-bottom: 1px dashed #5a748b;
  padding: 10px 0;
}

.list-news-truong > a:last-child {
  border: none;
}
.list-news-truong > a > img {
  float: left;
  width: 100px;
  height: unset;
  border-radius: 5px;
  margin-bottom: 15px;
}
.list-news-truong > a > b {
  float: right;
  width: calc(100% - 110px);
  color: #262626;
  line-height: 22px;
  padding: 0px;
  font-size: 14px;
}
.list-news-truong > a:hover > b {
  color: #046fce;
}
.list-news-truong > a > span {
  float: left;
  width: 100%;
  color: #444444;
  line-height: 20px;
  font-size: 12px;
  padding: 0px;
}
.list-news-truong > a > p {
  float: right;
  width: calc(55% - 10px);
  color: #252525;
  font-size: 13px;
  line-height: 22px;
}
.title-category {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px dashed #cdcdcd;
  padding-bottom: 10px;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
}
.title-link:hover {
  text-decoration: underline;
  color: #f2202f;
}
.title-link > i {
  float: right;
  vertical-align: top;
  font-size: 13px;
  font-family: monospace;
  font-weight: normal;
}
/*----------------Tags------------------*/
.tags {
  text-align: left;
}
.tags .txt {
  font-size: 15px;
  line-height: 17px;
  color: #bdbdbd;
  display: inline-block;
  margin-right: 15px;
}
.item-tag {
  display: inline-block;
  font-size: 15px;
  line-height: 17px;
  margin: 0 30px 10px 0;
  position: relative;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.item-tag:hover a {
  color: #087cce;
}
.item-tag:after {
  content: "/";
  font-size: 15px;
  line-height: 25px;
  position: absolute;
  right: -17px;
  top: -4px;
  color: #bdbdbd;
}
/*----------------Tags------------------*/
.tags {
  text-align: left;
}
.tags .txt {
  font-size: 15px;
  line-height: 17px;
  color: #bdbdbd;
  display: inline-block;
  margin-right: 15px;
}
.item-tag {
  display: inline-block;
  font-size: 15px;
  line-height: 17px;
  margin: 0 30px 10px 0;
  position: relative;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.item-tag:hover a {
  color: #087cce;
}
.item-tag:after {
  content: "/";
  font-size: 15px;
  line-height: 25px;
  position: absolute;
  right: -17px;
  top: -4px;
  color: #bdbdbd;
}
/*--------------------Menu Content---------------------*/

.menu-content {
  text-align: justify;
  width: calc(100% - 22px);
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  background: #f7f7f7;
  float: left;
  padding: 10px;
}
.pl1 {
  padding-left: 5px;
  display: inline-block;
}
.pl2 {
  padding-left: 10px;
  display: inline-block;
}
.menu-content a {
  color: #334141;
}
.menu-content a:hover {
  text-decoration: underline;
}
/*--------------Footer------------*/
.container-footer {
  float: left;
  width: 80%;
  padding: 15px 10%;
  font-size: 15px;
  line-height: 25px;
  background: #222222;
}
.end-page-info {
  width: calc(60% - 20px);
  float: left;
  position: relative;
  color: #fff;
}
.end-page-info-right {
  float: right;
  width: calc(40% - 20px);
}
.end-page-info-right > * {
  display: inline-block;
  vertical-align: top;
}
.end-page-info > a {
  color: #979696;
  padding: 0 5px;
  font-weight: normal;
}
.end-page-info > a:hover {
  color: #fff;
  text-decoration: underline;
}
.end-page-info > a:first-child {
  padding-left: 0;
}

/*----------------------CSS Bảng điểm---------------*/
#bangdiem {
  float: left;
  width: 80%;
  padding: 10px 10%;
}

#bangdiem div {
  /*width: calc(100% - 20px);*/
  /*margin: 20px 0 0 0 !important;*/
  /*font-weight: bold;*/
  /*float: left;*/
  text-align: justify;
  /*background: #f3f3f3;*/
  /*padding: 10px;*/
}

/*#bangdiem table {*/
/*width: 100%;*/
/*border-collapse: collapse;*/
/*margin-bottom: 20px;*/
/*border-right: 1px solid #CCC;*/
/*border-bottom: 1px solid #CCC;*/
/*}*/

/*#bangdiem tr th,*/
/*#bangdiem tr td {*/
/*padding: 4px;*/
/*}*/

/*#bangdiem tr th {*/
/*border-left: 1px solid #007BBF;*/
/*}*/

/*#bangdiem tr td {*/
/*border-left: 1px solid #CCC;*/
/*}*/

/*#bangdiem tr td.monhoc {*/
/*text-align: center;*/
/*padding: 4px 5px;*/
/*width: 100px;*/

/*}*/

/*#bangdiem tr:nth-child(2n) td {*/
/*background-color:#eee;*/
/*}*/
/*#bangdiem tr {*/
/*background: #FCFCFC;*/
/*}*/

/*#bangdiem tr.tophead {*/
/*background: #007BBF;*/
/*color: #FFFFFF;*/
/*}*/
.tbl-info {
  border: 1px solid #0782e0;
  margin-top: 15px;
}
.tbl-info tr td {
  border: 1px solid #0782e0;
}
.tbl-info tr:first-child {
  background: #0782e0;
  color: #fff;
  height: 35px;
  font-size: 15px;
}
.tbl-info tr:nth-child(2) {
  color: #0782e0;
  font-size: 15px;
  height: 35px;
}
.tbl-info tr:last-child {
  font-size: 15px;
  color: #333;
  height: 35px;
}
.tags > b {
  float: left;
}
.tags > a {
  font-size: 15px;
  line-height: 17px;
  margin-left: 15px;
  padding: 5px 10px;
  border: 1px solid #046fce;
  border-radius: 10px;
  float: left;
  background: #046fce;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
}
.tags > a:hover {
  background: #fff;
  color: #046fce;
}
.tag-menu {
  width: 80%;
  padding: 10px 10%;
}
.hot-link {
  font-size: 15px;
  line-height: 17px;
  margin-right: 15px;
  padding: 5px 10px;
  border: 1px solid #046fce;
  border-radius: 10px;
  float: left;
  color: #046fce;
  position: relative;
  margin-bottom: 10px;
}

.hot-link.active {
  background: #046fce;
  color: #fff;
}
.hot-link.active > i {
  display: none;
}
.hot-link > i {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background: red;
  top: 2px;
  right: 3px;
}

@media (max-width: 720px) {
  .hide-pc {
    display: block;
  }
  .hide-mobile {
    display: none;
  }

  .logo {
    float: left;
    width: 100%;
    text-align: center;
  }
  .header-slogan {
    width: 100%;
    line-height: 26px;
    margin-top: 7px;
    margin-bottom: 10px;
  }

  .container {
    width: 100% !important;
    float: left !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .container > div {
    width: 96% !important;
    padding: 0 2% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .logo_title {
    font-size: 15px;
    margin: 10px 0;
    font-weight: bold;
  }
  .header-menu {
    border-radius: 10px;
  }
  .header-menu > a {
    font-size: 15px;
    width: calc(100% - 20px);
    padding: 15px 10px;
    float: left;
    border-bottom: 1px solid #cdcdcd;
    clear: both;
    display: none;
  }
  .header-menu > a:last-child {
    border-bottom: none;
  }
  .btn-menu {
    display: block;
    color: #fff;
    font-size: 15px;
    width: calc(100% - 20px);
    padding: 15px 10px;
    float: left;
    font-weight: bold;
    text-align: center;
  }
  #frnSearch {
    margin-top: 15px;
  }

  .box-Search,
  .detail-content,
  .content-left,
  .content-right,
  .tag-menu {
    width: 90%;
    padding: 15px 5%;
    font-size: 15px;
    margin: 0;
  }
  .content-left > .detail-content {
    width: 100%;
    padding: 0;
  }
  .box-Search {
    padding-top: 0;
  }
  .box-tin-truong {
    width: 90%;
    padding: 15px 5%;
  }
  .input-phone,
  .input-name,
  .input-dob,
  .input-tinh,
  .input-tinh > select,
  .btnCheck {
    width: 100%;
  }
  .btnCheck {
    margin-bottom: 20px;
    height: 64px;
    margin-top: 0;
  }
  .input-phone > input,
  .input-name > input,
  .input-dob > input {
    width: calc(100% - 22px);
  }

  .list-news-truong > a > img {
    width: 100px;
    height: unset;
  }
  .list-news-truong > a > b {
    width: calc(100% - 115px);
  }
  .list-news-truong > a > span {
    width: 100%;
  }

  .detail-content > h2 {
    line-height: 32px;
  }
  .detail-content img {
    width: 100% !important;
    height: unset !important;
  }
  .end-page-info,
  .end-page-info-right {
    width: 100%;
    margin-top: 20px;
  }
  #bangdiem {
    width: 100%;
    padding: 10px 0;
  }
  /*#bangdiem div{*/
  /*width: calc(100% - 20px);*/
  /*padding: 10px ;*/
  /*}*/
  /*#bangdiem table {*/
  /*width: 100%;*/

  /*}*/
}