@charset "utf-8";
@import url(css/fonts.css);
*,
.hotro-tit {
    box-sizing: border-box
}
img{
    max-width: 100% !important;
}
.wap-conten{
    width: 100%;
    margin: 0 auto;
}
.wap-conten-sp{
    max-width: 1200px;
    margin: 0 auto;
}
.wap-conten .logo{
    display: inline-block;
    padding: 5px 0;
}
#header,
.header_top,
.line_top,
.ngonngu {
    width: 100%;
    float: left;
    position: relative
}
.header_top h4,
.lienket span {
    display: inline-block;
    font-weight: 400
}
.khung_thongtin ul,
div#tabs ul#ultabs,
ul li {
    list-style: none
}
* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.padding,
.padding-left {
    padding-left: 0!important
}
.padding,
.padding-right {
    padding-right: 0!important
}
a {
    text-decoration: none!important
}
.clear {
    clear: both
}
.visit_hidden {
    visibility: hidden;
    height: 1px
}
#container {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    overflow: hidden
}
.banner_photo img,
.logo img,
.quangcao img {
    max-width: 100%
}
#header {
    height: auto;
    border-bottom: 1px solid #efefef;
}
.header_top {
    background: #0aac38;
}
.header_top h4 {
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 10px 0;
    line-height: 20px;
}
.ngonngu {
    margin: 20px 0;
    text-align: right
}
.caption_slider,
.gioithieu h3,
.h3_dm,
.hotline,
.item_dm span,
.rs_dm,
.title {
    text-align: center
}
.hotline {
    width: 274px;
    padding-bottom: 21px;
    float: right;
    margin-top: 7%;
    background: url(images/hhh.png)no-repeat;
    padding-left: 57px;
}
.dienthoai p {
    color: #2452A8;
    font-weight: bold;
    font-size: 16px;
}
.dienthoai p span {
    color: #001dff;
    font-weight: 900;
    font-size: 18px;
}
.dienthoai {
    position: absolute;
    right: 149px;
    top: 56.4%;
}
.hotline p {
    font-family: UTMHelvetIns;
    font-size: 20px;
    padding-top: 10px;
    color: #001dff;
    width: 123px;
    margin: 0
}
.lienket {
    float: right;
    margin: 0
}
.lienket span {
    font-size: 13px;
    text-transform: none;
    color: #fff
}
.lienket img {
    transition: .5s all ease;
    margin-left: 7px
}
.lienket img:hover {
    transform: scale(1.15)
}
.i-cart {
    cursor: pointer
}
.cart {
    position: relative
}
.cart span {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 10px!important;
    background: #ff6c25;
    padding: 0 4px;
    border-radius: 5px;
    z-index: 2;
    line-height: 1.5
}
#search button:hover,
#timkiem button:hover {
    color: rgba(255, 255, 0, 1)
}
.m-cart {
    position: fixed;
    top: 150px;
    right: 0;
    background: #734303;
    padding: 5px;
    transition: all 1s;
    display: none;
    z-index: 99
}
#search button,
#timkiem button {
    position: absolute;
    z-index: 10;
    border: 0;
    outline: 0;
    cursor: pointer
}
#timkiem input::-webkit-input-placeholder {
    color: #fff;
    font-size: 12px
}
#timkiem input:-moz-placeholder {
    color: #fff;
    font-size: 12px
}
#timkiem input::-moz-placeholder {
    color: #fff;
    font-size: 12px
}
#timkiem input:-ms-input-placeholder {
    color: #fff;
    font-size: 12px
}
#timkiem {
    width: 160px;
    float: right;
    margin-top: 5px;
    height: 24px;
    line-height: 24px;
    position: relative;
    background: url(images/timkiem.png) no-repeat;
    background-size: 100% 100%
}
#timkiem input {
    width: 80%;
    height: 24px;
    float: left;
    background-color: rgba(255, 255, 255, 0);
    border: 0;
    margin: 0;
    padding: 0 0 0 15px;
    outline: 0;
    color: #fff
}
#timkiem button {
    width: 20%;
    right: 0;
    top: 0;
    background: 0 0;
    height: 24px
}
#box_search {
    float: right;
    margin: 10px 0 0 30px;
    cursor: pointer;
    display: none
}
#box_search .icon_s {
    width: 21px;
    height: 18px;
    float: right;
    background: url(images/icon/btn_search.png) no-repeat
}
#search {
    position: absolute;
    top: 41px;
    right: 0;
    width: 197px;
    height: 33px;
    background: url(images/icon/search.png) no-repeat;
    display: none;
    z-index: 999
}
#search input {
    width: 170px;
    height: 33px;
    line-height: 33px;
    float: left;
    background-color: rgba(255, 255, 255, 0);
    border: 0;
    margin: 0;
    padding: 0 10px;
    outline: 0;
    font-size: 13px
}
#search button {
    width: 33px;
    float: right;
    right: 10px;
    top: 3px;
    background: 0 0;
    height: 33px
}
#menu,
#slider,
.h3_dm,
.owl-carousel,
.rs_danhmuc,
.rs_dm,
.slider_l {
    float: left;
    position: relative;
}
.conten-siler{
    position: absolute;
    bottom: 15%;
    left: 10%;
    width: 545px;
    height: 260px;
    background: rgba(6, 6, 6, 0.5);
    border: 0.5px solid #fff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer
}
.conten-siler h3{
    padding-top: 15px;
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'RobotoBold';
}
.conten-siler p{
    font-size: 18px;
    color: #fff;
    margin-top: 35px;
    font-family: 'RobotoThin';
    font-style: italic;
    padding: 10px;
}
.rs_danhmuc {
    width: 100%;
    background: #E9E9E9;
    padding: 10px 0
}
.rs_dm {
    font-family: RobotoMedium;
    width: 100%;
    opacity: 0;
    height: 0
}
.rs_dm img {
    width: 34px!important;
    height: 30px!important;
    margin: auto
}
.rs_dm h3 {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 5px
}
.rs_dm h3 a {
    color: #484848
}
.owl-carousel {
    width: 100%
}
.item_dm {
    position: relative
}
.item_dm img {
    transition: .5s;
    border-radius: 50%;
    border: 12px solid rgba(243, 238, 235, .24)!important
}
.item_dm:hover img {
    opacity: .9;
    transform: scale(1.03)
}
.item_dm span {
    font-family: SFUBemboItalic;
    white-space: pre-line;
    position: absolute;
    top: 20%;
    left: 20%;
    bottom: 20%;
    right: 20%;
    background: rgba(255, 255, 255, .8);
    border-radius: 100%;
    transform: scale(1);
    transition: .5s;
    color: #323232;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3
}
.h3_dm h3,
.item_dm span p {
    font-family: SFUAngieRegular;
    display: inline-block
}
#responsive_menu,
.h3_dm,
.product,
.product .img,
.title {
    position: relative
}
.item_dm span p {
    color: #2452a8;
    font-size: 40px;
    margin: 0
}
.item_dm:hover span {
    transform: scale(.94)
}
.h3_dm {
    width: 100%;
    height: 40px;
    background: url(images/h3_dm.png) center no-repeat;
    line-height: 40px;
    margin-top: -24px
}
.h3_dm h3 {
    font-size: 15px;
    color: #fff;
    margin: 0
}
.h3_dm h3 a {
    color: #fff;
    text-transform: uppercase
}
.item_dm:hover .h3_dm h3 a {
    color: #ff0
}
#menu {
    width: 100%;
    background: none;
    position: relative;
    z-index: 999;      
}
#responsive_menu {
    float: left;
    background-size: 100% 100%;
    display: none;
    position: absolute;
    top: 8px;
}
#mobile_search {
    width: 90%;
    margin: auto
}
#mobile_search input {
    width: 100%;
    padding-left: 20px;
    outline: 0;
    line-height: 30px;
    background: rgba(0, 0, 0, .05);
    border: 0;
    border-radius: 20px;
    color: rgba(0, 0, 0, .7);
    font-size: 14px
}
#slider {
    width: 100%;
    max-height: 530px;
    overflow: hidden;
    position: relative
}
.slider_l {
    width: 100%
}
.slider_qc {
    width: 28.33%;
    float: right
}
.slider{
    height: 530px;
}
#content,
#main,
.box_content,
.box_full,
.caption_slider h3,
.quangcao {
    width: 100%;
}
.caption_slider {
    float: left;
    padding: 30px;
    border-radius: 0 0 5px 5px
}
.caption_slider span {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: UTMAvo
}
.caption_slider p {
    font-size: 16px;
    color: #fff;
    font-family: RobotoRegular
}
.caption_slider .ct_cap,
.caption_slider h3 {
    font-family: RobotoCondensed;
    color: #fff;
    text-transform: uppercase
}
.caption_slider h3 {
    font-size: 60px;
    padding: 10px 0;
    margin: 10px 0;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff
}
.caption_slider .ct_cap {
    border: 1px solid #fff;
    padding: 10px 20px;
    font-size: 16px
}
.caption_slider .ct_cap:hover {
    border: 1px solid red;
    color: red
}
/*Đăng ký ngân hàng vay*/
#dangkyvay{
    position: absolute; 
    top:23%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
}
#dangkyvay .wap-vay{
    width: 1200px;
    margin: 0 auto;
}
#dangkyvay .contant{
    background: #fff;
    position: relative;
    padding-left: 15%;
    min-height: 315px;
}
.wap-vay h2{
    text-align: center; 
    text-transform: uppercase;
    font-size: 25px;
    color: #fff;
    padding-bottom: 25px;
}
.narrow-left{
    min-width: 100px;
    width: 15%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    z-index: 1000;
    background: #C32D15;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.narrow-left::after {
    left: auto;
    content: " ";
    height: 100%;
    position: absolute;
    right: -60px;
    bottom: 0;
    background: #232b21;
    top: 0;
    width: 60px;
    background: url(images/narrow-left.png) no-repeat right;
    background-size: 100% 100%;
}
.narrow-left span {
    color: #fff;
    font-weight: normal;
    margin-left: 30px;
    font-size: 20px;
    text-transform: uppercase;
}
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;

}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    text-align: center;
    width: 25%;
    font-family: 'RobotoRegular';
    font-size: 16px;
    transition: 0.5s;
}
ul.tabs li:hover{
    color: #436085
}
ul.tabs li i{
    padding-right: 10px;
}
ul.tabs li.current{
    background: #ededed;
    color: #426082;
}

