body {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    background: #f9f9f9;
}

a,
a:link,
a:active,
a:visited {
    
}

a:hover,
a:focus {
    
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin:0;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}



li {
    list-style: none;
    
}

img {
    max-width: 100%;
}

.clear {
    clear:both;
}

.green {
    color: #75a900;
}

.blue {
    color: #28327f;
}

.red {
    color: #E91F3B;
}

#topbar {
    background: #28327f;
    padding:10px 0;
    color:#fff;
}

#topbar .logoTBD img{
    height:47px;
}

#topbar .infoRightTBD {
    float: right;
    background: #3d468c;
    border-radius: 10px;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 19px;
    margin-left: 22px;
    text-align: right;
}

#topbar .pad{

}

#topbar .logoTBD {
    float:left;

}



#slideMain {
    height:600px;
    text-align: center;
}

#slideMain .mainText {
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 40px;
    padding:15px 30px;
    color:#fff;
    display: table;
    margin:auto;
    margin-bottom: 20px;
    width:700px;
    line-height: 50px;
    font-weight: bold;
    border-radius: 10px;
    max-width: 100%;
    text-transform: uppercase;
    
}

#slideMain .mainText a, #slideMain .subText a{
    text-decoration: none;
}

#slideMain .subText {
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 26px;
    line-height: 32px;
    padding:15px 30px;
    color:#fff;
    display: table;
    width:700px;
    margin:auto;
    border-radius: 10px;
    max-width: 100%;
    
}

#slideMain .shadowOne {
    background-color: rgba(0, 0, 0, 0.4);
    width:100%;
    height:100%;
    padding-top:150px;
}

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

.itemProblem {
    border-radius: 50%;
    padding:20px;
    background:#e3e3e3;
    text-align: center;
    width:230px;
    height:230px;
    display: flex;
    flex-direction: center;
    align-items: center;
}

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



.frameLineDash {
    background:#f8f9fb;
    padding:20px;
    border: 2px dashed #003088;
    text-align: center;
}

.frameScholarship {
    background:#f9f9f9 url(../images/bg-star-3.jpg) no-repeat center top;
    background-size: cover;
    padding:20px;

    text-align: center;
    border-radius: 10px;
}

.frameScholarship .titleSub{
    font-size: 120%;
    color:#003088;
    margin-bottom: 10px;
}

.space {
    height:40px;
}

