.f5bg_footer1{ background-color:#195733; }
.f5bg_footer2{ background-color:#03411d;  }
.clfooter_td h6 {  color:#FFCC00;   border-bottom: 3px solid #FFCC00; }
.h01_bordercolor{ border-color:#e38f10; }

.video-container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.clbox_tieude2{ color:#bc6100; }
.clbox_ld {
    background-color: #e9d2b9;
}
.label_trapezium {
    border-bottom-color: #ae0106;
}
.ld-tieude1 label {
    background-color: #ae0106;
}

#ld-block50 .spcl_tdtext4 a{
     color:#28ed28;
}


video {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
}


.biframe {
    min-height: var(--block-min-height);
    padding-top: 50%;
    position: relative;
}

.biframe iframe {
    bottom: 0;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}



#popup_bgform_bg, #popup_bgform{ display:none;  }
#popup_bgform .ldbox-formcenter{   position:fixed  }


.table_info {
  border-collapse: collapse;
  width: 100%; font-size: 16px;
}

.table_info td, #customers th {
  border: 1px solid #ddd;
  padding: 15px;
}

.table_info tr:nth-child(even){background-color: #f2f2f2;}





.ld-ttkhungvien{
font-weight: 500;
font-size: 16px;
border-radius: 20px 20px 20px 20px;
border:2px solid #e09900;
overflow: hidden;
border-color: #e09900;
padding-top: 20px !important;
padding-right: 40px !important;
padding-bottom:20px !important;
padding-left: 40px !important;

}
.ld-ttkhungvien2{
font-weight: 500;
font-size: 16px;
border:4px dashed  #e09900;
border-color: #e09900;
padding:10px;
background-color: #f0f4d2;
}

.ldbutton-view{ padding:10px 15px 10px 15px; background-color: #f8eb00; border:10px solid  #fff; color:#333; font-size:16px;  }

.button_hllaithu{ background-color:#095290; width: -moz-calc(100% - 220px); width: -webkit-calc(100% - 220px); width: -o-calc(100% - 220px); width: calc(100% - 220px); float:left; }
.button_hlbaogia{ background-color:#bf590d;   }

.btn-viewall {
    display: inline-block;
    border: 1px solid #f7941e;
    padding: 10px 30px;
    border-radius: 30px;
    color: #f7941e;
}
#footer_tuyendung{ margin-top:0px; margin-bottom:-20px; padding:0px;}
#footer_tuyendung img{ width:100%; height:auto;}

#wfooter{ margin-bottom:0px;}

.fboxdangky{  margin-top:0px; margin-bottom:15px; /*background:url(https://truonggiangreal.com/pl/img/36/bg02.jpg) repeat-y*/ background-color:#f9f7f4;
padding:16px; width:-moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); border:2px solid #1e73be; border-radius:6px; }

#wnoidung_xem img{ text-align: center; max-width:100%; height:auto; margin-left: auto; margin-right: auto;  display: block;}

#ld-block138{ background-color:#eeece7; margin-bottom:-20px ; padding-top:20px; padding-bottom:15px; }

.ldstyl-ul{ list-style:none; padding:0px; margin:0px; width:100%; font-size:18px; color:#faeda0; }
.ldstyl-ul li{ 
    width:-moz-calc((100% - 60px)/2); width: -webkit-calc((100% - 60px)/2); width:-o-calc((100% - 60px)/2); width:calc((100% - 60px)/2);
   float:left; padding:8px 10px 8px 10px; background-color:#ddd; margin-right:20px; margin-bottom:10px; background-color:#014055; border-radius:8px;   }
   
   .ldstyl-ul li:nth-child(2n){ margin-right:0px;  }
.ldstyl-ul li strong{color:#bced99;background-color:#e71a21; padding :3px 6px 3px 6px; border-radius:3px;  }

@media only screen and (max-width:640px) {
    .ldstyl-ul li{ width:-moz-calc(100% - 20px); width: -webkit-calc(100% - 22px)/2; width:-o-calc(100% - 20px)/2; width:calc(100% - 20px); padding:10px; margin-bottom:10px; }
}

.table_info tr:hover {background-color: #ddd;}

.table_info th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.ld-ttkhungvien{
font-weight: 500;
font-size: 16px;
border-radius: 20px 20px 20px 20px;
border:2px solid #e09900;
overflow: hidden;
border-color: #e09900;
padding-top: 20px !important;
padding-right: 40px !important;
padding-bottom:20px !important;
padding-left: 40px !important;

}
.ld-ttkhungvien2{
font-weight: 500;
font-size: 16px;
border:4px dashed  #e09900;
border-color: #e09900;
padding:10px;
background-color: #f0f4d2;
}

.ldbutton-view{ padding:10px 15px 10px 15px; background-color: #f8eb00; border:10px solid  #fff; color:#333; font-size:16px;  }

.button_hllaithu{ background-color:#095290; width: -moz-calc(100% - 220px); width: -webkit-calc(100% - 220px); width: -o-calc(100% - 220px); width: calc(100% - 220px); float:left; }
.button_hlbaogia{ background-color:#bf590d;   }

.btn-viewall {
    display: inline-block;
    border: 1px solid #f7941e;
    padding: 10px 30px;
    border-radius: 30px;
    color: #f7941e;
}
#footer_tuyendung{ margin-top:0px; margin-bottom:-20px; padding:0px;}
#footer_tuyendung img{ width:100%; height:auto;}

#wfooter{ margin-bottom:0px;}


.ldstyl-ul{ list-style:none; padding:0px; margin:0px; width:100%; font-size:18px; color:#faeda0; }
.ldstyl-ul li{ 
    width:-moz-calc((100% - 60px)/2); width: -webkit-calc((100% - 60px)/2); width:-o-calc((100% - 60px)/2); width:calc((100% - 60px)/2);
   float:left; padding:8px 10px 8px 10px; background-color:#ddd; margin-right:20px; margin-bottom:10px; background-color:#014055; border-radius:8px;   }
   
   .ldstyl-ul li:nth-child(2n){ margin-right:0px;  }
.ldstyl-ul li strong{color:#bced99;background-color:#e71a21; padding :3px 6px 3px 6px; border-radius:3px;  }

@media only screen and (max-width:640px) {
    .ldstyl-ul li{ width:-moz-calc(100% - 20px); width: -webkit-calc(100% - 22px)/2; width:-o-calc(100% - 20px)/2; width:calc(100% - 20px); padding:10px; margin-bottom:10px; }
}

.fo_imglogo img {
    max-width: 60%;
    height: auto;
}


#wnoidung_xem img{ text-align: center; max-width:100%; height:auto; margin-left: auto; margin-right: auto;  display: block;}

.wdt-dintichcanho{ width:50%; float:left; margin-bottom:0px; }
#intro_gioithieu{ font-size: 15px; text-align: justify; line-height:1.2; }
#menuweb #ul_mli1 .mli1 .amenu {   color:#fff; }

@media only screen  and (max-width:980px) {
#menuweb #ul_mli1 .mli1 .amenu {
  color: #333;
}
.wdt-dintichcanho{ width:100%; }
#intro_gioithieu{ text-align: justify; line-height:1.8; }

}

.h01_bgcolor{
  background-color: #050a30;
}
.f5bg_footer1 {
  background-color: #050a30; color:#fff;
}
.f5bg_footer2{  background-color: #081157; }
.clfooter_td h6 {  color:#ebdb29;   border-bottom: 3px solid #FFCC00; }
#wfooter_rtt p , #tkweb{ color: #ddd;}
#footer_cl2 p { color: #fff; }
#f05_textinfo{ color:#333; }
.clbox_tieude2{ color:#bc6100; }
.clbox_ld {
    background-color: #ddd;
    border-top: 3px solid #685137;
    margin-bottom:6px;
  
}

.h01_bgcolor2{ background-color:#195733;  background-color: rgba(5, 10, 48, 0.65);}

@media only screen  and (max-width:640px) {
.spcl_column1 .dsbv_img {
  width:100%;
  margin-right:0px;
}
.spcl_column1 .dsbv_ct {
  width:100%;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ddd;
}

}


/*fix*/
.frowweb{ /*box-sizing:border-box;*/ }
#ld-block381 .spcl_tdtext2 {
  text-transform:none;
}

 .button_dangkybg{
    background-color: #ee9347;
    ;
    border-color: rgba(0,0,0,.05);
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: currentColor;
    cursor: pointer;
    display: inline-block;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;
    vertical-align: middle;
  }
   .button_dangkybg span{ color:#fff; }
  .button_dangkybg .button_dangkybg_title{
    color:#fff;
  }
  .runglac .icon-checkmark {
    background-color: #e60808;
    width: 44px;
    height: 44px;
    line-height: 36px;
    right:-28px;
    top: -10px;
    position: absolute;
    justify-content: center;
    box-shadow: 0 0 0 0 #c31d1d;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
  }
  .runglac .icon-checkmark .fa{
    font-size:28px;
    margin-top:6px;
  }
  @-webkit-keyframes phone-vr-circle-fill {
    0% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @-webkit-keyframes zoom{
    0%{
      transform:scale(.9)}
    70%{
      transform:scale(1);
      box-shadow:0 0 0 15px transparent}
    100%{
      transform:scale(.9);
      box-shadow:0 0 0 0 transparent}
  }
  @keyframes zoom{
    0%{
      transform:scale(.9)}
    70%{
      transform:scale(1);
      box-shadow:0 0 0 15px transparent}
    100%{
      transform:scale(.9);
      box-shadow:0 0 0 0 transparent}
  }
@media only screen and (min-width:1200px) {

    
#ld-block425 .spcl_bg1 {
  background-color: #fff;
  padding:0px;
}
#ld-block425 .spbox-img{
  background: #ecf2f8;
  height: 230px;
  padding: 10px;
}
#ld-block425 .spcl_row .spcl_column3 {
  width: -moz-calc((100% - 12px)/3);
  width: -webkit-calc((100% - 12px)/3);
  width: -o-calc((100% - 12px)/3);
  width: calc((100% - 12px)/3);
  margin-right: 6px;
  margin-bottom: 6px;
  box-sizing: border-box;
}
#ld-block425 .spcl_row .spcl_column3:nth-child(3n+0){ margin-right:0px; }
#ld-block425 .sp_col_ct{ display:none;}
}
.sptn_title {
  background: rgba(171,17,21,0.7); text-align:center; text-transform:uppercase;
}
.label_trapezium {
    border-bottom-color: #050a30;
}
.ld-tieude1 label {
    background-color: #050a30;
}
#ld-block356 .ldtitle_sty1 {
  color:#fff;
  font-size: 21px;
}

#ld-block350 .spcl_column3{
    box-shadow: 1px 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); border:1px solid #f2f6fa;
}
#ld-block350 .spcl_column3 h3 a{ color:#0c345b; }
#ld-block350 .spcl_column3 h3 a:hover{ color:#b0660f; }

.ladi-container img{ height:auto; width:auto; }
.marcol-sty01{ margin-right: 50px;}
@media only screen and (max-width:860px) {
.marcol-sty01{ margin-right:0px;}
.ladi-container img{ height:auto; max-width:100%; }

}


.button_dangkybg{
  background-color: #ee9347;;
  border-color: rgba(0,0,0,.05);
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: 0;
  box-sizing: border-box;
  color: currentColor;
  cursor: pointer;
  display: inline-block;
  font-size: .97em;
  font-weight: bolder;
  letter-spacing: .03em;
  line-height: 2.4em;
  margin-right: 1em;
  margin-top: 0;
  max-width: 100%;
  min-height: 2.5em;
  padding: 0 1.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-shadow: none;
  text-transform: uppercase;
  transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;
  vertical-align: middle; 
}  
.button_dangkybg .button_dangkybg_title{ color:#fff; }
  
.runglac .icon-checkmark {
  background-color: #e60808;
  width: 44px;
  height: 44px;
  line-height: 36px;
  right:-28px;
  top: -10px;
  position: absolute;
  justify-content: center;
  box-shadow: 0 0 0 0 #c31d1d;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animuiion: zoom 1.3s infinite;
  animation: zoom 1.3s infinite;
}
.runglac .icon-checkmark .fa{ font-size:28px; margin-top:6px; }

@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@media only screen  and (max-width:1170px) {
.h01_bgcolor2{  background-color: rgba(5, 10, 48, 1);}
}