
/*important*/
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("fonts/Roboto-Condensed.woff") format('woff');
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("fonts/RobotoCondensed-Regular.ttf") format('truetype');
}
*{margin:0;padding:0;}
body{
font-family:'Arial', sans-serif;line-height:1.625;
font-size:13px;
background-color: #f9f9f9;
color: #000;
}
.clear{clear:both;}
a{text-decoration:none;}
img{border:none;margin:0;padding:0;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
th,td{padding:3px;}
table{padding:0;margin:0;border-color: #ccfcf;border-spacing: 0;border-collapse:collapse;}
ul{list-style:none;padding:0;margin:0;}
strong{font-weight:700}



.col-dl-1,.col-dl-2,.col-dl-3,.col-dl-4,.col-dl-5,.col-dl-6,.col-dl-7,.col-dl-8,.col-dl-9,.col-dl-10,.col-dl-11,.col-dl-12{padding-left:15px;padding-right:15px;min-height:1px;}
.col-dls-1,.col-dls-2,.col-dls-3,.col-dls-4,.col-dls-5,.col-dls-6,.col-dls-7,.col-dls-8,.col-dls-9,.col-dls-10,.col-dls-11,.col-dls-12{padding-left:15px;padding-right:15px;min-height:1px;}

.navbar-brand{padding:0;width: 180px}
.dropdown_menu{height:50px;background:#fff;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;}
.dropdown-toggle {position: relative;float: right;padding: 6px;background:#fff;border:none;margin:11px 0 8px 10px;}
.dropdown-toggle .icon-bar{background: #ef5350;display: block;width: 22px;height: 3px;border-radius: 1px;}
.dropdown-toggle .icon-bar+.icon-bar {margin-top: 4px;}
.dropdown-menu{width:100%;border-radius:0;margin:0;background: #363636;;border:none;padding:1px 0;overflow:auto;opacity: 0.95;}
.dropdown_menu > .dropdown-menu{max-height:250px;}
.dropdown-menu > li{border-bottom:1px solid #B5B5B5;}.dropdown-menu > li:last-child{border-bottom:none;}
.dropdown-menu > li > a{padding:10px 15px;color:#fff;}
.dropdown-submenu .dropdown-menu{position:relative;background:#fcfcfc;box-shadow:none;border-left:none;border-right:none;}
.dropdown-submenu .dropdown-menu{background:#fafafa !important;padding-top:0;}.dropdown-submenu .dropdown-menu li a{color:#13548d;}
.dropdown-submenu .dropdown-menu li{border-bottom:1px solid #cdcece;}.dropdown-submenu .dropdown-menu li a{color:#000;font-size:13px;}
.dropdown-submenu .dropdown-menu li a:hover,.dropdown-submenu .dropdown-menu li a:focus{background: rgb(156,38,38);color: #fff}li.dropdown-submenu{position:relative;}
.dropdown-submenu span.caret{cursor:pointer;float:right;}
.dropdown-submenu:hover span.ico,.dropdown-submenu:focus span.ico{background-position:left bottom;}
.navfixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;padding: 0 15px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.4);box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.4);}
.navbar-brand>img{height:100%;width: 100%}
.dropdown-menu li a:hover{background: rgb(156,38,38);color: #fff}
/* css header*/

.detail_saleoff a,.title_right a:hover{text-decoration: none;color: #000;}
.container{max-width: 1230px;width: 100%}
.search_respon img{position: absolute;bottom: 12px;right: 280px;cursor: pointer}
.header,.dropdown_menu{
    background: -webkit-linear-gradient(left, #902525, #d32f2f, #ef5350); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #902525, #d32f2f, #ef5350); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #902525, #d32f2f, #ef5350); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #902525, #d32f2f, #ef5350); /* 
/* background: rgb(156,38,38); 
background: -moz-linear-gradient(left,  rgba(156,38,38,1) 0%, rgba(213,48,48,1) 49%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(156,38,38,1)), color-stop(49%,rgba(213,48,48,1))); 
background: -webkit-linear-gradient(left,  rgba(156,38,38,1) 0%,rgba(213,48,48,1) 49%); 
background: -o-linear-gradient(left,  rgba(156,38,38,1) 0%,rgba(213,48,48,1) 49%); 
background: -ms-linear-gradient(left,  rgba(156,38,38,1) 0%,rgba(213,48,48,1) 49%); 
background: linear-gradient(to right,  rgba(156,38,38,1) 0%,rgba(213,48,48,1) 49%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c2626', endColorstr='#d53030',GradientType=1 );  */
font-family: 'Roboto Condensed';
}
.logo{margin-top: 7px;float: left; height: 66px;max-width: 310px;width: 100%}
.logo img{width: 100%}
.txtsearch{border: none;width: 100%;outline: none;padding: 0 10px;line-height: 25px;font-size: 15px;}
.txtsearch_respon{display: none}
.btnsearch{position: absolute;width: 100px;margin:2.5px 0;border: none;height: 28px;background-color: #ef5350;padding: 0 10px;border-radius: 5px;font-size: 15px;color: #fff;outline: none;cursor: pointer;top: 0;right: 5px;text-transform: uppercase;}
.contain_search{margin-right: 110px;height: 35px;padding: 5px;}
.search{position: relative;background-color: #fff;border-radius: 5px;}
.bg_search{margin-left: 60px;margin-top: 13px;float: left;border-radius: 5px;max-width: 465px;width: 100%;background-color: #fff;padding: 5px; background-color: #e87b7a;height: 45px}
.hotline{line-height: 20px;margin-top: 28px;font-size: 17px;color: #fff;float: left;background: url(../images/icon_hotline.png) no-repeat; height: 20px}
.txthotline{width: 50px;float: left;padding-left: 25px;position: absolute}

.mxh{float: right;margin-top: 25px;}
.mxh a{margin-left: 9px}
.search_min{border: 1px solid #9C9C9C;border-radius: 5px;margin:0 10px}

/* css nav */
.nav{background-color: #fff;-webkit-box-shadow: 0px 1px 5px 0px rgba(233, 233, 233, 1);
-moz-box-shadow:    0px 1px 5px 0px rgba(233, 233, 233, 1);
box-shadow:         0px 1px 5px 0px rgba(233, 233, 233, 1);}
.nav_left{height: 60px;position: relative;float: left;width: 88%;line-height: 60px}
.nav_right{color: #686868;line-height: 60px;text-align: center;float: left;width: 12%;border-left: 1px solid #e9e9e9; font-size: 15px;}
.contain_icon_menu{padding-top: 2px;position: relative;margin-top: 13px;position: absolute;height: 35px;width: 35px;float: left;background-color: #ef5350;border-radius: 3px}
.contain_icon_menu .icon_menu:first-child{margin-top: 0}
.contain_icon_menu .icon{width: 100%;vertical-align: top;}
.icon_menu{height: 3px;width: 25px;background-color: #fff;display: block;margin-top: 3px}

.txtmenu{float: left;margin-left: 20px;color: #686868;font-size: 20px;font-family: 'Roboto Condensed'; position: relative;}
.txtmenu a{text-decoration: none; color: #686868;}
.txtmenu a:hover{color: #262626;}
.txtmenu:first-child{margin-left: 45px}
.txtmenu ul{font-family: Arial;}

.navmenu > ul > li > ul{position:absolute;top:54px;width:250px;left:0px;padding-top:6px;display:none;z-index:9999;}
.navmenu > ul > li:last-child > ul{right:0;}
.navmenu > ul > li > ul li{padding:7px 10px;background:#363636;border-top:1px solid #666;line-height:19px;font-size:12px;white-space:normal;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;width:auto;position:relative;text-align:left;list-style:none;}

.navmenu > ul > li > ul li:last-child{border-bottom:none;}
.navmenu > ul > li > ul li > a{color:#fff;display:block;text-shadow:none;text-transform:none;text-decoration:none;font-weight:bold;background: url('../images/arrow.png') no-repeat right center;}
.navmenu > ul > li > ul li:hover{background:rgb(156,38,38);}.navmenu > ul > li > ul li:hover a{color: #fff;}
.navmenu > ul > li:hover > ul{display:block;}

.back_search,.btn_search{display: none}
.hotline_respon_menu_respon{float: right}

.nav_child_left{top: 60px; position: absolute;z-index: 10;}
.nav_child_left ul li{list-style: none;line-height: normal;border-bottom: 1px solid #666;}
.nav_child_left ul{width: 250px;background: #363636;}
.nav_child_left ul li a{color: #fff;text-decoration: none;display: block;padding: 10px}
.nav_child_left ul li:hover,.nav_child_left ul li.active{background: rgb(156,38,38);color: #000}
.nav_child_left{display: none;z-index: 100000}

/*css banner*/
.banner{width: 100%;text-align: center;font-family: 'Roboto Condensed';}

.hidden_banner{display: none}
.phone{width: 110px;margin-left: 85px}


/* css contain */
.txt_category{max-width: 110px}
.title_left{font-size: 25px;float: left;width: 70%}
.title_right{position: absolute;right: 0;bottom: 0;font-size: 16px;float: right;width: 30%}
.title_right a{color: #9c9c9c;float: right;text-transform: none !important}
.contain{margin: 25px 0}
.category{width: 50%;position: relative;float: left;margin-bottom: 15px; }
.txt_category{position: absolute;top:0;font-family: 'Roboto Condensed';font-size: 17px}
.box_txt_category{padding-left: 10px}
.content_tt_gt .category:nth-child(3n){margin-right: 0}
.title{position: relative}
.tt,.gt,.kt,.tmdt{width: 50%; float: left}
.box{padding-right: 25px;padding-left: 25px}
.gt_gd_sk,.content_dl_at{margin-bottom: 35px;}
.tt_gt{margin-bottom: 35px;margin-top: 20px;margin-right: -15px;margin-left: -15px;}
.gtri,.family,.suckhoe{width: 33.333333%; float: left}
.tt .box, .kt .box{padding-left: 0 }
.gt .box, .tmdt .box{padding-right: 0}
.content_dl_at{background-color: #fff;padding-left: 25px;padding-top: 18px}

.icon_category a img{max-width: 55px;max-height: 55px}

.box_txt_category a{color: #6d6d6d}
.box_txt_category a:hover{text-decoration: none;color: #f27d7e}
.title{margin-bottom: 10px}
.content_gt_dg_sk .category {width: 50%}

/* css footer*/
.footer{ background-color: #fff;line-height: 115px; margin-top: 25px;font-family: 'Roboto Condensed'}
.logo_footer{float: left; max-width: 310px; height: 65px}
.logo_footer img{width: 100%}
.copyright{float: right}
.txtcopyright{float: right;color: #000;}
.content_dl_at .category{width: 14.28%}
/* responsive */
.slideshow{overflow:hidden;}
.contain_hotline_mxh{float: right}
.contain_hotline_mxh div{float: left}
/* Tin Tuc */
.social{float: left;margin-left: 65px;margin-top: 20px;max-width: 100px;}
.social.others{float: none;margin:20px 0 5px 0;}
.wrapper{background-color: #fff;padding: 10px 35px 55px 35px;-webkit-box-shadow: 0px 0px 1px 2px rgba(24, 24, 24, 0.1);-moz-box-shadow:0px 0px 1px 2px rgba(24, 24, 24, 0.1);box-shadow:0px 0px 1px 2px rgba(24, 24, 24, 0.1);margin: 20px 140px 20px 140px;}
.wrapper img{max-width: 100%;}
.title{text-transform: uppercase;font-size: 30px;font-family: 'Roboto Condensed';}
.text{text-align: justify;}
.related h1{font-size: 28px;font-family: 'Roboto Condensed';}

.img-middle {overflow: hidden;text-align: center;}
.img-middle a {display: table-cell; height: 100%; vertical-align: middle; -webkit-transition: none; text-align: center;} 
.img-middle img{max-width: 100%;}
.title.others{font-size: 14px;text-transform: none;display: block;max-width: 350px;max-height: 23px;overflow: hidden;font-family: 'Arial'}
.more{color: #f44336;text-transform: uppercase;font-size: 12px;text-decoration: underline;}

/* Trang trong */
.category_list{background-color: #fff;padding: 20px 25px;margin-top: 25px;}
.category_ex,.icon_category{float: left;}
.category_ex:last-child{margin-right: 0;}
.content_child{height: 76px;overflow: hidden;line-height: 15px;}
.title_link{margin-bottom: 5px;font-family: 'Roboto Condensed';font-size: 17px;}
.content_category{margin-left: 65px;width: 60%;}
.title_link a{color: #000;text-decoration: none;font-size: 16px}
.title_link a:hover{color: #ef5350}
.category_list .category_ex{width: 33.333333%;float: left;margin-bottom: 50px}

.box-col{float: left;padding-right: 15px;padding-left: 15px;margin-bottom: 25px;width: 50%;}
.box-col.box-col-3{width: 33.33333%;}.box-col.box-col-12{width: 100%;}
.box-col-sub{box-shadow: 0px 1px 5px 0px rgba(233, 233, 233, 1);background-color: #fff;padding: 15px;padding-bottom: 0;}
.box-col.box-col-3 .category{width: 100%;}
.box-col.box-col-12 .category{width: 33.333333%;}
.hidden-news{display: none;}
h1.title{padding: 0;margin: 0;line-height: 38px;padding-bottom: 4px;border-bottom: 2px solid #efefef;margin-bottom: 15px;font-family: 'Roboto Condensed'}
#goTop{bottom: 30px;cursor: pointer;display: none;z-index: 1000;height: 32px;position: fixed;right: 15px;width: 32px;opacity:0.8;}#goTop:hover{opacity:1;}


/*tin tuc tong hop*/
.home-col{width: 50%;float: left;padding:15px;}
.news-wrapper-img img{width: 100%;max-height: 100%;}
.news-wrapper-name a{color: #000;text-decoration: none;font-size: 18px;}
.news-wrapper-name{margin: 15px 0;max-height: 20px;overflow: hidden;line-height: normal;font-weight: bold}
.news-wrapper-name a:hover{color: #902525}
.news-wrapper-img{height: 300px;overflow: hidden}
.home-col p{height: 40px;overflow: hidden}

@media (min-width: 1200px){
    .dropmenu{display: none}
    .btnsearch{display: block}
    .gt_gd_sk .row{margin-left: -25px;margin-right: -25px}
    .search_min{display: none}
}
@media (min-width: 992px) and (max-width: 1199px){
    .mxh,.nav,.header{display: none}
    .content_dl_at .category {width: 19.28%}
    .bg_search_respon{position: absolute;margin-top: 2px;width: none}
    .gtri .box{padding-left: 0}
    .suckhoe .box,.box{padding-right: 0}
    .bg_search_respon{margin-left: 200px;left: 30px;max-width: 650px}
    .dropmenu{margin-bottom: 50px}
    .banner{margin-top: 50px}
    .category_list .category_ex{width: 33.333333%;margin-top: 25px;margin-bottom: 25px}
    .icon_category img{width: 100%}
    .content_category{margin-left: 60px;max-width: 60%;}
}
@media (max-width:1199px){
    .hotline_respon{margin-top: 15px !important;position: absolute;right: 80px}
    .gt_gd_sk{margin-left: 25px;margin-right: 25px}
    .bg_search_respon{position: absolute;right: 280px;width: auto;left: 0;margin-left: 220px;margin-top: 2px} 
    .gt_gd_sk .row{margin-left: -25px;margin-right: -25px}
    .search_min{display: none}
    
}

@media (min-width: 768px) and (max-width: 991px){
    .tt_gt>div,.kt_tmdt>div{float: none;width: 100%;margin-bottom: 20px}
    .gt_gd_sk>div:nth-child(1) .box,.tt .box,.kt .box{padding-right: 0}
    .gt_gd_sk>div:nth-child(2) .box{padding: 0}
    .gt_gd_sk>div:nth-child(3) .box,.gt .box,.tmdt .box{padding-left: 0}
    .content_gt_dg_sk .category ,.content_dl_at .category{width: 33%}
    .gtri, .family ,.suckhoe{width: 100%;margin-bottom: 10px}
    .hotline_respon{display: none}
    .txt_category{font-size: 15px}
    
    .category_list .category_ex{width: 33%}
}
@media (max-width: 991px){
    .dropmenu{display: block;margin-bottom: 60px}
    .header,.nav,.banner{display: none}
    .gtri,.family,.suckhoe{width: 100%; float: none}
    .gtri .box{padding-left: 0}
    .suckhoe .box,.family .box{padding-right: 0;padding-left: 0}
    .hotline_respon{display: none}
    .title{margin-bottom: 0}
    .bg_search_respon{margin-right: 65px;right: 0;max-width: 690px;z-index: 10}
    .btn_search{display: none}
    .title_left{font-size: 27px}
    .title_right{font-size: 17px}
    .box-col.box-col-3{width: 100%}
    .box-col.box-col-3 .category,.box-col.box-col-12 .category{width: 33.33333%;}
    .hidden-category{display: none;}
    .home-col p{font-size: 12px;}
    
    .news-wrapper-img{height: 250px}
    .news-wrapper-img img{height: 100%}
    
}
@media (max-width: 767px){
     .tt_gt>div,.kt_tmdt>div{float: none;width: 100%;margin-bottom: 20px}
    .gtri, .family ,.suckhoe{width: 100%;margin-bottom: 10px}
    .gt_gd_sk>div:nth-child(1) .box,.tt .box,.kt .box{padding-right: 0}
    .gt_gd_sk>div:nth-child(2) .box{padding: 0}
    .gt_gd_sk>div:nth-child(3) .box,.gt .box,.tmdt .box{padding-left: 0}
    .content_gt_dg_sk .category,.content_dl_at .category {width: 33%}
    .btn_search{display: block}
    .hotline_respon{display: none}
    .txt_category{font-size: 15px}
    .category_list .category_ex{width: 33%}
    .hidden-news{display: block;}
    .news-wrapper-img{height: 200px}
}
@media (max-width: 680px){
    
    .txtcopyright,.logo_footer{float: none}
    .hotline_respon{display: none}
    .bg_search_respon{display: none}
    .btn_search{display: block;right: 60px !important}
    .box-col.box-col-3 .category,.box-col.box-col-12 .category{width: 50%;}
    .search_min{display: block !important;}.search_respon{display: none;}
}
@media only screen and (max-width:570px){
    .news-wrapper-img{height:150px;}
}
@media (min-width: 481px) and (max-width: 680px){
    .tt_gt>div,.gt_gd_sk>.row>div,.kt_tmdt>div{width: 100%;float: left;margin-bottom: 20px}
    .gt_gd_sk>div:nth-child(1) .box,.tt .box,.kt .box{padding-right: 0}
    .gt_gd_sk>div:nth-child(2) .box{padding: 0}
    .gt_gd_sk>div:nth-child(3) .box,.gt .box,.tmdt .box{padding-left: 0}
     .logo_footer{width: 100%}
    .content_tt_gt .category,.content_gt_dg_sk .category,.content_dl_at .category{width: 50% }
    .txt_category{font-size: 15px}
    .content_category{margin-right: 10px;}
    .category_list .category_ex{width: 50%;margin-right: 0}
}
@media (max-width: 480px){
    .tt_gt>div{width: 100%;float: none;margin-bottom: 20px}
    .tt .box,.kt{padding-right: 0}
    .gt_gd_sk>.row>div{float: none;width: 100%;margin-bottom: 20px}
    .gt_gd_sk>div:nth-child(1) .box,.kt_tmdt>div:nth-child(1) .box{padding-right: 0}
    .gt_gd_sk>div:nth-child(2) .box{padding: 0}
    .gt_gd_sk>div:nth-child(3) .box,.kt_tmdt>div:nth-child(2) .box,.gt                       .box,.tmdt{padding-left: 0}
    .kt_tmdt>div{float: none;width: 100%;margin-bottom: 20px}
    .content_tt_gt .category,.content_gt_dg_sk .category,.content_dl_at .category{width: 100%}
    .muc_gg{font-size: 90px}
    .news-wrapper-img{height:auto;}
    .txt_category{font-size: 16px;max-width: none}
    .hotline_respon{display: none}
    .title_left {font-size: 23px}
    .title_right{font-size: 16px}
    .box-col.box-col-3 .category,.box-col.box-col-12 .category{width: 100%;}
    .category_list .category_ex{width: 100%;margin-right: 0}
    .home-col{width: 100%;float: none}
}

@media (max-width:380px){
    .txt_category{font-size: 15px}
    .title_left{font-size: 20px}
    .title_right{font-size: 14px}
    .category_list .category_ex{width: 100%}
    
}



