@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese');
/* font-family: 'Open Sans', sans-serif; */

/* font-family: 'Roboto', sans-serif; */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

#CommonHeader .hotline {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

#AdvertisingControlCate .content .TextInBox,
#CommonMenuMain a.top {
    font-family: 'Open Sans', sans-serif;
}

#HomepageLoadControl .title a,
#HomepageLoadControl .title a h2,
#HomepageLoadControl .title h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

#HomepageLoadControl .top1 .desc {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

#SubProducWhyHome .title,
#SubServiceCateHome .cate h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

/* khung anh */

.khungAnh02 {
    position: relative;
    z-index: 1;
}

.khungAnh02:before {
    content: "";
    display: block;
    padding-bottom: 60%;
}

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

.khungAnh02Crop0 img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.khungAnh02Crop0 img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.khungAnh02Crop img {
    max-width: 150%;
    max-height: 150%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.khungAnh02Crop img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.khungAnh02Crop img.wide {
    height: 100%;
    max-width: none;
}

.khungAnh02Crop img.tall {
    width: 100%;
    max-height: none
}

/* color */

#CommonMenuMain {
    background: url(/upgrade/img/9.png);
}

#CommonStone ul .li1 span {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicohome.png) no-repeat center;
}

#CommonStone ul .li2 span {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicohm.png) no-repeat center;
}

#CommonStone ul .li3 span {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicobong.png) no-repeat center;
}

#CommonStone ul .li4 span {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicoloa.png) no-repeat center;
}

#CommonStone ul .li5 span {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicocong.png) no-repeat center;
}

#CommonStone ul .li1 span:hover {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicohome.png) no-repeat center !important;
    border: 2px solid #fff;
}

#CommonStone ul li:hover a.co,
#CommonStone ul li.active a.co {
    background: #239ca8;
}

#CommonStone ul .li2 span:hover {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicohm.png) no-repeat center !important;
    border: 2px solid #fff;
}

#CommonStone ul .li3 span:hover {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicobong.png) no-repeat center !important;
    border: 2px solid #fff;
}

#CommonStone ul .li4 span:hover {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicoloa.png) no-repeat center !important;
    border: 2px solid #fff;
}

#CommonStone ul .li5 span:hover {
    background: #4dafb9 url(/cms/display/CommonControls/CommonStone/mnicocong.png) no-repeat center !important;
    border: 2px solid #fff;
}

#HomepageLoadControl #section5 {
    background: #fff;
}

#CommonMenuMain .ddsmoothmenu-v ul li.litop {
    border-right: 1px solid #1c96a2;
}

#CommonMenuMain .ddsmoothmenu-v ul li.current1,
#CommonMenuMain .ddsmoothmenu-v ul li.litop:hover {
    background: #186e76 !important;
    border-right: 1px solid #186e76;
}

#ContactUsIndex .btSend,
.hientai,
#NewsIndex .titlehead span.more:hover,
#SubNewCate,
#SubNewRelate .head,
#SubPhotoAlbumOtherItems .content .item:hover,
#SubPhotoAlbumRight .owl-theme .owl-controls .owl-page:hover span,
#SubPhotoAlbumRight .owl-theme .owl-controls .owl-page.active span,
#SubServiceCate .SubListCatePage a.current,
#SubServiceCate ul .licha .childcate {
    background: #239ca8;
}

#SubServiceHl .titlehead span,
#SubServiceOtherItem .head,
#HomepageLoadControl .top4 .title a,
#HomepageLoadControl .top1 .title,
#SubPhotoAlbumHomepage .namealbum,
#SubNewQA .headpt,
#SubNewQA .headpt h2,
#SubNewHome .headpt h2,
#SubNewHome .headpt,
#CommonCommentFacebook .titleCMT,
#CommonCommentGoogle .titleCMT,
#NewsIndex a.title:hover,
#NewsIndex a.detail,
#HomepageLoadControl .top3 .title a,
#SubServiceRelate .head,
#SubProductOtherItem .head,
#SubProductOtherItem a:hover,
#SubProductWhy .headw h2,
#SubNewIntro .headi h2,
#ServiceIndex .top1 .title,
#ServiceCategory .nameg h1,
#ServiceCategory a.title,
#ServiceCategory .nameg,
#ServiceDetail .title h1,
#CommonSupportOnlineService .head,
#SubNewNB .head,
#PhotoAlbumCategory .nameg,
#PhotoAlbumDetail .nameg h1,
#PhotoAlbumDetail .nullresult,
#SubPhotoAlbumOtherItems .pTitle1 b,
#NewsIndex .nameg,
#NewsIndex .titlehead .ten,
#NewCategory .nameg h1,
#NewDetail .title h1,
#SubNewOtherItem .head,
#CustomerCategory .nameg,
#ProductIndex .headpt,
#ServiceIndex .cate h2:hover,
#SubProducWhyHome .title {
    color: #239ca8;
}

