@font-face
{
    font-family: 'HR';
    src: url('../css/font/HelveticaNeue.eot'); /* IE9 Compat Modes */
    src: url('../css/font/HelveticaNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/HelveticaNeue.woff') format('woff'), /* Modern Browsers */
    url('../css/font/HelveticaNeue.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/HelveticaNeue.svg#HelveticaNeue') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'HB';
    src: url('../css/font/HelveticaNeue-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/HelveticaNeue-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/HelveticaNeue-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'MB';
    src: url('../css/font/Montserrat-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Montserrat-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Montserrat-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Montserrat-Bold.svg#SuzukiPro-Bold') format('svg'); /* Legacy iOS */
}


.imgc, .imgc0{position:relative;z-index:1;display: block}
.imgc:before, .imgc0:before{content:"";display:block;padding-bottom: 66.66%}
.imgc img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block}
.imgc0 img {width: 100%;height: 100%;position: absolute;object-fit: scale-down;display: block;top: 0;left: 0}
.imgc iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.TextSize {margin-bottom: 20px;line-height: 24px}
.TextSize b, .TextSize strong, .tabContent .item b, .tabContent .item strong {font-family: 'HB'}
.TextSize img, .tabContent .item img {max-width: 100%;height: auto !important}
.TextSize table, .TextSize iframe {max-width: 100%}
.slick-arrow {width: 42px;height: 42px;left: -60px;top: calc(50% - 21px);background: url(images/prev.png) no-repeat center;border: none;outline: none;cursor: pointer;position: absolute;z-index: 3;box-sizing: border-box}
.slick-list * {outline: none}
.slick-list {overflow: hidden}
.slick-slider {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.fancybox-caption {text-align: center}
.cb {clear: both}
.fb_iframe_widget {float: left}
#commentFB .fb_iframe_widget {float: none}

.commonTool {border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 5px 0;overflow: hidden;margin-bottom: 20px;font-size: 14px;line-height: 25px}
.commonTool .date {color: #999;float: left;padding-left: 17px;background: url(images/date.png) no-repeat left top 4px}
.commonTool .date .view {padding-left: 18px;background: url(images/view.png) no-repeat left center;margin-left: 25px}
.commonTool .right {float: right}
.commonTool .changeSize {float: left}
.commonTool .changeSize a {color: #999;text-decoration: none;margin-right: 5px;float: left}
.commonTool .LargeSize, .commonTool .SmallSize {width: 25px;height: 25px;background: url(images/up.png) no-repeat center}
.commonTool .SmallSize {background: url(images/down.png) no-repeat center}
.commonTool .social {float: left}
#CommonCuoiChiTietTin {overflow: hidden;padding: 7px 0 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 30px}
#CommonCuoiChiTietTin .apd {float: right}
#CommonCuoiChiTietTin .apd a {font-size: 15px;float: left;text-decoration: none;color: #999;padding: 0 15px 0 30px;margin-left: 10px;background-color: #f6f6f6;border-radius: 13px;line-height: 26px}
#CommonCuoiChiTietTin .apd a:hover {color: #a37a66}
#CommonCuoiChiTietTin .email span {display: none}
#CommonCuoiChiTietTin .email {background: url(images/email1.png) no-repeat left 15px center}
#CommonCuoiChiTietTin .apd a.prevDBT {background: #f6f6f6 url(images/trangtruoc.png) no-repeat left 15px center;padding-left: 25px}
#CommonCuoiChiTietTin .print {background: url(images/in.png) no-repeat left 15px center}
#CommonCuoiChiTietTin .right {float: left;margin-bottom: 0}
#CommonCuoiChiTietTin .right .shareItem {float: left;margin-left: 5px}
.SplitPages {text-align: center;margin-bottom: 30px;padding-top: 15px}
.SplitPages a {font-size: 14px;display: inline-block;margin: 0 3px;height: 36px;line-height: 36px;min-width: 36px;text-decoration: none;color: #333;border-left: none;background-color: #eee;border-radius: 18px}
.SplitPages .dau, .SplitPages .cuoi, .SplitPages .truoc, .SplitPages .sau {padding: 0 15px;color: #333}
.SplitPages a:hover, .SplitPages a.hientai {background-color: #a37a66;color: white}

#wrap {overflow: hidden;position: relative}
body {padding: 0;margin: 0;font: 15px 'HR';color: #333;position: relative}
.container {width: 1170px;margin: 0 auto}
.tt_Detail {font: 28px 'HB';margin-bottom: 20px}

#header {height: 131px;background-color: #f4f5f7}
#header .email, #header .hotline {float: left;padding-left: 40px;text-decoration: none;color: #333;background: url(images/hotline.png) no-repeat left center;margin-top: 22px}
#header .hotline span {display: block;font: 18px 'HB';color: red}
#header .email span {display: block;font-family: 'HB'}
#header .email {margin-left: 40px;background-image: url(images/email.png)}
#header .search {float: right;border: 1px solid #a37a66;overflow: hidden;border-radius: 21px;margin-top: 22px}
#header .search input {float: left;width: 300px;height: 40px;border: none;outline: none;padding: 0 20px;font: italic 15px 'HR';color: #333;border-radius: 21px 0 0 21px}
#header .search a {float: right;width: 50px;height: 40px;background: #a37a66 url(images/search.png) no-repeat center;border-radius: 0 21px 21px 0}
#header .logo {width: 113px;float: left;margin: 3px 0 0 100px}
#header .logo .imgc0 {height: 79px}
.menu {clear: both;background-color: #593828;height: 44px;margin-top: 5px}
.cateSP {float: left;position: relative}
.cateSP .openCate {padding: 0 10px 0 30px;color: white;text-decoration: none;display: block;text-transform: uppercase;background: url(images/cate.png) no-repeat left 10px center;border-top: 1px solid #a37a66;border-bottom: 1px solid #a37a66;font-family: 'HB';line-height: 31px;margin: 5px 10px;position: relative}
.cateSP .openCate:before, .cateSP .openCate:after {content: url(images/bg_left5.png);position: absolute;left: -10px;top: -1px;display: block;height: 33px}
.cateSP .openCate:after {left: 100%;content: url(images/bg_right5.png)}
.spCate {position: absolute;z-index: 4;top: 100%;left: 0;background-color: rgba(89, 56, 40, 0.9);padding: 0;margin: 0;display: none;white-space: nowrap}
.spCate li {list-style: none;display: block;border-top: 1px solid #a37a66;position: relative}
.spCate li .openSub {position: absolute;top: 0;right: 0;width: 30px;height: 100%;text-align: center}
.spCate li .openSub:before {content: "";display: block;width: 12px;height: 2px;background-color: white;position: absolute;top: 18px;left: 12px}
.spCate li .openSub:after {content: "";display: block;width: 2px;height: 12px;background-color: white;position: absolute;top: 13px;left: 17px}
.spCate li a {display: block;text-decoration: none;color: white;padding: 8px 30px 8px 15px;line-height: 22px}

.spCate li ul {padding: 0;margin: 0;position: absolute;top: -1px;left: 100%;background-color: rgba(89, 56, 40, 0.9);width: 100%;display: none}
.spCate li ul li {position: relative}
.spCate li ul li a {padding-left: 20px}
.spCate li ul li ul {top: 0}
.spCate li ul li ul li a {padding-left: 45px;text-transform: none}
#header .cart {float: right;padding: 0 15px 0 45px;color: white;text-decoration: none;position: relative;line-height: 44px;background: url(images/cart.png) no-repeat left 20px center;border-right: 1px solid #6a4c3e;border-left: 1px solid #6a4c3e;box-shadow: -1px 0 0 #503224}
#header .cart span {position: absolute;left: 32px;top: 8px;width: 14px;height: 14px;font-size: 8px;line-height: 14px;text-align: center;background-color: red;border-radius: 50%}

@media(min-width: 1200px){
    .cateSP:hover .spCate {display: block}
    #menu {float: left;padding: 0;margin: 0 0 0 10px}
    #menu > li {float: left;list-style: none;position: relative}
    #menu > li > a {display: block;color: white;text-decoration: none;font-family: 'HB';line-height: 44px;padding: 0 15px}
    #menu > li:hover > a, #menu > li.active > a {color: #a37a66}
    #menu li ul {position: absolute;z-index: 2;top: 100%;left: 0;background-color: rgba(89, 56, 40, 0.9);padding: 0;margin: 0;width: 220px;display: none}
    #menu li:hover > ul {display: block}
    #menu li ul li {list-style: none;position: relative}
    #menu li ul li a {display: block;text-decoration: none;padding: 9px 15px;color: white;border-bottom: 1px solid #a37a66}
    #menu li ul li:hover > a {background-color: #593828}
    #menu li ul li ul {top: 0;left: 100%}

    .spCate li:hover > a {background-color: #a37a66}
    .spCate li:hover > ul {display: block}
}


#slide_home {clear: both}
#slide_home .imgc:before {padding-bottom: 32.60416666%}
.slick-next {left: auto;right: -60px;background-image: url(images/next.png)}
#slide_home .slick-prev {left: 40px}
#slide_home .slick-next {right: 40px}
#slide_home .bannerMB {display: none}


#footer {padding-top: 50px;background: url(images/bg3.png);color: white;position: relative}
#footer:before {content:"";display: block;width: 100%;height: 100%;position: absolute;z-index: -1;top: 0;left: 0;background: linear-gradient(to right, #1b2f48 0%, #696263 100%)}
#footer .searchFT {text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #656b76;box-shadow: 0 1px #4c515c}
#footer .ttSearch {font-size: 24px;margin-bottom:  20px}
#footer .bao_tk {overflow: hidden;border: 1px solid white;max-width: 600px;margin: 0 auto 20px auto;border-radius: 21px}
#footer .bao_tk input {float: left;width: calc(100% - 50px);box-sizing: border-box;padding: 0 20px;background: none;border: none;outline: none;height: 40px;color: white;font: italic 15px 'HR'}
#footer .bao_tk a {float: right;width: 50px;background: url(images/search.png) no-repeat center;height: 40px}
#footer .bao_tk ::-webkit-input-placeholder {color: white}
#footer .bao_tk ::-moz-placeholder, #footer .bao_tk :-moz-placeholder {color: white;opacity: 1}
#footer .keyFT a {display: inline-block;text-decoration: none;color: white;padding: 0 20px;line-height: 40px;border-radius: 20px;background-color: rgba(255,255,255,0.2);margin: 0 3px 5px 3px}
#footer .keyFT a:hover {background-color: #6a4c3e}
#footer .contact_ft {width: calc(25% - 30px);float: left;margin-bottom: 40px}
#footer .menuFT {width: calc(25% - 30px);float: left;margin: 0 0 40px 30px}
#footer .mxhFB {width: calc(25% - 30px);float: right}
#footer .title {font-family: 'HB';text-transform: uppercase;margin-bottom: 15px}
#footer .contact_ft .add, #footer .contact_ft .phone, #footer .contact_ft .email, #footer .contact_ft .website {padding-left: 20px;margin-bottom: 8px;line-height: 22px;background: url(images/ft1.png) no-repeat left top 4px}
#footer .contact_ft .phone {background-image: url(images/ft2.png)}
#footer .contact_ft .email {background-image: url(images/ft3.png)}
#footer .contact_ft .website {background-image: url(images/ft4.png)}
#footer .contact_ft .ggMap {display: inline-block;background: url(images/map.png) no-repeat center;width: 211px;height: 32px;margin-top: 12px}
#footer .menu_ft {margin-bottom: 15px}
#footer .menu_ft a {display: block;text-decoration: none;color: white;padding-left: 12px;margin-bottom: 8px;line-height: 22px;background: url(images/list.png) no-repeat left top 6px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s}
#footer .menu_ft a:hover {transform: translateX(7px);-webkit-transform: translateX(7px);-moz-transform: translateX(7px)}
#footer .mxhFT {margin-bottom: 20px}
#footer .mxhFT a {text-decoration: none;margin-right: 5px}
#footer .mxhFT img {max-height: 42px}
#footer .bot_ft{clear: both;padding: 15px 0;text-align: center;box-shadow: 0 -1px #5d636e;border-top: 1px solid #393e49;background-color: rgba(0,0,0,0.1)}

#fixRight {position: fixed;z-index: 3;right: 20px;bottom: 100px;width: 48px}
#fixRight a {display: block;margin-bottom: 8px}
#fixRight a img {max-width: 48px;display: block}
#page_head {width: 48px;height: 48px;display: block;background: url(images/top.png) no-repeat center}

.camKet {padding: 60px 0;color: white;background: url(images/bg2.png);position: relative}
.camKet:before {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right, #1c314a 0%, #424956 50%, #6a6263 100%);z-index: -1}
.camKet .container {overflow: hidden}
.camKet .imgc {width: 301px;height: 301px;float: left;margin: 70px 0 0 120px;border-radius: 50%;border: 15px solid #2d363d;box-shadow: 0 0 0 25px rgba(0,0,0,0.3)}
.camKet .imgc img {border-radius: 50%}
.camKet .right {width: calc(50% - 15px);float: right}
.camKet .titleCate {padding-left: 25px;font-size: 22px;color: #a37a66;margin-bottom: 30px;position: relative}
.camKet .titleCate b {display: block;color: white;font: 46px 'MB'}
.camKet .titleCate:before {content:"";display: block;width: 5px;height: calc(100% - 15px);position: absolute;left: 0;top: 6px;background: linear-gradient(to top, #5a3929 0%, #927262 50%, #cbac9d 100%)}
.camKet .descCate {line-height: 22px;text-align: justify;margin-bottom: 40px}
.list_ti {overflow: hidden}
.list_ti .item {width: calc((100% - 60px)/3);float: left;margin-right: 30px}
.list_ti .item:nth-child(3n) {margin-right: 0}
.list_ti .imgc0 {width: 50px;height: 50px;border: 1px solid #6a4c3e;margin: 15px 0 30px 15px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg)}
.list_ti .imgc0 img {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg)}
.list_ti .title {padding-bottom: 12px;margin-bottom: 20px;position: relative;font: 16px 'HB'}
.list_ti .title:before {content:"";display: block;width: 30px;height: 1px;background-color: #a37a66;position: absolute;left: 0;bottom: 0}
.list_ti .desc {line-height: 22px;text-align: justify;letter-spacing: -0.3px}

.bao_tt {text-align: center;margin-bottom: 30px;padding-bottom: 18px;background: url(images/tt.png) no-repeat bottom center}
.bao_tt .title {display: inline-block;text-decoration: none;color: #333;font: 28px 'MB';text-decoration: none}
.bao_tt a.title:hover {color: #a37a66}
.cateSPHome {padding: 50px 0 70px 0}
.slideCate .slick-list {width: calc(100% + 30px)}
.slideCate .imgc {margin-right: 30px}
.slideCate .imgc:before {padding-bottom: 100%}
.slideCate .imgc:after {content:"";display: block;width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px;background: url(images/goc1.png) no-repeat left top, url(images/goc2.png) no-repeat top right, url(images/goc3.png) no-repeat bottom right, url(images/goc4.png) no-repeat left bottom;z-index: 3;position: absolute}
.slideCate .imgc .vien:before {content:"";display: block;width: calc(100% - 20px);height: calc(100% - 40px);position: absolute;left: 10px;top: 20px;border-left: 1px solid #a37a66;border-right: 1px solid #a37a66;box-sizing: border-box;z-index: 3}
.slideCate .imgc .vien:after {content:"";display: block;width: calc(100% - 40px);height: calc(100% - 20px);position: absolute;left: 20px;top: 10px;border-top: 1px solid #a37a66;border-bottom: 1px solid #a37a66;box-sizing: border-box;z-index: 3}
.slideCate .imgc .title {position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 20px;color: white;text-decoration: none;text-align: center;display: block;font: 18px 'HB';background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.2) 75%, transparent 100%);line-height: 24px}

.lvSP, .lbVideo {text-align: center;margin-bottom: 30px}
.lvSP a, .lbVideo a {display: inline-block;text-decoration: none;color: #333;padding-bottom: 3px;font: 16px 'MB';margin: 0 10px 10px 10px;border-bottom: 2px solid white}
.lvSP a.active, .lvSP a:hover {border-bottom-color: #333}
.lbVideo a.active, .lbVideo a:hover {border-bottom-color: white}
.lbVideo a {color: white;border-bottom-color: transparent}

.list_sp {overflow: hidden}
.list_sp .item {width: calc((100% - 90px)/4);float: left;margin: 0 30px 30px 0;background-color: #f4f4f4;padding-bottom: 12px;position: relative}
.list_sp:not(.slick-slider) .item:nth-child(4n) {margin-right: 0}
.list_sp .imgc:before {padding-bottom: 100%}
.list_sp .title {display: block;text-align: center;margin: 10px 20px;font: 16px 'HB';line-height: 22px;height: 44px;overflow: hidden;text-decoration: none;color: #333}
.list_sp .title:hover {color: #a37a66}
.list_sp .price {overflow: hidden;padding: 0 20px;text-align: center}
.list_sp .price .sale {font: 16px 'HB';color: red}
.list_sp .price .old {text-decoration: line-through;color: #999;margin-left: 20px}
.list_sp .muaNgay {text-align: center;padding-top: 15px}
.list_sp .muaNgay a {display: inline-block;text-decoration: none;border: 1px solid #6a4c3e;color: #6a4c3e;padding: 0 30px;font-family: HB;line-height: 30px;border-radius: 18px;padding-bottom: 2px}
.list_sp .muaNgay a:hover {color: white;background-color: #6a4c3e}
.tabSP .list_sp {display: none}
.tabSP .list_sp.active {display: block}
.btn_more {text-align: center;padding: 10px 0 40px}
.btn_more a, .btn_ss {display: inline-block;color: white;text-decoration: none;padding: 0 15px 0 35px;position: relative;line-height: 37px;background: #a37a66 url(images/more.png) no-repeat left 15px center;border-top: 1px solid white;border-bottom: 1px solid white;box-shadow: 0 1px #a37a66, 0 -1px #a37a66;height: 37px}
.btn_more a:before, .btn_ss:before {content: url(images/bg_left1.png);position: absolute;left: -11px;top: -2px;height: 41px}
.btn_more a:after, .btn_ss:after {content: url(images/bg_right1.png);position: absolute;right: -11px;top: -2px;height: 41px}
.btn_more a:hover, .btn_ss:hover {background-color: #593828}
.btn_more a:hover:before, .btn_ss:hover:before {content: url(images/bg_left.png)}
.btn_more a:hover:after, .btn_ss:hover:after {content: url(images/bg_right.png)}
.btn_ss {margin: 0 0 20px 11px}
#listPaging.list_sp {overflow: visible}
.list_sp .tooltip {position: absolute;top: 30px;left: 85%;background-color: white;z-index: 3;width: 400px;box-sizing: border-box;padding: 0 30px 20px 30px;box-shadow: 0 2px 10px rgba(0,0,0,0.2);display: none}
.list_sp .item:hover .tooltip {display: block}
.list_sp .tooltip .title_tt {margin: 0 -30px 15px -30px;padding: 10px 30px;background-color: #ececec;font-size: 18px;color: #6a4c3e}
.list_sp .tooltip .maSP {margin-bottom: 10px}
.list_sp .tooltip .desc_tt {line-height: 22px;max-height: 88px;overflow: hidden;margin-bottom: 15px;padding-top: 10px}
.list_sp .tooltip .btn_tt a {display: inline-block;text-decoration: none;color: #6a4c3e;padding: 0 25px 0 15px;line-height: 34px;border: 1px solid #6a4c3e;border-radius: 18px;margin-right: 5px;background: url(images/xemct.png) no-repeat right 15px center}
.list_sp .tooltip .btn_tt a:last-child {background-image: url(images/cart1.png);padding-right: 32px}
.list_sp .tooltip .sao_tt {display: inline-block}
.list_sp .tooltip .sao_tt span {display: inline-block;width: 15px;height: 15px;background: url(images/sao0.png) no-repeat center;background-size: cover}
.list_sp .tooltip .sao_tt span.active {background-image: url(images/sao1.png)}
.list_sp .tooltip .total_tt {display: inline-block;color: #999;font-size: 13px;margin: 0 0 0 10px;transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px)}
.list_sp .item:nth-child(4n+3) .tooltip, .list_sp .item:nth-child(4n) .tooltip {left: auto;right: 85%}
.list_sp .spInfo {display: none}

.vdHome, .gt2 {padding: 50px 0 70px 0;background: url(images/bg3.png);position: relative}
.vdHome:before, .gt2:before {content:"";display: block;position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, #e8bc30 0%, #e6730a 100%)}
.vdHome .bao_tt {background-image: url(images/tt1.png);margin-bottom: 10px}
.vdHome .bao_tt .title {color: white}
.lbVideo {margin-bottom: 10px}
.tabVD {max-width: 800px;margin: auto}
.tabVD .imgc {display: none}
.tabVD .imgc.active {display: block}
.tabVD .imgc:before {padding-bottom: 56.25%}
.tabVD .imgc:after {content: url(images/play.png);position: absolute;top: calc(50% - 35px);left: calc(50% - 37px)}

.newsHome {padding: 50px 0 70px 0}
.list_dv {overflow: hidden}
.list_dv .imgc {width: calc(50% - 15px);float: left}
.list_dv .imgc .date {position: absolute;right: 0;bottom: 0;width: 60px;height: 60px;background-color: rgba(163, 122, 102, 0.9);z-index: 2;display: block;text-align: center;color: white;box-sizing: border-box;padding: 0 5px}
.list_dv .imgc .date span {display: block;font: 18px 'HB';padding: 7px 0 3px 0;border-bottom: 1px solid #333;margin-bottom: 3px}
.list_dv .info {width: calc(50% - 15px);float: right;border-bottom: 1px solid #cecece;padding: 15px 0}
.list_dv .title {margin: 10px 0;text-decoration: none;color: #333;font: 16px 'HB';line-height: 22px;display: block;position: relative;padding-left: 60px;position: relative}
.list_dv .title:hover {color: #a37a66}
.list_dv .title span {width: 58px;text-align: center;margin-right: 15px;display: block;font: 18px 'MB';color: #593828;position: absolute;left: 0;top: 0}
.list_dv .title:before {content:"";display: block;width: 33px;height: 33px;border: 2px solid #a37a66;position: absolute;left: 10px;top: -7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg)}
.list_dv .desc {line-height: 22px;max-height: 66px;overflow: hidden;margin-bottom: 10px}

.cnForm {padding: 50px 0;background-color: #f6f6f6}
.reviewKH {width: calc(50% - 15px);float: left}
.list_cn {padding-bottom: 100px;position: relative}
.list_cn .item .bao_cn {background-color: white;padding: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.2);cursor: pointer}
.list_cn .item:hover .bao_cn {box-shadow: 0 2px 10px rgba(0,0,0,0.5)}
.list_cn .imgc:before {padding-bottom: 56.25%}
.list_cn .title {font: 16px 'HB';color: #6a4c3e;text-transform: uppercase}
.list_cn .desc {color: #a37a66;margin: 2px 0 7px 0}
.list_cn .content {position: absolute;top: 0;left: 100%;padding: 10px;background-color: white;box-shadow: 0 2px 10px rgba(0,0,0,0.5);z-index: 3;width: 300px;display: none}
.list_cn .item:first-child .bao_cn {margin: 0 30px;transform: rotate(-3deg);position: relative}
.list_cn .item:nth-child(2) .bao_cn {position: absolute;left: -25%;bottom: 0;width: 100%;transform: rotate(-10deg) scale(0.25);-webkit-transform: rotate(-10deg) scale(0.25);-moz-transform: rotate(-10deg) scale(0.25)}
.list_cn .item:nth-child(3) .bao_cn {position: absolute;left: 12%;bottom: -30%;width: 100%;transform: rotate(15deg) scale(0.3);-webkit-transform: rotate(15deg) scale(0.3);-moz-transform: rotate(15deg) scale(0.3)}
.list_cn .item:nth-child(4) .bao_cn {position: absolute;left: 13%;bottom: -10%;width: 100%;transform: rotate(-10deg) scale(0.35);-webkit-transform: rotate(-10deg) scale(0.35);-moz-transform: rotate(-10deg) scale(0.35)}
.list_cn .item:nth-child(5) .bao_cn {position: absolute;left: -19%;bottom: -25%;width: 100%;transform: scale(0.40);-webkit-transform: scale(0.40);-moz-transform: scale(0.40)}
.list_cn .item:nth-child(6) .bao_cn {position: absolute;left: 35%;bottom: -25%;width: 100%;transform: rotate(15deg) scale(0.25);-webkit-transform: rotate(15deg) scale(0.25);-moz-transform: rotate(15deg) scale(0.25)}
.list_cn .item:hover .content {display: block}
.formHome {width: calc(50% - 40px);float: right}
.formHome .bao_tt {margin-bottom: 15px}
.formHome .desc {line-height: 22px;text-align: center;margin-bottom: 20px}
#formDK input {display: block;width: 100%;padding: 0 10px 0 40px;height: 40px;box-sizing: border-box;border: 1px solid #a37a66;outline: none;margin-bottom: 8px;font :15px 'HR';color: #333;background: white url(images/f1.png) no-repeat left 15px center}
#formDK input:nth-child(2) {background-image: url(images/f2.png)}
#formDK input:nth-child(3) {background-image: url(images/f3.png)}
#formDK textarea {display: block;margin: 0 0 15px 0;width: 100%;height: 200px;padding: 10px 10px 10px 40px;box-sizing: border-box;border: 1px solid #a37a66;outline: none;resize: none;font: 15px 'HR';color: #333;background: white url(images/f4.png) no-repeat left 15px top 13px}
#formDK a {display: inline-block;text-decoration: none;color: white;text-transform: uppercase;padding: 0 20px;font: 15px 'HB';line-height: 37px;background-color: #5c3b2b;margin: 0 11px;position: relative;border-top: 1px solid white;border-bottom: 1px solid white;box-shadow: 0 1px #6a4c3e, 0 -1px #6a4c3e;height: 37px}
#formDK a:before {content: url(images/bg_left.png);position: absolute;top: -2px;left: -11px;height: 41px}
#formDK a:after {content: url(images/bg_right.png);position: absolute;top: -2px;right: -11px;height: 41px}

.gt1 {padding: 50px 0;background-size: cover !important}
.gt1 .big_tt {margin-bottom: 20px;font-size: 22px;color: #a37a66;position: relative;padding-left: 25px}
.gt1 .big_tt:before {content:"";display: block;width: 3px;height: calc(100% - 12px);position: absolute;left: 0;top: 5px;background: linear-gradient(to bottom, #a37a66 0%, #6a4c3e 100%)}
.gt1 .big_tt span {display: block;font: 36px 'MB';color: #6a4c3e;padding-top: 15px}

.gt2 {padding: 60px 0}
.gt2 .container {overflow: hidden}
.gt2 .item {width: calc(50% - 15px);box-sizing: border-box;float: left;padding: 50px 40px;border-radius: 10px;background-color: rgba(163,122,102,0.3);color: white;text-align: center}
.gt2 .item:nth-child(2n) {float: right}
.gt2 .bao_tt {background-image: url(images/tt1.png)}
.gt2 .bao_tt .title {color: white}
.gt2 .desc {font-size: 16px;line-height: 22px;max-height: 132px;overflow: hidden}

.gt3 {padding: 50px 0;background-size: cover !important}
.gt3 .noidung {width: 755px;text-align: justify}

.page_road {padding: 10px 0;box-shadow: 0 2px 5px rgba(0,0,0,0.1)}
.page_road a {text-decoration: none;color: #333;padding-left: 12px;margin-left: 5px;background: url(images/road.png) no-repeat left center}
.page_road .container a:first-child {padding-left: 17px;margin-left: 0;background-image: url(images/home.png)}
.page_road a:hover {color: #a37a66}

.blockSP {padding: 50px 0}
.blockSP .btn_more {padding-bottom: 10px}
.spIndex .blockSP:nth-child(2n) {background-color: #f6f0ed}
.blockSP .content {margin-top: 40px}

.spInfo {padding: 40px 0}
.spInfo .left {width: 480px;float: left}
.spInfo .right {width: calc(100% - 500px);float: right}
.spInfo .left .imgc:before {padding-bottom: 100%}
.slide_nav {margin-bottom: 30px}
.slide_nav .imgc {margin: 10px 10px 0 0}
.slide_nav .slick-list {width: calc(100% + 10px)}
.slide_for .imgc:after {content:"Click xem ảnh lớn";position: absolute;z-index: 2;left: 10px;bottom: 10px;padding-left: 20px;background: url(images/click.png) no-repeat left center;color: white}

.spInfo .right .title {font-size: 22px}
.spInfo .right .giaSP {font-size: 16px;margin-bottom: 15px}
.spInfo .right .giaSP .sale {font: 20px 'HB';color:red}
.spInfo .right .giaSP .old {color: #999;text-decoration: line-through;margin-left: 30px}
.spInfo .right .btn {margin-bottom: 25px;overflow: hidden;padding: 3px 0}
.spInfo .right .btn a {float: right;width: calc(50% - 30px);text-align: center;text-decoration: none;color: #333;text-transform: uppercase;font: 20px 'HB';position: relative;margin: 0 11px;border-top: 1px solid white;border-bottom: 1px solid white;box-shadow: 0 1px #6a4c3e, 0 -1px #6a4c3e;line-height: 52px}
.spInfo .right .btn a:before {content: url(images/bg_left6.png);position: absolute;top: -2px;left: -11px;height: 56px}
.spInfo .right .btn a:after {content: url(images/bg_right6.png);position: absolute;top: -2px;right: -11px;height: 56px}
.spInfo .right .btn a:first-child {float: left;color: white;background: linear-gradient(to right, #e19a13 0%, #a54c1f 100%);box-shadow: 0 1px #a37a66, 0 -1px #a37a66}
.spInfo .right .btn a:first-child:before {content: url(images/bg_left2.png)}
.spInfo .right .btn a:first-child:after {content: url(images/bg_right2.png)}
.spInfo .right .btn a:hover {background-color: #a54c1f;color: white}
.spInfo .right .btn a:hover:before {content: url(images/bg_left7.png)}
.spInfo .right .btn a:hover:after {content: url(images/bg_right2.png)}
.spInfo .right .btn a:first-child:hover {background: #e19a13;box-shadow: 0 1px #e19a13, 0 -1px #e19a13}
.spInfo .right .btn a:first-child:hover:before {content: url(images/bg_left2.png)}
.spInfo .right .btn a:first-child:hover:after {content: url(images/bg_right7.png)}

.spInfo .right .contactSP {background-color: #fff0e8;border: 1px solid #a37a66;padding: 10px;margin-bottom: 20px}
.spInfo .right .contactSP b {font: 16px 'HB';margin-bottom: 10px;display: block}
.spInfo .right .contactSP .phone, .spInfo .right .contactSP .email, .spInfo .right .contactSP .add {padding-left: 25px;background: url(images/sp1.png) no-repeat left top 1px;line-height: 22px;margin-bottom: 5px}
.spInfo .right .contactSP .phone a {text-decoration: none;font-family: 'HB';color: red}
.spInfo .right .contactSP .email {background-image: url(images/sp2.png)}
.spInfo .right .contactSP .add {background-image: url(images/sp3.png)}
.spInfo .right .tt_vc {margin-bottom: 10px}

.tablabel {border-bottom: 1px solid #a37a66;margin-bottom: 25px}
.tablabel a {display: inline-block;padding: 0 15px;text-decoration: none;border: 1px solid #a37a66;color: #333;text-transform: uppercase;font: 16px 'HB';line-height: 38px;border-bottom: none}
.tablabel a.active, .tablabel a:hover {color: white;background-color: #6a4c3e;border-color: #6a4c3e}
.tabContent {margin-bottom: 30px}
.tabContent .item {display: none}
.tabContent .item.active {display: block}
.list_sp.slick-slider {overflow: visible;margin-bottom: 20px}
.list_sp .slick-list {width: calc(100% + 30px)}
.spInfo .right .vanchuyen {padding: 15px;background-color: #fffdfd;border: 1px solid #eee;margin-bottom: 20px}

.soluong {overflow: hidden;margin-bottom: 20px}
.soluong b {font-family: 'HR';float: left;line-height: 40px;margin-right: 20px}
.soluong .tru, .soluong .cong {width: 40px;height: 40px;border: 1px solid #a37a66;float: left;margin: 0 3px;box-sizing: border-box;text-align: center;line-height: 40px;background: url(images/tru.png) no-repeat center;cursor: pointer}
.soluong input {float: left;width: 40px;height: 40px;box-sizing: border-box;text-align: center;-moz-appearance: textfield;outline: none;border: 1px solid #a37a66;font: 16px 'HB';color: #333}
.soluong ::-webkit-inner-spin-button, .soluong ::-webkit-outer-spin-button {display: none}
.soluong .cong {background-image: url(images/cong.png)}

#Cart {box-shadow: 0 2px 10px rgba(0,0,0,0.1);max-width: 800px;margin: 50px auto 30px auto}
#Cart .bao_tt {margin-bottom: 0}
#Cart .bao_tt:before {background-image: url(images/tt8.png)}
#Cart .bao_tt.ttCart:before {background-image: url(images/tt7.png)}
#Cart .total {overflow: hidden;margin-bottom: 40px;padding: 20px 20px 0 20px}
#Cart .total .tongtien {float: right;font-family: 'HB';line-height: 40px}
#Cart .total .tongtien span {color: red;text-transform: uppercase}
#Cart .total .return {display: inline-block;text-decoration: none;color: #333;text-transform: uppercase;border: 2px solid #6a4c3e;font-family: 'HB';padding: 0 20px;line-height: 36px}
#Cart .total .return:hover {background-color: #6a4c3e;color: white}

#form_pay {padding: 20px;overflow: hidden}
#form_pay .item {width: calc(50% - 5px);float: left;margin-bottom: 15px}
#form_pay .item:nth-child(2n) {float: right}
#form_pay .item b {display: block;margin-bottom: 5px;font-family: 'HB'}
#form_pay input {display: block;width: 100%;height: 40px;box-sizing: border-box;border: 2px solid #cecece;outline: none;font: 15px 'HR';color: #333;padding: 0 10px}
#form_pay .item:last-child {width: 100%}
#form_pay textarea {display: block;margin: 0;padding: 10px;width: 100%;box-sizing: border-box;border: 2px solid #cecece;resize: none;outline: none;font: 15px 'HR';color: #333;height: 100px}

.tab_label {padding-bottom: 40px;overflow: hidden;margin: 20px 20px 0 20px}
.tab_label .item {width: calc((100% - 20px)/3);float: left;margin-right: 10px;box-sizing: border-box;border: 1px dashed #a37a66;background: #fcfcfc url(images/pt1.png) no-repeat top 15px center;text-align: center;padding: 75px 0 15px 0;font-family: 'HB';letter-spacing: -0.3px;border-radius: 4px;cursor: pointer;position: relative}
.tab_label .item:last-child {margin-right: 0}
.tab_label .item.active {color: #6a4c3e;border-color: #6a4c3e;background-color: #ede3e1}
.tab_label .item:nth-child(2) {background-image: url(images/pt2.png)}
.tab_label .item:nth-child(3) {background-image: url(images/pt3.png)}
.tab_label .item.active:before {content:"";display: block;width: 13px;height: 13px;border: 1px dashed #6a4c3e;position: absolute;left: calc(50% - 6px);bottom: -8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);background-color: #ede3e1;border-top: none;border-left: none}

.tab_nd {padding: 0 20px 20px 20px}
.tab_nd .tab_tt {display: none}
.tab_nd .tab_tt.active {display: block}
.title_ct {text-transform: uppercase;font: 22px 'MB';margin-bottom: 10px}
.info_ft div {padding-left: 22px;margin-bottom: 8px;line-height: 22px;background: url(images/c1.png) no-repeat left top 3px}
.info_ft .phone {background-image: url(images/c2.png)}
.info_ft .email {background-image: url(images/c3.png)}
.info_ft .website {background-image: url(images/c4.png)}

.btnCart {text-align: center;margin-bottom: 50px}
.btnCart a {display: inline-block;text-decoration: none;text-transform: uppercase;color: white;background-color: #593828;padding: 0 100px;font: 22px 'HB';line-height: 57px;border-top: 1px solid white;border-bottom: 1px solid white;position: relative;box-shadow: 0 1px #593828, 0 -1px #593828}
.btnCart a:before {content: url(images/bg_left3.png);position: absolute;top: -2px;left: -11px;height: 61px}
.btnCart a:after {content: url(images/bg_right3.png);position: absolute;top: -2px;right: -11px;height: 61px}
.btnCart a:hover {opacity: 0.7}

#ds_hang {margin: 0 20px}
#ds_hang .item {padding: 20px 0;border-bottom: 1px solid #cecece;overflow: hidden}
#ds_hang .imgc {width: 100px;border: 2px solid #eee;float: left}
#ds_hang .imgc:before {padding-bottom: 100%}
#ds_hang .spRight {width: calc(100% - 120px);float: right}
#ds_hang .title {font: 16px 'HB';margin-bottom: 5px}
#ds_hang .key {color: #888;margin-bottom: 10px}
#ds_hang .sl_cart {float: left}
#ds_hang .sl_cart .tru, #ds_hang .sl_cart .cong {float: left;width: 36px;height: 36px;border: 2px solid #a4cddd;text-align: center;line-height: 26px}
#ds_hang .sl_cart .tru:before {content: url(images/tru.png)}
#ds_hang .sl_cart .cong:before {content: url(images/cong.png);line-height: 40px}
#ds_hang .sl_cart input {float: left;width: 40px;height: 40px;box-sizing: border-box;text-align: center;font: 16px 'MB';color: #333;border: 2px solid #a4cddd;margin: 0 5px;-moz-appearance: textfield;outline: none}
#ds_hang .sl_cart input::-webkit-inner-spin-button, #ds_hang .sl_cart input::-webkit-outer-spin-button {display: none}
#ds_hang .giaDelete {float: right}
#ds_hang .price {float: left;margin-right: 20px}
#ds_hang .price b {display: block;font: 16px 'HB';color: red;padding-top: 3px}
#ds_hang .xoa {float: right;text-decoration: none;padding: 0 15px;color: #333;border: 2px solid #cecece;line-height: 36px}
#ds_hang .xoa:hover {background-color: #6a4c3e;color: white;border-color: #6a4c3e}

.bao_ttc {background-color: #a37a66;padding: 8px 15px 8px 50px;position: relative;border-bottom: 2px solid #6a4c3e;border-radius: 0 4px 0 0}
.bao_ttc:before {content: "";display: block;width: 40px;height: calc(100% + 3px);position: absolute;left: 0;bottom: 0;background: #6a4c3e url(images/tt8.png) no-repeat center;border-radius: 4px 4px 0 0}
.bao_ttc .title {color: white;text-transform: uppercase;font: 16px 'HB';line-height: 26px}
#Cart > .bao_ttc:first-child:before {background-image: url(images/tt7.png)}

.pageLH {padding: 60px 0;position: relative;z-index: 2}
.info_ct {overflow: hidden;margin-bottom: 20px}
.info_ct .item {width: calc((100% - 90px)/4);float: left;margin-right: 30px}
.info_ct .item:last-child {margin-right: 0}
.info_ct b {display: block;border-bottom: 1px solid #cecece;padding-left: 55px;font-family: 'MB';text-transform: uppercase;margin-bottom: 15px;background: url(images/lh1.png) no-repeat left 10px bottom;padding-top: 15px}
.info_ct .phone b {background-image: url(images/lh2.png)}
.info_ct .email b {background-image: url(images/lh3.png);padding-left: 60px}
.info_ct .website b {background-image: url(images/lh4.png)}
.pageLH .left {width: calc(50% - 15px);float: left;box-sizing: border-box;padding: 30px;border: 3px solid #cecece}
.pageLH .map {width: calc(50% - 15px);float: right;height: 470px}
.pageLH .title_ct {font: 18px 'MB';margin-bottom: 15px}
#form_contact .item {margin-bottom: 10px;border: 1px solid #cecece;border-radius: 3px;padding-left: 40px;background: #dfd7d4 url(images/lh5.png) no-repeat left 10px top 9px}
#form_contact input {display: block;width: 100%;height: 38px;box-sizing: border-box;padding: 0 10px;font: 15px 'HR';color: #333;border: none;outline: none;border-radius: 0 3px 3px 0}
#form_contact textarea {width: 100%;height: 116px;box-sizing: border-box;border: none;outline: none;resize: none;display: block;margin: 0;padding: 10px;font: 15px 'HR';color: #333;border-radius: 0 3px 3px 0}
#form_contact .phone {background-image: url(images/lh6.png)}
#form_contact .email {background-image: url(images/lh7.png)}
#form_contact .noidung {background-image: url(images/lh8.png);margin-bottom: 20px}
#form_contact .btn {margin-bottom: 20px}
#form_contact .btn a {display: inline-block;font: 16px 'HB';color: #333;text-decoration: none;margin: 0 15px 0 11px;padding: 0 30px;border-top: 1px solid white;border-bottom: 1px solid white;line-height: 37px;position: relative;box-shadow: 0 1px #a37a66, 0 -1px #a37a66}
#form_contact .btn a:before {content: url(images/bg_left4.png);position: absolute;top: -2px;left: -11px;height: 41px}
#form_contact .btn a:after {content: url(images/bg_right4.png);position: absolute;top: -2px;right: -11px;height: 41px}
#form_contact .btn a:first-child {text-transform: uppercase}
#form_contact .btn a:hover {color: white;background-color: #593828;box-shadow: 0 1px #593828, 0 -1px #593828}
#form_contact .btn a:hover:before {content: url(images/bg_left.png)}
#form_contact .btn a:hover:after {content: url(images/bg_right.png)}

.list_news .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_news .item {margin: 0 30px 30px 0;background-color: white;box-shadow: 0 2px 10px rgba(0,0,0,0.1);width: calc((100% - 60px)/3);float: left}
.list_news:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}
.list_news .title {display: block;margin: 10px;text-decoration: none;color: #333;font: 16px 'MB';line-height: 22px;height: 44px;overflow: hidden}
.list_news .title:hover {color: #a37a66}
.list_news .date {position: absolute;z-index: 2;left: 0;bottom: 0;padding: 0 10px 0 30px;color: white;background: rgba(0,0,0,0.8) url(images/date2.png) no-repeat left 10px center;line-height: 32px}

.bao_nd {padding: 40px 0}
.list_pa .imgc:after {content: url(images/album.png);position: absolute;z-index: 2;left: 10px;bottom: 10px}
.list_news.slick-slider .item {margin: 10px 15px}
.baiKhac .bao_tt {margin-bottom: 15px}

.album_zoom {overflow: hidden}
.album_zoom .imgc {width: calc((100% - 60px)/4);float: left;margin: 0 20px 20px 0}
.album_zoom .imgc:nth-child(4n) {margin-right: 0}
.album_zoom .imgc:hover:after {content: "";display: block;width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;background: rgba(0,0,0,0.5) url(images/zoom.png) no-repeat center}

.list_vd .imgc:before {padding-bottom: 56.25%}
.list_vd .imgc:after {content: url(images/video.png);position: absolute;z-index: 2;left: 10px;bottom: 10px}
.playVD {margin-bottom: 30px}
.playVD:before {padding-bottom: 56.25%}

.infoCM {margin-bottom: 25px}
.infoCM .col_1 {width: 200px;float: left;text-align: center}
.infoCM .col_2 {width: calc(100% - 590px);float: left;margin-left: 70px}
.infoCM .col_3 {width: 250px;float: right;position: relative}
.infoCM .col_1 b {font-family: 'HB';display: block;margin-bottom: 15px}
.infoCM .col_1 .tbc {font: 34px 'HB';color: #6a4c3e;margin-bottom: 10px}
.tbcSao {margin-bottom: 10px}
.tbcSao span {display: inline-block;width: 26px;height: 26px;background: url(images/sao1.png) no-repeat center}
.tbcSao .sao0 {background-image: url(images/sao0.png)}
.infoCM .col_1 .note {font-size: 13px;color: #888}
.infoCM .col_2 .itemPT {overflow: hidden;margin-bottom: 10px}
.infoCM .col_2 .soSao {font: 18px 'HB';color: #999;padding-right: 25px;background: url(images/sao.png) no-repeat right top 3px;line-height: 24px;float: left;width: 5px}
.infoCM .col_2 .luocDo {width: calc(100% - 90px);float: left;background-color: #e4cec4;height: 8px;border-radius: 4px;margin: 8px 0 0 10px}
.infoCM .col_2 .luocDo span {display: block;background-color: #6a4c3e;height: 8px;border-radius: 4px}
.infoCM .col_2 .soPT {width: 40px;float: right;line-height: 24px}
.infoCM .col_3 > span {display: block;text-align: center;padding: 30px 0 10px 0}
.infoCM .col_3 > a {display: block;text-align: center;text-decoration: none;color: white;background-color: #6a4c3e;border-radius: 5px;font: 16px 'HB';line-height: 40px}
.infoCM .col_3 > a:hover {background-color: #a37a66}

#popupCM {display: none;position: absolute;top: calc(100% + 10px);right: 0;width: 250px;background-color: white;padding: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.2);z-index: 4}
#popupCM .saoBL {margin-bottom: 10px}
#popupCM .saoBL b {font-family: 'HB';margin-right: 10px}
#popupCM .chonSao {display: inline-block}
#popupCM .chonSao span {display: inline-block;width: 16px;height: 16px;background: url(images/sao0.png) no-repeat center;background-size: cover;cursor: pointer}
#popupCM .chonSao span.active {background-image: url(images/sao1.png)}
#popupCM input[type=text] {display: block;width: 100%;height: 30px;box-sizing: border-box;padding: 0 10px;font: 15px 'HR';color: #333;outline: none;margin-bottom: 5px;border: 1px solid #cecece;border-radius: 3px}
#popupCM textarea {display: block;margin: 0;border: 1px solid #cecece;outline: none;resize: none;padding: 10px;box-sizing: border-box;margin-bottom: 10px;font: 15px 'HR';color: #333;width: 100%;height: 100px}
#popupCM a {display: block;text-decoration: none;color: white;background-color: #6a4c3e;text-align: center;font: 16px 'HB';text-transform: uppercase;line-height: 40px;border-radius: 5px}
#popupCM a:hover {background-color: #a37a66}
#popupCM label span {display: block;padding: 0 10px;height: 28px;border: 1px solid #cecece;line-height: 28px;color: #333;margin-bottom: 5px;border-radius: 3px}
#popupCM input[type=file] {display: none}

.cmList {border-top: 1px solid #cecece}
.cmList .itemCM {overflow: hidden;padding: 15px 0;border-bottom: 1px solid #cecece}
.cmList .infoCM {width: 230px;float: left;text-align: center;margin-bottom: 0}
.cmList .descCM {width: calc(100% - 260px);float: right}
.cmList .imgc {width: 80px;height: 80px;border-radius: 50%;overflow: hidden;margin: 0 auto 10px auto}
.cmList .nameCM {font: 16px 'HB';margin-bottom: 10px}
.cmList .desc {color: #999}
.cmList .saoCM {display: inline-block;margin-right: 15px}
.cmList .saoCM span {display: inline-block;width: 16px;height: 16px;background: url(images/sao1.png) no-repeat center;background-size: cover}
.cmList .saoCM .sao {background-image: url(images/sao0.png)}
.cmList .titleCM {font: 16px 'HB';}
.cmList .contentCM {padding-top: 15px;line-height: 22px}

#dgSao .tbcSao span {width: 16px;height: 16px;background-size: cover}
.slide_ss .soSanh {width: 24px;height: 24px;border-radius: 50%;border: 2px solid #6a4c3e;position: absolute;z-index: 3;left: 15px;top: 15px;cursor: pointer;background-color: white}
.slide_ss .daSS .soSanh {background: white url(images/tick.png) no-repeat center}
.pageSS {padding-top: 40px}

.nd_SoSanh {overflow: hidden;margin-bottom: 40px}
.nd_SoSanh .left {width: 200px;float: left;background-color: #f6f6f6}
.nd_SoSanh .right {width: calc(100% - 200px);float: right;box-sizing: border-box}
.nd_SoSanh .left .item {padding: 0 10px;border-bottom: 1px solid #ececec;font: 15px 'HB';text-transform: uppercase;display: flex;align-items: center}
.nd_SoSanh .left .item:first-child {height: 416px}
.nd_SoSanh .left .item:not(:first-child) {height: 86px}

#listSS.list_sp {border: 1px solid #ececec;border-left: none}
#listSS.list_sp .item {width: calc(100%/3);box-sizing: border-box;padding: 50px 30px 0 30px;margin: 0;border-right: 1px solid #ececec;background-color: white}
#listSS.list_sp .boSS {width: 30px;height: 30px;position: absolute;top: 0;right: 0;background: #ccc url(images/close.png) no-repeat center;cursor: pointer}
#listSS.list_sp .price {padding-bottom: 20px;border-bottom: 1px solid #ececec;margin: 0 -30px}
#listSS.list_sp .spInfo {line-height: 22px;height: 66px;border-bottom: 1px solid #ececec;margin: 0 -30px;padding: 10px 30px;display: flex;align-items: center}
#listSS.list_sp .spInfo span {height: 66px;overflow: hidden;width: 100%}