.tmswrapper{margin: auto; width: 100%;max-width: 1200px;}
h2.title{text-transform: uppercase;color: #0d496c;font-family: 'Montserrat', sans-serif; font-size: 40px;font-weight: 500;text-align: center; line-height: 1.6;}
h3.cate{text-transform: uppercase;color: rgb(199, 152, 22);font-size: 22px;font-family: 'Montserrat', sans-serif; font-weight: 500; text-align: center; line-height: 1.6;}
.cattag{ margin: auto;max-width: 400px;width: 100%; text-align: center;}
.cattag img{ width: 100%;height: auto; text-align: center;}
#tms4 .cattag {max-width: 600px;}#tms15 .cattag {max-width: 600px;}
#phankhu .cattag {max-width: 600px;}
#tms18 .cattag {max-width: 200px;}

.tms_line { width: 200px;text-align: center;border-top: 3px solid #0d496c;left: 0;right: 0;margin: auto; margin-bottom: 20px;}
.tms_hometext{padding: 5px;text-align: justify;margin: auto;  margin-bottom: 20px;font-size: 16px;}
.home_tms1 {height: auto;position: relative;overflow: hidden;}
.home_tms1 img {height: 100%;object-fit: cover;object-position: center;width: 100%;-o-object-fit: cover;}


.home_banner {max-height: 600px;position: relative;overflow: hidden;}
.home_banner img {height: 100%;object-fit: cover;object-position: center;width: 100%;-o-object-fit: cover;}

.home_banner_tms2 {height: 400px;position: relative;overflow: hidden;}
.home_banner_tms2 img {height: 100%;object-fit: cover;object-position: center;width: 100%;-o-object-fit: cover;}

.tms_modal{text-align: center;padding: 10px; margin-top: 20px;}
.home_banner_text_left {
    position: absolute;
    left: 5%;
    bottom: 5%;
    z-index: 9;
    width: 100%;max-width: 500px;
    padding: 20px;
    background-color: rgba(255,255,255,.5);
}
.home_banner_text_right {
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 9;
    width: 100%;max-width: 500px;
    padding: 20px;
    background-color: rgba(255,255,255,.5);
}


.btntms {margin-bottom: 20px;
        background: rgba(16, 145, 33, 1.0);
    background: -webkit-linear-gradient(180deg, rgba(16, 145, 33, 1.0), rgba(146, 203, 64, 1.0));
    background: linear-gradient(180deg, rgba(16, 145, 33, 1.0), rgba(146, 203, 64, 1.0));
    padding: 9px 29px;
    color: #fff;display: inline-block;
    text-align: center;
    border-radius: 32px;
    font-weight: 700;}
.btntms i{ animation: rung 1s infinite;
    font-size: 22px; }

.section-header{margin-bottom: 20px; text-align: center;}
.tms5px{padding-left: 2px;padding-right: 2px;padding-bottom: 3px;}
ul.form4{padding: 0;margin-bottom: 20px;}
ul.form4 li{font-size: 12px;}

#tms1{margin: auto;    height: 800px;}

.timhieuthongtin{text-align: center; display: inline-block;position: relative;margin-top: 140px;float: left; padding: 30px; }

.tms1loop{text-align: center; box-shadow: 8px 15px 20px -15px #000;-webkit-box-shadow: 8px 15px 20px -15px #000;background-color: rgba(255, 255, 255, 0.8); border-radius: 29px;display: inline-block;position: relative;margin-top: 140px;float: right; width: 100%; padding: 20px 10px 20px 10px; max-width: 400px; right: 50px;}
.tms1loop img {width: 360px;height: auto;    border-radius: 20px;}
.tms1loopbtc1{
    padding: 10px 20px;
    animation: tada 1s infinite; 
       background-image: linear-gradient(to right, #0c7c5a , #010100);
    color: #fff;
    border-radius: 6px;
    bottom: 230px;
    text-transform: uppercase;
    position: absolute;left: 0;right: 0;
    margin: auto;
    font-size: 14px;
    font-weight: 600;
    width: 240px;}

.tms1loopbtc2
{   padding: 10px 20px;
    animation: tada 1s infinite;
      background-image: linear-gradient(to right, #010a06 , #0b7353);
    color: #fff;
    line-height: 1;text-transform: uppercase;font-weight: 600;
    bottom: 20px;
    border-radius: 6px;
    bottom: 180px;margin: auto;
    width: 240px;left: 0;right: 0;
    position: absolute;
    font-size: 14px;
}


.tms3btc { background-color:#243b72;
    border: solid 1px;
    color: #fff;animation: tada 1s infinite;
    padding: 5px 10px;
        display: inline-block;bottom: 20px;
    border-radius: 32px;
    font-weight: 600; font-size: 18px;}

a.tms2btc { background-color:#243b72;
    border: solid 1px;
    color: #fff;
    padding: 5px 10px;
        display: inline-block;bottom: 20px;
    border-radius: 32px;
    font-weight: 600; font-size: 14px;}

.tms1btc { background-color:#e90f03;
    border: solid 1px;
    animation: tada 1s infinite;
    color: #fff;padding: 6px 20px;
        display: inline-block;bottom: 20px;
    border-radius: 32px;
    font-weight: 700; font-size: 16px;}

#tms1 h1{font-family: "Roboto";
    color: rgb(10, 103, 233);
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6; 
    text-shadow: rgb(255 255 255) 2px 1px 2px;}
 #tms1 h2{font-family: "Roboto";
    color: rgb(10 103 233);
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;}

    
#gioithieu{margin: auto; background-color: #fff;    background-size: cover;background-attachment: scroll; background-origin: content-box; background-image: url(../images/bg2.jpg); background-position: center top; background-repeat: repeat;}
    
#tienich{padding: 40px 0px 40px 0px; margin: auto; background-color: #0d496c;    background-size: cover;background-attachment: scroll; background-origin: content-box; background-image: url(../images/tienich.png); background-position: center top; background-repeat: repeat;}
#tienich h2.title{color: #ffffff; }
#tienich h3.cate {color: rgb(253 202 62);}
#tienich .tms_hometext {color: #fff;}
#tienich .tms_line {border-top: 3px solid #fff;}
#vitri{ margin: auto; background-color: #f2f2f2;    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-image: url(../images/vitri.jpg);
    background-position: center top;
    background-repeat: repeat;    position: relative;
   }
#vitri:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgb(248 248 248 / 83%);
}




#matbang{margin: auto; background-color: #fff;}
#chudautu{padding: 40px 0px 40px 0px; margin: auto; background-color: #f2f2f2;}
#tms2{padding: 40px 0px 60px 0px;margin: auto;}
#tms3{margin: auto;   position: relative;padding: 30px 0 30px 0px;background-color:#fff; }
.tms3img img{height: 600px;width: auto;float: right;object-fit: cover;object-position: center;}
.tms3bode {box-shadow: 0px 15px 20px -15px #000;
    -webkit-box-shadow: 0px 15px 20px -15px #000;
    background-color: rgb(255, 255, 255);padding: 10px;
    border-color: rgb(238, 202, 102);}
.tms3text {margin-bottom: 10px;position: relative; font-size: 14px;padding: 20px;} 
.tms3text ul{padding: 0;margin: 0;} 
.tms3text ul li{color: #000;margin-bottom: 5px;font-size: 16px;} 
.tms3text ul li:before {content: "\f00c";color: #8fc840;font-family: 'FontAwesome';font-size: 16px; position: absolute;left: 0px;}





#tms4{padding: 40px 0px 40px 0px;}
.tms4_item{      text-align: center; margin-bottom: 20px;}
.tms4_item_img{      overflow: hidden;
    background-color: #fff;
    border-style: solid;
    border-color: rgb(10, 78, 92);
    border-width: 1px;
    border-radius: 100px;
    height: 100px;
    width: 100px;
    margin: auto;
    text-align: center;}
.tms4_item_img img{ height: 100px;width: 100px;}
.tms4_item_text{text-align: center;font-size: 16px; font-weight: 500;color: #0d496c; padding: 10px;}

#phankhu{margin: auto;background: #fff;position: relative;padding: 30px 0px 30px;}
#tms5{width: 100%;padding: 30px 0px 30px;margin: auto;position: relative;display: inline-block;}
#sp_tab {margin: auto;  }
.sp_tab_list{text-align: center;} 
.sp_tab_list button{    background:#087faa;
    border: 1px solid #087faa;
    border-radius: 30px;
    padding: 8px 25px 8px 25px;
    color: #fff;text-transform: uppercase;
    font-size: 16px;}
.sp_tab_content {margin: auto ;padding-top: 10px;}

.sp_tab_matbang{text-align: center;} 
 .sp_tab_matbang button {
    background:#0d496c;
    border: 1px solid #0d496c;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    color: #fff;
    margin-bottom: 10px;
}


#thanhphan {text-align: center; margin-top: 20px;max-width: 500px;}
.phankhutext{bottom: 10px;left: 10px;padding: 6px 20px 6px 20px;position: absolute;background: #ffffffa8;float: left;color: #0d496c;font-size: 18px;font-weight: 600;}

.phankhuimg {height: 440px;    background: #087faa;padding: 10px; position: relative;overflow: hidden;}
.phankhuimg img{height: 100%;object-fit: cover;object-position: center;width: 100%;-o-object-fit: cover;}
.phankhuimg_text {
    position: absolute;
    left: 0px; right:0px;
    bottom: 0;
    z-index: 9;
    width: 100%;
    padding: 20px; color: #000;
    background-color: rgb(255 255 255 / 64%);
}
.phankhutitle {
    margin-bottom: 20px;
    background: rgb(151 201 63);
    padding: 9px 29px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 700;
}






.tms5_item{width: 100%; margin-bottom: 10px;} .tms5_item img{width: 100%;height: auto;}
#matbang h2.title {
    text-transform: uppercase;
    color: #0d496c;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-align: left;
    line-height: 1.6;
}

.matbang_title{  }
.matbang_hometext {
    padding: 5px;
    margin: auto;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: left;
}
.matbangimg{width: 100%;}
.matbangimg img {height: 600px;width: auto;max-width: 100%;}

.matbangtext{   
    top: 40px; padding: 6px 20px 6px 20px;
    position: absolute;
    background: #0d496c;
    float: left;
    color: #fff;
}
#tms6{margin: auto;position: relative;}

.tms6_banner {height: 440px;    background:#c79918;padding: 10px; position: relative;overflow: hidden;}
.tms6_banner img{height: 100%;object-position: center;width: 100%;-o-object-fit: cover;}

.tms6_text{ font-size: 18px;text-align: left;margin-bottom: 10px; }
.tms6_text ul{padding: 0;margin: 0;} 
.tms6_text ul li{color: #fff;margin-bottom: 5px;padding-left: 20px;font-size: 18px;} 
.tms6_text ul li:before {content: "\f00c";color: #FFDD00;font-family: 'FontAwesome';font-size: 18px; position: absolute;left: 0px;}



#spButton2{padding: 30px 40px 20px 40px;position: relative;z-index: 11;}
#spButton2 h2{    color: #fff;font-size: 16px;font-weight: bold;text-align: center; line-height: 1.6;}
.spButton2_line { width: 100px;text-align: center;border-top: 3px solid #fff;left: 0;right: 0;margin: auto; margin-bottom: 20px;}
#spButton2 .btn3{ background-color:rgb(226 203 109);padding: 9px 29px;color: #fff;text-align: center;border-radius: 32px;font-weight: 700; } 
#spButton2 .form-control { border: 1px solid #fff; background: none !important;    color:#fff !important; }
#spButton2 input { background: none !important;    color: #fff !important; }
#spButton2 option {  color:#fff !important; }


#thanhtoan{ margin: auto; background-color: #f2f2f2;    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-image: url(../images/the-prive-2-1400x788.jpg);
    background-position: center top;
    background-repeat: repeat;    position: relative;}
#thanhtoan:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  background-color:rgb(16 53 97 / 59%);
}


#thanhtoan h2.title {color: #fff;font-weight: bold;}
h3.thanhtoan1{color: rgb(255, 255, 255);
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;}


#tms7{margin: auto;position: relative;padding: 50px 0px 50px 0px;z-index: 1;}
.tms7loop{  margin-bottom: 20px;  width: 100%;display: inline-block;text-align: center;}
.tms7title {color:#fff;font-size: 20px;line-height: 1.6; }
.tms7img img{height: 545px;width: auto;float: right;object-fit: cover;object-position: center;}
.tms7text {width: 100%;text-align: center;color: #fff;font-size: 20px; margin-bottom: 10px;margin-right: 20px; border: 1px solid #f2f2f2;padding: 10px 40px 10px 40px; float: left;border-radius: 15px;font-weight: 600;} 
.tms7text strong{color: rgb(0, 153, 204); font-size: 35px;} 
.tms7text span{color: rgb(0, 153, 204); font-size: 25px; font-weight: 600; width: 100%; text-align: center;} 
.tms7textgia {margin-bottom: 20px;  color: #fff;font-size: 20px; margin-bottom: 10px; border: 2px solid #f2f2f2;padding:20px; border-radius: 15px;font-weight: 600;text-align: center;} 
.thanhtoantop{padding-top: 40px;}
.tms7taibanggia {
    position: relative;
    background: #0686b1;
    color: #fff;
    padding: 10px;
    margin: auto;
    text-align: center;
    margin-top: 15px;
    border-radius: 32px;
    width: 200px;
    display: block;
    font-weight: 700;
}

.tms7text p {margin: 0;}
.tms7text ul{padding: 0;margin: 0;} 
.tms7text ul li{    color: #000;
    margin-bottom: 5px;
    padding-left: 20px;
    font-size: 16px;
    position: relative;
    float: left;
    width: 100%;
}
.tms7text ul li:before {content: "\f00c";color: #8fc840;font-family: 'FontAwesome';font-size: 16px; position: absolute;left: 0px;}

#tms8{margin: auto;background: #fff;position: relative;padding: 20px 0 30px 0px;}
#tms9{padding: 20px 0 30px 0px;}
#tms10{padding: 20px 0 30px 0px;}
#tms11{padding: 20px 0 30px 0px;}

#tms15{padding: 50px 0 30px 0px;}




#tms17{margin: auto;     background:#fff;position: relative;padding: 30px 0 30px 0px;}
#tms18{margin: auto;background: #fff;position: relative;padding: 30px 0px 40px 0px;z-index: 1;}
#tms19{margin: auto;background: #fff;position: relative;padding: 20px 0px 0px 0px;z-index: 1;}
#tms19 img{margin: auto;width: 100%; height: auto;}

#doitac{    padding-top: 30px;
    padding-bottom: 60px;    background-image: linear-gradient(to top,#fff 0,#0787b2 100%);}
#doitac img{margin: auto;width: 100%; height: auto;}

.catedoitac{padding: 20px 0px 10px 0px;font-size:13px;text-align: center; font-weight: 500;text-transform: uppercase;}
.doitaclist {text-align: center;}
.doitaclist img{    width: auto;
    height: 60px;
    text-align: center;
    margin: auto;}

.tmslaptop{display: block;}
.tmsmobile{ display: none; }

@media (max-width:767.98px) {
#trangchu{margin-top: 60px;}
 .tmslaptop{display: none;}
.tmsmobile{ display: block; }   
h3.thanhtoan1 {font-size: 26px;}    
.home_banner_tms2 {height: auto;width: 100%;}
#matbang h2.title {text-align: center;}
.matbangimg img { height: auto;width: 100%;max-width: 100%;}
.tms7img{display: none;}
.tms6_text {font-size: 13px;}
.tms7title {padding: 0px;font-size: 18px;}
.tms7title2 {padding: 0px;font-size: 18px;}
.tms7text {font-size: 16px;padding: 2px;}
.phankhuimg { height: auto;}
.phankhuimg img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    -o-object-fit: cover;
}


#tms1 {height: 600px !important;}
#spButton2 h2 {font-size: 18px;}  
#spButton2 {padding: 50px 40px 20px 40px;}
.spButton2_line {;margin-bottom: 6px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#tms1 {height: 600px !important;}    
.tms1_img{display: none;}
#spButton2 h2 {font-size: 16px;}
.tms6_form {height: 450px;}

}



@media screen and (max-width: 499px) {

.tms6_banner {height: auto;}
.tms3img img {height: auto;width: 100%;}

h2.title {font-size: 30px;}


 .sp_tab_list button {
    background:#0d496c;
    border: 1px solid #0d496c;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    color: #fff;
    margin-bottom: 2px;
}
   
 .sp_tab_matbang button {
    background:#0d496c;
    border: 1px solid #0d496c;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    color: #fff;
    margin-bottom: 10px;
}
   


.tms1loop {float: none;margin: auto;margin-top: 100px;width: 100%;right: 0px;max-width: 100%;}    
.tms1loop img {width: 300px;height: auto;    border-radius: 29px;}
.tms1loopbtc1 {bottom: 190px;}
.tms1loopbtc2 {bottom: 150px;}
.tms_hometext2 {font-size: 14px;}
.btntms {font-size: 12px;}
a.tms2btc {font-weight: 600;font-size: 12px;}
#tms1  {height: 800px;}


#tms1 h1 {font-size: 20px!important;text-align: center;}
#tms1 h2 {font-size: 20px!important;text-align: center;}
.tms1btc { padding: 4px 10px;font-size: 14px;}
.tms1_img{display: none;}
h2.title {font-size: 18px;}
h3.cate {font-size: 14px;}
.tms2_item_left{margin-bottom: 4px;}
.tms2_item_left img {width: 100%;height: auto;}
.tms2_item_right img {
    height: auto !important;
}
#tms6 h2.title {font-size: 22px;}
#tms6 h3.cate {font-size: 16px;}
.tms6_item h2 {font-size: 20px;}
.tms6_item h3 {font-size: 16px;}
#spButton2 { padding: 40px 40px 20px 40px;}
#spButton2 h2 {font-size: 14px;}
.spButton2_line {margin-bottom: 5px;}


}