@charset "utf-8";
/* CSS Document */
.navbar-toggle{ float: left !important; margin-right: 0}
.nav>li>a{ padding: 10px 18px; border: 1px solid transparent}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #d8870c;
    border-top: 2px solid #d8870c
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
       color: #fff;
    
    border-top: 2px solid #333;
    background-color: transparent;
}
/*Hover menu chính*/

.w3_megamenu .dropdown a,
.w3_megamenu .dropdown-menu  a {
	color:#656565;
        display: block;
}
.w3_megamenu .dropdown-menu .subitem{ font: 15px/35px SegoeUI;color: #fff; padding-left: 15px} /*màu chữ menu con cấp 2*/
.w3_megamenu .dropdown-menu .subitem:hover{ color: #fff; text-decoration:underline; background: url(ico/dot.png) no-repeat left center} /*hover chữ menu con cấp 2*/
.w3_megamenu .dropdown-menu > li > a {

	padding:6px 15px;
}

.w3_megamenu .navbar-nav > li > .dropdown-menu {
	margin-top:0px;
}
.w3_megamenu i {
	color:#BFBFBF
}
.w3_megamenu .dropdown-menu {
	box-shadow:none; 
	
	padding:0;min-height: 208px
}
.w3_megamenu .form-control {
	margin-top:10px;

}
.w3_megamenu .btn {
	margin:10px 0 20px
}
.w3_megamenu video {
	max-width: 100%;
	height: auto;
}
.w3_megamenu iframe,
.w3_megamenu embed,
.w3_megamenu object {
	max-width: 100%;
}
.w3_megamenu .google-map {
	width:100%; 
	border:1px solid rgba(255, 255, 255, 0.5);
	min-height:200px;
}
.w3_megamenu div.google-map {
	background:rgba(255, 255, 255, 0.5);
	background: #ffffff;
	height: 200px;
	margin: 0 0 0px 0;
	width: 100%;
} 
#googlemaps img{
    max-width:none;
}
.w3_megamenu .dropdown-menu .withoutdesc{    
	margin-top:0;
	padding:20px 35px;
    display: block;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.w3_megamenu a:hover {
	text-decoration:none
}
.w3_megamenu .dropdown-menu .withoutdesc ul li {
	padding:3px 10px;
}
.w3_megamenu .dropdown-menu .withoutdesc ul li:hover,
.w3_megamenu .dropdown-menu .withoutdesc ul li:focus{
	color:#262626;
	text-decoration:none;
	background-color:#f5f5f5 !important
}
.w3_megamenu .dropdown-menu .withoutdesc li:last-child {
	border-bottom:0 solid #fff;
}
.w3_megamenu .w3_megamenu-content.withdesc a:after {
    color: #CFCFCF;
    content: attr(data-description);
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 0;
    margin: 10px 0 15px;
    text-transform: uppercase;
}

.w3_megamenu .dropdown-submenu{
	position:relative;
}
.w3_megamenu .dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:0;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}
.w3_megamenu .dropdown-submenu:hover>.dropdown-menu{
	display:block;
}

.w3_megamenu .dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}
.w3_megamenu .dropdown-submenu:hover>a:after{
	border-left-color:#ffffff;
}
.w3_megamenu .dropdown-submenu.pull-left{
	float:none;
}
.w3_megamenu .dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}
.w3_megamenu p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
	color:#656565;
}
.w3_megamenu .nav,
.w3_megamenu .collapse,
.w3_megamenu .dropup,
.w3_megamenu .dropdown {
	position: static;
}
.w3_megamenu .half {
    width: 50%;
	left: auto !important;
    right: auto !important;
}
.w3_megamenu .halfright {
    width: 50%;
	left: auto !important;
    right: 0 !important;
}
.w3_megamenu .width75pt {
    width: 75%;
	left: auto !important;
    right: 0 !important;
}

.w3_megamenu .container {
	position: relative;
}
.w3_megamenu .dropdown-menu {
	left: auto;
}
.w3_megamenu .nav.navbar-right .dropdown-menu {
	left: auto;
	right: 0;
}
.w3_megamenu .w3_megamenu-content {
	padding: 15px 25px;
}
.w3_megamenu .dropdown.w3_megamenu-fw .dropdown-menu {
	left: 0;
	right: 0;
}
.w3_megamenu .title {
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
	
	padding-bottom:10px;
}
.w3_megamenu ul {
	list-style:none;
	padding-left:0px;
}


 /*css menu*/
#CommonMenu{ background: #d8870c;} /*màu nền menu chính*/
#CommonMenu .homes{ padding-left: 15px !important;background: url(ico/home_20_c.png) no-repeat left center; }
#CommonMenu .pdic{padding-top:8px}

.bootstrap_container{}
.navbar-default {background-color: #d8870c} /*màu nền menu chính*/
@media (min-width: 768px) {
    .navbar {border-radius: 0;}
    .navbar-brand{  height: 47px}
    .navbar-collapse{padding: 0}
    .navbar-default .navbar-nav>li>a {padding-top: 13px;padding-bottom: 14px;font: 15px sans-serif;color: #fff}/*màu chữ menu chính*/
    ul.nav li.dropdown:hover .dropdown-menu {display: block;z-index: 9999}
}
@media (max-width: 767px) {
    .dropdown-menu {background: transparent !important;}
    #CommonHeader .HeadTop{ background: #fff;padding: 10px 0}
#CommonHeader .HeadTop p.txt{ float: left;padding-left:5px;font: 14px/30px sans-serif;color: #666;margin-right: 0;float: left }
#CommonHeader .HeadTop p.txt span{ color: #fff;display: block}
}
.navbar {position: relative;min-height: 47px;margin-bottom: 0;border: none}


#AdvSlideHomepage { background:#d8870c}
a:hover{text-decoration: none}

/*================Các thông số mặc định để ở phần khung ảnh================*/
.khungAnh{position:relative;z-index: 1; overflow: hidden}
.khungAnh:before{content:"";display:block;padding-bottom:72%}

.khungAnhCrop,
.khungAnhCrop0{overflow:hidden;text-align:center;display:inline-block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}

/*================Trường hợp ảnh lọt trong khung================*/
.khungAnhCrop0 img{max-width:100%;max-height:100%;min-width:0;min-height:0;position:relative;z-index:1;top:50%;transform:translateY(-50%)}

/*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/
.khungAnhCrop img{min-width:100%;min-height:100%;position:relative;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}

/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
.khungAnhCrop img.wide{height: 100%; width: auto !important}

/*Ảnh dọc (width < height) --> gắn width 100%, height sẽ bị lấp phần trên dưới*/
.khungAnhCrop img.tall{width:100%}

/*================Hiệu ứng zoom ảnh khi hover================*/
.khungAnhCrop img,
.khungAnhCrop0 img{-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}

.khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.1)}