#HomepageLoadControl .title a,
#HomepageLoadControl .title a h2,
#HomepageLoadControl .title h2 {
    background: transparent;
}

#SubNewOtherItem .head {
    margin-top: 0;
}

#SubServiceForm .form .btgui,
#SubServiceForm .form .bthuy {
    background: #348992;
}

#PhotoAlbumCategory .content .item:hover {
    background: #239ca8;
}

#SubServiceForm .form .btgui:hover,
#SubServiceForm .form .btgui:focus,
#SubServiceForm .form .bthuy:hover,
#SubServiceForm .form .bthuy:focus {
    color: #fff;
    background: #b2b2ae;
}

#HomepageLoadControl #section1 {
    background: #f7fcff;
    height: auto;
    padding-bottom: 50px;
}

#SubServiceHl .morenb,
#SubNewHl .morenb,
#SubNewHl .title1:hover,
#SubServiceHl .title1:hover {
    color: #239ca8;
}

#SubServiceHl .morenb:hover,
#SubNewHl .morenb:hover {
    color: #239ca8;
}

#SubServiceCateHome .subcate span,
#SubNewNB .name,
#ServiceIndex .subcate span {
    background: url(/upgrade/img/2.png) no-repeat left top 3px;
    display: block
}

#ServiceIndex .cate h2 {
    color: #333;line-height: 30px
}

#SubNewHl .title1 {
    background: unset;
    position: relative;
}

#SubNewHl .title1::after {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 7px;
    left: 0;
    background: #239ca8;
    content: "";
}

#CommonFooter .bottom {
    background: #348992;
}

#SubNewQA .titlew span,
#SubProductWhy .titlew span {
    background: url(/upgrade/img/3.png) no-repeat;
}

#SubNewQA .titlew span.active,
#SubProductWhy .titlew span.active {
    background: url(/upgrade/img/4.png) no-repeat !important;
}

#SubNewHome .headpt,
#SubNewQA .headpt {
    padding-bottom: 10px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e2e2e2;
}

#SubNewHome .item2 {
    display: none;
}

#SubNewHome .headpt span {
    background: url(/upgrade/img/5.png) no-repeat right;
}

#SubNewQA .titlew a:hover {
    color: #ed5ec3 !important;
}

#HomepageLoadControl .title a,
#HomepageLoadControl .title a h2,
#HomepageLoadControl .title h2,
#ProductIndex .cate h2:hover,
#ProductDetail .title h1 {
    color: #239ca8;
}

#ProductIndex .cate h2 {
    color: #333;
}

#SubProducWhyHome .more {
    color: #239ca8;
}

#CommonFooter {
    background: #4dafb9;
}

#CommonHeader {
    background: #fff;
}

/* an di */

#AdvXH,
#CommonLanguage,
#HomepageLoadControl .section .man,
#OpenSupport {
    display: none;
}

/* sua */

#CommonHeader .hotline {
    background: url(/upgrade/img/1.png) no-repeat left;
    padding-left: 25px;
    margin-top: 37px;
    width: auto;
    text-align: center;
    margin-left: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#SubServiceCateHome {
    width: auto;
    margin-left: -60px;
    margin-right: -60px;
}

#SubServiceCateHome .baosanphamindex {
    padding-left: 60px;
    padding-right: 60px;
    margin: 0 !important;
    float: left;
    box-sizing: border-box;
}

#HomepageLoadControl .top3 .title a {
    background: unset;
    padding: 0;
}

#HomepageLoadControl #section2 {
    background: #fffff9;
    height: auto;
}

#SubPhotoAlbumHomepage {
    width: auto;
    height: auto;
    float: none;
}

/* them */

.title_danhmuc {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}

.title_danhmuc a,
#SubNewHome .titlepr h3 {
    color: #333;
}

.title_danhmuc a:hover,
#SubNewHome .titlepr h3:hover {
    color: #ed5ec3;
}