.titleMain {
    color:#003088;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}



.sumary {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.titleSub, .titleMethod {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.titleSub {
    color:#75a900;
}

.noPad {
    padding:0;
}



.quality {
    background-image: url(../images/bg-khuon-vien-truong.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.quality .titleMain, .quality .sumary {
    color: #fff;
}

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

.itemQuality {
    border-radius: 5px;
    padding:20px;
    background:#e6ebf3;
    width:280px;
    box-shadow: 0px 0px 0px 8px rgb(237 237 237 / 30%);
}

.itemQ {
    padding:30px;
    color:#fff;
}

.itemQ:nth-child(1) {
    border-top-left-radius: 10px;
}


.itemQ:nth-child(2) {
    border-top-right-radius: 10px;
}

.itemQ:nth-child(3) {
    border-bottom-left-radius: 10px;
}



.itemQ:nth-child(4) {
    border-bottom-right-radius: 10px;
}

#quality1  {

}

#quality1 .itemQ {

}

.itemQuality .title, .itemQ .title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color:#fff;
    font-size: 120%;
}

.itemQuality ul, .itemQ ul, .listStyle {
    padding-left: 25px;
}

.itemQuality li, .itemQ li, .itemList {
    margin-top:10px;
    position: relative;
}

.itemQuality li .icon, .itemQ li .icon, .itemList .icon{
    position: absolute;
    left: -25px;
    top:3px;
    color:#fff;
}


.method, .testimonial {
    background:#f5f5f5;
    color:#000;
}

#testimonial1 {
    
}

.itemMethod {
    background: linear-gradient(180deg, rgba(138,180,255,0.3) 0%, rgba(245,245,245,1) 100%);
    padding:15px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    border-top:5px solid #4c6eab;
}

.itemMethod .time {
    margin-top:10px;
}

.timepic {
    margin-top:20px;
    width: 100%;
}

.padStars {
    color:#f9b851;
    margin-top:5px;
}

.tbShowChar {
    width:100%;
    border-collapse: collapse;
    font-size: 18px;
    line-height: 30px;
    border:1px solid #ddd;
}

.tbShowChar .tbShowChar {
    font-size: 14px;
}


.tbShowChar tr:last-child td {
    border-bottom:0;
}

.tbShowChar td {
    border-bottom:1px solid #ddd;
    padding:5px 10px;
}
.tbShowChar td:first-child {
    width:250px;
}


.tbShowChar.lephi td:nth-child(2){
    text-align: right;
    white-space: nowrap;
}



.tbShowChar.lephi tr:last-child td{
    border:0;
}


.nameLine {
    font-weight: bold;
}


.tbShow {
    width:100%;
    border-collapse: collapse;
    border-bottom:5px solid #ccc;

    margin-bottom: 20px;
}

.tbShow td {
    border:1px solid #999;
    padding:5px;
}
.tbShow tr:nth-child(2n+1) {
    background: #f1f1f1;
}

.tbShow tr:first-child {
    background: #ed1a3b !important;
    color:#fff;
    font-weight: bold;

}







.tbShow tr:first-child td {
    border-right-color:#ec778a;
    border-top-color:#3058a2;
    border-bottom-color: #3058a2;
}

.tbShow tr:first-child td:last-child {
    border-right-color:#3058a2;
}

.tbShow tr:first-child td:first-child {
    border-left-color:#3058a2;
}

.tbShow tr td:first-child {
    padding-left: 20px;
}

.tbShow a {
    font-weight: bold;
    text-decoration: none;
    color:#333;
}

.tbShow a:hover {
    color:#75a900;
}

.tbShow tr:hover {
    background:#ffeb8e;
}

.lineDash {
    border-top: 1px dashed #ccc;
    height:1px;
    margin:20px 0;
}



.member {
    background: #75a900;
    color:#fff;
    padding:10px 20px;
    margin-top: 20px;
    cursor: pointer;
    font-weight: normal;
    border-top:5px solid #75a900;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}

.member.collapsed {
    background: #ccd6e7;
    color:#000;
    border-top:5px solid #003088;
}

.tbShow.showMember tr:first-child {
    background: #ddd;
    color:#000;
    line-height: 18px;
}

.tbShow.showMember {
    margin:0;
}


.member .fas {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #75a900;
    font-size: 24px;
}

.member.collapsed .fas {
    color: #3359a0;
}









#footer {
    background:#28327F ;
    padding:70px 0 0;
    color:#fff;
    font-size: 14px;
}

.copyRight {
    color:#fff;
    text-align: center;
    background:#121d6e;
    padding:20px 0;
    margin-top:70px;
}

#footer li {
    margin-top:10px;
}


#footer .icon {
    color:#f7c04d;
    margin-right:20px;
    width:18px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
}

#footer .icon img{
    max-width: 100%;
}

#footer #footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
    color:#fff;
    text-decoration: none;
}

#footer a:hover,
#footer a:focus {
    color:#f7c04d;
}

#footer .title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 18px;
}

.navbar-light .navbar-nav .nav-link {
    color:#333;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    padding-right:20px;
    padding-left: 20px;
}

.navbar-light .navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0;
}

.navbar-light .navbar-nav .nav-link:hover {
    color:#75a900;
}

.navbar-light .navbar-nav .nav-link.active {
    color:#75a900;
}


.navbar-light .navbar-nav .nav-link .sub {
    text-transform: none;
    font-size: 80%;
}

.btn-reg {
    background:#ed1a3b;
    font-weight: bold;
    border:0;
    
}

.btn-reg:hover {
    background:#f7c04d;
}

.testimonial .owl-item {
    padding:8px;
}


.testimonial .item {
    background: #fff;
    padding:30px 40px 50px 40px ;
    border-bottom-left-radius: 100px;
    box-shadow: 0 0 8px rgba(153, 153, 153, 0.1);
    border: solid 1px #e5eaed;
    color:#333;
}

.owl-stage {
    padding-left: 0 !important;
}

.blockMain {
    padding:80px 0;
}

.testimonial .item .avatar {
    float:left;
}

.testimonial .item .avatar img{
    width:90px;height: 90px;
    border-radius: 50%;
}

