@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;font-family: Arial !important;font-size: 17px !important;line-height: 24px;text-align: justify}
.TextSize p {margin: 0 0 10px 0}
.text.TextSize {margin: 0}
.TextSize img {max-width: 100%;height: auto !important}
.TextSize table, .TextSize iframe {max-width: 100%}
.slick-arrow {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: #008cc2}
#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: #f6f6f6;border-radius: 18px}
.SplitPages .dau, .SplitPages .cuoi, .SplitPages .truoc, .SplitPages .sau {padding: 0 20px;color: #008cc2}
.SplitPages .dau:before, .SplitPages .truoc:before {content: url(images/back.png);margin-right: 5px}
.SplitPages .cuoi:after, .SplitPages .sau:after {content: url(images/xemct1.png);margin-left: 5px}
.SplitPages a:hover, .SplitPages a.hientai {background-color: #008cc2;color: white}
.SplitPages .dau:hover:before, .SplitPages .truoc:hover:before {content: url(images/back1.png)}
.SplitPages .sau:hover:after, .SplitPages .cuoi:hover:after {content: url(images/xemct.png)}

#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;color: #008cc2}
.title_k {font: 36px 'MB';margin-bottom: 20px;text-align: center}

#header .logo {float: left;margin-top: 5px}
#header .logo .imgc0 {width: 61px;height: 72px}
#header .right {float: right;padding-top: 23px}
#header .hlEmail {float: left;padding-left: 33px;color: #333;background: url(images/phone.png) no-repeat left center;font-size: 14px;line-height: 14px;text-align: left;margin-left: 30px}
#header .hlEmail b {display: block;font: 15px 'HB';color: #cc9e6c}
#header .cart {float: left;padding: 20px 0 0 40px;color: #333;font-size: 14px;background: url(images/cart.png) no-repeat left center;position: relative;text-decoration: none;margin-left: 30px}
#header .cart span {position: absolute;top: -6px;left: 20px;color: white;background-color: #cc9e6c;border-radius: 50%;width: 24px;height: 24px;line-height: 24px;text-align: center}
#header .search {float: left;border: 1px solid #008cc2;overflow: hidden;width: 580px;box-sizing: border-box;border-radius: 3px;position: relative}
#header .search:before {content:"";display: block;width: 1px;height: 24px;position: absolute;left: 150px;background-color: #cecece;top: 6px}
#header .search select {float: left;width: 150px;box-sizing: border-box;padding: 0 20px 0 10px;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;font: 14px 'HR';height: 36px;border-radius: 3px 0 0 3px;background: url(images/select.png) no-repeat right 10px center}
#header .search a {float: right;width: 40px;height: 36px;background: #008cc2 url(images/search.png) no-repeat center}
#header .search input {width: calc(100% - 190px);float: left;box-sizing: border-box;padding: 0 15px;height: 36px;border: none;outline: none;font: 14px 'HR';color: #333}

.menu {height: 40px;background-color: #008cc2;margin-top: 5px}

@media(min-width: 1200px){
    #menu {padding: 0;margin: 0}
    #menu > li {list-style: none;position: relative;float: left}
    #menu > li > a {display: block;font: 15px 'MB';color: white;text-transform: uppercase;text-decoration: none;padding: 0 25px;line-height: 40px}
    #menu > li.active > a, #menu > li:hover > a {background-color: #cc9e6c}
    #menu > li:first-child > a:before {content: url(images/home.png);margin-right: 5px;display: inline-block;transform: translateY(1px);-webkit-transform: translateY(1px);-moz-transform: translateY(1px)}
}

#slide_home {margin-bottom: 30px}
#slide_home .imgc:before {padding-bottom: 26.315789473%}
#slide_home .slick-arrow {width: 50px;height: 50px;border-radius: 50%;left: 20px;top: calc(50% - 25px);background: rgba(0,0,0,0.3) url(images/prev.png) no-repeat center;box-shadow: 0 0 0 3px rgba(255,255,255,0.2)}
#slide_home .slick-next {left: auto;right: 20px;background-image: url(images/next.png)}
#slide_home .slick-arrow:hover {background-color: rgba(0,0,0,0.6)}

.col_left {width: 300px;float: left}
.col_right {width: calc(100% - 330px);float: right}
.lienheNhanh {padding: 15px 0;background: linear-gradient(to right, #008cc2 0%, #cc9e6c 100%);overflow: hidden;color: white;border-bottom: 1px solid #cc9e6c}
.lienheNhanh b {font: 22px 'MB';line-height: 42px;float: left}
.lienheNhanh a {padding-left: 45px;display: inline-block;text-decoration: none;color: white;margin-left: 50px;background: url(images/hotline.png) no-repeat left center;float: left}
.lienheNhanh a span {display: block;font: 18px 'HB'}
.lienheNhanh a.email {background-image: url(images/email.png)}

#footer {padding-top: 40px;background: url(images/bg3.jpg) no-repeat center;background-size: cover;color: white}
#footer .contact_ft {width: 370px;float: left;margin-bottom: 30px}
#footer .fanpage {width: 270px;float: right;margin-bottom: 30px}
#footer .menuFT {width: 200px;float: left;margin: 0 0 30px 30px}
#footer .bot_ft {clear: both;padding: 10px;background-color: #006e99;overflow: hidden}
#footer .bot_ft .license {float: left}
#footer .bot_ft .right {float: right;font-size: 14px}
#footer .bot_ft .online {padding-left: 20px;background: url(images/online.png) no-repeat left center}
#footer .bot_ft .total {padding-left: 20px;background: url(images/total.png) no-repeat left center;margin-left: 30px}
#footer .title {text-transform: uppercase;margin-bottom: 10px;font: 17px 'MB'}
#footer .contact_ft .add, #footer .contact_ft .phone, #footer .contact_ft .email, #footer .contact_ft .website, #footer .contact_ft .chat {padding-left: 25px;margin-bottom: 8px;line-height: 22px;background: url(images/ft1.png) no-repeat left top 2px}
#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 .chat {background-image: url(images/ft5.png)}
#footer .contact_ft .ggMap {display: inline-block;background: url(images/map.png) no-repeat center;height: 32px;width: 221px;margin-top: 10px}
#footer .menu_ft {margin-bottom: 20px}
#footer .menu_ft a {display: block;text-decoration: none;padding-left: 12px;color: white;margin-bottom: 10px;background: url(images/li.png) no-repeat left top 4px}
#fixRight {position: fixed;right: 20px;bottom: 100px;width: 48px}
#fixRight a {display: block;margin-bottom: 5px}
#fixRight img {max-width: 100%}
#page_head {display: block;width: 48px;height: 48px;background: url(images/top.png) no-repeat center}

.title_l {padding: 8px 10px 8px 50px;position: relative;background-color: #008cc2;color: white;text-transform: uppercase;font: 16px 'MB';line-height: 26px;border-radius: 0 4px 0 0;border-bottom: 2px solid #cc9e6c}
.title_l:before {content:"";display: block;width: 40px;height: calc(100% + 3px);background: #cc9e6c url(images/tt1.png) no-repeat center;position: absolute;left: 0;bottom: 0;border-radius: 4px 4px 0 0}

.spCate {padding: 0;margin: 0 0 30px 0;box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.spCate > li {list-style: none;display: block}
.spCate > li > a {display: block;text-decoration: none;color: #333;padding: 8px 10px 8px 40px;font-family: 'HB';border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;background: url(images/list1.png) no-repeat left 17px top 9px}
.spCate > li > a:hover {color: #008cc2;background-image: url(images/list1_hv.png)}
.spCate li ul {padding: 0;margin: 0}
.spCate li ul li {display: block;list-style: none;padding: 5px 10px 5px 40px}
.spCate li ul li a {display: block;text-decoration: none;color: #333;padding-left: 18px;position: relative}
.spCate li ul li a:before {content:"";display: block;width: 8px;height: 8px;border: 1px solid #cc9e6c;border-radius: 50%;position: absolute;left: 0;top: 4px}
.spCate li ul li a:hover {color: #008cc2}
.spCate li ul li a:hover:before {border-color: #008cc2}
.advLeft {margin-bottom: 30px}
.advLeft img {max-width: 100%;display: block}

.vdHome {border-radius: 4px;overflow: hidden;margin-bottom:  30px}
.vdHome:before {padding-bottom: 56.25%}
.vdHome .title {position: absolute;left: 0;top: 0;width: 100%;box-sizing: border-box;padding: 15px 20px 20px 20px;color: white;font-size: 24px;background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.2) 75%, transparent 100%);display: block;z-index: 2}
.vdHome:after {content: url(images/play.png);position: absolute;top: calc(50% - 32px);left: calc(50% - 32px);z-index: 3}

.bao_tt {background-color: #cc9e6c;padding: 8px 15px 8px 50px;position: relative;border-bottom: 2px solid #008cc2;margin-bottom: 20px;border-radius: 0 4px 0 0}
.bao_tt:before {content:"";display: block;width: 40px;height: calc(100% + 3px);position: absolute;left: 0;bottom: 0;background: #008cc2 url(images/tt3.png) no-repeat center;border-radius: 4px 4px 0 0}
.bao_tt .title {color: white;text-transform: uppercase;text-decoration: none;font: 16px 'MB';line-height: 26px}
.bao_tt .xemct {float: right;text-decoration: none;color: white;padding-right: 10px;background: url(images/xemct.png) no-repeat right center;text-transform: uppercase;font-size: 13px;margin-top: 7px}
.bao_tt .xemct:hover {color: #008cc2;background-image: url(images/xemct1.png)}
.bao_tt a.title:hover {color: #008cc2}

.videoH .bao_tt:before {background-image: url(images/tt2.png)}
.list_vd {margin-bottom: 20px}
.list_vd .item {width: calc((100% - 40px)/3);float: left;margin: 0 0 20px 20px;border-radius: 4px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);overflow: hidden}
.list_vd .item:nth-child(3n+1) {margin-left: 0;clear: both}
.list_vd .imgc:before {padding-bottom: 56.25%}
.list_vd .title {display: block;text-decoration: none;color: #333;margin: 10px;line-height: 22px;height: 44px;overflow: hidden}
.list_vd .title:hover {color: #008cc2}

.sp_home .bao_tt {margin-bottom: 0}
.list_sp {overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 35px}
.list_sp .item {width: 25%;box-sizing: border-box;float: left;padding: 15px;border: 1px solid #eee;border-left: none;border-top: none}
.list_sp .imgc:before {padding-bottom: 100%}
.list_sp .title {display: block;text-decoration: none;color: #333;margin: 10px 0;text-align: center;font-family: 'HB';line-height: 22px;height: 44px;overflow: hidden}
.list_sp .title:hover {color: #008cc2}

.dvHome {padding: 60px 0;background: url(images/bg2.jpg) no-repeat center;background-size: cover;overflow: hidden;margin-bottom: 35px}
.dvHome .left {width: 300px;float: left}
.dvHome .left .title {text-decoration: none;color: white;display: block;margin-bottom: 20px;font: 40px 'MB';margin-right: 50px}
.dvHome .imgc {width: calc(100% - 400px);float: right;margin-right: 50px;background-color: white;transform: skew(-10deg);-webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);overflow: hidden;box-shadow: 0 2px 10px 2px rgba(0,0,0,0.4)}
.dvHome .imgc:before {padding-bottom: 41.379310344%}
.dvHome .imgc img {transform: skew(10deg) scale(1.08);-webkit-transform: skew(10deg) scale(1.08);-moz-transform: skew(10deg) scale(1.08)}
.list_dv a {display: block;text-decoration: none;color: white;text-indent: 12px;font: 16px 'HB';line-height: 22px;margin-bottom: 10px;position: relative}
.list_dv a:before {content: "";display: block;border-left: 6px solid white;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 0;top: 5px;border-radius: 3px}

.newHome {margin-bottom: 50px}
.newHome .bao_tt {margin-bottom: 0;background-color: #008cc2;border-bottom-color: #cc9e6c}
.newHome .bao_tt:before {background: #cc9e6c url(images/tt5.png) no-repeat center}
.newHome .bao_tt a.title:hover {color: #cc9e6c}
.list_t {box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.list_t .item {overflow: hidden;padding: 8px 15px;border-bottom: 1px solid #eee}
.list_t .item:last-child {border-bottom: none}
.list_t .imgc {width: 70px;float: left}
.list_t .title {float: right;width: calc(100% - 80px);text-decoration: none;color: #333;font-family: 'HB';line-height: 22px;max-height: 66px;overflow: hidden}
.list_t .title:hover {color: #008cc2}

.paHome {margin-bottom: 50px}
.paHome .bao_tt {margin-bottom: 0}
.list_pa {padding: 15px 15px 5px 15px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);overflow: hidden}
.list_pa .item {width: calc(40% - 10px);float: left;overflow: hidden;margin-bottom: 10px}
.list_pa .item:not(:first-child) .imgc {width: 110px;float: left}
.list_pa .item:not(:first-child) .title {width: calc(100% - 120px);float: right;text-decoration: none;color: #333;font-family: 'HB';line-height: 22px;max-height: 66px;overflow: hidden}
.list_pa .item:not(:first-child) .title:hover {color: #008cc2}
.list_pa .item:first-child {width: 60%;margin-right: 10px}
.list_pa .item:first-child .imgc span {position: absolute;z-index: 2;left: 0;bottom: 0;text-align: center;display: block;width: 100%;padding: 25px 10px 10px 10px;box-sizing: border-box;color: white;text-transform: uppercase;font: 16px 'MB';background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 75%, transparent 100%)}

.camKet {margin-bottom: 50px;background: url(images/bg1.jpg) no-repeat right 20px top 20px}
.camKet .titleCate {font: 24px 'MB';color: #008cc2;text-transform: uppercase;padding-bottom: 15px;position: relative;margin-bottom: 30px;display: block}
.camKet .titleCate:before {content:"";display: block;width: 80px;height: 5px;background-color: #cc9e6c;position: absolute;left: 0;bottom: 0}
.list_ti {max-width: 660px}
.list_ti .item {overflow: hidden;padding: 15px 0}
.list_ti .imgc0 {width: 60px;height: 60px;float: left}
.list_ti .title, .list_ti .desc {width: calc(100% - 70px);float: right}
.list_ti .title {font-family: 'HB';color: #008cc2;text-transform: uppercase;margin-bottom: 10px}
.list_ti .desc {line-height: 22px}

.bao_nd {padding-top: 30px}
.cateLeft {border-radius: 4px;overflow: hidden;margin-bottom: 30px}
.cateLeft .title {text-align: center;font: 16px 'HB';background-color: #008cc2;color: white;text-transform: uppercase;line-height: 40px;box-sizing: border-box;border: 1px solid #008cc2;border-radius: 4px 4px 0 0;box-shadow: inset 0 0 0 1px #eee}
.cateLeft a {display: block;text-decoration: none;color: #333;padding: 8px 10px 8px 30px;background: #e5f3f9 url(images/xemct1.png) no-repeat left 15px top 14px;border-top: 1px solid white;border-bottom: 1px solid #d2edeb;line-height: 22px}
.cateLeft a:hover, .cateLeft a.active {color: #008cc2}

.page_road {padding: 9px 10px;background-color: #f9f9f9;margin-bottom: 30px}
.page_road a {display: inline-block;text-decoration: none;color: #333;line-height: 22px;padding-left: 15px;margin-left: 7px;background: url(images/road.png) no-repeat left center}
.page_road a:first-child {background-image: url(images/home1.png);margin-left: 0;padding-left: 20px}
.page_road a:hover {color: #008cc2}

.bao_tt.type_gt:before {background-image: url(images/tt6.png)}
.list_news .item {overflow: hidden;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee}
.list_news .imgc {width: 260px;float: left}
.list_news .info {width: calc(100% - 280px);float: right}
.list_news .title {font: 18px 'HB';color: #333;text-decoration: none;display: block;line-height: 24px;margin-bottom: 10px}
.list_news .title:hover {color: #008cc2}
.list_news .date_view {font-size: 13px;color: #888;margin-bottom: 10px}
.list_news .date {padding-left: 15px;background: url(images/date.png) no-repeat left center;background-size: 12px}
.list_news .view {padding-left: 18px;background: url(images/view.png) no-repeat left center;margin-left: 20px}
.list_news .desc {line-height: 22px;max-height: 66px;overflow: hidden;margin-bottom: 10px}
.list_news .xemct {float: right;text-decoration: none;padding: 0 25px 0 15px;color: #008cc2;background: #f6f6f6 url(images/xemct1.png) no-repeat right 15px center;line-height: 36px;border-radius: 18px}
.list_news .xemct:hover {color: white;background: #008cc2 url(images/xemct.png) no-repeat right 15px center}

.bao_ttk {border-bottom: 2px solid #008cc2;margin-bottom: 20px}
.bao_ttk .title {display: inline-block;color: white;text-transform: uppercase;padding: 0 15px;background-color: #008cc2;font: 16px 'MB';line-height: 38px;border-radius: 4px 4px 0 0}
.list_news .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_news.slick-slider .imgc {width: auto;float: none}
.list_news.slick-slider .item {box-shadow: 0 2px 10px rgba(0,0,0,0.1);padding: 0;margin: 0 15px 10px 15px}
.list_news.slick-slider .info {width: auto;float: none;padding: 10px 15px 15px 15px}
.list_news.slick-slider .date_view {margin-bottom: 0}
.list_news.slick-slider .title {font-size: 16px}
.baiKhac .slick-arrow {width: 42px;height: 40px;left: 0;top: calc(50% - 20px);border-radius: 0 4px 4px 0;background: rgba(0, 140, 194, 0.8) url(images/prev1.png) no-repeat center}
.baiKhac .slick-next {left: auto;right: 0;border-radius: 4px 0 0 4px;background-image: url(images/next1.png)}
.baiKhac .slick-arrow:hover {background-color: rgba(204, 158, 108, 0.8)}

.playVD {margin-bottom: 30px}
.playVD:before {padding-bottom: 56.25%}
.spList {box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-radius: 0 0 4px 4px}
.spList .list_sp {box-shadow: none}
.spList .bao_tt {margin-bottom: 0}
.spList .SplitPages {padding: 0 0 40px 0;margin-bottom: 0}
.spList .content.TextSize {padding: 0 30px 20px 30px}

.spInfo {overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 40px}
.spInfo #CommonCuoiChiTietTin {margin: 0 20px 30px 20px}
.spInfo .left {width: calc(50% - 20px);float: left;margin: 0 0 40px 20px}
.spInfo .right {width: calc(50% - 40px);float: right;margin: 0 20px 40px 0}
.spInfo .right .tt_Detail {font: 20px 'HB';color: #333;margin-bottom: 10px}
.spInfo .right .giaSP {margin-bottom: 10px;font-size: 16px}
.spInfo .right .giaSP span {color: red;font-family: 'HB'}
.spInfo .right .descSP {margin-bottom: 10px}
.spInfo .right .descSP .item {padding-left: 15px;margin-bottom: 8px;position: relative}
.spInfo .right .descSP .item:before {content:"";display: block;width: 6px;height: 6px;background-color: #7fc5e0;position: absolute;left: 0;top: 6px}
.spInfo .right .btn {display: inline-block;padding: 0 40px;color: white;text-decoration: none;background-color: #008cc2;font: 18px 'HB';line-height: 50px;margin-bottom: 10px}
.spInfo .right .btn:hover {background-color: #cc9e6c}
.spInfo .right .contactSP {background-color: #e0f6ff;border: 1px solid #008cc2;padding: 10px}
.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 .left .zoomSP {text-align:center;color: #008cc2;padding: 5px 0}
.spInfo .left .zoomSP:before {content: url(images/zoom.png);margin-right: 5px;transform: translateY(3px);-webkit-transform: translateY(3px);-moz-transform: translateY(3px);display: inline-block}
.spInfo .left .slide_for {border: 1px solid #cecece}
.spInfo .left .slide_nav .slick-list {width: calc(100% + 3px)}
.spInfo .left .slide_nav .imgc {box-sizing: border-box;border: 1px solid #cecece;margin-right: 3px}

.tablabel {border-bottom: 3px solid #daf5ff;margin: 0 20px 30px 20px}
.tablabel a {font: 18px 'HB';display: inline-block;margin-right: 30px;text-transform: uppercase;color: #333;text-decoration: none;padding-bottom: 5px;border-bottom: 3px solid #daf5ff;margin-bottom: -3px}
.tablabel a.active, .tablabel a:hover {color: #008cc2;border-bottom-color: #008cc2}
.tabContent {padding: 0 20px 30px 20px}
.tabContent .item {display: none}
.tabContent .item.active {display: block}
.spInfo .list_sp {margin-bottom: 0}

#Cart {box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-bottom: 20px}
#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'}
#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 #008cc2;font-family: 'HB';padding: 0 20px;line-height: 36px}
#Cart .total .return:hover {background-color: #008cc2;color: white}

#form_pay {padding: 20px;overflow: hidden}
#form_pay .item, #form_contact .item {width: calc(50% - 5px);float: left;margin-bottom: 15px}
#form_pay .item:nth-child(2n), #form_contact .item:nth-child(2n) {float: right}
#form_pay .item b {display: block;margin-bottom: 5px;font-family: 'HB'}
#form_pay input, #form_contact 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, #form_contact .item:nth-child(5) {width: 100%}
#form_pay textarea, #form_contact 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 #cecece;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: #008cc2;border-color: #008cc2;background-color: #ebfaff}
.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:first-child {background-image: url(images/pt1_hv.png)}
.tab_label .item.active:nth-child(2) {background-image: url(images/pt2_hv.png)}
.tab_label .item.active:nth-child(3) {background-image: url(images/pt3_hv.png)}
.tab_label .item.active:before {content:"";display: block;width: 13px;height: 13px;border: 1px dashed #008cc2;position: absolute;left: calc(50% - 6px);bottom: -8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);background-color: #ebfaff;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/lh1.png) no-repeat left top 3px}
.info_ft .phone {background-image: url(images/lh2.png)}
.info_ft .email {background-image: url(images/lh3.png)}
.info_ft .website {background-image: url(images/lh4.png)}

.btnCart {text-align: center;margin-bottom: 40px}
.btnCart a {display: inline-block;text-decoration: none;text-transform: uppercase;color: white;background-color: #008cc2;padding: 0 100px;font: 22px 'HB';line-height: 50px}
.btnCart a:hover {background-color: #cc9e6c}

#ds_hang {margin: 0 20px}
#ds_hang .item {padding: 20px 0;border-bottom: 1px solid #cecece;overflow: hidden}
#ds_hang .imgc {width: 140px;border: 2px solid #eee;float: left}
#ds_hang .spRight {width: calc(100% - 160px);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: #008cc2;color: white;border-color: #008cc2}

.alert {box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.alert .bao_tt:before {background-image: url(images/tt7.png)}
.nd_alert {text-align: center;padding: 60px 0}
.nd_alert .title {margin: 20px 0;font: 30px 'HB'}
.nd_alert .desc {line-height: 24px;margin-bottom: 25px}
.nd_alert .desc b {color: red}
.nd_alert .go_home {display: inline-block;text-decoration: none;color: white;background-color: #008cc2;padding: 0 30px;font-family: 'HB';line-height: 40px}
.nd_alert .go_home:hover {background-color: #cc9e6c}

#form_contact {margin-bottom: 50px}
#form_contact .btn a {display: inline-block;text-decoration: none;color: white;padding: 0 30px;font: 16px 'HB';background-color: #008cc2;line-height: 40px;text-transform: uppercase}
#form_contact .btn a:last-child {background-color: #ccc;text-transform: none}
#form_contact .btn a:hover {background-color: #cc9e6c}
#form_contact .btn a:last-child:hover {background-color: #999}
.pageLH .info_ft {margin-bottom: 30px}
.pageLH .imgc {margin-bottom: 50px}
.pageLH .imgc:before {padding-bottom: 56.25%}