﻿body
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    color:#333;
    background:#fff;
    font:14px SFUFuturaBook;
}
.khoi1170
{
    width:1170px;
    margin:auto;
}
.cb{clear:both;}
a
{
    text-decoration:none;
}
li
{
    list-style:none;
}
ul
{
    margin:0;
    padding:0;
}
p
{
    margin:0;
}
h1
{
    margin:0;
    font-size:14px;
    font-weight:normal;
}
h2
{
    margin:0;
    font-size:14px;
    font-weight:normal;
}
h3
{
    margin:0;
    font-size:14px;
    font-weight:normal;
}

@font-face
{
    font-family: 'slick';
    src: url('fontface/slick.eot'); /* IE9 Compat Modes */
    src: url('fontface/slick.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fontface/slick.woff') format('woff'), /* Modern Browsers */
    url('fontface/slick.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fontface/slick.svg#slick') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'SFUFuturaBook';
    src: url('fontface/SFUFuturaBook.eot'); /* IE9 Compat Modes */
    src: url('fontface/SFUFuturaBook.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fontface/SFUFuturaBook.woff') format('woff'), /* Modern Browsers */
    url('fontface/SFUFuturaBook.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fontface/SFUFuturaBook.svg#SFUFuturaBook') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'SFUFuturaHeavy';
    src: url('fontface/SFUFuturaHeavy.eot'); /* IE9 Compat Modes */
    src: url('fontface/SFUFuturaHeavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fontface/SFUFuturaHeavy.woff') format('woff'), /* Modern Browsers */
    url('fontface/SFUFuturaHeavy.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fontface/SFUFuturaHeavy.svg#SFUFuturaHeavy') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'RobotoMedium';
    src: url('fontface/RobotoMedium.eot'); /* IE9 Compat Modes */
    src: url('fontface/RobotoMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fontface/RobotoMedium.woff') format('woff'), /* Modern Browsers */
    url('fontface/RobotoMedium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fontface/RobotoMedium.svg#RobotoMedium') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'SFUFuturaOblique';
    src: url('fontface/SFUFuturaOblique.eot'); /* IE9 Compat Modes */
    src: url('fontface/SFUFuturaOblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fontface/SFUFuturaOblique.woff') format('woff'), /* Modern Browsers */
    url('fontface/SFUFuturaOblique.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fontface/SFUFuturaOblique.svg#SFUFuturaOblique') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'OswaldMedium';
    src: url('fontface/OswaldMedium.eot'); /* IE9 Compat Modes */
    src: url('fontface/OswaldMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fontface/OswaldMedium.woff') format('woff'), /* Modern Browsers */
    url('fontface/OswaldMedium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fontface/OswaldMedium.svg#OswaldMedium') format('svg'); /* Legacy iOS */
}


.mainslide .khungAnh:before{padding-bottom:37.41%}
.itemdstin1 .khungAnh:before{padding-bottom:66.9643%}
.itemdstin3 .khungAnh:before{padding-bottom:125.6065%}
.itemdstin2 .khungAnh:before{padding-bottom:66.532174%}
.itemdoitac .khungAnh:before{padding-bottom:44.2211%}
#banner .khungAnh:before{padding-bottom:19.7657%}
.itemsanpham .khungAnh:before{padding-bottom:75.294%}
.itemds_sanpham .khungAnh:before{padding-bottom:62.5926%}
.item_dsdoitac .khungAnh:before{padding-bottom:42.3913%}
.itemtincon .khungAnh:before{padding-bottom:66.2835%}
.itemtuyendung .khungAnh:before{padding-bottom:78.008%}
.itemtinnoibo .khungAnh:before{padding-bottom:66.6668%}
.anhgioithieu .khungAnh:before {
    padding-bottom: 87.258%
}


#header
{
    height:84px;
    width:100%;
    margin:auto;
    position:relative;
    z-index:3;
}
#header .logo
{
    display:block;
    overflow:hidden;
    float:left;
    width:245px;
    height:84px;
    position:relative;
}
#header .menu
{
    float:left;
    width:auto;
    height:84px;
    margin-left:44px;
}
.menu > ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}
.menu > ul > li
{
    position:relative;
    display:inline-block;
    float:left;
    min-height:84px;
}
.menu > ul > li > a
{
    font:15px SFUFuturaHeavy;
    line-height:27px;
    color:#333;
    display:block;
    text-align:center;
    height:27px;
    text-decoration:none;
    text-transform:uppercase;
    margin:32px 20px 0 20px;
    padding-bottom:22px;
    border-bottom:3px solid #fff;
}
.menu > ul > li > a::before
{
    content:"";
    width:15px;
    height:5px;
    text-align:center;
    display:none;
    bottom:3px;
    left:calc(50% - 7.5px);
    background:url('../Css/pic/menuhv.png') no-repeat center;
    position:absolute;
    z-index:1;
}
.menu > ul > li .active,
.menu > ul > li > a:hover
{
    border-color:var(--color-main);
    color:var(--color-main);
}
.menu > ul > li > .active::before
{
    display:block;
}
.menu > ul > li > ul
{
    position:absolute;
    padding:0;
    z-index:10;
    top:100%;
    left:0;
    width:190px;
    background:var(--color-main);
    display:none;
}
.menu > ul > li > ul > li
{
    list-style:none;
    border-bottom:1px solid #3b8fcc;
}
.menu > ul > li > ul > li > a
{
    font:15px SFUFuturaBook;
    color:#fff;
    display:block;
    text-decoration:none;
    line-height:21px;
    padding:5px 10px;
    position:relative;
}
.menu > ul > li > ul > li a.active
{
    color:#fff;
}
.menu > ul > li > ul > li > a:hover
{
    color:var(--color-sub);
}
.menu > ul > li:hover > ul
{
    display:block;
}
.menu > ul > li > ul > li ul
{
    position:absolute;
    padding:0;
    top:0;
    left:100%;
    background-color:var(--color-main);
    width:190px;
    display:none;
    z-index:5;
}
.menu > ul > li > ul > li ul li
{
    list-style:none;
    border-bottom:1px solid #3b8fcc;
}
.menu > ul > li > ul > li ul li a
{
    font:15px SFUFuturaBook;
    color:#fff;
    display:block;
    text-decoration:none;
    line-height:21px;
    padding:5px 10px;
    position:relative;
}
.menu > ul > li > ul > li > ul li a:hover
{
    color:var(--color-sub);
}
.menu > ul > li > ul > li:hover ul
{
    display:block;
}
#slide_trangchu
{
    width:100%;
    position:relative;
    display:block;
}
.mainslide button{
    background:url('../Css/pic/nutslide.png') no-repeat center;
    border-radius:5px;
    width:16px;
    height:16px;
}
.slick-dots li button:before
{
    content:"";
}
.slick-dotted.slick-slider
{
    margin-bottom:0;
}
.mainslide .slick-dots 
{
    position: absolute;
    padding: 0;
    z-index:2;
    bottom: 1px;
}
.mainslide .slick-dots li 
{
    display: inline-block;
    margin:0 2px;
    list-style: none
}
.mainslide .slick-dots button 
{
    width:16px;
    height:16px;
    border: none;
    outline: none;
    background:url('../Css/pic/nutslide.png') no-repeat center;
    padding: 0;
    font-size: 0;
    cursor: pointer
}
.mainslide .slick-dots .slick-active button {background:url('../Css/pic/nutslidehove.png') no-repeat center}