.testimonial .item .name {
    font-weight: bold;
    margin-bottom: 10px;
}


.testimonial .info {
    padding-left: 115px;
}

.lineChar {
    border-top:1px solid #999;
    margin:25px 0 0;
    clear: both;
}

.lineChar .icon {
    position: relative;
    top:-15px;
    font-size: 30px;
    background: #fff;
    padding-right:5px;
}

.testimonial .content {
    text-align: justify;
}

.scholarship .item {
    padding:15px 20px;
    font-weight: bold;
    background-color: #30569e;
    background-image: url(../images/bg-star.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 125px;
    color:#fff;
    position: relative;
    border-left: 5px solid #75a900;
    border-radius: 5px;
    padding-right: 90px;
}

.scholarship li {
    padding-bottom: 20px;
}

.scholarship .item .star {
    background:url(../images/star.png) no-repeat center center;
    background-size: cover;
    width:50px;
    height:50px;
    position: absolute;
    top:-15px;
    right:35px;
}

.scholarship .itemSub {
    padding-left: 40px;
    margin-top:15px;
}

#scholarship1 li, #scholarship2 li {
    width:100%;
}
.scholarship .itemSub .itemList {
    margin-bottom:10px;
}


.majors li{
    width:100%;
}


.itemAboutUs {
    padding: 30px;
    border-radius: 10px;
    background: #f5f5f5;
    height: 100%;
    text-align: center;
}

.rowAboutUs .colA {
    margin-bottom: 20px;
}


.aboutUs .itemLi {
    border: 5px solid #eee;
    padding: 50px 30px;
    border-radius: 10px;
    background: #f5f5f5;
}

.aboutUs .icon {
    width:50px;
    height:50px;
    margin:auto;
    margin-bottom:20px;
}

.aboutUs .icon svg {
    max-width: 100%;
    max-height: 100%;
    fill: #75a900;
}


.sloganOne {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
    margin-top:10px;
}

.hotlineOne {
    padding:30px 0;
    font-size: 40px;
    color:#fff;
    background:#999;
    text-align: center;
}

.map {
    margin-bottom: -7px;
}

.map iframe {
    height:450px;
}

#formReg1 li {
    width:100%;
}


.formReg .icon {
    color:#75a900;
}

.formReg .frameScholarship {
    text-align: left;
    margin-bottom: 20px;
}

.infoTS {
    display: block;
    text-align: center;
    margin:50px auto;
}

.infoTS img {
    max-width: 100%;
    border-radius: 10px;
}

#map li{
    width:100%;
}



.headerFix {
    position: fixed;
    top:0;
    background: #fff;
    z-index: 99;
    width: 100%;
    border-bottom:2px solid #f5f5f5;
}

.relative {
    position: relative;
}

.divAnchor {
    position: absolute;
    top:-142px;
}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.mainForm {
    margin-top:50px;
    margin-bottom: 30px;
    text-align: center;
}

