* {
    margin: 0;
    padding: 0;
}
 body{
    color: #000;
    margin: 0;
    padding: 0;
     font: 16px 'Roboto Condensed', sans-serif;
     width:100%;
    background:#fff;
    overflow-x:hidden
}
 table{
    border-collapse:collapse;
}
 a {
    text-decoration: none;
}
 img{
    border:none;
}
 ul, li {
    list-style: none outside none;
}
/* header */
 #header{
    margin:0 auto;
    width: 100%;
     background:#fff;
    float:left;
    min-height:95px;
}
 .banner{
    float:left;
     text-align:center;
    width:100%;
     z-index:2;
}
 .bg_gray_gold {
     clear:both;
     background: #ffcc00;
     width: 100%;
     float: left;
     position:relative;
     z-index:9999;
     padding-bottom:10px;
}
 .regular .slick-track>.bang:first-child, .regular .slick-track>.bang:nth-child(13){
     display: none !important;
}
 .logo{
     float:left;
     width:70%;
}
 .lg{
     float:left;
     margin-right:20px;
     margin-top:9px;
}
 .lg1{
     float:left;
     margin-right:20px;
     margin-top:23px;
}
 .list_tabs {
     overflow: hidden;
     padding: 15px 0 10px;
     text-align: center;
     width:60%;
     float:left;
     z-index:999;
     background: #ffcc00;
}
 .dangky{
     clear:both;
     background: #ffbb00;
     width: 100%;
     float: left;
     z-index:1;
     position:absolute;
     bottom:0;
     height:100px;
}
 .dk_text{
     float:left;
     width:70%;
}
 .dk_button{
     float:right;
     width:30%;
}
 .dk_button a{
     background:#2a73d1;
     padding: 7px 30px;
     border:3px solid #fff;
     box-shadow:1px 3px 1px #866923;
     text-decoration:none;
     color:#fff;
     font:500 24px 'Roboto Condensed', sans-serif;
     float:right;
     margin-top:9px;
     border-radius:30px;
     text-transform:uppercase;
     margin-bottom: 3px;
}
 .list_tabs ul li{
     display: inline-block;
     margin-right: 10px;
}
 .list_tabs ul li:last-child{
     margin-right: 0;
}
 .list_tabs li span {
     position: relative;
     padding: 5px 15px;
     font-weight: 500;
     display: block;
     font-size: 16px;
     cursor: pointer;
     color: #000;
     border-radius: 20px;
     border: 2px solid #000;
     text-transform:uppercase 
}
 .list_tabs span:hover, .list_tabs li.active span {
     background: #fff;
     color: #323232;
}
 .list_tabs span:hover:after, .list_tabs li.active span:after {
     content: '';
     display: block;
     position: absolute;
     left: 45%;
     top: 100%;
     width: 0;
     height: 0;
}
 .st{
     margin-top30px;
}
 .s_wrap {
     width: 1170px;
     margin: 0 auto;
}
 h3 {
     font-size: 35px;
     text-align: center;
     color: #323232;
     margin: 60px 0 15px;
}
 h4 {
     font-size: 32px;
     text-align: left;
     color: #ffcc00;
     margin: 20px 0;
     line-height:40px;
     text-transform:uppercase;
}
 h5 {
     font-size: 32px;
     text-align: right;
     color: #ffcc00;
     margin: 20px 0;
     text-transform:uppercase;
}
 .tt{
     width:100%;
     float:right;
     text-align:right;
}
 .tt .btn_dangkyngay1{
     float:right;
}
 .text-white{
     color:#fff;
     font-size:16px;
     padding:10px 0;
}
 .yellow{
     background:#ffcc00;
     color:#353030;
     border:1px dashed #a1a1a1;
     padding:20px;
     font:500 16px 'Roboto Condensed', sans-serif;
    float: left;
    width: 100%;
}
 .line1{
    height:5px;
     background:#70b521;
     width:150px;
     margin:0px auto 90px auto;
}
 .line2{
    height:5px;
     background:#fff;
     width:150px;
     margin:0px auto 90px auto;
}
 .line3{
    height:5px;
     background:#70b521;
     width:150px;
     margin:0px auto 
}
 .box_inner {
     overflow: hidden;
     padding:0 0 50px 0;
}
 .box_left {
     float: left;
     width: 49%;
}
 .box_right {
     float: right;
     width: 41%;
}
 .btn_dangkyngay {
     background: #ffcc00;
     display: block;
     margin: 30px auto 50px auto;
     max-width: 320px;
     width: 100%;
     text-decoration: none;
     text-align: center;
     overflow: hidden;
     cursor: pointer;
     border-bottom: 3px solid #be9905;
     color: #000;
     padding: 20px 30px;
     font-size: 24px;
     border-radius:10px;
     text-transform:uppercase;
}
 .btn_dangkyngay:hover{
     background:#ffc600;
     text-decoration:none;
     opacity:0.9;
     color: #000;
}
 .btn_dangkyngay1 {
     background: #ffcc00;
     display: block;
     margin: 20px 0;
     max-width: 215px;
     width: 100%;
     text-decoration: none;
     text-align: center;
     overflow: hidden;
     cursor: pointer;
     color: #000;
     padding: 10px 15px;
     font-size: 20px;
     text-transform:uppercase;
}
 .btn_dangkyngay1:hover{
     background:#ffc600;
     text-decoration:none;
     opacity:0.9;
     color: #000;
}
 .t1{
     width:100%;
     float:left;
    margin:20px 0
}
 .t1 h3{
     margin-top:30px
}
 .t2 h3{
     color:#ffcc00;
     margin:30px 0
}
 .t2{
     width:100%;
     float:left;
     margin:30px 0;
}
 .t2{
     width:100%;
     background: #345db5;
     float:left;
}
 .t3{
     width:100%;
     background:url(../images/bg2.png) left top no-repeat;
     float:left;
     padding:20px 0;
}
 .t4{
     width:100%;
     float:left;
     background:#f5f5f5;
}
 .t41{
     background:#f5f5f5;
    float:left;
    width:50%;
}
 .t42{
     background:#1a3877;
    float:left;
    width:50%;
}
 .t5{
     width:100%;
     float:left;
     margin:50px 0;
}
 .t51{
     width:100%;
     float:right;
}
 .t8{
     width:100%;
     float:left;
}
 .t81{
     background:#1a3877;
    float:left;
    width:50%;
}
 .t82{
     background:#f5f5f5;
    float:left;
    width:50%;
}
 .t9{
     width:100%;
     float:left;
    margin:50px 0;
}
 .t91{
     width:100%;
     float:left;
}
 .t10{
     width:100%;
     background:#202a36 url(../images/bg2.jpg) center no-repeat;
     float:left;
     margin:120px 0;
}
 .t10 h3{
     background:#ffcc00;
     font-size: 30px;
    text-align: center;
    color: #323232;
    margin: 70px 0 70px;
    text-transform: uppercase;
     padding:20px;
     margin-top:-34px;
     float:left;
     width:100%;
}
 .tn{
     float:left;
}
 .tn ul li{
     background:url(../images/icon5.png) no-repeat 0 10px;
     color: #fff;
    padding: 10px 10px 10px 30px;
    text-align: left;
    list-style:none;
     font:500 16px 'Roboto Condensed', sans-serif;
}
 .t6{
     width:100%;
     background: url(../images/bg1.jpg) center no-repeat;
     float:left;
     padding:50px 0;
}
 .t6 h3{
     color:#fff;
}
 .t7{
     width:100%;
     float:left;
     margin:50px 0;
}
 .blue{
     background:#0076a3;
     color:#fff;
     padding:20px 30px;
     box-sizing:border-box;
     line-height:28px;
     font-size:18px;
     text-align:justify;
     margin-top:5px;
     width:100%;
     float:left;
}
 .white{
     background:#fff;
     border:1px dashed #999;
     padding:20px 30px;
     box-sizing:border-box;
     line-height:28px;
     font-size:16px;
     text-align:justify;
     margin-top:5px;
     width:100%;
     float:left;
}
 .green{
     background: url(../images/icon5.png) no-repeat 0px 24px;
     color:#fff;
     padding:20px 20px 20px 30px;
     box-sizing:border-box;
     font-size:16px;
     text-align:justify;
     margin-top:5px;
}
 .anh31{
     text-align:right;
     float:right;
     margin:72px 45px 72px 20%;
}
 .anh3{
     margin:0px auto;
     width:100%;
     max-width:585px;
     float:right;
}
 .anh51{
     text-align:left;
     float:left;
     margin: 29px 0 30px 40px;
}
 .anh5{
     margin:30px auto;
     width:100%;
     max-width:585px;
    float:left;
}
 .anh61{
     text-align:right;
     float:right;
     margin:45px 45px 45px 17%;
}
 .text-yellow{
     font-weight:bold;
     color:#ffcc00;
}
 .de{
     padding-top:30px;
}
 .blue2{
     background:#0076a3;
     color:#fff;
     padding:20px;
     box-sizing:border-box;
     line-height:22px;
     font-size:18px;
     text-align:left;
}
 .blue1{
     border:5px solid #fff;
     padding:10px;
     box-sizing:border-box;
}
 .blue1 p{
     background:url(../images/icon1.png) no-repeat left top 10px;
     padding:6px 0 5px 20px;
     font-size:16px;
}
 .box1{
     border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:20px;
     float:left;
     text-align:center
}
 .box2{
     border:2px solid #0076a3;
     width:49%;
    margin-bottom:38px;
    float:left;
    text-align:center
}
 .box3{
     text-align:center;
    border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:37px;
     float:left;
     background:#fff url(../images/icon2.png) no-repeat left;
     padding:25px 10px 25px 50px;
}
 .box4{
     text-align:center;
    border:2px solid #0076a3;
     width:39%;
     margin-bottom:37px;
     float:left;
     background:#fff url(../images/icon3.png) no-repeat left;
     padding:25px 10px 25px 50px;
}
 .box5{
    text-align:center;
     border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:37px;
     float:left;
     background:#fff url(../images/icon4.png) no-repeat left;
     padding:25px 10px 25px 50px;
}
 .box6{
    text-align:center;
     border:2px solid #0076a3;
     width:39%;
     margin-bottom:37px;
     float:left;
     background:#fff url(../images/icon5.png) no-repeat left;
     padding:25px 10px 25px 50px;
}
 .box7{
    text-align:center;
     border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:37px;
     float:left;
     background:#fff url(../images/icon6.png) no-repeat left;
     padding:25px 10px 25px 50px;
}
 .box8{
    text-align:center;
     border:2px solid #0076a3;
     width:39%;
     margin-bottom:37px;
     float:left;
     background:#fff url(../images/icon7.png) no-repeat left;
     padding:25px 10px 25px 50px;
}
 .t61 p.blue:first-child {
     margin-top: 30px ;
}
 .box10{
     border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:40px;
     float:left;
}
 .box20{
     border:2px solid #0076a3;
     width:49%;
    margin-bottom:40px;
    float:left;
}
 .box30{
     font: 15px 'Roboto Condensed', sans-serif;
    border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:40px;
     float:left;
     background:#fff url(../images/icon2.png) no-repeat 2px;
     padding:25px 10px 25px 50px;
}
 .box40{
     font: 15px 'Roboto Condensed', sans-serif;
    border:2px solid #0076a3;
     width:39%;
     margin-bottom:40px;
     float:left;
     background:#fff url(../images/icon3.png) no-repeat 2px;
     padding:25px 10px 25px 50px;
}
 .box50{
    font: 15px 'Roboto Condensed', sans-serif;
     border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:40px;
     float:left;
     background:#fff url(../images/icon4.png) no-repeat 2px;
     padding:25px 10px 25px 50px;
}
 .box60{
    font: 15px 'Roboto Condensed', sans-serif;
     border:2px solid #0076a3;
     width:39%;
     margin-bottom:40px;
     float:left;
     background:#fff url(../images/icon5.png) no-repeat 2px;
     padding:25px 10px 25px 50px;
}
 .box70{
    font: 15px 'Roboto Condensed', sans-serif;
     border:2px solid #0076a3;
     margin-right:2%;
     width:49%;
     margin-bottom:40px;
     float:left;
     background:#fff url(../images/icon6.png) no-repeat 2px;
     padding:25px 10px 25px 50px;
}
 .box80{
    font: 15px 'Roboto Condensed', sans-serif;
     border:2px solid #0076a3;
     width:39%;
     margin-bottom:40px;
     float:left;
     background:#fff url(../images/icon7.png) no-repeat 2px;
     padding:25px 10px 25px 50px;
}
 .t12 {
     background-color: #f5f5f5;
     width: 100%;
     float: left;
     padding-bottom: 20px;
     text-align:center;
}
 .t13 {
     background-color: #fff;
     width: 100%;
     float: left;
     padding-bottom: 20px;
}
 .hvr-grow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .client-list > li {
     float: left;
     width: 16.666666666667%;
     padding: 0 15px;
     margin-bottom: 30px;
}
/*bang gia*/
 .tabcanhan{
    width:100%;
    float:left;
     font-family:Roboto;
    margin-top:20px;
}
 .tabcanhan li{
    width:31%;
     background-color:#ffffff;
     padding-bottom:30px;
    margin: 0 20px 20px 0;
     display: inline-block;
     border-top:4px solid #23afe4;
}
 .tabcanhan li ul{
    margin: 10px;
}
 .tabcanhan li ul li{
    display: block;
     background: transparent !important;
     text-align: center;
     color: #646464;
     font:500 16px 'Roboto Condensed', sans-serif;
     width: 100%;
     margin:0;
}
 .tabcanhan1{
    width:100%;
    float:left;
     font-family:Roboto;
    margin-top:20px;
}
 .tabcanhan1 li{
    width:19%;
     background-color:#ffffff;
     padding-bottom:30px;
    margin: 0 6px 20px 0;
     display: inline-block;
}
 .tabcanhan1 li ul{
    margin: 10px;
}
 .tabcanhan1 li ul li{
    display: block;
     background: transparent !important;
     margin: 0 0 15px 0;
     text-align: left;
     color: #646464;
     font: 14px 'Roboto';
     width: 100%;
     padding: 0 10px 0 10px !important;
}
 .txwh{
    color: #fff;
     text-align:center;
    padding-top: 10px;
}
 .tit1green {
     font-size: 22px;
     color: #2d2e30;
     text-align: center;
     padding-top: 5px;
     margin-bottom: 10px;
     font-weight: 300;
     border-top: 4px solid #3c0fa7;
}
 .btndangky {
     height:53px;
     background-color:#83be13;
     text-align:center;
     color:#fff;
     line-height:53px;
     text-transform:uppercase;
     font-size:16px;
     margin:25px auto 0;
     font-weight:bold;
     cursor:pointer;
     width: 200px;
     bolder:0;
}
 .btndangky2 {
     width: 200px;
     height:53px;
     background-color:#ffa101;
     text-align:center;
     color:#fff;
     line-height:53px;
     text-transform:uppercase;
     font-size:16px;
     margin:25px auto 0;
     font-weight:bold;
     cursor:pointer;
     bolder:0;
}
 .khung1 {
     width:23%;
     background-color:#ffffff;
     float:left;
     padding-bottom:30px;
     margin: 0 20px 0 0;
}
 .khung2 {
     background-color:#83be13 !important;
}
 .ndkhung {
     width:100%;
     max-width:205px;
     margin:0 auto;
     font-size:13px;
}
 .bg_gray {
     background-color:#f5f5f5;
     width:100%;
     float:left;
     padding-bottom:70px;
}
 .linedotgray {
     border-bottom:1px solid #bfbfbf;
     border-bottom-style:dotted;
     width:100%;
     max-width:205px;
     margin:0 auto;
     padding-bottom:15px;
     clear: both;
}
 .price_orange {
     text-align:center;
     color:#ffff;
     margin-top:10px;
     background:#f48d26;
     padding:10px 0;
}
 .size44 {
     font-size:36px;
     font-weight:bold;
     width:120%;
     color:#fff;
}
 .size16 {
     font-size:16px;
     font-weight:bold;
     color:#fff;
}
 .text_orange {
     color:#fc6d0f;
     font-weight: bold;
}
 .text_orange_l {
     color:#fc6d0f;
     font-size:18px;
     font-weight:300;
     font-family:Roboto;
     text-decoration:underline;
     margin-left:5px;
}
 .text_orange2 {
     color:#fff;
     font-weight:bold;
     font-size:18px;
     margin-left:5px;
}
 .text_orange2_l {
     color:#fff;
     font-weight:bold;
     font-size:18px;
     text-decoration:underline;
     margin-left:5px;
}
 .ocung {
     display:block;
     color:#646464;
     padding-top:20px;
     text-align: left;
}
 .bangthong {
     display:block;
     color:#646464;
     padding-top:13px;
     width:225px;
     text-align: left;
}
 .bangthong2 {
     width:225px;
}
 .ocung2 {
     display:block;
     color:#fff;
     padding-top:18px;
}
 .tit_xtn {
     color:#333333;
     font-size:16px;
}
 .btndangky {
     height:48px;
     background-color:#3c0fa7;
     border-radius:30px;
     text-align:center;
     color:#fff;
     line-height:49px;
     text-transform:uppercase;
     font-size:16px;
     margin:25px auto 0;
     font-weight:bold;
     cursor:pointer;
     width:180px;
     border:0;
}
 .btndangky:hover{
     background:#4409cf;
}
 .btndangky2 {
     width: 200px;
     height:53px;
     background-color:#ffa101;
     text-align:center;
     color:#fff;
     line-height:53px;
     text-transform:uppercase;
     font-size:16px;
     margin:25px auto 0;
     font-weight:bold;
     cursor:pointer;
     border:0;
}
 .ndkhung_xanh {
     width:100%;
     max-width:215px;
     margin:0 auto;
     font-size:13px;
}
 .tit1white {
     font-size:25px;
     color:#fff;
     text-align:center;
     margin-top:40px;
     margin-bottom:15px;
     font-weight:300;
}
 .tit2white {
     font-size:25px;
     color:#fff;
     text-align:center;
     margin-top:40px;
     margin-bottom:15px;
     font-weight:300;
}
 b, strong {
     font-weight: bold;
}
 .price_white {
     text-align:center;
     color:#fff;
     margin-top:10px;
}
 .linedotwhite {
     border-bottom:1px solid #fff;
     border-bottom-style:dotted;
     width:100%;
     max-width:215px;
     margin:0 auto;
     padding-bottom:15px;
     clear: both;
}
 .tit_xtnwhite {
     color:#fff;
     font-size:16px;
}
 .iconcn {
     cursor:pointer;
     float:left;
}
 .icondn {
     text-align:center;
     float:left;
     margin-left:26%;
     margin-top:-2px;
     cursor:pointer;
}
 .corwh {
     color: #fff !important;
}
 .icontmdt {
     text-align:center;
     float:right;
     margin-top:-2px;
     cursor:pointer;
}
 .s_h_MySQL img {
     float:left;
     margin-left: 16px;
     margin-top: 5px;
     margin-bottom: 5px;
}
 .video {
     width:100%;
     text-align:center;
     margin-bottom:30px;
     float:left;
}
 .ndvideo {
     margin-top:30px;
}
 .searchtenmien {
     float:left;
     margin-top:-80px;
     position:relative;
     z-index:9999;
     width:50%;
     margin-left:25%;
}
 .inputserch {
     float:left;
     width:74%;
}
 .inputserch input {
     width:100%;
     border:none;
     border:1px solid #3775dd;
     height:44px;
     font-size:12px;
     padding-left:10px;
     border-radius:4px;
}
 .btn_dangky {
     cursor:pointer;
     border-radius:4px;
     background:url(../images/btn_dangky.jpg);
     color:#fff;
     text-transform:uppercase;
     font-size:16px;
     float:left;
     padding:0px 20px;
     height:46px;
     margin-top:-1px;
     margin-left:10px;
     line-height:46px 
}
 .size24 {
     color:#ffa100;
     margin-top:10px;
}
 .price_rew {
     text-align:center;
}
 .nd_tanges {
     float:left;
     margin-top:30px;
     color:#505050;
     text-align:left;
     padding-bottom:30px;
}
 .text_ndkm {
     font-size:16px;
     font-style:italic;
     width:100%;
     float:left;
     text-align:left;
     margin-top:5px;
}
 .q_bs{
     margin-top:50px;
}
 .tabs_wp, .tabs_wb, .tabs_em, .tabs_s3 {
     background-color:#e6e6e6;
     color:#838383;
     float:left;
     font-weight:300;
     padding:10px 30px;
     cursor:pointer;
     text-transform:uppercase;
     font-size:16px;
     margin-right:5px;
}
 .tabs_bt {
     background-color:#e6e6e6;
     color:#838383;
     float:left;
     font-weight:300;
     padding:10px 30px;
     cursor:pointer;
     text-transform:uppercase;
     font-size:16px;
     margin-right:5px;
}
 .tabs_ac0 {
     background-color:#83be13;
     color:#fff;
     float:left;
     cursor:pointer;
     padding:10px 30px;
     margin-right:5px;
     text-transform:uppercase;
     font-size:16px;
     font-weight:bold;
}
 .tabs_ac {
     background-color:#83be13;
     color:#fff;
     float:left;
     cursor:pointer;
     padding:10px 30px;
     margin-right:5px;
     margin-left:5px;
     text-transform:uppercase;
     font-size:16px;
     font-weight:bold;
}
 .linebotom_green {
     width:100%;
     border-bottom:5px solid #83be13;
     padding-bottom:42px;
}
 .bg_wh {
     background-color:#FFFFFF;
     width:100%;
     float:left;
     padding-bottom:100px;
}
 .ndtangkem {
     margin-left:40px;
     margin-top:5px;
     float:left;
     font-style:italic;
     font-weight:lighter;
     width:100%;
}
 .anhwebmail {
     max-width:1082px;
     text-align:center;
     padding-top:30px;
}
 .tn1 {
     font-size:12px;
}
 .tx_gia {
     color: #646464;
     text-align:center;
    padding-top: 10px;
}
 .tx_gia span {
     color: #fc6d25;
}
/* used */
 .used{
     width:100%;
     float:left;
     background:url(../images/mt-0779-home-parallax.jpg) no-repeat center;
     margin:30px 0;
}
 .text_used1_tit{
     font:700 50px "Roboto";
     width:100%;
     line-height:90px;
     text-align:center;
}
 .text_used1{
     font:14px "Roboto";
     width:100%;
     line-height:20px;
     text-align:center
}
 .use_img{
    width:100%;
     float:left;
     text-align:center
}
 .m_green{
     color:#01caa8;
}
 .m_yellow{
     color:#f89240;
}
 .m_blue{
     color:#38a1b6;
}
 .m_pink{
     color:#da6089;
}
 .item_used{
     margin:30px 0;
     float:left;
     width:100%;
}
/* banggia */
 .banggia{
     width:100%;
     float:left;
     background:#f5f5f5;
     padding:20px 0 50px 0;
}
.regular  .bang {
       width: 32%;
    float: left;
    background: #fff;
    padding: 0px 0px 20px 0px;
    margin: 0px 5px 30px 5px;
}
/* chart */
 .chart{
     width:100%;
     float:left;
     background:#251728 url(../images/bg-char.jpg) no-repeat center top;
     padding:30px 0;
}
 .tit_chart1{
     background:#e1e1e1;
     color:#656566;
     font:300 20px "Roboto";
     width:100%;
    text-align:center;
     margin:0px;
     padding:5px 10px;
     box-sizing:border-box
}
 .chart h3 {
     font-size: 30px;
     text-align: center;
     color: #fff;
     margin: 30px 0 50px;
     text-transform: uppercase;
}
 .more-chart1{
    float:left;
     text-align:center;
     width:100%;
     margin:20px 0
}
 .more-chart1 img{
     width:70%;
     border:2px solid #f7a008;
}
 .text-video{
     text-align:center;
     width:100%;
     float:left;
     margin:40px 0 20px 0;
     color:#fff;
     font:600 20px "Roboto";
}
/*cpanel*/
 .cpanel{
     width:100%;
     float:left;
     margin:10px 0 30px 0;
}
 .cpanel-img{
    width:100%;
     float:left;
     background:url(../images/laptop.png) no-repeat center top;
     background-size:100%
}
 .cpanel-text{
     opacity:0;
     padding:230px 0;
}
 .more-cpanel{
    float:left;
     text-align:center;
     font:500 24px "Roboto";
     width:50%;
     margin-left:25%;
     margin-top:40px;
     margin-bottom:30px;
}
 .more-cpanel a{
    color:#fff;
     background:#605ca8;
     border-radius:30px;
     padding:15px 50px;
}
 .more-cpanel a:hover{
    color:#f7c708;
     text-decoration:none;
}
/*video*/
 .video{
     width:100%;
     float:left;
     margin:30px 0;
     background:#f5f5f5;
     padding:30px 0 60px 0
}
 .video-col p{
    float:left;
     text-align: justify;
     font: 16px/22px "Roboto";
     width:100%;
     margin:10px 0;
     height:100px;
}
/*start*/
 .start{
     width:100%;
     float:left;
     margin:10px 0 50px 0;
}
 .col-start1{
     float:left;
     width:21%;
     border:3px solid #ccc;
     border-radius:10px;
     text-align:center;
     padding:10px;
     box-sizing:border-box;
     min-height:290px;
}
 .arrow-start{
     width:5%;
     float:left;
     margin-top:10%;
     text-align:center;
}
 .as1{
     opacity:0.6
}
 .as2{
     opacity:0.8
}
 .col-start1 a{
     color:#1f8ac0;
     text-decoration:none;
}
 .col-start1 img{
     padding: 20px 30px;
}
 .t-n{
     text-align:center;
     width:100%;
     margin:10px 0;
     display:none;
}
 .number{
     background:#2a73d1;
     color:#fff;
     width:30px;
     padding:5px 20px;
     text-align:center;
     font:400 14px "Roboto";
    border-radius: 30px;
}
/*qc*/
 .qc{
     width:100%;
     float:left;
     margin:30px 0 0 0;
     background:url(../images/bg-fo.jpg) no-repeat center;
     color:#fff;
     padding:50px 0
}
 .qc p{
    font: 700 30px/40px "Roboto";
     width:100%;
    text-align:center
}
 .qc a{
     background:#fac937;
     color:#000;
     padding:10px 40px;
     border-bottom:3px solid #554003;
     text-decoration:none;
     text-transform:uppercase
}
 .text_yellow{
     color:#ffeb00;
}
 .p-top{
     margin-top:50px;
}
/*footer*/
 .footer{
     padding:15px 0;
     float:left;
     width:100%;
     font-size:14px;
     border-top:solid 8px #6a9603
}
 .footer p{
    padding:1px 0
}
 .footer strong{
    font-weight:bold;
     color:#6a9603
}
 .footer a{
     color:red
}
 .footer a:hover{
    text-decoration:underline
}
 .smartlink {
     background: #e5e5e5;
     float: left;
     width: 100%;
}
 .t8 .box_inner p.blue:first-child{
     margin-top:55px
}
 .btn_banner-top{
     position: absolute;
     bottom: 26%;
     left: 35.5%;
     margin: 0 !important;
     background: none !important;
     border-bottom:none;
     display:none;
}
 .btn_banner-top img{
     width: 100%;
}
/*popup*/
 .overlay {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.7);
     transition: opacity 500ms;
     visibility: hidden;
     opacity: 0;
     z-index:99999 
}
 .overlay:target {
     visibility: visible;
     opacity: 1;
}
 .popup {
     margin: 100px auto;
     background: #fff;
     border-radius: 5px;
     max-width: 960px;
     font:16px "Roboto";
     height: initial;
     /* left: 480px; */
     display: none;
     z-index: 99999;
}
 .popup .close {
     position: absolute;
     top:15px;
     right:10px;
     transition: all 200ms;
     font-size: 25px;
     font-weight: bold;
     text-decoration: none;
     color: #fff;
     background:#000;
     padding:2px 8px;
     border-radius:50% 
}
 .popup .close:hover {
    color: #fff;
}
 .popup h2{
    background: #70a90d;
    border-radius: 5px 5px 0 0;
     padding:15px 20px;
     color:#fff;
     font-size:20px;
     text-align:center
}
 .popup .content {
     overflow: auto;
     margin-top:10px;
     padding:20px 
}
 .popup .content p{
     text-align:justify;
     color:#3e3e3e
}
 .popup ul{
    float: left;
     width:100%;
     margin-top:15px
}
 .popup li{
    float:left;
     width:100%;
     margin:7px 0
}
 .popup label {
     margin: 7px 0;
     font-size: 14px;
     color: #363636;
     float: left;
     width: 28%;
}
 .popup input{
     width: 70%;
     float: right;
     padding: 5px;
     border:solid 1px #c1c1c1;
     background:#f2f2f2;
     border-radius:5px 
}
 .btn_send{
    float:left;
     width:100%;
     margin-top:20px;
     text-align:center;
    border-top: dashed 1px #999;
     padding-top:20px
}
 .btn_send a{
    background:#f58d26;
     padding:7px 30px;
     display:inline-block;
     color:#fff;
     border-radius:5px
}
 .btn_send a:hover{
    background:#e07307;
     text-decoration:none
}
 .tabcanhan_sub ul li{
     border-bottom: 1px solid #f2f2f2;
     text-align:center;
     border-top:none;
     padding:10px 0!important;
    ;
}
 .box1{
     background:#3c65b7!important;
     color:#fff;
     font:500 16px 'Roboto Condensed', sans-serif;
     width:100%;
     padding:30px;
     box-sizing:border-box;
     text-align:justify;
}
 .tbox3{
     border:2px dashed #999;
     border-radius: 10px;
     padding:20px;
     text-align:justify;
     font:500 16px 'Roboto Condensed', sans-serif;
     width:100%;
     background:#fff;
     box-sizing:border-box;
     margin-top:40px;
}
 .b1{
     width:23%;
     float:left;
     margin-right:2%
}
 .b2{
     width:75%;
     float:left;
}
 .b21{
     width:30%;
     float:right;
}
 .b22{
     width:70%;
     float:left;
}
 .icocp1{
     width:80px;
    margin-right:10px;
     float:left;
}
 .text1{
     width:30%;
    float:left;
    font:500 16px 'Roboto Condensed', sans-serif;
     margin-right:55px;
     text-align:justify;
}
 .text2{
     width:30%;
    float:left;
    font:500 16px 'Roboto Condensed', sans-serif;
     text-align:justify;
}
 .o1{
     width:100%;
     float:left;
     margin-bottom:30px;
     margin-top:20px;
}
 .tab_why{
     width:100%;
     float:left;
     text-align:center;
    position: relative;
    z-index: 9;
}
 .tab_why ul li{
     display: inline-block;
    margin:50px 10px 20px 0;
}
 .tab_why ul li span{
     list-style:none;
     float:left;
     padding:10px 25px;
     font:500 16px 'Roboto Condensed', sans-serif;
     color:#F58D26;
     cursor:pointer;
     border:1px solid #ccc;
     border-radius:5px;
}
 .tab_why ul li.active5 span{
     background:#F58D26;
     color:#fff!important;
    border:1px solid #F58D26;
     border-radius:5px;
}
 .nd_hd{
     width:100%;
     float:left;
     margin:30px 0;
     border:2px dashed #ccc;
     padding:30px;
     box-sizing:border-box;
}
 .hd1 h2, .hd2 h2, .hd3 h2{
     border-bottom:2px solid #E7E7E7;
     padding-bottom:5px;
     margin-bottom:50px;
}
 .appli1{
    width:100%;
     float:left;
     margin:20px 0;
}
 .appli1 h2,.appli2 h2{
     color:#df7306;
     border-bottom:2px solid #df7306;
     padding-bottom:5px;
    font:500 16px 'Roboto Condensed', sans-serif;
     margin-bottom:20px;
}
 .appli2{
    width:100%;
     float:left;
     margin:20px 0;
     background:#f6f6f6;
     padding-bottom:20px;
}
 .img_bd{
     border:1px solid #ccc;
     padding:10px;
     box-sizing:border-box;
     width:100%;
     float:left;
    text-align:center;
     display:inline-block;
     vertical-align:middle;
     background:#fff;
}
 .img_bd img{
     width:100%;
}
 .tit_img{
     color:#1290c3;
    font:500 16px 'Roboto Condensed', sans-serif;
     margin:15px 0;
     width:100%;
     float:left;
     display:inline-block;
     text-align:center
}
 .text_drep{
    font:500 14px 'Roboto Condensed', sans-serif;
     width:100%;
     float:left;
     text-align:justify;
     height:65px;
}
 .ton-app{
     margin:20px 50px;
}
 .tbn_dk{
     background:#42b438;
     color:#fff;
     padding:7px 20px;
    font:500 16px 'Roboto Condensed', sans-serif;
     text-align:center;
     text-decoration:none;
     border-radius:10px;
     text-transform:uppercase;
}
 .tbn_dk:hover{
    opacity:0.8;
     color:#fff;
    text-decoration:none;
     border-radius:10px;
}
 .t_align{
    width:100%;
     float:left;
     text-align:center;
     margin:10px 0;
}
 .ap_col7{
     float:left;
     width:47%;
     margin-right:15px;
}
 .ap_col8{
     float:left;
     width:47%;
     margin-left:15px;
}
 .tit_tab5{
    width:100%;
     float:left;
     text-align:center;
     margin-top:30px;
}
 .app_h2{
     margin-left:15px;
}
 .footer p {
     margin: 0!important;
}
 .glyphicon-chevron-left::before {
     width: 30px;
     height: 30px;
     margin-top: -10px;
     font-size: 0;
     background: url(../images/arrow02.png) no-repeat;
     padding: 36px;
}
 .glyphicon-chevron-right::before {
     position: absolute;
     top: 8%;
     z-index: 5;
     display: inline-block;
     margin-top: -10px;
     background: url(../images/arrow01.png) no-repeat;
     padding: 36px;
     font-size: 0;
}
 .banner img{
     width:100%;
}
 @media screen and (max-width:640px){
     .popup {
         margin: 0 1%;
         background: #fff;
         border-radius: 5px;
         max-width: 640px;
         left: 0px;
    }
     .popup .content {
        padding:10px
    }
}
/*fixed by Khuyennt*/
 .nd-bosung .bs:nth-child(2) p:nth-child(1),.nd-bosung .bs:nth-child(2) p:nth-child(5){
     display:none
}
 @media screen and (min-width:1200px){
     .nd-bosung{
         position:relative
    }
     .bs:nth-child(1){
         position:initial
    }
     .bs:nth-child(1) p:nth-child(5){
         position: absolute;
         right: 15px;
         bottom: 10px;
         max-width: 520px;
    }
}
.fixed_zalo_cell_sop_ft {
    position: fixed;
    left: 30px;
    bottom: 90px;
}
.fixed_zalo_cell_sop_ft ul li {
    margin: 0px 0px 15px 0px;
    position: relative;
    cursor: pointer;
}
.fixed_zalo_cell_sop_ft ul li:hover .expand_ft{
      top: 12px;
      visibility: visible;
      opacity: 1;
}
.fixed_zalo_cell_sop_ft ul li .expand_ft {
  position: absolute;
width: 190px;
  top: 114px;
    right: -200px;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  padding: 0px 5px;
  z-index: 999;
  background-image: linear-gradient(180deg, #4fc3f7 0%, #0277bd 100%);
      border-radius: 5px; 
      height: initial;
    line-height: initial;
}
.fixed_zalo_cell_sop_ft ul li .expand_ft p {
    color: #fff;
    margin: 0px;
    padding: 8px;
    text-align: center;
}

.fixed_zalo_cell_sop_ft ul li:hover .expand_zalo_ft{
      top: 12px;
      visibility: visible;
      opacity: 1;
}
.fixed_zalo_cell_sop_ft ul li .expand_zalo_ft {
    position: absolute;
    width: 190px;
    top: 114px;
    right: -200px;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    padding: 0px 5px;
    z-index: 999;
    background-image: linear-gradient(180deg, #4fc3f7 0%, #0277bd 100%);
    border-radius: 5px;
}
.fixed_zalo_cell_sop_ft ul li .expand_zalo_ft p {
    color: #fff;
    margin: 0px;
    padding: 8px;
    text-align: center;
}
.fixed_zalo_cell_sop_ft .chat_vschungtoi_pa {
    width: 55px;
    height: 55px;
    text-align: center;
    background: #32a22d;
    line-height: 54px;
    border-radius: 50%;
}
.fixed_zalo_cell_sop_ft .chat_vschungtoi_pa img {
    max-width: 75%;
}
#liveChatPopup {
    display: none;
}
@media (max-width: 767px) {
    #liveChatPopup {
        width: 285px !important;
    }
    .lv4 {
        font-size: 12px !important;
    }
    .chat1 {
        font-size: 14px !important;
    }
    .regular .bang{
        width: 100%;
        float:none;
    }
    .space1 ul li {
        margin:0px 0px 10px 0px;
   }
}