#banner .search,
#slide_trangchu .search
{
    position:absolute;
    display:inline-block;
    z-index:10;
    height:34px;
    right:11px;
    top:22px;
}
#banner .search
{
    top:106px;
}
#banner .search input,
#slide_trangchu .search input
{
    position:absolute;
    right:11px;
    z-index:30;
    top:-49px;
    border-radius:15px 15px 0 15px;
    border:1px solid #b0b0b0;
    font-size:13px;
    font-style:italic;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    opacity:0;
    padding:5px 10px;
}
#banner .search input.active,
#slide_trangchu .search input.active
{
    width:250px;
    opacity:1;
}
#banner .search .timkiem,
#slide_trangchu .search .timkiem
{
    width:34px;
    height:34px;
    border-radius:50%;
    float:right;
    cursor:pointer;
    background:#d2d6df url('../Css/pic/timkiem.png') no-repeat center;
}
#header .CommonLanguage
{
    width:50px;
    /*height:84px;*/
    float:right;
    margin-top:36px;
}

.gioithieu_trangchu
{
    background:url('../Css/pic/nen.png')repeat center;
    width:100%;
    overflow:hidden;
}
.gioithieu_trangchu .anhgioithieu
{
    width:53%;
    float:left;
    overflow:hidden;
}
.gioithieu_trangchu .cot1
{
    width:44.2735%;
    float:right;
    overflow:hidden;
}
.gioithieu_trangchu .cot1 .tencty
{
    margin-top:125px;
    display:block;
    padding-bottom:20px;
    background:url('../Css/pic/ngang.png') no-repeat left bottom;
    color:var(--color-main);
    font:36px SFUFuturaHeavy;
    text-transform:uppercase;
}
.gioithieu_trangchu .cot1 .loinoi
{
    margin-top:45px;
    max-height:78px;
    overflow:hidden;
    font:16px SFUFuturaBook;
    line-height:26px;
}
.gioithieu_trangchu .cot1 .xemchitiet
{
    margin-bottom:110px;
    border:1px solid #808080;
    border-radius:20px;
    height:38px;
    width:131px;
    display:block;
    color:#333;
    transition:1.2s;
    text-align:center;
    line-height:38px;
    font:12px/38px RobotoMedium;
    text-transform:uppercase;
    margin-top:70px;
}
.gioithieu_trangchu .cot1 .xemchitiet:hover
{
    background:#0069b5;
    color:#fffefe;
    transition:1.2s;
    border:1px solid #0069b5;
}