.mainForm h1{
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.mainForm .sumary{
    margin-bottom: 20px;
}

.result {
    text-align: center;
    padding-bottom: 20px;
    padding-top:20px;
    border-top:1px dashed #ccc;
}


.mainForm .inputForm {
    background: #f1f1f1;
    padding: 20px;
    margin-bottom: 20px;
}


.mainForm .inputForm label.error{
    margin-top: 10px;
    color:#ff0000;
    font-size: 16px;
}

.mainForm input.form-control {
    text-align: center;
}


.formCCCD {
    margin:10px 0 20px;
}

.formCCCD .btn-reg {
    background:#ff0000;
    width: 100%;
}

.formCCCD .btn-reg:hover {
    background:#ffc107;
}

.form-control::-webkit-input-placeholder {
  color: #bbb;
}
.form-control::-moz-placeholder {
  color: #bbb;
}
.form-control::placeholder {
  color: #bbb;
}

.noResult {
    text-align: center;
    color:#ff0000;
}

.aCenter {
    text-align: center;
}



.titleXN {
    font-weight: bold;
    text-transform: uppercase;
}

.titleBANK {
    text-align: center;
}

.bankXN{
    background:#28327f;
    text-align: center;
    padding:20px;
    padding-top:0;
}

.bankXN img{
    width:100%;
    max-width: 440px;
}

.sumaryBank{
    background:#28327f;
    padding:20px;
    padding-top:0;
    text-align: center;
}

.sumaryBank .pad, .bankXN .pad{
    border-radius: 20px;
    background: #fff;
    padding:20px;
    
}

.submitInfo .form-check {
    padding-left:40px;
}

.submitInfo .form-check .form-check-input {
    width:25px;
    height:25px;
    margin-left: -40px;
}

.submitInfo .alert {
    margin-top:20px;
    margin-bottom: 30px;
}

.sumaryBank .item {
    margin-top:10px;
}

.sumaryBank .item:first-child {
    margin-top:0;
}

.bankXN .textB {
    color:#ff0000;
    font-weight: bold;
    margin-top:20px;
}

.infoB {
    display: inline;
    font-weight: bold;
}


.sliderMain .item {
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    height:600px;
}


.sliderMain .owl-nav {
    position: absolute;
    width:100%;
    top:0;
}

.sliderMain .owl-nav button{
    background:#fff !important;
    width:50px;
    height:50px;
    font-size: 40px !important;
    border-radius: 50% !important;
    position: absolute;
    top:280px;
    opacity: 0.3;
}

.sliderMain .owl-nav button:hover{
    opacity: 1;
    color:#000 !important;
}

.sliderMain .owl-nav span{
    position: relative;
    top:-3px;
    
}

.sliderMain .owl-nav .owl-prev{
    left: 30px;
    
}

.sliderMain .owl-nav .owl-next{
    right: 30px;
    
}

#slider .item1 {
    background-image: url(../banner/UU-DAI-NHAP-HOC-01.jpg);
}

#slider .item2 {
    background-image: url(../pic/slide2.jpg);
}

#slider .item3 {
    background-image: url(../pic/slide3.jpg);
}

#slider .item4 {
    background-image: url(../pic/slide4.jpg);
}

.itemChar {
    background:#f1f1f1;
    padding:20px;
    border-radius: 10px;
    margin-top:10px;
}

.space {
    height:50px;
}

.spaceSmall {
    height:10px;
}


#ctQT {
    background:#ed1a3b;
    color:#fff;
}

#ctQT .titleMain{
    line-height: 30px;
    font-size: 160%;
    text-transform: uppercase;
    color:#fff;
    text-align: left;
    margin-bottom: 0;
    margin-top:10px;
}

#ctQT .titleSub{
    font-weight: bold;
    margin-bottom:10px;
    text-align: left;
    color:#fff;
}

.itemQT {
    width:100%;
    height:380px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    color: #fff !important;
    text-decoration: none;
}

.itemQT img {
    transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    width: 100%;
}


.itemQT:hover img {
    transform: scale(1.1)
}

.itemQT .title {
    position: absolute;
    bottom:0;
    font-weight: bold;
    text-align: center;
    padding: 20px 10px;
    width:100%;
    font-size: 120%;
}

.btnQT {
    background:#28327f;
    font-weight: bold;
    border:0;
    
}


.kyten {
    font-weight: bold;
    text-align: right;
    
}

.kyten .pad {
    text-align: center;
    display: table;
    float: right;
}

.kyten .fixMG {
    position: relative;
    top:-35px;
    z-index: 1;
}
.kyten .text {
    position: relative;
    z-index: 2;
}

.kyten img {
    width:300px;
    display: block;
    text-align: center;
    margin:auto;
}

.title2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 35px;
    font-weight: bold;
    color:#28327f;
    text-transform: uppercase;
}

.title2 .line1{

    font-size: 22px;
    margin-bottom: 10px;
    
}

.title2 .line2{
    font-size: 26px;
    
}

.title2 .lineSub{
    background:#f1f1f1;
    width:300px;
    margin:auto;
    margin-top:25px;
    height:2px;
}

.title2 .lineSub .pad{
    background:#28327f;
    width:80px;
    margin:auto;
    height:2px;
}

.trungtuyen {
    text-align: center;
    padding:20px;
    border:1px solid #ffe34a;
    margin:20px 0;
    background:#fff9d7;
    font-weight: bold;
}

.uudai .title {
    font-weight: bold;
    margin-bottom:5px;
}

.tbShowU {
    width:100%;
    border-collapse: collapse;
    border-bottom:5px solid #ccc;
}

