.div_logo {
width:180px;
height:auto;
border:solid 0px #009900;
background-color:#ccc;
}

.cot_tinview_Main {
width:98%;
height:auto;
float:left;
margin-right:7px;
padding:5px 15px;
border-bottom:solid 1px #ccc;
margin-bottom:1em;
margin-top:1em
}
/*-------- Sua ----------*/
.card .div_des {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 10;
    height: 200px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.card .div_des p {
        color: #000;
    }
.card .open-description {
    width: 100%;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border:solid 0px #009900;
}
.card .open-description a {
    color: #000;
    font-weight:bold;
}
.card .open-description a:hover {
    color: #106fca;
    font-weight:bold;
}
/*--------// Sua --------*/
.cot_tinview_L {
width:20%;
height:auto;
float:left;
margin-right:7px;
border:solid 0 #090
}

.cot_tinview_R {
width:75%;
height:auto;
float:left;
margin-right:7px;
border:solid 0 #090
}
.cot_tinview_Main {
    width: 100%;
    height:auto;
    text-align:left;
    border:solid 0px #009900;
}
.cot_tinview_Main a h3 {
font-size:1.2em;
color:#222;
font-weight:500;
text-align:left;
}

.cot_tinview_Main a h3:hover {
font-size:1.2em;
color:#0051b5;
font-weight:500;
text-align:left;
}

.div_tinkhac {
width:99%;
height:auto;
border:solid 0 #090
}

.div_tinkhac a {
width:99%;
height:auto;
border:solid 0 #090;
font-size:1em;
font-weight:400;
color:#222
}

.div_tinkhac a:hover {
width:99%;
height:auto;
border:solid 0 #090;
font-size:1em;
font-weight:400;
color:#36c
}

.list {
width:30%;
border:solid 1px #ccc
}
/*-------------*/
.w3l-open-block-services .div_tt
     {
    width:100%;
       overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 1;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border:solid 0px #f5f5f5;
    }
.w3l-open-block-services .div_tt a {
color:#222;
text-transform:none;
text-align:center;
font-size:1em
}

.w3l-open-block-services .div_tt a:hover {
color:#0051b5;
text-transform:none;
text-align:center;
font-size:1em
}
/*-------------*/
.news {
width:100%;
height:auto;
padding:5px;
float:left;
background-color:#fff;
border:solid 0px #090
}

.article {
width:100%;
height:220px;
display:inline-block;
padding:5px;
margin-left:2px;
vertical-align:top;
background-color:#fff;
border:solid 0px #0051b5;
}

.thumb {
width:98%;
height:200px;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0 #222
}
/*------*/
.news_ct {
width:100%;
height:auto;
padding:5px;
float:left;
background-color:#fff;
border:solid 0px #090
}

.article_ct {
width:100%;
height:250px;
display:inline-block;
padding:5px;
margin-left:2px;
vertical-align:top;
background-color:#fff;
border:solid 0px #5f9df0
}

.thumb_ct {
width:98%;
height:210px;
background-color:#3e3e3e;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0 #222
}
/*------*/
/*------*/
.news_dt {
width:100%;
height:auto;
padding:5px;
float:left;
background-color:#fff;
border:solid 0px #090
}

.article_dt {
width:100%;
height:150px;
display:inline-block;
padding:5px;
margin-left:2px;
vertical-align:top;
background-color:#fff;
border:solid 0px #5f9df0
}

.thumb_dt {
width:98%;
height:130px;
background-color:#3e3e3e;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0px #222
}
/*------*/
.titlessss {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.news_cate {
width:100%;
height:auto;
padding:5px;
float:left;
background-color:#fff;
border:solid 0 #090
}

.article_cate {
width:99%;
height:220px;
display:inline-block;
padding:5px;
margin-left:2px;
vertical-align:top;
background-color:#fff;
border:solid 0 #5f9df0
}

.thumb_cate {
width:98%;
height:180px;
background-color:#3e3e3e;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0 #222
}

.grids h3 {
font-size:1.7em;
color:#000;
text-transform:uppercase;
text-align:center
}

.team h3 {
font-size:1.7em;
color:#fff;
text-transform:uppercase;
text-align:center;
padding-bottom:1em;
padding-top:1em
}

.success.is-underline:hover,.success.is-outline:hover,.success {
background-color:#1E73BE;
padding:10px;
color:#fff!important
}

.call-mobile {
background:#ED1C24;
position:fixed;
bottom:10px;
height:40px;
line-height:40px;
padding:0;
border-radius:40px;
color:#fff;
left:20px;
z-index:99999
}

.call-mobile1 {
position:fixed;
bottom:11.5%;
height:40px;
line-height:40px;
padding:0;
border-radius:40px;
color:#fff;
left:7px;
z-index:99999
}

.call-mobile2 {
position:fixed;
bottom:93px;
height:40px;
line-height:40px;
padding:0;
border-radius:40px;
color:#fff;
left:20px;
z-index:99999
}

.call-mobile i {
font-size:20px;
line-height:40px;
background:#B52026;
border-radius:100%;
width:40px;
height:40px;
text-align:center;
float:right
}

.call-mobile a {
color:#fff;
font-size:18px;
font-weight:700;
text-decoration:none;
margin-right:10px;
padding-left:10px
}

.div_hot_Email {
bottom:12%;
left:5px;
text-align:center;
padding:3px 5px 2px;
width:auto;
height:auto;
background:red;
position:fixed;
font-size:15px;
font-weight:700;
z-index:200;
border:0 solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
z-index:300;
animation:colorBackground .5s infinite;
-webkit-animation:colorBackground 5s infinite;
-moz-animation:colorBackground 5s infinite;
-o-animation:colorBackground .5s infinite
}

.div_hot_Email a {
color:#fff;
font-size:.9em;
text-transform:none;
text-decoration:none
}

.div_hot_Email a:hover {
color:#fff;
font-size:.9em;
text-transform:none;
text-decoration:none
}

/*.div_hot_ {
bottom:.5%;
left:32.5%;
text-align:center;
padding:3px 5px 2px;
background:#cc0000;
opacity:.7;
width:35%;
height:auto;
position:fixed;
border:solid 0 #090;
z-index:200
}

.hot_ a {
font-size:1em;
font-weight:400;
color:#ffff00;
text-transform:capitalize;
text-decoration:none
}

.hot_ a:hover {
font-size:1em;
font-weight:400;
color:#fff;
text-transform:capitalize;
text-decoration:none
}

.Div_hotline_1 .class_ima {
width:20px;
height:20px;
border:solid 0 #ff0
}

.Div_hotline_1 {
margin-right:2%;
width:48%;
height:auto;
padding:7px 3px 3px;
float:left;
text-align:center;
border:0 solid red;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px
}

.Div_hotline_2 {
width:20%;
height:auto;
padding:3px;
border:solid 0 #390;
float:left

    bottom:0.2%;
    left: 5px;
    text-align: center;
    padding: 3px 5px 2px 5px;
    width: 28%;
    height:auto;
    position: fixed;
    border:solid 0px #009900;
    z-index:200;
}
.hot_ a {
        font-size: 1.2em;
    font-weight: bold;
    color: #000;
    text-transform:uppercase;
    text-decoration:none;
}
.hot_ a:hover {
        font-size: 10px;
    font-weight: bold;
    font-size: 1.2em;
    font-weight: bold;
    color: #ff0000;
    text-decoration:none;
}
.class_ima {
    width: 20px;
    height: 20px;
}
.Div_hotline_1 {
    margin-right:2%;
    width: 48%;
    height: auto;
    padding: 7px 3px 3px 3px;
    float: left;
     background: #ffff00; 
      border: 0px solid #ff0000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.hpt_image {
width:40px;
height:40px
}

.hot_11 {
width:98%;
float:left;
border:solid 1px red
}

.hot_12 {
width:35%;
float:left
}

.class_ima {
width:40px;
height:40px
}
*/
  .div_hot_ {
    bottom:0.2%;
    left: 5px;
    text-align: center;
    padding: 3px 5px 2px 5px;
    width: 32%;
    height:auto;
    position: fixed;
    border:solid 0px #009900;
    z-index:200;
}
.hot_ a {
        font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-transform:uppercase;
    text-decoration:none;
}
.hot_ a:hover {
        font-size: 10px;
    font-weight: bold;
    font-size: 1.2em;
    font-weight: bold;
    color: #ffff00;
    text-decoration:none;
}
.class_ima {
    width: 20px;
    height: 20px;
}
.Div_hotline_1 {
    margin-right:2%;
    width: 48%;
    height: auto;
    padding: 7px 3px 3px 3px;
    float: left;
     background: #cc0000; 
      border: 0px solid #ff0000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.class_ima {
    width: 40px;
    height: 40px;
}
.slides {
width:100%;
height:auto
}
/*---------Dangky css -------------*/
.dv_tieude {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
    color: #222;
    text-transform: uppercase;
    margin-bottom:1em;
}
.dv_tieude_xt {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
    color: #ff0000;
    text-transform: uppercase;
    margin-bottom:1em;
}
.dv_trai {
    width: 30%;
    height: 35px;
    border: solid 0px #ff0000;
    float: left;
    text-align: right;
    font-weight:normal;
    color:#222;

}
.dv_trai_xt {
    width: 30%;
    height: 35px;
    border: solid 0px #ff0000;
    float: left;
    text-align: right;
    font-weight:bold;
    color:#ff0000;

}
.size_hinh {
    font-size: 1em;
    color: #0026ff;
}
.dv_phai {
    width: 68%;
    height: 35px;
    border: solid 0px #ff0000;
    float: right;
}
.dv_phai_nd {
    width: 68%;
    height: auto;
    border: solid 0px #ff0000;
    float: right;
}
.dv_noidung {
    height: 179px;
    width: 95%;
    margin-bottom: 2em;
}
/*---------// Dangky css -------------*/
@media only screen and (min-width: 320px) and (max-width: 750px) {
.div_logo {
width:150px;
height:auto;
background-color:#ccc;
}

.cot_tinview_Main {
width:98%;
height:auto;
float:left;
padding:5px 15px;
margin-right:7px;
border-bottom:solid 1px #ccc;
margin-bottom:1em;
margin-top:1em
}

.cot_tinview_L {
width:40%;
height:auto;
float:left;
margin-right:7px;
border:solid 0 #090
}

.cot_tinview_R {
width:75%;
height:auto;
float:left;
margin-right:7px;
border:solid 0 #090
}

.cot_tinview_Main a h3 {
font-size:1em;
color:#222;
font-weight:500;
line-height:1.5em
}

.cot_tinview_Main a h3:hover {
font-size:1em;
color:#0051b5;
font-weight:500;
line-height:1.5em
}

.div_tinkhac a {
width:99%;
height:auto;
border:solid 0 #090;
font-size:.9em;
font-weight:400;
color:#222
}

.div_tinkhac a:hover {
width:99%;
height:auto;
border:solid 0 #090;
font-size:.9em;
font-weight:400;
color:#36c
}

.list {
width:100%;
border:solid 1px #ccc
}

.news {
width:100%;
height:auto;
padding:5px;
background-color:#fff;
border:solid 0 #090
}

.article {
width:99%;
height:230px;
display:inline-block;
padding:5px;
margin-left:5px;
vertical-align:top;
background-color:#fff;
border:solid 0 #5f9df0
}

.thumb {
width:98%;
height:200px;
background-color:#3e3e3e;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0 #222
}

/*------*/
.news_ct {
width:100%;
height:auto;
padding:5px;
float:left;
background-color:#fff;
border:solid 0px #090
}

.article_ct {
width:100%;
height:230px;
display:inline-block;
padding:5px;
margin-left:2px;
vertical-align:top;
background-color:#fff;
border:solid 0px #5f9df0
}

.thumb_ct {
width:98%;
height:170px;
background-color:#3e3e3e;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0 #222
}
/*------*/
/*------*/
.news_dt {
width:100%;
height:auto;
padding:5px;
float:left;
background-color:#fff;
border:solid 0px #090
}

.article_dt {
width:100%;
height:100px;
display:inline-block;
padding:5px;
margin-left:2px;
vertical-align:top;
background-color:#fff;
border:solid 0px #5f9df0
}

.thumb_dt {
width:98%;
height:80px;
background-color:#3e3e3e;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0 #222
}
/*------*/
.news_cate {
width:100%;
height:auto;
padding:5px;
float:left;
background-color:#fff;
border:solid 0 #090
}

.article_cate {
width:99%;
height:180px;
display:inline-block;
padding:5px;
margin-left:2px;
vertical-align:top;
background-color:#fff;
border:solid 0 #5f9df0
}

.thumb_cate {
width:98%;
height:150px;
background-color:#3e3e3e;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-color:#fff;
border:solid 0 #222
}

.grids h3 {
font-size:1.1em;
color:#000;
text-transform:uppercase;
text-align:center
}

.team h3 {
font-size:1.1em;
color:#fff;
text-transform:uppercase;
text-align:center
}

.success.is-underline:hover,.success.is-outline:hover,.success {
background-color:#1E73BE;
padding:10px;
color:#fff!important
}

.call-mobile {
background:#ED1C24;
position:fixed;
bottom:10px;
height:40px;
line-height:40px;
padding:0;
border-radius:40px;
color:#fff;
left:20px;
z-index:99999
}

.call-mobile1 {
position:fixed;
bottom:8.5%;
height:40px;
line-height:40px;
padding:0;
border-radius:40px;
color:#fff;
left:7px;
z-index:99999
}

.call-mobile2 {
position:fixed;
bottom:93px;
height:40px;
line-height:40px;
padding:0;
border-radius:40px;
color:#fff;
left:20px;
z-index:99999
}

.call-mobile i {
font-size:20px;
line-height:40px;
background:#B52026;
border-radius:100%;
width:40px;
height:40px;
text-align:center;
float:right
}

.call-mobile a {
color:#fff;
font-size:18px;
font-weight:700;
text-decoration:none;
margin-right:10px;
padding-left:10px
}

.div_hot_Email {
bottom:5.5%;
left:5px;
text-align:center;
padding:3px 5px 2px;
width:auto;
height:auto;
background:red;
position:fixed;
font-size:15px;
font-weight:700;
z-index:200;
border:0 solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
z-index:300
}

.div_hot_Email a {
color:#fff;
font-size:.7em;
text-transform:none;
text-decoration:none
}

.div_hot_Email a:hover {
color:#fff;
font-size:.7em;
text-transform:none;
text-decoration:none
}

/*.div_hot_ {
bottom:.2%;
left:5px;
text-align:center;
padding:3px 5px 2px;
width:98%;
height:auto;
position:fixed;
z-index:200;
border:0 solid #222
}

.hot_ a {
font-size:.8em;
font-weight:400;
color:#ffff00;
text-transform:capitalize;
text-decoration:none
}

.hot_ a:hover {
font-size:.8em;
font-weight:400;
color:#fff;
text-transform:capitalize;
text-decoration:none
}

.hpt_image {
width:20px;
height:20px
}

.hot_11 {
width:98%;
float:left;
border:solid 0 red
}

.hot_12 {
width:35%;
float:left
}*/
.div_hot_ {
    bottom:0.2%;
    left: 5px;
    text-align: center;
    padding: 3px 5px 2px 5px;
    width: 98%;
    height:auto;
    position: fixed;
    z-index:200;
    border: 0px solid #222;
}

.hot_ a {
        font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    text-transform:uppercase;
    text-decoration:none;
}
.hot_ a:hover {
    font-size: 0.9em;
    font-weight: bold;
    color: #ffff00;
    text-decoration:none;
}
    .hpt_image {
        width: 25px;
        height: 25px;
    }
.hot_11 {
    width: 98%;
    float:left;
    border:solid 0px #ff0000;
}
.hot_12 {
    width: 35%;
    float:left;
}
.class_ima {
     width: 25px;
        height: 25px;
}
.Div_hotline_1 {
    width: 45%;
    height: auto;
    padding: 3px 3px 3px 3px;
    background: #cc0000; 
    border:solid 0px #009900;
    float: left;
    margin-right:2%;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index:300;
}
.class_ima {
width:25px;
height:25px
}

/*.Div_hotline_1 {
width:48%;
height:auto;
padding:3px;
border:solid 0 #090;
float:left;
margin-right:2%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
z-index:300
}*/

.Div_hotline_2 {
width:20%;
height:auto;
padding:3px;
border:solid 0 #390;
float:left
}
.div_hinhcungloai {
    width: 85%;
    height: auto;
    border: solid 0px #009900;
    text-align: center;
    margin-left:7.5%;
}
.w3l-footer-66 .cpy-right p {
margin-bottom:0;
padding-left:5px;
padding-right:5px;
font-size:0.6em;
text-align:center;
}
    .w3l-footer-66 .cpy-right p .text-right {
        text-align: center;
    }
    /*---------Dangky css -------------*/
.dv_tieude {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
    color: #222;
    text-transform: uppercase;
    margin-bottom:1em;
}
.dv_tieude_xt {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #ff0000;
    text-transform: uppercase;
    margin-bottom:1em;
}
.dv_trai {
    width: 30%;
    height: 35px;
    border: solid 0px #ff0000;
    float: left;
    text-align: right;
    font-weight:normal;
    color:#222;

}
.dv_trai_xt {
    width: 30%;
    height: 35px;
    border: solid 0px #ff0000;
    float: left;
    text-align: right;
    font-weight:bold;
    color:#ff0000;

}
.size_hinh {
    font-size: 1em;
    color: #0026ff;
}
.dv_phai {
    width: 68%;
    height: 35px;
    border: solid 0px #ff0000;
    float: right;
}
.dv_phai_nd {
    width: 68%;
    height: auto;
    border: solid 0px #ff0000;
    float: right;
}
.dv_noidung {
    height: 179px;
    width: 95%;
    margin-bottom: 2em;
}
/*---------// Dangky css -------------*/
    .w3l-open-block-services .div_tt
     {
        width:100%;
       overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 1;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border:solid 0px #ff0000;
    }
.w3l-open-block-services .div_tt a {
color:#222;
text-transform:none;
text-align:center;
font-size:.7em
}

.w3l-open-block-services .div_tt a:hover {
color:#0051b5;
text-transform:none;
text-align:center;
font-size:.7em
}
}