#anhcate .khungAnh{position:relative;z-index: 1; overflow: hidden}
#anhcate .khungAnh:before{content:"";display:block;padding-bottom:72%}

#anhcate .khungAnhCrop, .khungAnhCrop0{overflow:hidden;text-align:center;display:inline-block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}

/*================Trường hợp ảnh lọt trong khung================*/
#anhcate .khungAnhCrop0 img{max-width:100%;max-height:100%;min-width:0;min-height:0;position:relative;z-index:1;top:50%;transform:translateY(-50%)}

/*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/
#anhcate .khungAnhCrop img{min-width:100%;min-height:100%;position:relative;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}

/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
#anhcate .khungAnhCrop img.wide{height: 100%; width: auto !important}

/*Ảnh dọc (width < height) --> gắn width 100%, height sẽ bị lấp phần trên dưới*/
#anhcate .khungAnhCrop img.tall{width:100%}


.khungAnhCrop0:hover img{transform:translateY(-50%) scale(1.1)}
@media (min-width: 768px){.container {padding: 0 10px;}}
@media (min-width: 992px){.container {padding: 0}}
@media (min-width: 1200px){.container {padding: 0}}

.dpn { display:none} 
.ptcb10{padding-top:10px; clear:both }
.ptcb7{padding-top:7px; clear:both }

.cbt {clear:both}
.pt7t{padding-top:7px; clear:both }
.pt5t{padding-top:5px; clear:both }
.pt10t{padding-top:10px; clear:both }
.pt15t{padding-top:15px; clear:both }
.pb10t{padding-bottom:10px;clear:both }
.pt20t{padding-top:20px;clear:both }
.ptpb10t{padding-bottom:10px;padding-top:10px;}


.w58 {
    position: relative;
    min-height: 1px;
    width: 61%;
}

.w42 {
    position: relative;
    min-height: 1px;
    padding-right:15px;
    width: 38%;
}

.w50l {
    position: relative;
    min-height: 1px;
    width: 52%;
    padding-right:20px;
    text-align:justify;
}

.w60l {
    position: relative;
    min-height: 1px;
    width: 65%;
    padding-right:20px;
    text-align:justify;
}

.w60r {
    position: relative;
    min-height: 1px;
    width: 64%;
    text-align:justify;
}

.w40l {
    position: relative;
    min-height: 1px;
    width: 36%;
    text-align:justify;
    padding-right:15px;
}

.w40r {
    position: relative;
    min-height: 1px;
    width: 35%;
    text-align:justify;
}

.w50r {
    position: relative;
    min-height: 1px;
    width: 48%;
    text-align:justify;
}

@media (min-width: 769px) {
.w58, .w42, .w50l, .w50r, .w60l, .w40r, .w60r, .w40l{
   float: left;
}

}

@media (max-width: 768px) {
.w42 {
   position: relative;
   min-height: 1px;
   width:100%;
   padding-right:0px;
}
.w58 {
   position: relative;
   min-height: 1px;
   width:100%;
   padding-top:10px;
}
.w50l {
    width: 100%;
    padding-right:0px;
}
.w50r {
    width: 100%;
}
.w60l {
    width: 100%;
    padding-right:0px;
}
.w60r {
    width: 100%;
}
.w40l {
    width: 100%;
    padding-right:0px;
}
.w40r {
    width: 100%;
}
}