.tbShowU td {
    border:1px solid #999;
    padding:10px 15px;
}


.tbShowU td:first-child {
    white-space: nowrap;
    font-weight: bold;

}


.note {
    border: 2px solid #f1f1f1;
    padding:20px;
    margin-top:40px;
    background: #fff;
}


.frameKQ {
    padding:30px;
    padding-bottom:10px;
    border: 5px solid #f1f1f1;
    background:#fff;
}

.titleHeader {
    text-align: center;
    color:#28327f;
    margin-bottom:30px;
}


.lineHr {
    border-top:1px solid #eee;
    margin-top:30px;
    margin-bottom:30px;
}

.ulScholarship li {
    margin-top:5px;
    margin-left:10px;
}

.ulScholarship .fa, .ulScholarship .fas {
    color:#ffc600;
}

.titleH {
    font-weight: bold;
    font-size: 120%;
    margin:20px 0 10px;
    color:#28327f;
}


    .virtual-conf-alert {
      border: 2px solid #d4af37;
      outline: 6px solid rgba(15, 23, 42, 0.05);
      outline-offset: -12px;
				border-radius:20px;
      
      /* Đổ bóng và hiệu ứng giả lập lưới kết nối toàn cầu */
      background: #fff;
      
      padding: 45px 40px;
      margin: 0 auto;
      position: relative;
    }

    /* Đường viền chỉ mảnh phía trong */
    .virtual-conf-alert::before {
      content: "";
      position: absolute;
      top: 15px; left: 15px; right: 15px; bottom: 15px;
      border: 1px solid rgba(212, 175, 55, 0.3);
      pointer-events: none;
				border-radius:5px
    }

    /* Tag trạng thái Trực tuyến nổi bật */
    .virtual-status-tag {
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #0f172a;
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      padding: 6px 16px;
      border-radius: 20px;
      font-weight: 600;
      margin-bottom: 25px;
    }

    /* Chấm nhấp nháy phát sóng trực tiếp tinh tế */
    .virtual-status-tag::before {
      content: "";
      width: 8px;
      height: 8px;
      background-color: #22c55e; /* Màu xanh lá biểu thị Online */
      border-radius: 50%;
      display: inline-block;
      box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
      animation: pulse-dot 1.8s infinite;
    }

    @keyframes pulse-dot {
      0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
      70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
      100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
    }

    .virtual-conf-title {
      font-size: 26px;
      color: #0f172a;
      margin: 0 0 15px 0;
      font-weight: 700;
      line-height: 1.4;
      letter-spacing: 0.5px;
    }

    .virtual-conf-subtitle {
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #d4af37;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 25px;
    }

    .virtual-divider {
      width: 120px;
      height: 1px;
      background: linear-gradient(to right, transparent, #d4af37, transparent);
      margin: 0 auto 25px auto;
    }

    /* Khu vực hiển thị thông tin nền tảng số */
    .virtual-meta-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-bottom: 30px;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    .virtual-meta-card {
      background: rgba(15, 23, 42, 0.02);
      border: 1px solid rgba(15, 23, 42, 0.05);
      padding: 15px 10px;
      border-radius: 4px;
    }

    .virtual-meta-card .label {
      font-size: 11px;
      text-transform: uppercase;
      color: #64748b;
      display: block;
      margin-bottom: 5px;
      letter-spacing: 0.5px;
    }

    .virtual-meta-card .value {
      font-size: 14px;
      color: #0f172a;
      font-weight: 600;
    }

    .virtual-conf-notice {
      font-size: 17px;
      color: #1e293b;
      line-height: 1.8;
      margin: 0;
      font-style: italic;
      padding: 0 20px;
    }

    /* Tối ưu hiển thị di động */
    @media (max-width: 650px) {
      .virtual-conf-alert {
        padding: 35px 20px;
        margin: 15px;
      }
      .virtual-conf-title {
        font-size: 20px;
      }
      .virtual-meta-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .virtual-conf-notice {
        font-size: 15px;
        padding: 0;
      }
    }

.decimalUL > li {
    list-style: decimal;
}

.discUl > li {
    list-style: disc;
}

.signEnd {
    float:right;
    font-weight: bold;
    text-align: center;
    margin-top:30px;
}