.sanpham_trangchu
{
    background:url('../Css/pic/nen1.png') repeat;
    overflow:hidden;
}
.tieude_sanpham
{
    display:block;
    text-transform:uppercase;
    color:#fff;
    font:36px SFUFuturaHeavy;
    text-align:center;
    line-height:45px;
    padding-top:40px;
}
.note_sanpham
{
    clear:both;
    color:#fff;
    display:block;
    font:16px SFUFuturaBook;
    line-height:24px;
    margin:15px 130px; 
    text-align:center;
}
.sanpham_trangchu .ds_sanpham
{
    margin-top:30px;
}
.sanpham_trangchu .ds_sanpham .itemdssanpham_trangchu
{
    width:calc((100% - 276px)/4);
    float:left;
    overflow:hidden;
    margin-right:92px;
    text-align:center;
}
.sanpham_trangchu .ds_sanpham .itemdssanpham_trangchu:last-child
{
    margin-right:0;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung
{
    width:100%;
    background:url('../Css/pic/nensanpham.png') no-repeat center;
    height:247px;
    position:relative;
    transition: width 1.2s;
    -webkit-transition: width 1.2s;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung .khungAnh
{
    width:calc(100% - 8px);
    height:130px;
    top:60px;
    margin-left:4px;
    transition: 1.5s;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung .khungAnh .title_hv
{
    opacity:0;
    padding-top:170px;
    transition:1.3s;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung .khungAnh .khungAnhCrop0 img
{
    opacity:1;
    transition:1.3s;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung:hover .khungAnh .khungAnhCrop0 img
{
    opacity:0.19;
    z-index:1;
    transition:1.3s;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung:hover
{
    background:url('../Css/pic/nensanphamhv.png') no-repeat center;
    transition: 1.2s;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung:hover + h3 .title_sanpham
{
    opacity:0;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung:hover .khungAnh .title_hv
{
    opacity:1;
    padding:0;
     transition:1.3s;
}
.sanpham_trangchu .itemdssanpham_trangchu .title_hvanh,
.sanpham_trangchu .itemdssanpham_trangchu .title_sanpham
{
    font:18px SFUFuturaHeavy;
    width:100%;
    color:#fff;
    opacity:1;
    display:block;
    opacity:1;
    text-transform:uppercase;
    transition:1.2s;
    margin-bottom:65px;
}
.sanpham_trangchu .itemdssanpham_trangchu .title_sanpham
{
    margin-top:35px;
}
.sanpham_trangchu .itemdssanpham_trangchu .title_hvanh
{
    padding-top:35px;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung_xemthem
{
    background:url('../Css/pic/nensanphamhv.png') no-repeat center;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung_xemthem:hover
{
    background:url('../Css/pic/nensanpham.png') no-repeat center;
}
.sanpham_trangchu .itemdssanpham_trangchu .khung_xemthem:hover .title_hvanh
{
    color:#005b9e;
    z-index:5;
    transition:1.2s;
}

.tintuc_trangchu
{
    overflow:hidden;
    margin:0;
    padding:0 0 79px 0;
    background:#f8f8f7;
}
.tintuc_trangchu .tintuc_trangchu_trai
{
    float:left;
    width:27.8%;
    overflow:hidden;
}
.tintuc_trangchu .tintuc_trangchu_trai .tieude_tintuc
{
    color:var(--color-main);
    margin-bottom:30px;
    display:block;
    text-transform:uppercase;
    font:36px SFUFuturaHeavy;
    line-height:45px;
    padding-top:40px;
}
.tintuc_trangchu .tintuc_trangchu_trai ul li
{
    margin-bottom:8px;
}
.tintuc_trangchu .tintuc_trangchu_trai ul li a.tendm_tin
{
    color:#666;
    text-transform:uppercase;
    padding-bottom:5px;
    font:18px SFUFuturaHeavy;
}
.tintuc_trangchu .tintuc_trangchu_trai ul li a.tendm_tin:hover
{
    color:var(--color-main);
    background:url('../Css/pic/ngang.png') no-repeat left bottom;
}
.tintuc_trangchu .tintuc_trangchu_phai
{
    float:right;
    width:71.96%;
    overflow:hidden;
    margin-top:56px;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin1
{
    width:224px;
    height:150px;
    z-index:1;
    display:block;
    margin-right:12px;
    float:left;
    overflow:hidden;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin1:nth-child(2)
{
    margin:0;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin1 .khungAnh
{
    width:224px;
    height:150px;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin2
{
    width:460px;
    height:307px;
    z-index:1;
    margin-top:158px;
    overflow:hidden;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin2 .khungAnh
{
    width:460px;
    height:307px;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin3
{
    width:370px;
    height:465px;
    float:right;
    margin-top:0;
    position:relative;
    overflow:hidden;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin3 .khungAnh
{
    width:370px;
    height:465px;
}
.tintuc_trangchu .tintuc_trangchu_phai .item .tttin
{
    position:absolute;
    width:100%;
    height:50%;
    z-index:4;
    left:0;
    bottom:0;
    color:#fff;
    transition: height 0.7s;
    -webkit-transition: height 0.7s;
    background: linear-gradient( to top, rgba(0,0,0,0.55), transparent)
}
.tintuc_trangchu .tintuc_trangchu_phai .item .tttin .title_tintuc
{
    line-height:20px;
    font:16px SFUFuturaHeavy;
    display:block;
    width: calc(100% - 20px);
    padding:0 10px;
    height:46px;
    overflow:hidden;
    color:#fff;
}
.tintuc_trangchu .item .tttin .thoigianluotxem
{
    font:12px SFUFuturaBook;
    padding:0 10px;
    margin-top:5px;

}
.tintuc_trangchu .item .tttin .thoigianluotxem .thoigian
{
    padding-left:17px;
    background:url('../Css/pic/lich.png') no-repeat left center;
}
.tintuc_trangchu .item .tttin .thoigianluotxem .luotxem
{
    margin-left:15px;
    padding-left:23px;
    background:url('../Css/pic/luotxem.png') no-repeat left center;
}
.tintuc_trangchu .item .tttin .note
{
    padding:0 10px;
    font:14px SFUFuturaBook;
    color:#fff;
    margin:0;
    text-align:left;
    margin-top:15px;
    height:72px;
    overflow:hidden;
    line-height:24px;
}
.tintuc_trangchu .item .tttin .xemchitiet
{
    background:var(--color-main);
    color:#fff;
    display:block;
    border-radius:20px;
    width:133px;
    padding:12px 0;
    margin-top:25px;
    font:12px RobotoMedium;
    margin:25px auto;
    text-align:center;
    text-transform:uppercase;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin1:hover .tttin
{
    height:100%;
    background:rgba(0,0,0,0.43);
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin2 .tttin
{
    height:25%;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin2:hover .tttin
{
    height:100%;
    background:rgba(0,0,0,0.43);
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin2:hover .tttin .title_tintuc
{
    margin-top:16%;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin3 .tttin
{
    height:17%;
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin3:hover .tttin
{
    height:100%;
    background:rgba(0,0,0,0.43);
}
.tintuc_trangchu .tintuc_trangchu_phai .itemdstin3:hover .tttin .title_tintuc
{
    margin-top:55%;
}

#doitac
{
    background:#fff;
    padding:0;
    margin:0;
}
#doitac .tieude_doitac
{
    color:var(--color-main);
    text-align:center;
    display:block;
    text-transform:uppercase;
    font:36px SFUFuturaHeavy;
    line-height:45px;
    padding-top:40px;
    padding-bottom:10px;
    background:url('../Css/pic/ngang.png') no-repeat center bottom;

}
#doitac .dsdoitac_trangchu
{
    margin:25px 85px;
}
#doitac .dsdoitac_trangchu .itemslbt
{
    position:relative;
    line-height:69px;
    float:left;
}
.dsdoitac_trangchu .slick-prev, .dsdoitac_trangchu .slick-next
{
    width: 30px;
    height: 30px;
    max-width:30px;
    opacity:1;
    top:50%;
    font-size:0;
    z-index: 2;
}
.dsdoitac_trangchu .slick-prev
{
    left:-85px;
    background:url('../Css/pic/slidetrai.png') no-repeat center;
}
.dsdoitac_trangchu .slick-prev:hover
{
    background:url('../Css/pic/slidetrai_hv.png') no-repeat center;
}
.dsdoitac_trangchu .slick-next
{
    background:url('../Css/pic/slidephai.png') no-repeat center;
    right:-85px;
}
.dsdoitac_trangchu .slick-next:hover
{
    background:url('../Css/pic/slidephai_hv.png') no-repeat center;
}
.slick-next:before, .slick-prev:before{content:"";}

#footer
{
    min-height:232px;
    width:100%;
    margin:auto;
}
#footer .footercontent
{
    min-height:152px;
    width:100%;
    padding-top:40px;
    position:relative;
    background:#0066cc;
}
#footer .footercontent .trai
{
    width:50%;
    float:left;
}
#footer .footercontent .khoi_ft .tieude_ft
{
    font:18px SFUFuturaHeavy;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:25px;
}
#footer .footercontent .khoi_ft .noidung_ft
{
    font:14px SFUFuturaBook;
    color:#fff;
}
#footer .footercontent .khoi_ft .noidung_ft .sdt_ft,
#footer .footercontent .khoi_ft .noidung_ft .email_ft
{
    margin-top:5px;
}
#footer .footercontent .phai
{
    float:right;
    width:210px;
}
#footer .footercontent .khoi_ft .mangxahoi
{
    margin-top:14px;
    overflow:hidden;
}
#footer .footercontent .khoi_ft .mangxahoi a
{
    width:30px;
    height:30px;
    float:left;
    display:block;
    margin-right:8px;
}
#footer .footercontent .khoi_ft .mangxahoi .fb
{
    background:url('../Css/pic/face.png') no-repeat center;
}
#footer .footercontent .khoi_ft .mangxahoi .gcong
{
    background:url('../Css/pic/gcong.png') no-repeat center;
}
#footer .footercontent .khoi_ft .mangxahoi .tw
{
    background:url('../Css/pic/tw.png') no-repeat center;
}
#footer .footercontent .khoi_ft .mangxahoi .your
{
    background:url('../Css/pic/your.png') no-repeat center;
}
#footer .footercontent .khoi_ft .mangxahoi .in
{
    background:url('../Css/pic/in.png') no-repeat center;
}
#footer .commonfootercontent
{
    background-color:#00497e;
    height:40px;
    line-height:40px;
}
#footer .commonfootercontent .copy a
{
    color:#fff;
}

/*.......mũi tên.........*/
#muiten .btn-top
{ 
    display:inline; 
    background-repeat: no-repeat;
    border: medium none;
    bottom: 89px;
    cursor: pointer;
    height: 56px;
    outline: medium none;
    padding: 0;
    position: fixed;
    right: 18px;
    width: 56px;
    z-index: 9999;
}

#banner
{
    margin:0;
    padding:0;
    background:rgba(0,0,0,0.43);
}
#banner .menu_banner
{
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    background:rgba(0,0,0,0.21);
}
#duongdanlink
{
    background-color:#f1f1f1;
    width:100%;
}
.duongdan_link
{
    margin:0;
    padding:0 15px;
}
.duongdan_link li{list-style:none;display:inline;padding-right:15px;margin-right:5px;background:url('../Css/pic/duongdan.png') no-repeat right center;}
.duongdan_link li:last-child{background:none;}
.duongdan_link li a{text-decoration:none;color:#333;font-size:13px;line-height:30px;}

.gioithieucty
{
    color:var(--color-main);
    font:30px SFUFuturaHeavy;
    text-transform:uppercase;
    margin-top:35px;
    display:block;
}
.thongtin_congty
{
    margin-top:5px;
    font:15px SFUFuturaBook;
    line-height:28px;
    padding-bottom:55px;
}
.thongtin_congty .chuhoa
{
    text-transform:uppercase;
}
.xemthem_dsgioithieu
{
    color:#fff;
    padding:10px 68px 8px 44px;
    font:15px SFUFuturaHeavy;
    text-transform:uppercase;
    background:var(--color-main) url('../Css/pic/xemthem.png') no-repeat right 40px center;
    border-radius:20px 20px 0 0;
    text-align:center;
    left:43%;
    bottom:-3px;
    position:relative;
    z-index:10;
}
.xemthem_dsgioithieu:after
{
    content:"";
    background:url('../Css/pic/iconxemthem.png') no-repeat center;
    position:absolute;
    z-index:10;
    width:6px;
    right:-6px;
    bottom:0;
    height:8px;
}
.dsgioithieu.active
{
    display:block;
}
.dsgioithieu
{
    background:#ececec;
    display:block;
}
.dsgioithieu .menu_gioithieu
{
    height:60px;
    display:block;
    overflow:hidden;
}
.dsgioithieu .menu_gioithieu ul
{
    display:flex;
    width:100%;
    justify-content:center;
    overflow:hidden;
    text-align:center;
}
.dsgioithieu .menu_gioithieu ul li
{
    height:60px;
    display:inline-block;
    text-align:center;
    float:left;
    position:relative;
}
.dsgioithieu .menu_gioithieu ul li a
{
    display:inline-block;
    height:24px;
    line-height:24px;
    padding:18px 33px 18px 33px;
    font:16px SFUFuturaHeavy;
    text-transform:uppercase;
    color:#333;
}
.dsgioithieu .menu_gioithieu ul li a.active,
.dsgioithieu .menu_gioithieu ul li a:hover
{
    color:var(--color-main);
}
.dsgioithieu .tamnhin_sumenh
{
    background:var(--color-main) url('../Css/pic/nen2.png') no-repeat center;
    padding:0;
    display:none;
    transition:3s;
    margin:0;
    overflow:hidden;
}
.dsgioithieu .tamnhin_sumenh.active
{
    display:block;
}
.tamnhin_sumenh .tamnhin_sumenh_left
{
    width:38%;
    float:left;
    line-height:570px;
    text-transform:uppercase;
    text-align:center;
}
.tamnhin_sumenh .tamnhin_sumenh_left a{font:30px SFUFuturaHeavy;color:#fff;}
.tamnhin_sumenh .tamnhin_sumenh_right
{
    width:46%;
    float:right;
    color:#fff;
    position:relative;
    padding:170px 6.5% 0 6.5%;
    margin-bottom:105px;
    background:url('../Css/pic/moc.png') no-repeat left 40px top 168px;
    font:17px SFUFuturaOblique;
    line-height:30px;
    /*height:300px;
    overflow:hidden;*/
}
.tamnhin_sumenh .tamnhin_sumenh_right:after
{
    content:"";
    height:24px;
    width:30px;
    margin-left:10px;
    bottom:-3px;
    background:url('../Css/pic/mocright.png') no-repeat center;
    position:absolute;
    z-index:1;
}
.dsgioithieu .connguoi
{
    overflow:hidden;
    transition:3s;
    display:none;
    padding:0;
    margin:0;
}
.dsgioithieu .connguoi.active
{
    display:block;
}
.connguoi .connguoi_left
{
    float:left;
    width:65%;
    padding:140px 33px 0 75px;
    margin-bottom:75px;
    font:17px SFUFuturaOblique;
    position:relative;
    line-height:30px;
    background:url('../Css/pic/moc1.png') no-repeat left 40px top 140px;
}
.connguoi .connguoi_left:after
{
    content:"";
    width:30px;
    height:24px;
    bottom:-3px;
    margin-left:7px;
    background:url('../Css/pic/mocright1.png') no-repeat center;
    position:absolute;
    z-index:2;
}
.connguoi .connguoi_right
{
    float:right;
    width:25%;
    padding-top:100px;
    line-height:340px;
    text-transform:uppercase;
    text-align:center;
}
.connguoi .connguoi_right a{font:30px SFUFuturaHeavy;color:var(--color-main);}
.dsgioithieu .vanhoacongty
{
    background:#cccccc url('../Css/pic/nen3.png') no-repeat center;
    padding:0;
    display:none;
    margin:0;
    transition:3s;
    overflow:hidden;
}
.dsgioithieu .vanhoacongty.active
{
    display:block;
}
.vanhoacongty .vanhoacongty_left
{
    width:38%;
    float:left;
    line-height:575px;
    text-transform:uppercase;
    text-align:center;
}
.vanhoacongty .vanhoacongty_left a{font:30px SFUFuturaHeavy;color:var(--color-main);}
.vanhoacongty .vanhoacongty_right
{
    width:46%;
    float:right;
    color:#333;
    position:relative;
    padding:180px 6.5% 0 6.5%;
    margin-bottom:105px;
    background:url('../Css/pic/moc1.png') no-repeat left 40px top 177px;
    font:17px SFUFuturaOblique;
    line-height:30px;
}
.vanhoacongty .vanhoacongty_right:after
{
    content:"";
    width:30px;
    height:24px;
    bottom:-3px;
    margin-left:7px;
    background:url('../Css/pic/mocright1.png') no-repeat center;
    position:absolute;
    z-index:2;
}



.dsgioithieu.fix .menu_gioithieu {position: fixed;width: 1366px;height:40px;top: 0;left: calc(50% - 683px);z-index: 4;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;background:#ececec}
.dsgioithieu.fix .menu_gioithieu ul li{height:40px;}
.dsgioithieu.fix .menu_gioithieu ul li a{padding:5px 30px;transition:1s}

.tieude_sp_trangchinh
{
    font:36px SFUFuturaHeavy;
    color:var(--color-main);
    display:block;
    text-align:center;
    margin-top:30px;
    text-transform:uppercase;
}
.ds_sp_trangchinh
{
    overflow:hidden;
    margin-top:40px;
}
.ds_sp_trangchinh .itemsanpham
{
    width:calc((100% - 150px)/3);
    float:left;
    margin-right:75px;
    overflow:hidden;
    margin-bottom:35px;
}
.ds_sp_trangchinh .itemsanpham:nth-child(3n)
{
    margin-right:0;
}
.ds_sp_trangchinh .itemsanpham .khungAnh
{
    background:#ececec;
}
.ds_sp_trangchinh .itemsanpham .title_sp_trangchinh
{
    font:18px SFUFuturaHeavy;
    color:var(--color-main);
    display:block;
    text-align:center;
    margin-top:15px;
}
.ds_sp_trangchinh .itemsanpham .khungAnh .sp_hv
{
    background:rgba(0,104,180,0.7);
    width:100%;
    height:0;
    position:absolute;
    opacity:1;
    transition:0.89s;
    z-index:10;
    left:0;
    bottom:0;
}
.ds_sp_trangchinh .itemsanpham .khungAnh:hover .sp_hv
{
    height:100%;
}
.ds_sp_trangchinh .itemsanpham .khungAnh .sp_hv .tendm_sp
{
    display:block;
    font:18px SFUFuturaBook;
    color:#fff;
    padding-left:55px;
    background:url('../Css/pic/iconsanpham.png') no-repeat left 30px center;
    margin-bottom:10px;
}
.ds_sp_trangchinh .itemsanpham .khungAnh .sp_hv .tendm_sp:first-child
{
    margin-top:55px;
}
.ds_sp_trangchinh .itemsanpham .khungAnh .sp_hv .tendm_sp:hover
{
    color:var(--color-sub);
}

#content
{
    margin:0;
    padding:0;
    overflow:hidden;
}
#content .sanpham_left
{
    float:left;
    width:23.077%;
    overflow:hidden;
    margin-top:35px;
}
.danhmuc > ul
{
    margin:0;
    padding:0;
    overflow:hidden;
}
.danhmuc > ul > li
{
    background:#ebebeb url('../Css/pic/icondm.png') no-repeat right 10px center;
    width:100%;
    margin-bottom:10px;
    display:block;
    line-height:38px;
}
.danhmuc > ul > li:hover
{
    background:var(--color-main) url('../Css/pic/icondm.png') no-repeat right 10px center;
}
.danhmuc > ul > li:hover > a
{
    color:#fff;
}
.danhmuc > ul > li > a
{
    color:#333;
    font:14px/38px SFUFuturaBook;
    padding-left:14px;
    margin-right:23px;
    display:block;
}
.danhmuc > ul > li ul
{
    position:relative;
    border-top:1px solid #3b8fcc;
    margin:0 15px;
    visibility:visible;
    background:var(--color-main);
    display:none;
}
.danhmuc > ul > li.dmspcon.active ul
{
    display:block;
}
.danhmuc > ul > li.dmspcon.acset
{
    background:var(--color-main) url('../Css/pic/icondm.png') no-repeat right 10px top 13px;
}
.danhmuc > ul > li.dmspcon.active
{
    background:var(--color-main) url('../Css/pic/icondm_hv.png') no-repeat right 10px top 13px;
}
.danhmuc > ul > li.dmspcon.acset > a,
.danhmuc > ul > li.dmspcon.active > a{color:#fff;}
.danhmuc > ul > li ul li
{
    margin-left:15px;
}
.danhmuc > ul > li ul li a
{
    color:#fff;
    padding-left:20px;
    background:url('../Css/pic/icondmcon.png') no-repeat left 10px center;
}
.danhmuc > ul > li ul li.active a
{
    color:var(--color-sub);
}
.danhmuc > ul > li ul li a:hover
{
    color:var(--color-sub);
    background:url('../Css/pic/icondmcon_hv.png') no-repeat left 10px center;
}


#content .sanpham_right
{
    float:right;
    width:74.359%;
    overflow:hidden;
    margin-top:35px;
    margin-bottom:40px;
}
.tieude_noidung
{
    font:24px SFUFuturaHeavy;
    color:var(--color-main);
    display:block;
}
.desc_noidung
{
    font:14px SFUFuturaBook;
    color:#333;
    margin-top:5px;
    line-height:24px;
}
.sanpham_right .page_sanpham
{
    overflow:hidden;
    margin-top:20px;
}
.sanpham_right .page_sanpham .itemds_sanpham
{
    width:calc((100% - 61px)/3);
    float:left;
    overflow:hidden;
    margin-right:30px;
    margin-bottom:25px;
}
.sanpham_right .page_sanpham .itemds_sanpham:nth-child(3n)
{
    margin-right:0;
}
.sanpham_right .page_sanpham .itemds_sanpham .khungAnhCrop:before
{
    content:"";
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    position:absolute;
    z-index:3;
    left:0;
    bottom:0;
    border:5px solid rgba(255,255,255,0.32);
}
.sanpham_right .itemds_sanpham .title_ds_sanpham
{
    color:var(--color-main);
    font:16px SFUFuturaHeavy;
    margin-top:15px;
    display:block;
    height:48px;
    overflow:hidden;
    line-height:24px;
}
.sanpham_right .itemds_sanpham .note_ds_sanpham
{
    color:#333;
    font:14px SFUFuturaBook;
    line-height:24px;
    height:72px;
    overflow:hidden;
    display:block;
    margin-top:5px;
}

#content .sanpham_left > ul > li.dmspchitiet
{
    background:#ebebeb;
    width:100%;
    margin-bottom:10px;
    display:block;
    line-height:38px;
}
#content .sanpham_left > ul > li.dmspchitiet .dm_dsspchitiet
{
    color:#333;
    padding-left:14px;display: block
}
#content .sanpham_left > ul > li:hover
{
    background:var(--color-main);
}
#content .sanpham_left > ul > li.dmspchitiet:hover .dm_dsspchitiet
{
    color:#fff;
}
#content .sanpham_left > ul > li.dmspchitiet.active
{
    background:var(--color-main);
}
#content .sanpham_left > ul > li.dmspchitiet.active a
{
    color:#fff
}
.sanpham_left.fix ul{position: fixed;width: 270px;top: 0;left: calc(50% - 583px);z-index: 4;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.sanpham_right .tieude_noidung
{
    text-transform:uppercase;
}
.sanpham_right .gioithieuchung
{
    overflow:hidden;
    margin-top:10px;
}
.sanpham_right .title_sp_chitiet
{
    font:24px SFUFuturaHeavy;
    color:var(--color-main);
}
.sanpham_right .note_sp_chitiet
{
    font:14px SFUFuturaBook;
    margin-top:5px;
    line-height:24px;
}
.sanpham_right .note_sp_chitiet .chudam
{
    font:18px SFUFuturaHeavy;
    display:block;
}

#CommonCuoiChiTietTin {color:#999;padding: 5px 5px 0 5px;position:relative;z-index:3;overflow: hidden;margin: 20px 0 30px 0;clear: both}
#CommonCuoiChiTietTin a{display:inline-block;font: 12px Segoe UI}
#CommonCuoiChiTietTin .apd a.backtop {background: url(../Pic/gotop.png) no-repeat left center;padding-left: 15px}
#CommonCuoiChiTietTin .apd a {color:#999;padding-left:20px;display:inline-block;text-decoration: none;margin-right: 20px}
#CommonCuoiChiTietTin .apd a:hover {color: #e54254}
#CommonCuoiChiTietTin a.prevDBT{background:url(../Css/pic/trove.png) no-repeat left center}
#CommonCuoiChiTietTin a.email{background:url(../Css/pic/send_mail.png) no-repeat left center}
#CommonCuoiChiTietTin a.email span{display:none}
#CommonCuoiChiTietTin a.print{background:url(../Css/pic/print.png) no-repeat left center}
#CommonCuoiChiTietTin .shareItem{height:16px;display:inline-block;position:relative;z-index:1;top:2px}
#CommonCuoiChiTietTin .trai{float:left}
#CommonCuoiChiTietTin .phai{float:right;height:30px}
#CommonCuoiChiTietTin .cb{clear:both}
#CommonCuoiChiTietTin  .phai .cuoiphai {float: right}
.fb_iframe_widget{display:inline-flex!important}
.fb-like {top: -2px}

.sanphamkhac
{
    border-top:1px solid #e2e2e2;
}
.sanphamkhac .title_sanphamkhac
{
    display:block;
    font:24px SFUFuturaHeavy;
    color:var(--color-main);
    margin-top:25px;
}
.tieude_lienhe
{
    margin:45px 0 25px 0;
    text-transform:uppercase;
    font:24px SFUFuturaHeavy;
    color:var(--color-main);
    display:block;
}
.lienhe_trai
{
    float:left;
    width:43.846%;
    overflow:hidden;
}
.lienhe_trai:nth-child(2n)
{
    float:right;
    margin-right:59px;
    width:43.846%;
    overflow:hidden;
}
.title_lienhe
{
    color:#333;
    font:16px SFUFuturaHeavy;
    display:block;
    overflow:hidden;
    text-transform:uppercase;
    margin-bottom:15px;
}
.ttlienhe
{
    overflow:hidden;
    display:block;
    color:#333;
    font:14px SFUFuturaBook;
}
.lienhe_phai .bando,
.lienhe_trai .bando
{
    width:100%;
    height:100%;
    margin-top:40px;
    margin-bottom:40px;
}
.lienhe_phai .bando .bandomap,
.lienhe_trai .bando .bandomap
{
    overflow:hidden;
    position:relative;
    height:272px;
}
.tieude_doitac_trangcon
{
    color:var(--color-main);
    text-align:center;
    display:block;
    text-transform:uppercase;
    font:24px SFUFuturaHeavy;
    line-height:45px;
    padding-top:40px;
    margin-bottom:30px;
}
.ds_doitac
{
    overflow:hidden;
    margin:0;
    padding:0;
}
.ds_doitac .item_dsdoitac
{
    width:calc((100% - 181px)/4);
    overflow:hidden;
    float:left;
    margin-right:60px;
    margin-bottom:30px;
}
.ds_doitac .item_dsdoitac:nth-child(4n)
{
    margin-right:0;
}
.ds_doitac .item_dsdoitac .khungAnh
{
    width:calc(100% - 4px);
    border:1px solid #e2e2e2;
    transition:0.7s;
}
.ds_doitac .item_dsdoitac .khungAnh:hover
{
    border:1px solid var(--color-main);
    transition:0.7s;
}
.ds_doitac .item_dsdoitac .title_dsdoitac
{
    font:16px SFUFuturaBook;
    display:block;
    text-align:center;
    color:var(--color-main);
    height:24px;
    overflow:hidden;
    margin-top:3px;
}
.ds_doitac .item_dsdoitac .note_dsdoitac
{
    line-height:21px;
    font:14px SFUFuturaBook;
    color:#333;
    margin-top:10px;
    height:63px;
    overflow:hidden;
    text-align:justify;
}
.tintuc_left
{
    width:73.504%;
    float:left;
    margin-top:50px;
    overflow:hidden;
    margin-bottom:40px;
}
.tintuc_right
{
    width:23.077%;
    float:right;
    margin-top:50px;
    overflow:hidden;
    margin-bottom:40px;
}
.Subtindocnhieu
{
    overflow:hidden;
    margin-top:30px;
}
.Subtindocnhieu .headtnnd
{
    display:block;
    width:100%;
    height:38px;
    background:var(--color-main);
    margin:0 auto;
}
.Subtindocnhieu .headtnnd a
{
    display:block;
    color:#fff;
    padding-left:14px;
    text-transform:uppercase;
    font:14px/38px SFUFuturaBook;
}
.Subtindocnhieu .contentSubtindocnhieu
{
    overflow:hidden;
    margin:0;
    padding:0 0 20px 0;
    background:#f1f1f1;
}
.Subtindocnhieu .contentSubtindocnhieu .itemtin
{
    margin:20px 14px 0 14px;
    padding-bottom:7px;
    overflow:hidden;
    border-bottom:1px solid #e2e2e2;
}
.Subtindocnhieu .contentSubtindocnhieu .itemtin:last-child
{
    border-bottom:none;
}
.Subtindocnhieu .contentSubtindocnhieu .itemtin .title
{
    color:#333;
    font:14px SFUFuturaBook;
    line-height:20px;
    display:block;
    height:42px;
    overflow:hidden;
}.Subtindocnhieu .contentSubtindocnhieu .itemtin .title span
 {
     background:url('../Css/pic/icontin.png') no-repeat left top;
     width:5px;
     height:8px;
     display:inline-block;
     margin-right:8px;
 }
.Subtindocnhieu .contentSubtindocnhieu .itemtin .title:hover
{
    color:var(--color-main);
}
.Subtindocnhieu .contentSubtindocnhieu .itemtin .title:hover span
{
    background:url('../Css/pic/icontin_hv.png') no-repeat left top;
}
.Subtindocnhieu .contentSubtindocnhieu .itemtin .note_tin
{
    font:14px SFUFuturaOblique;
    color:#333;
    display:block;
    line-height:20px;
    height:42px;
    overflow:hidden;
    margin-top:5px;
}

.Timmach
{
    border:1px solid #e9e9e9;
    overflow:hidden;
    margin-bottom:29px;
}
.Timmach .ten_xemthem
{
    margin:20px 15px 0 15px;
    padding-bottom:12px;
    border-bottom:1px solid #e2e2e2;
}
.Timmach .ten_xemthem h2
{
    display:inline-block;
}
.Timmach .ten_xemthem .tendanhmuc
{
    color:var(--color-main);
    font:18px SFUFuturaHeavy;
    display:inline-block;
    text-transform:uppercase;
    text-decoration:none;
}
.Timmach .ten_xemthem .xemthemtin
{
    text-transform: none;
    font: 14px SFUFuturaBook;
    background: url('../Css/pic/iconxemthem1.png') no-repeat right bottom 5px;
    color: var(--color-main);
    float: right;
    display: inline-block;
    top: 0;
    padding-right: 16px;
    right: 0;
    border-bottom: none;
}
.Timmach .ds_tintuc
{
    margin:20px 15px 0 15px;
    overflow:hidden;
    padding-bottom:12px;
}
.Timmach .ds_tintuc .name
{
    font:18px SFUFuturaHeavy;
    color:#333;
    display:inline;
    text-decoration:none;
}
.Timmach .ds_tintuc .thoigianluotxem
{
    font:13px SFUFuturaBook;
    color:#666;
}
.Timmach .ds_tintuc .thoigianluotxem .thoigian
{
    background:url('../Css/pic/dongho.png') no-repeat left center;
    padding-left:20px;
}
.Timmach .ds_tintuc .thoigianluotxem .luotxem
{
    margin-left:25px;
    background:url('../Css/pic/mat.png') no-repeat left center;
    padding-left:24px;
}
.Timmach .ds_tintuc .itemtincon
{
    overflow:hidden;
    margin-top:15px;
}
.Timmach .ds_tintuc .itemtincon .khungAnh
{
    width:31.137%;
    float:left;
}
.Timmach .ds_tintuc .itemtincon .thongtin
{
    font:15px SFUFuturaBook;
    margin-top:5px;
    color:#333;
    width:65.868%;
    float:right;
    line-height:21px;
    position:relative;
    padding-bottom:20px;
}
.Timmach .ds_tintuc .itemtincon .thongtin .tttrong
{
    max-height:150px;
    overflow:hidden;
    line-height:21px;
}
.Timmach .ds_tintuc .itemtincon .thongtin .mocright
{
    color:var(--color-main);
    position:absolute;
    display:inline-block;
    bottom:0px;
    right:0;
    background-color:white;
}
.Timmach .ds_tintuc .dstentintuc
{
    margin-top:20px;
    overflow:hidden;
}
.Timmach .ds_tintuc .dstentintuc .tentintuc
{
    width:100%;
    height:auto;
    display:block;
    padding-left:20px;
    line-height:21px;
    color:#333;
    font:16px SFUFuturaBook;
}
.Timmach .ds_tintuc .dstentintuc .tentintuc:before
{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ccc;
    z-index:5;
    position:absolute;
    margin-left:-20px;
    margin-top:10px;
}
.Timmach .ds_tintuc .dstentintuc .tentintuc:hover
{
    color:var(--color-main);
}
.tintuc_left .title_dstintuc
{
    font:18px SFUFuturaHeavy;
    color:var(--color-main);
    margin-bottom:20px;
    display:block;
    text-transform:uppercase;
}

.Timmach .ds_tintuc_con
{
    margin:20px 15px 0 0;
    padding-bottom:0;
}
.Timmach .ds_tintuc_con .name
{
    margin-left:15px;
}
.Timmach .ds_tintuc_con .thoigianluotxem
{
    margin-left:15px;
}

.SplitPages
{
    overflow:hidden;
    text-align:right;
    display:inline-block;
    float:right;
}
.SplitPages a
{
    height:34px;
    color:#666;
    background:#e7e7e7;
    margin-left:6px;
    font:14px OswaldMedium;
    display:block;
    float:left;
    line-height:34px;
    text-decoration:none;
    padding:0 14px;
}
.SplitPages .hientai
{
    background:var(--color-main);
    color:#fefefe;
    background-color:var(--color-main);
}
.SplitPages a:hover
{
    background:var(--color-main);
    color:#fefefe;
    background-color:var(--color-main);
}
.SplitPages .cuoi
{
    text-transform:uppercase;
}
.Timmach .ds_tintuc #CommonCuoiChiTietTin
{
    padding:0 0 20px 0;
    margin:5px 0 0 0;
    border-bottom:1px solid #e2e2e2;
}
#CommonCuoiChiTietTin .thoigianluotxem
{
    float:left;
    display:inline-block;
    height:30px;
    line-height:30px;
}
.Timmach .ds_tintuc .thongtin_tin
{
    font:15px SFUFuturaBook;
    color:#333;
    line-height:21px;
    display:block;
    padding-top:10px;
}
.Timmach .ds_tintuc .thongtin_tin .heavy
{
    font:15px SFUFuturaHeavy;
}

.tieudekhac
{
    font: 18px SFUFuturaHeavy;
    color: #333;
}
.dskhac
{
    width: auto;
    overflow: hidden;
    margin: 3px 0 30px;
    padding: 0;
}
.dskhac .itemtintuckhac
{
    padding: 0;
    margin:0;
    height:27px;
    border-bottom:1px dashed #c8c8c8;
    background:url('../Css/pic/tich.png') no-repeat left center;
    padding-left:17px;
    width: calc(100% - 17px);
}
.dskhac .itemtintuckhac a
{
    text-decoration:none;
    line-height:27px;
    color:#333;
}
.dskhac .itemtintuckhac:hover
{
    background:url('../Css/pic/tich_hv.png') no-repeat left center;
    color:var(--color-main);
}
.dskhac .itemtintuckhac:hover a{color:var(--color-main)}
.itemtintuckhac span
{
    font-family:SFUFuturaBook;
    font-size:14px;
    color:#9d9c9c;
}

.dstuyendung
{
    margin-top:15px;
    overflow:hidden;
}
.dstuyendung .itemtuyendung
{
    width:calc(100% - 2px);
    border:1px solid #d7d7d7;
    margin-bottom:30px;
    overflow:hidden;
}
.dstuyendung .itemtuyendung .khungAnh
{
    width:28%;
    float:left;
}
.dstuyendung .itemtuyendung .tttuyendung
{
    float:right;
    width:69.767%;
    overflow:hidden;
}
.dstuyendung .itemtuyendung .tttuyendung .title_tuyendung
{
    font:16px SFUFuturaHeavy;
    color:#231f20;
    margin-top:20px;
    margin-bottom:15px;
    display:block;
}
.dstuyendung .itemtuyendung .tttuyendung span
{
    color:#231f20;
    font:14px SFUFuturaBook;
    display:block;
    margin-bottom:6px;
}
.sanpham_right .Timmach .ds_tintuc .name
{
    color:var(--color-main);
}
.Timmach .ds_tintuc .thongtin_tin .chuhoa
{
    text-transform:uppercase;
}

.tinnoibo
{
    overflow:hidden;
    margin-top:20px;
}
.tinnoibo .itemtinnoibo
{
    width:calc((100% - 43px)/3);
    float:left;
    margin-right:21px;
    overflow:hidden;
    margin-bottom:26px;
}
.tinnoibo .itemtinnoibo:nth-child(3n)
{
    margin-right:0;
}
.tinnoibo .itemtinnoibo .title_tinnoibo
{
    font:16px SFUFuturaHeavy;
    color:#333;
    height:23px;
    overflow:hidden;
    text-transform:uppercase;
    margin-top:10px;
    display:block;
}
.tinnoibo .itemtinnoibo .khungAnh .khungAnhCrop:before
{
    content:"";
    display:block;
    width:100%;
    height:0;
    position:absolute;
    z-index:5;
    transition:0.7s;
    top:0;
    left:0;
    background:rgba(0,0,0,0.4) url('../Css/pic/anh_hv.png') no-repeat center;
}
.tinnoibo .itemtinnoibo:hover .khungAnh .khungAnhCrop:before
{
    height:100%;
}
.tinnoibo .itemtinnoibo:hover .title_tinnoibo
{
    color:var(--color-main);
}
.tinnoibo .itemtinnoibo .note_tinnoibo
{
    font:14px SFUFuturaBook;
    color:#333;
    line-height:21px;
    margin-top:5px;
    height:84px;
    overflow:hidden;
}

.chitiettin
{
    overflow:hidden;
    margin:0;
    padding:0;
}
.tinkhac .title_chitiettin,
.chitiettin .title_chitiettin
{
    font:24px SFUFuturaHeavy;
    color:var(--color-main);
    display:block;
    width:100%;
    text-align:center;
    margin:30px 0;
    text-transform:uppercase;
}
.chitiettin .ndtin
{
    margin-bottom:20px;
}

.tinkhac
{
    background:#f1f1f1;
    overflow:hidden;
}
.tinkhac .itemtinkhac
{
    width:calc((100% - 90px)/4);
}
.tinkhac .itemtinkhac:nth-child(3n)
{
    margin-right:30px;
}
.tinkhac .itemtinkhac:nth-child(4n)
{
    margin-right:0;
}





/*.........slide 1 ảnh tren chèn lên 2 ảnh dưới.........*/

#content .tab_slide {text-align: center;position: relative}
#content .tab {width: 65.47%;margin: auto;text-align: initial;margin-bottom: 50px;position: relative;z-index: 1;opacity: 1}
#content .tab .slick-list {overflow: visible}
#content .tab .item {background-color: white;border-radius: 5px;overflow: hidden}
#content .tab .khungAnh:before {padding-bottom: 66.3185%}
#content .tab .slick-slide {transform: scale(0.59) translateX(89%);-webkit-transform: scale(0.59) translateX(89%);-moz-transform: scale(0.59) translateX(89%);opacity: 1;position: relative;z-index: 1}
#content .tab .slick-slide.slick-current {transform: scale(1);opacity: 1;position: relative;z-index: 2;box-shadow: 0 0 30px 0 rgba(0,0,0,0.2)}
#content .tab .slick-slide.slick-current ~ .slick-slide {transform: scale(0.59) translateX(-89%);-webkit-transform: scale(0.59) translateX(-89%);-moz-transform: scale(0.59) translateX(-89%)}
#content .tab .slick-dots {padding: 0;margin: 0;text-align: center}
#content .tab .slick-dots li {display: inline-block;margin: 0 2px}
#content .tab .slick-dots button {width: 12px;height: 12px;border-radius:6px;padding: 0;margin-top:10px;outline: none;cursor: pointer;background-color:#ccc;font-size: 0}
#content .tab .slick-dots .slick-active button, .tab .slick-dots button:hover {background-color: var(--color-main);}
#content .tab .slick-prev, #content .tab .slick-next {width: 45px;height: 39px;position:absolute; z-index:3;cursor:pointer; outline:none;font-size:0;border:none;}
#content .tab .slick-prev{left: -230px;background:url('../Css/pic/slidetrai1.png') no-repeat center;}
#content .tab .slick-next {background:url('../Css/pic/slidephai1.png') no-repeat center; right:-230px;}



/*....... chỉnh thanh cuộn.....*/
.mCSB_scrollTools{top:50px !important;bottom:40px !important}
.mCSB_scrollTools .mCSB_dragger{max-height:80px !important}
.mCustomScrollBox{height:90% !important}