#SubNewQA .baopninnerw {
    /*max-height: 585px;*/
    overflow-y: auto;
}

.slick-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: -45px;
    margin-top: -20px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3) url(/upgrade/img/6.png) no-repeat center;
    outline: none;
    font-size: 0;
    border: none;
}

.slick-arrow:hover {
    background: #239ca8 url(/upgrade/img/6.png) no-repeat center;
}

.slick-next {
    left: unset;
    right: -45px;
    transform: scale(-1);
}

.group-item {
    margin-left: -10px;
    margin-right: -10px;
}

.item-a01 {
    padding: 0 10px;
}

.item-a01 .khungAnh02::before {
    padding-bottom: 67%;
}

.item-a01 h3 a {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}

.item-a01 h3 a:hover {
    color: #ed5ec3;
}

#HomepageLoadControl #section4 {
    height: auto;
    padding-bottom: 30px;
}

#SubPhotoAlbumRight .titlehead span,
#SubProductCateWhy #headerSubPageCate span h2,
#SubServiceHl .titlehead span,
#SubNewHl .titlehead span,
#SubNewRight .titlehead span {
    color: #239ca8;
    position: relative;
}

#SubPhotoAlbumRight .titlehead span::after,
#SubProductCateWhy #headerSubPageCate span h2:after,
#SubServiceHl .titlehead span::after,
#SubNewHl .titlehead span::after,
#SubNewRight .titlehead span::after {
    position: absolute;
    width: 44px;
    height: 3px;
    background: #239ca8;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

#SubProductCateWhy #headerSubPageCate span h2:after {
    bottom: -5px;
}

#SubPhotoAlbumRight .titlehead,
#SubProductCateWhy #headerSubPageCate {
    background: unset;
}

#SubProductCate #headerSubPageCate,
#SubServiceCate #headerSubPageCate,
#SubNewCate #headerSubPageCate {
    background: #ec4ebb;
}

#SubProductCate,
#SubServiceCate,
#SubNewCate {
    background: #239ca8;
}

#SubServiceCate .SubListCatePage a.catesubServiceCon:hover span.center,
#SubServiceCate .SubListCatePage a.catesubServiceCon.current span.center,
#SubProductCate .SubListCatePage a.catesubnewCon:hover span.center,
#SubProductCate .SubListCatePage a.catesubnewCon.current span.center {
    color: #239ca8;
    background: url(/upgrade/img/7.png) no-repeat left;
}

#SubProductCate .SubListCatePage a.catesubnewCon {
    overflow: hidden;
}

.signbt {
    text-align: center;
    border-radius: 4px 4px 0 0;
    background: #4dafb9;
}

.signbt span {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding-left: 0;
    font-weight: 700;
}

.signbt span::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(/upgrade/img/8.png) no-repeat;
    display: inline-block;
    margin-right: 5px;
}

#SubProductWhy .headw,
#SubNewIntro .headi {
    background: unset;
    position: relative;
}

#SubProductWhy .headw::after,
#SubNewIntro .headi::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 3px;
    background: #239ca8;
    left: 0;
    bottom: 0;
}

/* fix */

#HomepageLoadControl #section5 {
    height: auto;
}

#SubServiceCateHome .cate {
    height: auto;
}

#HomepageLoadControl #section2 {
    padding-bottom: 30px;
}

#SubServiceCateHome .baosanphamindex {
    height: auto;
}

#SubServiceCate .SubListCatePage a.catesubServiceCon {
    line-height: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-size: 100% 100% !important;
    height: auto !important;
}

#SubServiceCate .SubListCatePage a.catesubServiceCon span.center {
    background: url(/cms/display/Service/SubControls/SubServiceCate/dotlir.png) no-repeat left top 8px !important;
}

#SubServiceCate .SubListCatePage a.catesubServiceCon:hover span.center,
#SubServiceCate .SubListCatePage a.catesubServiceCon.current span.center {
    background: url(/upgrade/img/7.png) no-repeat left top 8px !important;
}

#HomepageLoadControl #section2 {
    padding-bottom: 20px;
}

#SubServiceCateHome .cate,
#SubServiceCateHome .baosanphamindex,
#ServiceIndex .cate {
    height: auto !important;
}

#ServiceIndex .baosanphamindex {
    height: 410px !important;
}

#ServiceIndex .baosanphamindex {
    width: 275px !important;
    margin-right: 50px !important
}