.tab-content{
    display: none;    
    padding: 30px 90px;
}

.tab-content.current{
    display: inherit;
}
.tab-content h4{
    font-size: 16px;
    color: #436085;
    margin-bottom: 30px;
}
/*tab*/
.list-tab .tabs {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    border-bottom: 1px solid #ececec;
}

.quangcao {
    margin: 5% 0
}
#content_tabs img,
.big-img a,
.noidung img {
    max-width: 100%!important
}
#content {

}
#content .content-index{
    background: #fff;    
}
.box_giohang {
    width: 76%;
    float: right
}
.left {
    width: 22.5%
}
.right {
    width: 20%
}
.title_giua {
    width: 100%;
    font-family: RobotoBold;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: center;
    padding-bottom: 20px;
}
.title_giua h3{
    margin-top: 0;
}
.title h2,
.title h3 {
    display: inline-block;
    font-size: 25px;
    padding: 15px 30px;
    text-align: center;
    color: #333;
    font-weight: 700;
}
.title_giua h3 i{
    color: #72C51F;
}
.content-in{
    width: 1200px;
    margin: 0 auto;
}
/*News index*/
.uudai{
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}
.uudai .news_i{
    margin-right: 15px;
    box-shadow: 2px 2px 2px #ccc;
    background: #fff;
    padding: 5px 0 5px 5px;
    border: 1px solid #e6e6e6;
}