.titles h1{color: #d8870c;font: bold 22px sans-serif; display: inline-block; margin: 0 0 7px}

.Detail{ }
.Detail .title h1{color: #d8870c;font: 30px sans-serif;display: inline-block; margin: 0 0 10px}
.Detail .tool{font:normal 13px sans-serif; color:#999;padding:8px 0;border-top: 1px dashed #cccccc}
.Detail .tool a{color:inherit}
.Detail  a{color:#333}
.Detail .date{float:left;padding-left:15px;padding-right:22px;background:url(ico/date.png.ashx) no-repeat left center; font:normal 13px sans-serif; color:#999;}
.Detail .view{float:left;padding-left:22px;background:url(ico/view.png.ashx) no-repeat left 5px}
.Detail .contentview{padding-bottom:20px;text-align:justify;font:normal 15px sans-serif;}
.Detail .contentview img, .NewsDetail img{ max-width: 100%;margin: 0 auto;display: block; height: auto !important}
.txtDescdt{font:bold 17px arial; color:#333; text-align:justify; line-height:23px}
.cbpt10 { clear:both; padding-top:10px}


#DetailService{ }
#DetailService .title h1{color: #d8870c;font: 30px sans-serif;display: inline-block; margin: 0 0 10px}
#DetailService .tool{font:normal 13px sans-serif; color:#999;padding:8px 0;border-top: 1px dashed #cccccc}
#DetailService .tool a{color:inherit}
#DetailService .date{float:left;padding-left:15px;padding-right:22px;background:url(ico/date.png.ashx) no-repeat left center; font:normal 13px sans-serif; color:#999;}
#DetailService .view{float:left;padding-left:22px;background:url(ico/view.png.ashx) no-repeat left 5px}

#DetailService .items{min-height:260px}
#DetailService .items1d{min-height:240px}


#DetailService .Contentdt{
line-height:19pt;
font-size:12.5pt;
font-family:arial;
text-align: justify;
color:#333;
}
#DetailService .Contentdt img{ max-width: 100%;margin: 0 auto;display: block; height: auto !important}
#DetailService .Contentdt p{margin:7pt 0pt;}
#DetailService .Contentdt h2{
color:#1f295f;
    font-size: 16pt;
    font-weight: bold;
    position: relative;
    line-height:22pt;
   text-align: left !important;
   clear:both;
}

#DetailService .Contentdt h2:after {
    display:block;
    clear:both;
    content : "";
padding-top:5px;
    height  : 10px;
    width   : 10%;
    border-bottom:5px solid #d8870c;
}




#DetailService .Contentdt h3 {
    display: block;
    font-size: 14pt;
    font-weight: bold;
    line-height:19pt;
    text-align: left !important;
     clear:both;
}
#DetailService .Contentdt h4{
font-size: 13pt;
font-weight: bold;
line-height:18pt;
text-align: left !important;
 clear:both;
}

@media (max-width: 767px){
#DetailService .items{min-height:200px}
#DetailService .items1d{min-height:160px}
}

.arrowstand{background: url(ico/dots.png) no-repeat left 10px;font: normal 16px arial;color: #333;padding: 5px 0 5px 20px; display: block; line-height:21px;}

.arrowstandKq{background: url(ico/dots.png) no-repeat left 7px;font: normal 16px arial;color: #333; padding-left:20px; display: block; line-height:21px}

.mucLuc{    
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:10px;
    margin-bottom:10px;
    display:table;
    border: 1px solid #d3d3d3;
    background: #f9f9f9;
    padding-right:7px;
    width:70%;
}
.ndc{ text-align:center; font:bold 13pt arial; color:#d8870c; line-height:19pt; padding-top:8px}
a.noibat {font:bold 12pt arial; color:#333}
a.uudaic {font:bold 12pt arial; color:#b22222;}
.mucLuc li { text-align:left !important;}
.mucLuc a { color:#333}

@media  (max-width: 767px) 
{
.mucLuc{    
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:10px;
    margin-bottom:10px;
    display:table;
    border: 1px solid #d3d3d3;
    background: #f9f9f9;
    padding-right:7px;
    width:100%;
}
}

#PageContentDetail {}
#PageContentDetail h1.titlepct {
color:#1f295f;
display: block;
font-size: 16pt;
font-weight: bold;
line-height:22pt;
text-align: left !important;
text-transform:uppercase;
font-family:arial;
padding-bottom:10px;
}

.Contentdt{
line-height:19pt;
font-size:12.5pt;
font-family:arial;
text-align: justify;
color:#333;
}
.Contentdt img{ max-width: 100%;margin: 0 auto;display: block; height: auto !important}
.Contentdt p{margin:7pt 0pt;}
.Contentdt h2{
color:#1f295f;
display: block;
font-size: 15pt;
font-weight: bold;
line-height:22pt;
text-align: left !important;
 clear:both;
}

.Contentdt h3 {
    display: block;
    font-size: 14pt;
    font-weight: bold;
    line-height:19pt;
    text-align: left !important;
     clear:both;
}
.Contentdt h4{
font-size: 13pt;
font-weight: bold;
line-height:18pt;
text-align: left !important;
 clear:both;
}

.mobile-hotline{display:none}
.hotline {position: fixed;
    left: 10px;
    bottom: 3px;
    z-index: 9000;
    display: block;
    background: #d8870c;
    color: red;
    padding-top: 4px;padding-bottom:4px; padding-left:12px; padding-right: 12px;
    border-radius: 99px;}

.hotline .hotline-number{font-size:18px; color: #fff; font-weight: bold}
.txthotline{font-size:17px; color: #fff; font-weight:normal}

@media  (max-width: 767px) 
{
.hotline .hotline-number{font-size:16px; color: #030303; font-weight: bold}
.txthotline{font-size:14px; color: #030303; font-weight:normal}
}

.head_anh{font:20px iCielGotham;color:#d8870c;margin-bottom: 15px;margin-top: 15px;}

#SubNewOtherItem_anh{background: #fff;margin-bottom:15px}
#SubNewOtherItem_anh .items{min-height:250px} 
#SubNewOtherItem_anh .cate{font:normal 15px/28px sans-serif;line-height:21px; color:#333; margin-top:10px; display:block}
#SubNewOtherItem_anh .cate:hover{color:#d8870c}
#SubNewOtherItem_anh .khungAnh{}


p{margin: 0}
img{border-radius: 0}
#CommonHeader .HeadTop{ background: #fff}
#CommonHeader .HeadTop p.txt{ float: left;padding-left: 15px;font: 15px/30px sans-serif;color: #666;margin-right: 20px }
#CommonHeader .HeadTop p.txt span{ color: #4556a4;}
#CommonHeader .HeadTop h1.txt{ float: left;padding-left: 15px;font: 15px/30px sans-serif;color: #666;margin-right: 20px; margin-bottom:0px }
#CommonHeader .HeadTop h1.txt span{ color: #4556a4;}
#Logo{}
#Logo img{display: block;margin: 0 auto;width: 100%; clear:both}

#SubContentHp{ background: url(ico/intro_v2.jpg) no-repeat center top;padding-top: 20px; padding-bottom:5px; font: 15px/22px sans-serif;color: #333; background-size: cover }
#SubContentHp .titG { color: #fff;font: 30px iCielGotham;text-transform: uppercase;display: block;text-align: center; margin-bottom: 5px}
#SubContentHp h2.titG { color: #fff;font: 30px iCielGotham;text-transform: uppercase;display: block;text-align: center; margin-bottom: 5px}
#SubContentHp table tr td{padding: 12px 10px }
#SubContentHp .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubContentHp .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}

#SubContentHp a.nlhp{ color: #fff;background: url(ico/dots.png) no-repeat left 10px;font: 15px sans-serif;color: #fff;padding: 5px 0 5px 20px; display: block}
#SubContentHp a.nlhp:hover{color: #af2025}
#SubContentHp .pt10{padding-top:10px }

.youtube-frame{position:relative; z-index:1;max-width:1000px; margin-left:auto; margin-right:auto} /*Khối bao video, có thể để with bao nhiêu tùy*/
.youtube-frame:before{content:"";display:block;padding-bottom:56.25%} /*Khối này tạo một khoảng trống để chứa iframe, 56.25% = 9/16 (tỷ lệ video hd)*/
.youtube-frame iframe{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%} /*iframe cho absolute, lấp vừa vào khoảng trống của cái before phía trên*/

.youtube_framegt{position:relative; z-index:1;max-width:800px;margin:auto !important} /*Khối bao video, có thể để with bao nhiêu tùy*/
.youtube_framegt:before{content:"";display:block;padding-bottom:56.25%} /*Khối này tạo một khoảng trống để chứa iframe, 56.25% = 9/16 (tỷ lệ video hd)*/
.youtube_framegt iframe{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%} /*iframe cho absolute, lấp vừa vào khoảng trống của cái before phía trên*/

#SubContentHpRight {
    
    padding-top: 20px;
    font: 15px/22px sans-serif;
    color: #333;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 31px -4px rgba(51, 51, 51, 1);
    -moz-box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);
    box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);
    background-size: cover
}
#SubContentHpRight table tr td{padding: 5px 5px }
#SubContentHpRight .titG { color: #030303;font: 20px iCielGotham;text-transform: uppercase;display: block;text-align: center; margin-bottom: 20px}

#SubContentHpRight a{ color: #b11f24;}
#SubContentHpRight a:hover{ color: #030303; text-decoration: none}
#SubContentHpRight .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubContentHpRight .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}


#SupportOnline{ padding: 20px 30px 0;background:#454545;background-size:cover;margin-bottom: 20px}
#SupportOnline .titG { color: #fff;font: 20px iCielGotham;display: block;text-align: left; margin-bottom: 15px}
#SupportOnline .txt { color: #fff;font: 15px sans-serif;display: inline-block;line-height:23px}
#SupportOnline img{width:80px;height:80px; overflow:hidden;  float:left; margin-right:15px}

.w31su {
    position: relative;
    min-height: 1px;
    padding-right:15px;
    width: 31%;
}
.w68su {
    position: relative;
    min-height: 1px;
    width: 68%;
}

@media (max-width: 576px) {
.w31su, .w68su {
width: 100% !important;
padding:0px !important;
    }
#SupportOnline .txt { font: 14px sans-serif !important; line-height:20px !important;}
#SupportOnline .titG {font: 17px iCielGotham !important}
}

@media (max-width: 768px) {
.w31su, .w68su {
width: 100% !important;
padding:0px !important;
    }
}
@media (max-width: 992px) {
.w31su, .w68su {
float:left;}
#SupportOnline .txt { font: 14px sans-serif; line-height:20px}
#SupportOnline .titG {font: 18px iCielGotham}
.w31su {
    position: relative;
    min-height: 1px;
    padding-right:10px;
    width: 38%;
}
.w68su {
    position: relative;
    min-height: 1px;
    width: 61%;
}

}
@media (max-width: 1200px) {
.w31su, .w68su {
float:left;}
#SupportOnline .txt { font: 14px sans-serif; line-height:20px}
#SupportOnline .titG {font: 18px iCielGotham}
.w31su {
    position: relative;
    min-height: 1px;
    padding-right:10px;
    width: 36%;
}
.w68su {
    position: relative;
    min-height: 1px;
    width: 63%;
}
}
@media (min-width: 1200px) {
.w31su, .w68su {
float:left;}
}

@media (max-width: 767px) {
#SupportOnline .txt { font: 14px sans-serif; line-height:20px}
#SupportOnline .titG {font: 18px iCielGotham}
}

h2.txtcatechat { color: #d8870c;font: 22px iCielGotham;display: block;text-align: center; margin-bottom: 10px;padding-left:5px; padding-right:5px; line-height:30px;}
h3.txtcatecont { color: #333; font: 16px/22px sans-serif; margin-bottom: 0px; padding-top:5px}

h2.txtcatechad { color: #d8870c;font: 25px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
h2.txtcatekhtb { color: #d8870c;font: 25px iCielGotham;display: block;text-align:left; margin-bottom: 15px}

h2.txtcatechaleft { color: #e5a724;font: 22px iCielGotham;display: block;text-align: left; margin-bottom: 15px}
a.txtcatechalefta { color: #d8870c;font: 22px iCielGotham;display: block;text-align: left; margin-bottom: 15px}

h2.txtcatechaleftv{color: #d8870c;font: 19px iCielGotham;display: block;text-align: left; margin-bottom: 15px; display:block;}
a.txtcatechaleftav { color: #030303;font: 19px iCielGotham;display: block;text-align: left; margin-bottom: 15px}
a.txtcatechaleftav:hover { color: #d8870c}

h2.txtcatechagt { 
color:#1f295f;
display: block;
font-size: 16pt;
font-weight: bold;
line-height:22pt;
font-family:arial;
text-align:left; margin-bottom: 10px;
text-transform:uppercase;
clear:both
}


h2.txtcatechadv{
color:#1f295f;
    font-size: 16pt;
    font-weight: bold;
    position: relative;
    line-height:22pt;
   text-align: left !important;
   clear:both;
}

h2.txtcatechadv:after{
    display:block;
    clear:both;
    content : "";
padding-top:5px;
    height  : 10px;
    width   : 10%;
    border-bottom:5px solid #d8870c;
}


@media (max-width: 767px) {
h2.txtcatechat {font: 20px iCielGotham}
h2.txtcatechad {font: 20px iCielGotham}
h2.txtcatekhtb {font: 20px iCielGotham}
h2.txtcatechaleft {font: 18px iCielGotham}
h2.txtcatechaleftv {font: 18px iCielGotham}
a.txtcatechaleftav{font: 18px iCielGotham}
}


/*co nen
#SubServiceCate { background: url(ico/sv_6.jpg) no-repeat center top;min-height: 400px;padding-top: 20px; font: 15px/22px sans-serif;color: #333; background-size: cover  }
 */

#SubServiceCate { min-height: 400px;padding-top: 20px; font: 15px/22px sans-serif;color: #333; background-size: cover  }
#SubServiceCate .titG { color: #333;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 10px;padding-left:5px; padding-right:5px; line-height:30px}
#SubServiceCate .desc { color: #666;font: 15px sans-serif;display: block;text-align: center; margin-bottom:20px; padding-left:5px; padding-right:5px}
#SubServiceCate .item{min-height:340px;}
#SubServiceCate .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubServiceCate .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}
#SubServiceCate a.cate{ color: #333; font: 16px sans-serif;display: block;margin-top:6px; line-height:21px}
#SubServiceCate a.cate:hover{color: #d8870c;}

@media (max-width: 767px) {

#SubServiceCate .item{min-height:230px;}
}


#ServiceIndex .item{min-height: 215px}
#ServiceIndex .item a{ color: #333;display: block; margin-top: 7px}
#ServiceIndex .item a:hover{color: #d8870c}

#SubServiceCateRight { -webkit-box-shadow: 0px 0px 31px -4px rgba(51, 51, 51, 1);-moz-box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);padding: 30px; margin-bottom: 20px}
#SubServiceCateRight .titG { color: #030303;font: 20px iCielGotham;display: block; margin-bottom: 10px}
#SubServiceCateRight a.cate{font: 15px sans-serif;color: #030303;padding: 7px 5px 7px 0px;border-bottom: 1px dotted #ccc; display: block; line-height:21px}
#SubServiceCateRight .cate:last-child{border-bottom: none}
#SubServiceCateRight a.cate:hover{color: #af2025}
#SubServiceCateRight .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubServiceCateRight .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}



#SubNewListCateHp1{padding-top: 20px; font: 15px/22px sans-serif;color: #333; background: #f8f9ff}
#SubNewListCateHp1 .items{min-height:310px}
#SubNewListCateHp1 .titG { color: #030303;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#SubNewListCateHp1 .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 80px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#SubNewListCateHp1 .titleitem{ color: #030303;font: 18px sans-serif;}
#SubNewListCateHp1 h3.titleitemh{ color: #030303;font: 19px sans-serif;}
#SubNewListCateHp1 .descitem{ color: #666;font: 15px sans-serif; margin: 5px 0 0 }
#SubNewListCateHp1 .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubNewListCateHp1 .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}


#SubNew_tin_tuc_su_kien {padding-top: 20px; font: 15px/22px sans-serif;color: #333; background: #f8f9ff}
#SubNew_tin_tuc_su_kien .items{min-height:290px}
#SubNew_tin_tuc_su_kien .titG { color: #030303;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#SubNew_tin_tuc_su_kien .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 80px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#SubNew_tin_tuc_su_kien .descitem{ color: #666;font: 15px sans-serif; margin: 5px 0 0 }
#SubNew_tin_tuc_su_kien .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubNew_tin_tuc_su_kien .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}

h3.titleitem13{ color: #4a4a4a;font: 16px sans-serif; line-height:22px; padding-top:5px}
a.titleitem13a{ color: #4a4a4a;font: 16px sans-serif; padding-top:5px;line-height:22px;}
a.titleitem13a:hover {color: #d8870c;}

h3.item2tin{ color: #4a4a4a;font: bold 16px sans-serif; line-height:22px; padding-top:5px; }
a.item2tina{ color: #4a4a4a;font: bold 16px sans-serif;line-height:22px;padding-bottom:5px}
a.item2tina:hover {color: #d8870c;}

#SubNew_list_tin_cate_hp {padding-top: 20px; font: 15px/22px sans-serif;color: #333; background: #f8f9ff}
#SubNew_list_tin_cate_hp .items{min-height:260px}
#SubNew_list_tin_cate_hp .titG { color: #030303;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#SubNew_list_tin_cate_hp .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 80px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#SubNew_list_tin_cate_hp .descitem{ color: #666;font: 15px sans-serif; margin: 5px 0 0 }
#SubNew_list_tin_cate_hp .floadr{ float:right}
#SubNew_list_tin_cate_hp a.other{font: 15px sans-serif; color:#030303;float: right; margin-right:10px; padding-right:11px; background:url(ico/icoxt.png) no-repeat right 0px center;margin-bottom:10px}
#SubNew_list_tin_cate_hp a.other:hover{color:#d8870c;}
#SubNew_list_tin_cate_hp a.gc {font: 15px sans-serif;background:url(ico/arr_gc.png) no-repeat 0 2px;display:block; color: #1f295f;float:left; margin-right:12px; margin-bottom:10px; padding-left:14px;}
#SubNew_list_tin_cate_hp a.gc:hover{color:#d8870c;background:url(ico/arr_gc_hv.png) no-repeat 0 2px;}

#SubNew_list_tin_cate_hp .khungkt{min-height:430px}
#SubNew_list_tin_cate_hp .khungtindv{min-height:160px}
@media (max-width: 767px){
#SubNew_list_tin_cate_hp .items{min-height:210px}
#SubNew_list_tin_cate_hp .khungtindv{min-height:120px}
}

#SubNew_list_tin_cate_dv {padding-top: 20px;}
#SubNew_list_tin_cate_dv .floadr{ float:right}
#SubNew_list_tin_cate_dv a.other{font: 15px sans-serif; color:#030303;float: right; margin-right:10px; padding-right:11px; background:url(ico/icoxt.png) no-repeat right 0px center;margin-bottom:10px}
#SubNew_list_tin_cate_dv a.other:hover{color:#d8870c;}
#SubNew_list_tin_cate_dv a.gc {font: 15px sans-serif;background:url(ico/arr_gc.png) no-repeat 0 2px;display:block; color: #1f295f;float:left; margin-right:12px; margin-bottom:10px; padding-left:14px;}
#SubNew_list_tin_cate_dv a.gc:hover{color:#d8870c;background:url(ico/arr_gc_hv.png) no-repeat 0 2px;}
#SubNew_list_tin_cate_dv .khungtindv{min-height:160px}
@media (max-width: 767px){
#SubNew_list_tin_cate_dv .items{min-height:210px}
#SubNew_list_tin_cate_dv .khungtindv{min-height:120px}
}

h3.itemkhac{ color: #4a4a4a;font: 16px sans-serif;}
a.itemkhaca{font:normal 16px sans-serif;color:#4a4a4a;background:url(ico/dotliother1.png.ashx) no-repeat 0 8px;display:block;line-height:22px;padding:0 0px 3px 16px}
a.itemkhaca:hover {color: #d8870c;}
h3.txtcatechatindv{color: #030303;font: 14pt sans-serif;font-weight: bold;display: block;text-align: left; margin-bottom: 15px; display:block}
a.txtcatechatindva { color: #030303;font: 14pt sans-serif;font-weight: bold;display: block;text-align: left; margin-bottom: 15px; line-height:26px}
a.txtcatechatindva:hover { color: #d8870c;}

#SubNewListCateHp1Right{-webkit-box-shadow: 0px 0px 31px -4px rgba(51, 51, 51, 1);-moz-box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);padding: 30px; margin-bottom: 20px}
#SubNewListCateHp1Right .titG { color: #030303;font: 20px iCielGotham;display: block;}
#SubNewListCateHp1Right .items{ min-height: 85px;border-bottom: 1px dotted #ccc; margin-top: 15px }
#SubNewListCateHp1Right .items:last-child{border-bottom: none}
#SubNewListCateHp1Right .khungAnh{ width: 100px;height: 70px;float: left; margin-right: 15px}
#SubNewListCateHp1Right .khungAnh:before{padding-bottom: 62%}
#SubNewListCateHp1Right .titleitem{ color: #030303;font: 15px sans-serif; line-height:21px}
#SubNewListCateHp1Right .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubNewListCateHp1Right .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}

#SubFileLibraryChuyenGia {padding-top: 20px; font: 15px/22px sans-serif;color: #333; background: #f8f9ff; padding-bottom:5px}
#SubFileLibraryChuyenGia .items{margin-bottom:5px}
#SubFileLibraryChuyenGia .titG { color: #030303;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#SubFileLibraryChuyenGia .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 80px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#SubFileLibraryChuyenGia a.titleitem{ color: #030303;font: 17px sans-serif;}
#SubFileLibraryChuyenGia a.titleitem:hover{color: #d8870c}
#SubFileLibraryChuyenGia .descitem{ color: #666;font: 15px sans-serif;min-height:70px; padding-top:5px; line-height:20px; }
#SubFileLibraryChuyenGia .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubFileLibraryChuyenGia .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}

#SubFileLibraryChuyenGia a.xemthem{font: 15px sans-serif; color:#030303;float: right; margin-right:10px; padding-right:11px; background:url(ico/arrow_c.png) no-repeat right 0px center;margin-bottom:10px}
#SubFileLibraryChuyenGia a.xemthem:hover{color:#d8870c;}


.vtxt {
    margin:auto;
    display: block;
    width:150px;
    height:30px;
}
.arrowxt {
    width: 9px;
    height: 17px;
    display: block;
    background: url(ico/arrow_04_h16.png) no-repeat right;
    float:left;
    margin-left:5px;

}

a.txtxemthemf {
    font: normal 15px sans-serif;
    color: #4a4a4a;
    float:left;
    text-transform:uppercase;
}

a.txtxemthemf:hover {
text-decoration:underline;
}

.bgxemthem {
    width: 101px;
    height: 20px;
    display: block;
    padding-top:0px;
    background: url(ico/arrow_03_h16.png) no-repeat right;
    margin:auto;
}

a.txtxemthem {
    font: normal 17px sans-serif;
    color: #030303;
}
a.txtxemthem:hover {
text-decoration:underline;
}


.bgxemthem4a4a4a {
    width: 92px;
    height: 20px;
    display: block;
    padding-top:0px;
    background: url(ico/arrow_04_h16.png) no-repeat right;
    margin:auto;
}
a.txtxemthem4a4a4a {
    font: normal 17px sans-serif;
    color: #4a4a4a;
}
a.txtxemthem4a4a4a:hover {
text-decoration:underline;
}


#SubFileLibraryChuyenGia .khungAnh{position:relative;z-index: 1; overflow: hidden}
#SubFileLibraryChuyenGia .khungAnh:before{content:"";display:block;padding-bottom:72%}

/*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/
#SubFileLibraryChuyenGia .khungAnhCrop img{min-width:100%;min-height:100%;position:relative;z-index:1;transform:translate(-50%,-50%)}
#SubFileLibraryChuyenGia .khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.1)}

/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
#SubFileLibraryChuyenGia .wide{ width: 100%; height: auto !important;position:relative;z-index:1}
#SubFileLibraryChuyenGia .pdpictxt{clear:both; padding-top:10px}

@media (max-width: 767px){
#SubFileLibraryChuyenGia a.titleitem{ color: #030303;font: 14px sans-serif;}
#SubFileLibraryChuyenGia a.titleitem:hover{color: #d8870c}
#SubFileLibraryChuyenGia .descitem{min-height:55px; font: 14px sans-serif;}
}

.btndetailmau{ width: 150px;height: 40px;background: #d8870c;color: #fff !important;border: 2px solid #d8870c; font: 17px/36px sans-serif;text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
.btndetailmau:hover{ background: #d8813a;color: #fff !important;border: 2px solid #d8813a;}

#SubFileLibrary_trang_gioi_thieu {padding-top: 5px}
#SubFileLibrary_trang_gioi_thieu .items{margin-bottom:5px}
#SubFileLibrary_trang_gioi_thieu .titG { color: #030303;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#SubFileLibrary_trang_gioi_thieu .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 80px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#SubFileLibrary_trang_gioi_thieu .hitems{}
#SubFileLibrary_trang_gioi_thieu a.titleitem{ color: #030303;font: 16px sans-serif;}
#SubFileLibrary_trang_gioi_thieu a.titleitem:hover{color: #d8870c}
#SubFileLibrary_trang_gioi_thieu .descitem{ color: #666;font: 15px sans-serif;height:65px; padding-top:5px; }
#SubFileLibrary_trang_gioi_thieu .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubFileLibrary_trang_gioi_thieu .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}

#SubFileLibrary_trang_gioi_thieu .khungAnh{position:relative;z-index: 1; overflow: hidden}
#SubFileLibrary_trang_gioi_thieu .khungAnh:before{content:"";display:block;padding-bottom:72%}

/*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/
#SubFileLibrary_trang_gioi_thieu .khungAnhCrop img{min-width:100%;min-height:100%;position:relative;z-index:1;transform:translate(-50%,-50%)}
#SubFileLibrary_trang_gioi_thieu .khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.1)}

/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
#SubFileLibrary_trang_gioi_thieu .wide{ width: 100%; height: auto !important;position:relative;z-index:1}
#SubFileLibrary_trang_gioi_thieu .pdpictxt{clear:both; padding-top:10px}

@media (max-width: 767px){
#SubFileLibrary_trang_gioi_thieu a.titleitem{ color: #030303;font: 14px sans-serif;}
#SubFileLibrary_trang_gioi_thieu a.titleitem:hover{color: #d8870c}
#SubFileLibrary_trang_gioi_thieu .descitem{height:65px; font: 14px sans-serif;}
}

.btndetailmau{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif;text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
.btndetailmau:hover{ background: #d8813a;color: #fff;border: 2px solid #d8813a;}

#SubNew_kien_thuc_va_KH .btndetail{ width: 150px;height: 40px;background: #d8870c;color: #fff;border: 2px solid #d8870c; font: 17px/36px sans-serif; text-align: center;margin: 0 auto 20px;border-radius: 25px;display: block;}
#SubNew_kien_thuc_va_KH .btndetail:hover{ background: #54545b;color: #fff;border: 2px solid #54545b;}
#SubNew_kien_thuc_va_KH .items{min-height:350px;}
#SubNew_kien_thuc_va_KH .items a{ color: #333; font: 16px sans-serif;display: block;margin-top:6px; line-height:21px}
#SubNew_kien_thuc_va_KH .items a:hover{color: #d8870c}

#SubNew_kien_thuc_va_KH .khungAnh a.tit_tenkh{position: absolute;background: linear-gradient(180deg,transparent 5.34%,rgba(0,0,0,.8));color: #fff;width: 100%;z-index: 2;font: 16px sans-serif; line-height:21px; padding: 10px;bottom: 0 }
#SubNew_kien_thuc_va_KH .khungAnh a.tit_tenkh:hover{ text-decoration:underline;}



@media (max-width: 767px){
#SubNew_kien_thuc_va_KH .items{min-height:230px;}
#SubNew_kien_thuc_va_KH .items a{font: 15px sans-serif; line-height:21px}
#SubNew_kien_thuc_va_KH .khungAnh a.tit_tenkh{font: 15px sans-serif; line-height:21px}

}

#AdvPartnerHome{min-height: 320px;padding-top: 15px; font: 15px/22px sans-serif;color: #333; background: #f8f9ff}
#AdvPartnerHome .titG { color: #030303;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#AdvPartnerHome .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 50px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#AdvPartnerHome .cangiua{text-align:center;height:45px;}
#AdvPartnerHome a.txttd{font: normal 15px sans-serif; color:#4a4a4a; line-height:21px }
#AdvPartnerHome a.txttd:hover{color: #d8870c}
#AdvPartnerHome .khungAnh:before{content:"";display:block;padding-bottom:55%}
#AdvPartnerHome .khungAnh{border: 1px dashed #e1e1e1;margin-bottom:20px}
#AdvPartnerHome .khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.05)}

@media (max-width: 767px){
#AdvPartnerHome a.txttd{font: normal 14px sans-serif;line-height:20px }
}

#AdvKH_tieu_bieu_GT{min-height: 320px; font: 15px/22px sans-serif;color: #333;}
#AdvKH_tieu_bieu_GT .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 50px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#AdvKH_tieu_bieu_GT .cangiua{text-align:center;height:45px;}
#AdvKH_tieu_bieu_GT a.txttd{font: normal 15px sans-serif; color:#4a4a4a; line-height:21px }
#AdvKH_tieu_bieu_GT a.txttd:hover{color: #d8870c}
#AdvKH_tieu_bieu_GT .khungAnh:before{content:"";display:block;padding-bottom:55%}
#AdvKH_tieu_bieu_GT .khungAnh{border: 1px dashed #e1e1e1;margin-bottom:5px}
#AdvKH_tieu_bieu_GT .khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.05)}

@media (max-width: 767px){
#AdvKH_tieu_bieu_GT a.txttd{font: normal 14px sans-serif;line-height:20px }
}

#CommonFooter {min-height: 530px; padding-top:20px; font: 15px/22px sans-serif;color: #333;background: url(ico/footer_5.jpg) no-repeat center; background-size: cover}
#CommonFooter .sologan{ font: 25px/37px iCielGotham;min-height: 37px;text-align: left;margin-bottom: 10px;color: #fff; text-transform: uppercase}
#CommonFooter .info{ color:#fff;font: 17px/27px sans-serif;}
#CommonFooter .info img{margin-top: 10px}
#CommonFooter .info .wraptext{ height: 121px;background: url(ico/bgtxt.png) no-repeat;width: 478px; float: right}
#CommonFooter .info .txt{ width: 373px;height: 121px;padding: 15px 25px;color: #764724; font:bold 22px/26px iCielGotham;margin-left: 100px}
#CommonFooter .copyright{ margin-top: 10px;color:#fff; font: 15px/25px sans-serif;}
#CommonFooter .picbct{width:170px; height:auto}



.road{height:40px;background:#f9f9f9;overflow: hidden;font: 15px/40px sans-serif; color: #333}
.road a{line-height:40px}
.road a.lv1{color:inherit}
.road a.arrow{padding-left:20px;background:url(ico/arrow.png) no-repeat 7px 9px}
.road a.lv1:hover{color:#293590}
.road h1{font-size:inherit;font-weight:inherit;margin:0;padding:0;display:inline-block}


.Category{}
.Category .vgname{ color: #d8870c;font: 26px iCielGotham; margin: 0 0 20px}
.Category ul{ margin: 0;padding: 0;list-style: none;display: table}
.Category ul li{ margin-bottom: 30px;}
.Category .khungAnh:before{content:"";display:block;padding-bottom:66%}
.Category ul li .iTit{ font:  20px SegoeUISemibold;color: #333;display: block;margin-bottom: 10px;}
.Category ul li:hover .iTit{ color: #d8870c;}
.Category ul li .datecate{ font: 13px/20px sans-serif;color: #999999;}
.Category ul li .iDes{ font: normal 15px/20px sans-serif;color: #333;text-align: justify;}
.Category ul li .iViewDetails{color: #333;border: 2px solid #e5e5e5;font:15px/33px sans-serif;float: right;padding: 0 25px;background: #fff;height: 35px;border-radius: 15px; margin-top: 5px}
.Category ul li:hover .iViewDetails{color: #fff;background: #d8870c; border: 2px solid #d8870c}

#AdvPartnerHomeRight {-webkit-box-shadow: 0px 0px 31px -4px rgba(51, 51, 51, 1);
-moz-box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);
box-shadow: 0px 0px 31px -4px rgba(51,51,51,1);padding:10px 30px; margin-bottom: 20px}
#AdvPartnerHomeRight .item{ min-height: 140px;border-bottom: 1px dotted #cccccc;width: calc(50%);float: left;padding:8px 15px; text-align: center}
#AdvPartnerHomeRight .item0{border-right: 1px dotted #cccccc}
#AdvPartnerHomeRight .item:nth-child(6) {border-bottom: none}
#AdvPartnerHomeRight .item:nth-child(7) {border-bottom: none}
#AdvPartnerHomeRight .khungAnh:before{content:"";display:block;padding-bottom:100%}
#AdvPartnerHomeRight .khungAnh{ margin-bottom: 10px;width: 105px;height: 105px; margin: 0 auto}
#AdvPartnerHomeRight .title{ font: 14px/20px sans-serif;color: #333;}


.OtherItem{}
.OtherItem .head{font: 20px iCielGotham;color:#003366;margin-bottom: 10px;text-transform: uppercase;}
.OtherItem a.title{font:normal 17px/28px arial;color:#333;background:url(ico/dotliother1.png.ashx) no-repeat 0 8px;display:block;padding:0 10px 5px 16px}
.OtherItem a:hover{color:#003366;background: url(ico/dotliother.png.ashx) no-repeat 0 8px;}
.OtherItem a span{color:#c2c2c2}
.OtherItem .vien{display:none}


#CommonNewsDetailBottomTool{padding:8px 0;border-top: 1px solid #ccc;}
#CommonNewsDetailBottomTool a{font:normal 13px/22px sans-serif;color:#aaaaaa!important;display:inline-block;padding-left:15px}
#CommonNewsDetailBottomTool a:hover{color:#ff6600}
#CommonNewsDetailBottomTool a.prev{background:url(ico/prev.gif.ashx) no-repeat 0 8px}
#CommonNewsDetailBottomTool a.top{background:url(ico/top.gif.ashx) no-repeat 0 6px;padding-right:20px}
#CommonNewsDetailBottomTool a.email{background:url(ico/email.gif.ashx) no-repeat 0 8px;padding-right:20px}
#CommonNewsDetailBottomTool a.email span{display:none}
#CommonNewsDetailBottomTool a.print{background:url(ico/print.gif.ashx) no-repeat 0 6px}
#CommonShareToSocial{ padding-top: 2px; margin-right: 7px}
#CommonShareToSocial .item{float:right;width:25px;height:20px}


#NewCategory .itemsW{margin-bottom:30px}
#NewCategory .titG { color: #d8870c;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#NewCategory .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 80px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#NewCategory a.titleitem{ color: #030303;font: 18px sans-serif;}
#NewCategory a.titleitem:hover{color: #d8870c}
#NewCategory .descitem{ color: #666;font: 15px sans-serif; margin: 5px 0 0 }
/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
#NewCategory .wide{ width: 90%; height: auto !important;position:relative;z-index:1}
#NewCategory .pdpictxt{clear:both; padding-top:10px}
#NewCategory .items{min-height:170px}
#NewCategory .items a{ color: #333;display: block;}
#NewCategory .items a:hover{color: #d8870c}

#NewCategory .khungAnh{position:relative;z-index: 1; overflow: hidden}
#NewCategory .khungAnh:before{content:"";display:block;padding-bottom:72%}
#NewCategory .khungAnhCrop img{min-width:100%;min-height:100%;position:relative;z-index:1;transform:translate(-50%,-50%)}
#NewCategory .khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.1)}

#NewCategory a.gc {font: 15px sans-serif;background:url(ico/arr_gc.png) no-repeat 0 2px;display:block; color: #1f295f;float:left; margin-right:12px; margin-bottom:10px; padding-left:14px;}
#NewCategory a.gc:hover{color:#d8870c;background:url(ico/arr_gc_hv.png) no-repeat 0 2px;}

@media (max-width: 767px){
#NewCategory  .items .khungAnh{margin-bottom: 10px}
}


#VideoCategory .itemsW{margin-bottom:30px}
#VideoCategory .titG { color: #d8870c;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#VideoCategory .desc { color: #333;font: 15px sans-serif;display: block;text-align: center;min-height: 80px;background: url(ico/gach.png) no-repeat center bottom 25px; padding-bottom: 50px}
#VideoCategory a.titleitem{ color: #030303;font: 18px sans-serif;}
#VideoCategory a.titleitem:hover{color: #d8870c}
#VideoCategory .descitem{ color: #666;font: 15px sans-serif; margin: 5px 0 0 }

#VideoCategory .khungAnh{position:relative;z-index: 1; overflow: hidden}
#VideoCategory .khungAnh:before{content:"";display:block;padding-bottom:72%}

/*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/
#VideoCategory .khungAnhCrop img{min-width:100%;min-height:100%;position:relative;z-index:1;transform:translate(-50%,-50%)}
#VideoCategory .khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.1)}

/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
#VideoCategory .wide{ width: 90%; height: auto !important;position:relative;z-index:1}
#VideoCategory .pdpictxt{clear:both; padding-top:10px}

#VideoCategory .items{min-height:170px}
#VideoCategory .items a{ color: #333;display: block;}
#VideoCategory .items a:hover{color: #d8870c}

@media (max-width: 767px){
#VideoCategory  .items .khungAnh{margin-bottom: 10px}
}

#ChuyenGiaCategory .itemsW{ margin-bottom:5px}
#ChuyenGiaCategory .titG { color: #d8870c;font: 28px iCielGotham;display: block;text-align: center; margin-bottom: 15px}
#ChuyenGiaCategory a.titleitem{ color: #030303;font: 18px sans-serif;}
#ChuyenGiaCategory a.titleitem:hover{color: #d8870c}
#ChuyenGiaCategory .descitem{ color: #666;font: 15px sans-serif;min-height:55px; margin: 5px 0 0;}
#ChuyenGiaCategory .wide{ width: 90%; height: auto !important;position:relative;z-index:1}
#ChuyenGiaCategory .pdpictxt{clear:both; padding-top:10px}
#ChuyenGiaCategory .vgname{ color: #d8870c;font: 26px iCielGotham; margin: 0 0 30px}
@media (max-width: 767px){
#ChuyenGiaCategory a.titleitem{ color: #030303;font: 15px sans-serif;}
#ChuyenGiaCategory a.titleitem:hover{color: #d8870c}
#ChuyenGiaCategory .descitem{min-height:75px;}
}

.bd {border: 1px solid #030303}

#ServiceCategory .items{min-height: 330px}
#ServiceCategory .items a{ color: #333;display: block; margin-top: 7px; margin-bottom: 10px}
#ServiceCategory .items a:hover{color: #d8870c}

@media (max-width: 767px) {
#ServiceCategory .items{min-height: 230px}
}

h3.txtcateconS { color: #333;font: 15px/22px sans-serif; margin-bottom: 0px;}
a.txtcateconaS { color: #333;font: 15px/22px sans-serif; margin-bottom: 0px;}

h1.vgname{ color: #d8870c;font: 26px iCielGotham; margin: 0 0 20px}

#CommonSearchBoxHome{float:left;background: url(ico/btnsearch.png) no-repeat center right;margin-top: 4px;width: 180px; height: 23px}
#CommonSearchBoxHome .tb{width:155px;background:none;border:none;font:normal 14px 'sans-serif';color:#999;height:22px;line-height: 22px;padding:0 5px;float: left; outline: none}
#CommonSearchBoxHome .btok{float:right;width:30px;height:20px;margin-top: 5px;background:none;border: none;text-indent: -999px;cursor: pointer;outline: none}
#frmSearch{ position: relative;margin-bottom: 2px;}
#frmSearch .btok{ position: absolute;right: 1px;top: -3px;}

#CommonLanguage{ float: left;margin-top: 5px}
#CommonLanguage a.FormatFlatLang{display:block; float:left; width: 22px;height: 16px;margin-left: 10px}
#CommonLanguage a.FormatFlatLang img{width:22px;height: 16px;}

@media (max-width: 767px) {
   #SubContentHp .titG,#SubContentHp h2.titG,#SubNewListCateHp1 .titG,#SubNewListCateHp .titG,#AdvPartnerHome .titG  {font: 20px iCielGotham;}
   #SubServiceCate .titG {color: #fff;font: 22px iCielGotham;display: block;text-align: center; margin-bottom: 10px;padding-left:5px; padding-right:5px; line-height:30px}
    #CommonFooter{background:#54545b}
    #CommonFooter .sologan {font: 20px/37px iCielGotham;}
    #CommonFooter .info .wraptext{background: transparent;width: 100%;padding: 15px}
    #CommonFooter .info .txt {background: #fff;margin: 0 auto;text-align: center;
    width: 100%;
    height: auto;
    padding: 10px ;
    color: #764724;
    font: bold 19px/26px iCielGotham;-webkit-box-shadow: 4px 4px 4px 0px rgba(195,209,184,1);
-moz-box-shadow: 4px 4px 4px 0px rgba(195,209,184,1);
box-shadow: 4px 4px 4px 0px rgba(195,209,184,1)}
        #CommonLanguage { float:right; }

        #CommonLanguage a.FormatFlatLang{display:block; float:right; width: 22px;height: 16px;margin-left: 10px}


}


#nb-scrollTop.show {
    right: 15px;
    bottom: 65px;
}
#nb-scrollTop.show {
    opacity: 1;
    bottom: 20px;
}
#nb-scrollTop {
    z-index: 8;
}
#nb-scrollTop .scrollToTop {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: rgba(0,0,0,.5);
}
#nb-scrollTop .scrollToTop .fa {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 20px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.h50{height:50px}
.h25{height:25px}
.pagging{font:16px sans-serif;color:#757575;padding: 3px 0;display: block}
.pagging a{float: left}
.textpagging{float:right;color:#757575;padding-top:5px;font-style:italic;font-size:12px}
.truoc{font:normal 16px sans-serif;padding:5px 11px; line-height:40px;width: 40px; margin: 0 5px;background: url(ico/page.png) no-repeat center;background-position: -40px 0;height: 40px; display: inline-block}
.sau{font:normal 16px sans-serif;padding:5px 11px; line-height:40px; width: 40px;margin: 0 5px; background:url(ico/page.png) no-repeat center; background-position: -80px 0; height: 40px; display: inline-block}
.dau{font:normal 16px sans-serif;padding:5px 42px; line-height:40px;width: 40px; margin: 0 5px; background:url(ico/page.png) no-repeat center; background-position: 0 0; height: 40px; display: inline-block}
.cuoi{font:normal 16px sans-serif;padding:5px 42px; line-height:40px; width: 40px;margin: 0 5px; background:url(ico/page.png) no-repeat center; background-position: -120px 0; height: 40px; display: inline-block}
.hientai{font:normal 16px sans-serif;text-align:center;line-height:38px; width: 40px;margin: 0 5px;display:inline-block;border: 1px solid #d0d0d0;border-radius: 100%;color:#fff;background:#023f88;}
.trangkhac{font:normal 16px sans-serif;text-align:center;line-height:38px; width: 40px;margin: 0 5px;display:inline-block; border: 1px solid #d0d0d0;border-radius: 100%; color:#333;}