.uudai .news_i .images{
    display: inline-block;
    float: right;
}
.uudai .padding{
    text-align: justify;
}
.uudai .padding  span{
    font-size: 12px;
    color: #999;
    line-height: 30px;
}
.uudai .padding .xemthem a i{
    padding-left: 10px;
}
.news_i h3{
    margin: 0;
    height: 52px;
}
.news_i h3 a{
    font-family: RobotoCondensed;
    font-size: 16px;
    color: #ed2525;
    transition: 0.5s;
}
.news_i h3 a:hover{
    color: #426082
}
/*tab*/
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    margin: 0 10px;
    background: #ededed;
}

ul.tabs li.current{
    background: #49B128;
    color: #222;
}

.tab-content{
    display: none;
    background: #ededed;
    padding: 15px;
}

.tab-content.current{
    display: inherit;
}
/*End News index*/
.content-tn{
    width: 100%;
    background: #F7F7F7;
    margin: 20px auto;
    border-bottom: 1px dashed #ccc
}
.wap-conten-tn{
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 0;
}

.wap-conten-tn .title-about h2{
    font-family: RobotoMedium;
    font-size: 25px;
    color: #129b00;
    line-height: 30px
}
.wap-conten-tn .img-about{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.wap-conten-tn .conten-about{
	width: 50%;
	display: inline-block;
}
.wap-conten-tn .slugan{
    font-family: 'UVNThayGiaoItalic';
    font-size: 25px;
    color: #0a4301;
    font-weight: 700
}
.wap-conten-tn .mota{
    font-size: 14px;
    line-height: 25px;
    padding-top: 20px;
}
.wap-conten-tn .xemthem{
    margin-top: 20px;
}
.wap-conten-tn .xemthem a{
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    background: #129b00;
    text-transform: uppercase;
    transition: 1s;
    font-style: normal;
}
.wap-conten-tn .xemthem a:hover{
    transition: 1s;
    background: #0a4301
}
.feedback{
    width: 66.5%;
    display: inline-block;
    float: right;
    border: 1px solid #ccc;
    min-height: 272px;
    background: #fff;
    position: relative;
}
.feedback .noidung{
    padding: 25px 30px;
    position: relative; 
    line-height: 25px;
    cursor: pointer;
}
.feedback .item-gy{
    padding: 20px;

}
.feedback .noidung::before{
    content: "“";
    top: 0px;
    left: 0px;    
    position: absolute;
    font-size: 60px;
    line-height: 50px;
    display: block;
    color: #444;
}
.feedback .noidung::after{
    content: "“";
    position: absolute;
    font-size: 60px;
    line-height: 50px;
    display: block;
    color: #444;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 0;
    right: 0;

}
.feedback .item-gy .name{
    margin-top: 25px;
    float: right;
    font-size: 15px;
    color: #999;
    font-weight: 700;
    cursor: pointer;
}
.dknm{
    width: 100%;
    margin-bottom: 20px;
}
.wap-dk{
    width: 1200px;
    height: 96px;
    background: #ca160d url(images/bg_mail.png) no-repeat 400px center;
    margin: 0 auto;
    position: relative;
}
.wap-dk .title-dk{
    width: 35%;
    line-height: 96px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
}
.wap-dk .conten-dk{
    width: 64%;
    display: inline-block;
    float: right;
    line-height: 96px;
    text-align: center;
}
/*news*/
.news-nb{
    width: 100%;
    background: #F7F7F7;
    border-top: 1px dashed #ccc;
}
.wap-news-nb{
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0
}
.wap-news{
    width: 100%;
}
.xem_sp {
    float: right;
    font-size: 13px;
    color: #734200;
    font-family: RobotoRegular;
    font-weight: 400;
    text-transform: none;
    font-style: italic;
    text-decoration: underline!important;
    padding: 15px 5px 0 0
}
.thanh_title {
    width: 100%;
    float: left;
    margin: 20px 0 10px;
    font-family: RobotoLight;
    border-bottom: 4px solid #ECECEC
}
.thanh_title h2,
.thanh_title h3 {
    color: #000;
    font-size: 33px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 4px solid #0F67DE;
    margin-bottom: -4px;
    padding-bottom: 5px
}
.box_gioithieu {
    width: 80%;
    margin: auto
}
.gioithieu {
    width: 100%;
    float: left;
    margin: 20px 0
}
.gioithieu h3 {
    margin: 20px 0 50px;
    float: left;
    width: 100%;
    font-size: 24px
}
.gioithieu h3 a {
    font-family: UTMAvo;
    color: #2452a8;
    text-transform: none;
    background: url(images/line_gt.png) center bottom no-repeat;
    padding-bottom: 30px
}
.gioithieu h3 a:hover {
    color: #FD6504
}
.gioithieu p {
    font-family: RobotoLight;
    color: #787878;
    font-size: 15px;
    text-align: justify;
    text-align-last: center
}
.product,
.service {
    text-align: center
}
.xem_gt {
    font-family: Tahoma;
    font-weight: 700;
    font-size: 12px;
    color: #d01017;
    float: right
}
.xem_gt:hover {
    color: #FD6504;
    text-decoration: underline!important
}
.box_product {
    width: 100%;
    margin-top: 20px
}
.product {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #fff
}
.product .img {
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom: 10px
}
.product .img img {
    height: auto;
    transition: all .5s ease
}
.images img,
.new_left img,
.tintucnb img {
    transition: all .5s
}
.product:hover .img img {
    transform: scale(1.1);
    opacity: .7
}
.product h3 {
    display: inline-block;
    padding-bottom: 12px;
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: SFUAngieRegular;
    background: url(images/line_sp.png) bottom center no-repeat
}
.service h3 a,
.title_bottom h3,
.title_left {
    text-transform: uppercase
}
.product h3 a {
    color: #2452a8
}
.product:hover h3 a {
    color: red
}
.product .price {
    width: 100%;
    float: left;
    margin-bottom: 10px
}
.product .price .giacu {
    width: 65%;
    float: left
}
.product .price .giaban {
    width: 35%;
    float: left
}
.box_news,
.box_service,
.news,
.product .price .gia,
.title_bottom {
    width: 100%;
    float: left
}
.product .price .giacu span {
    font-family: SFUGaramondThreeBold;
    font-size: 21px;
    color: #000
}
.product .price .giaban p {
    font-family: SFUGaramondThreeRegular;
    font-size: 16px;
    color: #000;
    margin: 7px 0 0;
    text-decoration: line-through
}
.product .price .gia span {
    font-family: SFUGaramondThreeBold;
    font-size: 21px;
    color: #000
}
.product:hover {
    border: 1px solid #A0B5DC
}
.product:hover .price .gia span,
.product:hover .price .giacu span {
    color: #e24647
}
.product .sale {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 9
}
.service {
    background: #2452A8;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 2%;
    padding-top: 2%
}
.service h3 {
    font-family: UTMHelvetIns;
    font-size: 25px
}
.service h3 a {
    color: #fff
}
.service p {
    font-size: 15px;
    color: #fff;
    font-weight: 400
}
.service:hover h3 a {
    color: #ff0
}
.service:hover {
    background: #163C82
}
.box_news {
    padding: 0
}
.title_bottom {
    margin: 10px 0;
    background: url(images/title_bt.png) left center no-repeat;
    padding-left: 30px
}
.title_bottom h3 {
    color: #2452a8;
    font-size: 20px;
    background: url(images/line_bt.png) left bottom repeat-x;
    padding-bottom: 5px
}
.images {
    /*    padding: 0 10px 10px 10px!important*/
}
.news:hover img {
    opacity: .7;
    transform: scale(1.03)
}
.new_left:hover img,
.tintucnb:hover img {
    transform: scale(1.03, 1.03);
    opacity: .7
}
/*news*/
.item-tt1{
    width: 49.8%;
    height: 410px;
    display: inline-block;
    overflow: hidden;
    position: relative
}
.content-container{
    position: absolute; 
    bottom: 10%;
    left: 0;
    right: 0;
    padding: 0 10px;
}
.content-container a{
    color: #fff !important;
    font-size: 20px !important;
    line-height: 25px;
    text-transform: uppercase;
}
.content-container .ngaydang{
    color: #fff !important;
}
.news-right{
    float: right;
    width: 50%;
}
.item-tt2{
    width: 49.5%;
    height: 202px;
    overflow: hidden;
    display: inline-block;    

    position: relative;
}
.item-tt2 .content-container a{
    font-size: 12px !important;
    line-height: 20px
}
.item-news {
    width: calc(50% - 8px);
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 1%;
    vertical-align: top;
    position: relative;
}
.item-news:nth-child(2n){
    margin-right: 0;
}
.item-news h3{
    margin: 0;
    padding-bottom: 10px;
}
.item-news h3 a{
    font-size: 14px;
    color: #0aac38;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 1s ease;
}
.item-news h3 a:hover{
    transition: all 1s ease;
    color: #333;
}
.item-news .images{
    float: left;
    margin-right: 1%;
    overflow: hidden;
}
.item-news .images img{
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.item-news .images img:hover{
    transform: scale(1.1,1.1);
    -webkit-transform:  scale(1.1,1.1);
    -moz-transform:  scale(1.1,1.1);
    -o-transform:  scale(1.1,1.1);
    -ms-transform:  scale(1.1,1.1);
}
.xemthem{

    bottom: 0;
    right: 0;    
    font-style: italic;
}
.xemthem a{
    color: #F77D7C; 
}
.news {
    border-bottom: 1px dashed #000;
    margin-bottom: 10px
}
.news span {
    font-size: 12px;
    color: #636363
}
.news h3 {
    margin: 0;
    font-size: 15px;
    line-height: 1.5
}
.news h3 a {
    color: #033b7e;
    font-size: 14px;
    font-weight: 700
}
.news p {
    color: #000;
    font-size: 12px
}
.news h3 a:hover {
    color: red
}
.tintucnb {
    padding-left: 0!important;
    margin-bottom: 10px
}
.tintucnb h3 {
    margin: 5px 0;
    text-align: left;
    font-size: 18px;
}
.tintucnb h3 a {
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    font-family: RobotoRegular;
}
.tintucnb h3 a:hover {
    color: #426082
}
.tintucnb p {
    font-size: 13px;
    margin: 0;
    text-align: justify;
    color: #888888;
}
.tintucnb img {

}
.news-cu{
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}
.item-cu{
    width: 24%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 1% 0.3%;
}
.item-cu .images{
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.xemtiep {
    width: auto;
    float: right;
    margin-top: 0;
    font-size: 11px;
    background: url(images/icon/sao.png) left center no-repeat;
    padding-left: 15px;
    text-align: center
}
.xemtiep a {
    text-decoration: none;
    color: rgba(0, 153, 204, 1)
}
.xemtiep a:hover {
    color: #ff0
}
.box_left {
    width: 100%;
    float: left
}
.title_left {
    width: 100%;
    float: left;
    font-family: RobotoBold;
    overflow: hidden;
    margin: 0;
    background: url(images/bg_title.png) repeat-x;
    height: 44px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    position: relative
}
.title_left h3 {
    line-height: 44px;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    font-size: 16px
}
.left_box {
    width: 100%;
    float: left;
    border: 1px solid #D8D7D7;
    margin-bottom: 20px;
    border-radius: 0 0 5px 5px;
    background: #F9F9F9
}
ul.cateUl {
    overflow-y: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0
}
ul.cateUl ul {
    display: none
}
ul.cateUl>li {
    position: relative;
    line-height: 46px;
    border-bottom: 1px dotted #A0A0A0;
    text-align: left;
    background: url(images/arrow.png) 93% center no-repeat
}
ul.cateUl>li:last-child {
    border: 0
}
ul.cateUl>li>a {
    font-family: RobotoRegular;
    font-size: 14px;
    font-weight: 400;
    color: #3e3e3e;
    text-transform: capitalize!important;
    background: url(images/hoa.png) 18px center no-repeat;
    padding-left: 36px
}
ul.cateUl>li>ul>li>a,
ul.cateUl>li>ul>li>ul>li>a {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    font-weight: 700
}
#footer h5,
.dangkymail button,
.footer_L h6,
.form_ct legend,
.new_left h3,
.tieude {
    text-transform: uppercase
}
ul.cateUl>li>ul>li,
ul.cateUl>li>ul>li>a,
ul.cateUl>li>ul>li>ul>li,
ul.cateUl>li>ul>li>ul>li>a {
    display: block;
    padding-left: 10px
}
ul.cateUl>li>ul>li {
    position: relative;
    border-top: 1px dotted #ccc
}
ul.cateUl>li>ul>li>a {
    color: #343434;
    background: url(images/cham2.png) left center no-repeat
}
ul.cateUl>li>ul>li>ul>li {
    position: relative;
    border-top: 1px dotted #ccc
}
ul.cateUl>li>ul>li>ul>li>a {
    color: #FF4E00;
    background: url(images/cham.png) left center no-repeat
}
ul.cateUl>li>a:hover,
ul.cateUl>li>ul>li>a:hover {
    color: red
}
ul.cateUl>li>ul>li>ul>li>a:hover {
    color: #009CFF
}
.active1,
.active2 {
    color: #FF4E00!important
}
.active3 {
    color: #009CFF!important
}
.active2>ul.cateUl>li ul {
    display: block!important
}
.new_left {
    width: 100%;
    float: left;
    margin-bottom: 0
}
.new_left img {
    width: 100%;
    float: left
}
.new_left h3 {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 400;
    font-family: RobotoCondensedRegular;
    line-height: 1.5
}
.list_yahoo,
.new_left p,
.tieude {
    font-family: RobotoRegular
}
.new_left h3 a {
    color: #ff6900
}
.new_left p {
    font-size: 13px;
    color: #9e9e9e;
    font-weight: 400;
    margin: 0
}
.new_left:hover h3 a,
.tieude {
    color: #0060FF
}
.khung {
    max-width: 1200px;
    margin: 0 auto;    
    margin-bottom: 20px;
    margin-top: 25px;
    padding: 0 5px;

}
.tieude {
    width: 100%;
    margin: 0;
    font-size: 20px;
    color: #333;
    padding: 20px 0;
}
.details-left{
    width: 70%;
    display: inline-block;
}
.details-right{
    width: 27%;
    display: inline-block;
    float: right;
}
.baiviet-xn{
    width: 100%;
    margin-top: 43px;
}
.section-heading{
    height: 40px;
    line-height: 40px;
    background: #426082;
    text-align: center;
    border-radius: 2px;
}
.section-heading span{
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto';
}
.news-them{
    width: 100%;   
}
.news-them .images{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.news-them1{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.news-them1:nth-child(2n){
    float: right
}
.news-them1 .images{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.noidung {

    text-align: justify;
    color: #000;
    padding: 10px 0;
    width: 100%
}
.noidung table {
    width: 100%!important
}
div.ngaydang {
    font-size: 12px;
    color: #999;
    padding-bottom: 10px;
}
.dangcapnhat {
    margin-top: 10px;
    color: #e2007a;
    padding: 10px
}
.hotrotructuyen {
    width: 100%;
    float: left;
    background: url(images/httt.png) no-repeat
}
.list_yahoo {
    width: 100%;
    float: left;
    padding: 10px;
    border-bottom: 1px dotted #ccc
}
.list_yahoo strong {
    color: #3e3e3e;
    font-size: 13px;
    font-weight: 400;
    float: left;
    margin-bottom: 10px
}
.list_yahoo b {
    font-size: 15px;
    font-weight: 400;
    color: #3e3e3e
}
.list_yahoo h2 {
    color: #894e00;
    font-weight: 400;
    font-size: 20px;
    font-family: UTMFlamenco;
    margin: 15px 0 0
}
.list_yahoo h3 {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 400;
    font-family: RobotoRegular;
    margin-top: 10px;
    display: inline-block;
    width: 100%
}
.list_yahoo h4,
.list_yahoo h5 {
    color: #fe0000;
    font-family: RobotoBold;
    margin: 0;
    font-weight: 400
}
.list_yahoo h4 {
    font-size: 20px
}
.list_yahoo h5 {
    font-size: 16px;
    display: inline-block
}
.list_yahoo h6 {
    text-align: right;
    margin-top: 15px;
    margin-right: 30px
}
#frmPrjSearch,
.app-figure,
.box-hotro-tit,
.copyright,
.form_ct h6,
.form_ct legend,
.selectors,
.videoclip,
ul.pagination {
    text-align: center
}
.list_yahoo img {
    vertical-align: middle
}
.list_yahoo span {
    color: #3e3e3e;
    font-size: 14px
}
.list_yahoo p {
    float: left;
    color: #383837;
    font-size: 13px;
    font-weight: 400
}
#bottom {
    width: 100%;
    float: left;
    background: url(images/line.png) left top no-repeat;
    margin-top: 30px
}
.bottom {
    padding-left: 0
}
.bottom_R {
    padding-right: 0
}
.videoclip {
    position: relative;
    width: 100%;
    float: left
}
.videoclip img {
    width: 100%;
    float: left
}
.videoclip h3 {
    color: #434343;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin: 5px 0
}
.bg_video {
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 15px);
    width: 52px;
    height: 60px;
    background: url(images/play.png) top center no-repeat;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}
.bg_video:hover {
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}
.video {
    width: 100%
}
.select_video {
    width: 100%;
    margin: 15px 0 14px
}
.select_video select {
    width: 100%;
    padding: 5px
}
.album {
    width: 274px;
    float: left;
    margin: 0 31px 20px 0;
    position: relative;
    overflow: hidden
}

#map_canvas,
.album img{
    width: 100%;
    float: left
}
.album img {
    padding: 1px;
    border: 1px solid #cde9ff
}
.album h3 {
    font-size: 12px;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 5px;
    transition: .5s
}
.album:hover h3 {
    bottom: 0
}
#doitac {
    width: 100%;
    box-sizing:border-box;
    padding: 20px 0;
}
.doitac {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}
div#doitac a img
{
    height:100px;
    margin:0 5px;
    border:1px solid #DDD;
}
#map_canvas {
    height: 400px;
    margin: 10px 0
}
.box_map {
    width: 70%;
    float: left;
    margin-top: 20px;
    position: relative
}
#map_canvas_bt,
.bando {
    width: 100%;
    float: left
}
#map_canvas_bt {
    height: 456px;
    margin: 0
}
.bando {
    margin-bottom: 20px
}
.box_contact {
    width: 30%;
    float: left;
    background: rgba(0, 0, 0, .6);
    margin-top: 20px
}
.form_ct {
    width: 100%;
    float: left;
    padding: 0 20px
}
.form_ct fieldset {
    padding: 0;
    margin: 40px 0 0
}
.form_ct legend {
    font-size: 20px;
    font-family: RobotoRegular;
    color: #fff;
    border-bottom: 0;
    margin-bottom: 10px
}
.form_ct h6 {
    font-size: 14px;
    color: #fff;
    margin: 0;
    font-weight: 400;
    background: url(images/line_lh.png) center bottom no-repeat;
    padding-bottom: 30px
}
.form_ct p {
    padding: 20px 0
}
.form_ct p input {
    width: 68%;
    float: right;
    padding: 2px
}
.form_ct p label {
    float: left;
    font-weight: 400;
    color: #fff;
    font-size: 15px;
    width: 30%
}
.form_ct p textarea {
    width: 68%;
    border: 1px solid #ccc;
    padding: 2px;
    float: right
}
.form_ct p button {
    border: 0;
    background: #ED1C24;
    padding: 5px 40px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    display: inherit;
    margin: auto
}
.form_ct p button:hover {
    background: #036593
}

.form_lh {
      
}
.form_lh fieldset {
    padding: 10px;
    margin: 0
}
.form_lh fieldset button{
    padding: 5px 10px;
}
.form_lh legend {
    padding: 0;
    margin: 0;
    color: #023B70
}
.form_lh p {
    padding: 0
}
.form_lh p input,
.form_lh p textarea {
    padding: 5px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.form_lh p label {
    float: left;
    font-weight: 400
}
.form_lh p textarea {
    border: 1px solid #ccc
}
.contact-left{
    width: 48%;
    display: inline-block;
}
.contact-right{
    width: 48%;
    float: right;
}
#footer {
    width: 100%;
    background: #363636
}
.baiviet-ft{
    width: 100%;
    border-bottom: 1px solid #565656;
}
.baiviet-ft .item-ft{
    width: 23%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}
.baiviet-ft .item-ft a{
    font-size: 14px;
    color: #fff;
    transition: 0.5s;

}
.baiviet-ft .item-ft a:hover{
    color: #f6ed31;
    padding-left: 5px;
    transition: 0.5s;
}
.baiviet-ft .item-ft:nth-child(4n) {
    margin: 0;
}
.wap-footer{
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}
.footer {
    width: 100%;

}
.footer_L {
    color: #fff;
    padding-left: 0;
    margin-bottom: 10px;
    line-height: 2;
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 3%;
}
.footer_L h6 {
    color: #3AE052;
    font-weight: 400;
    font-size: 24px;
    font-family: SFUAGBuchStencilBQMedium
}
.footer_L .line{
    width: 70px;
    height: 5px;
    background: #fff;
}
.footer_L p,
.footer_L ul li {
    font-size: 13px;
    font-weight: 400
}
.footer_L ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding-top: 10px
}
.footer_L ul li {
    width: 100%;
    color: #fff;
    padding-bottom: 5px;
    line-height: 30px;
}
.footer_L ul li i{
    color: #3AE052;
    font-size: 16px;
    padding-right: 10px;
}
.footer_L p {
    color: #5983B4
}
.footer_R{
    width: 20%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
}
.footer_C {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.footer_C p{
    color: #fff;
}
.footer_R .img-phone{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    line-height: 60px;
    margin-top: 5px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    float: left;
}
.box-hotline span{
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #f8d818;

}
.footer_R .img-phone i{
    font-size: 25px;
    color: #e12e0d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 50px;
}
.footer_R .box-hotline{        
    margin-top: 40px;  
}
.line2{
    width: 50px;
    height: 3px;
    background: #3ED73E;
    margin-top: 4px;
}
.box-hotline .title-ft{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
#footer h5 {
    color: #f0ff00;
    font-weight: 400;
    font-size: 18px;
    font-family: RobotoCondensedBold
}
.conten-hl{
    border: 1px solid #4e4e4e;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
}
#java_km span,
.copyright,
.dieuhuong a {
    font-family: RobotoRegular
}
.dangkymail {
    position: relative;    
}
.dangkymail input {
    width: 358px;
    height: 40px;
    line-height: 40px;
    padding: 0 40px 0 10px;
    border: 0;
    font-size: 12px;
    color: #333;
    outline: 0;
}
.dangkymail button {
    height: 40px;
}
.footer_R p {
    color: #fff;
    font-size: 14px;
    display: inline-block;
}
.footer_R h4,
.thongke h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}
.footer_R h4 {
    background: url(images/line_dk.png) left center no-repeat;
    padding-left: 15px
}
.mangxahoi {
    margin-top: 15px
}
.mangxahoi img {
    transition: .5s all ease;
    margin-left: 7px
}
.mangxahoi img:hover {
    transform: scale(1.15)
}
.thongke {
    display: inline-block;
    width: 200px
}
.thongke ul {
    margin: 0;
    padding: 0
}
.thongke ul li {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 2;
    padding-left: 20px;
    font-weight: 400
}
.thongke b {
    float: right;
    font-weight: 400
}
.big-img,
.copyright,
.dieuhuong,
.frame_images,
.selectors {
    float: left
}
.copyright {
    width: 100%;
    background: #004FC6
}
.copyright p {
    color: #fffc00;
    font-size: 12px;
    margin: 0;
    padding: 10px 0
}
.copyright a,
.copyright span {
    color: #fff
}
.paging {
    margin: 20px 0;
    width: 100%;
    text-align: center
}
ul.pagination {
    color: #2553A8
}
ul.pagination li {
    display: inline;
    padding: 0 5px
}
ul.pagination a {
    color: #0d7963;
    display: inline-block;
    padding: 2px 10px!important;
    border: 1px solid #cde0dc;
    text-decoration: none;
    border-radius: 5px;
    margin-left: 5px!important
}
ul.pagination a.current,
ul.pagination a:hover {
    background: #2553A8;
    color: #fff
}
.dieuhuong {
    width: 100%;
    margin-bottom: 10px;
    text-transform: none;
    padding: 7px 0
}
.dieuhuong a {
    font-size: 13px;
    color: #666;
    padding: 0 10px 0 5px;
    float: left;
    background: url(images/icon/muiten_trong.png) right no-repeat
}
.dieuhuong a:hover {
    color: #007597!important
}
.dieuhuong a:last-child {
    background: 0 0
}
.khung_thongtin li {
    padding: 5px 0;
    border-bottom: 1px dashed #ddd;
    list-style: none;
    font-family: RobotoCondensedRegular;
}
.khung_thongtin h1 {
    font-size: 22px;
    color: #2452a8;
    border-bottom: 2px solid #2452a8;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #333;
    font-family: RobotoCondensedRegular;
}
.khung_thongtin .luotxem,
.khung_thongtin .masp {
    font-weight: 400;
    color: #333
}
.khung_thongtin .mota_detail {
    color: #333
}
.khung_thongtin .gia_detail {
    font-size: 18px;
    color: #cd0000;
    font-weight: 500;
    font-family: RobotoCondensedRegular;
}
.khung_thongtin .giacu_detail {
    font-size: 16x;
    color: #000;
    font-weight: 400;
    text-decoration: line-through
}
.khung_thongtin .gia_detail b {
    color: #333
}
.khuyenmai_detail {
    color: #333;
    white-space: pre-line;
    font-size: 15px
}
.khuyenmai_detail  span{
    font-family: RobotoCondensedRegular !important;
}
.zoom-img img:hover {
    webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
.zoom-img img {
    margin: auto;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    -ms-transition: all .7s ease;
    transition: all .7s ease
}
.zoom-img {
    overflow: hidden;
    position: relative;
    z-index: 1
}
.big-img {
    margin: 10px 40px 10px 0;
    padding: 10px;
    height: auto
}
.app-figure {
    margin: 20px auto;
    border: 0 solid red;
    position: relative
}
.selectors {
    border: 1px solid #ccc;
    width: 100%
}
.big-img a {
    width: 100%!important
}
.big-img .img {
    display: none
}
.big-img .active {
    display: block
}
.img-thumb {
    cursor: pointer;
    margin-right: 5px;
    box-shadow: 0 0 4px
}
.baogia,
.thumb {
    width: 100%;
    float: left
}
a.giatot,
a.huongdan {
    display: block;
    width: 210px;
    height: 73px;
    color: #fff;
    font-size: 18px;
    line-height: 100px;
    padding-left: 15px;
    float: left;
    text-transform: uppercase
}
a.giatot {
    background: url(images/homnday.png) top left no-repeat;
    margin-right: 20px
}
a.huongdan {
    background: url(images/click.png) top left no-repeat
}
#java_km span,
.comboboxs,
.search-btn {
    display: inline-block
}
a.giatot:hover,
a.huongdan:hover {
    color: red
}
#ultabs{
    text-align: center;
}
div#tabs {

}
div#tabs ul#ultabs li {
    display: inline-block;
    color: #000;
    background: #fff;
    padding: 12px 20px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #EEE;
    border-bottom: none;
    font-weight: 700;
    font-size: 13px;
    background: #eee;
}
div#tabs ul#ultabs li.active {
    color: #fff;
    background: #0aac38
}
div#content_tabs {
    border-top: none;
    background: #fff
}
#content_tabs table {
    width: 100%!important
}
.wap_item{
    width: 100%;   
}
.wap_item .item{   
    width: calc(25% - 11px);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px 0px #CCD;
    margin-right: 10px;
    padding: 0 5px;
    transition: 1s;
}
.wap_item .item:nth-child(4n){
    margin-right: 0;
}
.wap_item .item:hover{
    box-shadow: 1px 1px 1px 1px #ccc;
    transition: 1s;
}
.wap_item .item .img{
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.wap_item .item .img:hover{
    transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
}
.wap_item .item h3{
    text-align: center;
    margin: 5px 0
}
.wap_item .item h3 a{
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: #555;
    font-weight: 700;
    transition: 1s;
}
.wap_item .item h3 a:hover{
    color:#25B339;
    transition: 0.5s;
}
.wap_item .item .giaban{
    text-align: center;
    padding-top: 10px
}
.wap_item .item .giaban p{
    padding: 5px 10px;
    color: #fff;
    background: #25B339;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.xemtatca{
    text-align: center;
}
.xemtatca a{
    padding: 10px 15px;
    background: #25B339;
    border-radius: 2px;
    color: #fff;
    transition: 0.5s;
}
.xemtatca a:hover{
    background: #0a4301;
    transition: all 1s ease;
}
.fanpage,
.nhantin {
    z-index: 9999999999;
    width: 300px;
    transition: all .5s
}
.fanpage {
    position: fixed;
    top: 100px;
    right: -300px;
    height: 250px
}
.fanpage .title_fanpage {
    position: absolute;
    top: 0;
    left: -38px
}
.fanpage:hover {
    right: 0
}
.nhantin {
    position: fixed;
    top: 225px;
    right: -300px;
    background: #fff
}
.nhantin .title_nhantin {
    position: absolute;
    top: 0;
    left: -37px
}
.nhantin:hover {
    right: 0
}
.box_nhantin {
    width: 100%;
    float: left;
    padding: 10px
}
.box_nhantin h4 {
    margin-top: 0
}
#java_km {
    width: 100%;
    float: left
}
#java_km span {
    font-size: 18px;
    color: #424242;
    font-weight: 400;
    padding: 5px 20px
}
#frmPrjSearch {
    width: 100%;
    float: left
}
.comboboxs {
    padding: 5px;
    float: none
}
.comboboxs input,
.comboboxs select {
    width: 100%;
    padding: 7px;
    margin: 10px 0 0
}
.entry-title {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    color: #666
}
#btnSearch,
#btnSearch:hover {
    color: #fff
}
.search-btn {
    float: none
}
#btnSearch {
    background: url(images/timkiem_nc.png) no-repeat;
    border: 0;
    padding: 9px 20px 5px 45px;
    text-transform: uppercase;
    margin: 12px 0 0;
    cursor: pointer;
    float: none;
    width: 141px
}
.hotro1 {
    position: fixed;
    width: 294px;
    top: 150px;
    right: -250px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 9999;
    transition: all 1s
}
.hotro1:hover {
    right: 0
}
.hotro-tit {
    width: 44px;
    height: 241px;
    float: left;
    background: url(images/icon/httt.png) no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    color: #FFF;
    font-weight: 700;
    padding: 10px 0 0 15px
}
.box-hotro-tit {
    text-transform: uppercase;
    color: #FFF;
    background: #0084FF;
    height: 42px;
    line-height: 40px
}
.box-hotro {
    width: 250px;
    float: left;
    background: #FFF;
    min-height: 100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #CCC
}
.box-footer ul {
    padding: 0;
    margin: 0
}
.box-footer ul li {} .box-footer ul a {
    color: #fff;
}
.box-footer a {
    display: inline-block;
}
.anh_ct a img {
    width: 92%;
}
.anh_ct {
    margin-top: 10px;
}
/*Navigation bar*/
.directional{
    padding: 10px 0;
}
.directional a{
    color: #666;
    padding: 0 5px;  
    font-size: 13px;
    transition: 0.5s
}
.directional a:hover{
    color: #426082;
    transition: 0.5s;
}
/*End Navigation bar*/
/*Góp ý*/
.wap-gopy{
    width: 100%;
    position: relative;
}
.item-gopy{
    display: block;
    margin: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 10px;
}
.item-gopy span{
    font-weight: bold;
    padding-right: 5px;
}
.note{
    padding: 10px;
}
.dangnhap h2{
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-family: roboto;
    color: #426082;
}
/*login*/
.wap-login{
    max-width: 400px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 1px #ccc;
}
.login{
    padding-left: 10px;
    color: #fff;
}
.login a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.login a:nth-child(2){
    color: #cd0000;
    padding-left: 10px;
}
/*Đang nhap popup*/
.card{
    max-width: 350px; 
    margin: 0 auto;
}
.card .form-signin{
    padding: 20px 40px;
}
.card input{
    margin: 7px 0;
}
h1.login-title{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.list-ask{
    max-width: 900px;
    margin: 0 auto;
}
.list-ask .title-item {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 15px;
}
.list-ask .title-item h3 {
    font-size: 20px;
    color: #19972b;
    font-weight: normal;
}
.list-ask .title-item p {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 300;
}
#map_canvas2{
    width: 600px;
    height: 500px;
}
#map_canvas_bt {height: 400px;width: 100%;float:left;}
.map_description {color: #000000;overflow: auto;max-width: 300px;}
.map_description .default {color: #FF0000;}
.map_description div {line-height: 18px;margin: 3px;}
.map_list_address {float: left;height: 500px;overflow: hidden;max-width: 250px;}
.map_list_address .list {line-height: 18px;margin-bottom: 5px;}
.map_list_address span {color: #FCFF46;}
.map_description p{
    margin: 0;
    padding-top: 5px;
}
.box-left{
    width: 30%;
    display: inline-block;
}
.box-left .itembd{
        padding: 10px 5px;
    background: #e4e4e4;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.box-right{
    width: 68%;
    display: inline-block;
    float: right
}
.map_title h2 {
    color: #0aac38;
    font-weight: bold;
    font-size: 14px !important;
    margin: 5px 0;
}
.navigate .C {width: 970px;}
@media screen and (max-width: 1285px) {

}

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

}

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

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

}	
@media screen and (max-width: 960px) {
    .item-news{
        width: calc(25% - 3px);
    }
    .item-news{
        margin-right: 0;
    }
    .footer_L{
        width: 49%;
        margin: 0;
    }
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 768px) {
    .wap-conten-tn .title-about h2{
        padding: 0 5px;
        font-size: 18px;
        text-align: center;
    }
    .wap-conten-tn .slugan{
        text-align: center;
        font-size: 20px;
    }
    .wap-conten-tn .mota{
        padding: 5px;
    }
    .wap-conten-tn .xemthem{
        text-align: center;
    }
    .wap_item .item{
        margin-right: 0;
    }
    .wap_item .item{
        width: calc(33% - 1px);
    }
    .item-news{
        width: 100%;
    }
    .item-news .images img{
        width: 150px;
    }
    .item-news h3 a{
        font-size: 12px;
    }
    .footer_L{
        width: 100%;
        margin: 0;
        padding: 0 5px;
    }
    .footer_R{
        margin: 0;
        width: 100%;
        padding: 0 5px;
    }
    #map_canvas1,#map_canvas3{
        width: 100% !important;
    }
    .box-left{
        width: 100%;
        display: block;
    }
    .box-right{
        width: 100%;
        display: block;
    }
    #map_canvas2 {
    width: 100%;
    height: 300px;
	}
	.wap-news {    
    padding: 0 5px;
	}
	div#tabs {
		padding: 0 5px;
	}
	.slick-dots li button{
		display: none !important;
	}
	.row{
		margin: 0 !important;
	}
	.wap-conten-tn .conten-about{
	width: 100%;	
}	
}
@media screen and (max-width: 736px) {

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

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

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

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

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

}
/*điện thoại di động, hiển thị chiều ngang*/
@media screen and (max-width: 480px) {
    .wap_item .item{
        width: calc(50% - 2px);
    }
    div#tabs ul#ultabs li{
        width: 100%;
    }
    .uudai{
        padding: 10px 0
    }
    .title_giua{
        padding-bottom: 5px;
    }

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

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

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

}


/*----- Iphone 6 thường Đứng width: 375px ----------*/
/*----- Iphone 6 thường quay ngang width: 667px ----------*/
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {
}
/*----- Iphone 5 thường Đứng width: 320px ----------*/
/*----- Iphone 5 thường quay ngang width: 568px ----------*/
@media screen and (max-width: 320px) {


}