@font-face
{
    font-family: 'MR';
    src: url('../css/font/Muli-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Muli-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Muli-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Muli-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Muli-Regular.svg#Muli-Regular') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'MEB';
    src: url('../css/font/Muli-ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Muli-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Muli-ExtraBold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Muli-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Muli-ExtraBold.svg#Muli-ExtraBold') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'PDB';
    src: url('../css/font/PlayfairDisplay-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/PlayfairDisplay-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/PlayfairDisplay-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/PlayfairDisplay-Bold.svg#PlayfairDisplay-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}
.shareP .fb-like, .shareP #___plus_0, .shareP .twitter-share-button {float: left;margin-right: 5px}
.fb_iframe_widget {float: left}

.commonTool {border-bottom: 1px solid #eee;padding-bottom: 10px;overflow: hidden;margin-bottom: 20px;font-size: 14px;line-height: 20px}
.commonTool .date {color: #999;float: left}
.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: 20px;height: 20px;background: url(../css/images/up.png) no-repeat center}
.commonTool .SmallSize {background: url(images/down.png) no-repeat center}
.commonTool .social {float: left}
#CommonCuoiChiTietTin {overflow: hidden;padding: 10px 0 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 30px}
#CommonCuoiChiTietTin .apd {float: left}
#CommonCuoiChiTietTin .apd a {font-size: 14px;float: left;text-decoration: none;color: #999;padding-left: 15px;margin-right: 20px}
#CommonCuoiChiTietTin .apd a:hover {color: #d85925}
#CommonCuoiChiTietTin .email span {display: none}
#CommonCuoiChiTietTin .email {background: url(images/email.png) no-repeat left center}
#CommonCuoiChiTietTin .prevDBT {background: url(images/trangtruoc.png) no-repeat left center}
#CommonCuoiChiTietTin .print {background: url(images/in.png) no-repeat left center}
#CommonCuoiChiTietTin .right {float: right}
#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;border: 1px solid #ccc;height: 34px;line-height: 36px;min-width: 34px;text-decoration: none;color: #666;border-left: none}
.SplitPages .dau {border-left: 1px solid #ccc}
.SplitPages .dau, .SplitPages .cuoi, .SplitPages .truoc, .SplitPages .sau {padding: 0 7px}
.SplitPages a:hover, .SplitPages a.hientai {background-color: #d85925;border-color: #d85925;color: white}

body {padding: 0;margin: 0;margin: auto;font: 15px 'MR';position: relative}
.container {width: calc(100% - 140px);margin: 0 auto;padding: 0}
input[type=text].datetime {background: white url(images/date.png) no-repeat right 10px center}
.tt_Detail {font: 36px 'MEB';margin-bottom: 20px}
.title_k {font: 30px 'MEB';text-align: center;margin-bottom: 15px; color: #970000}
.baiKhac {margin-bottom: 50px}
.content img {max-width: 100%;height: auto !important}

#header {position: fixed;z-index: 5;top: 0;left: 0;width: 100%;box-shadow: inset 0 50px #d85925}
#header .top {overflow: hidden;height: 50px;color: white; background-color: #970000}
#header .hotline, #header .email {line-height: 50px;display: inline-block;margin-right: 30px;padding-left: 20px;background: url(images/phone.png) no-repeat left center}
#header .email {margin-right: 0;background-image: url(images/email1.png)}
#header .right {float: right;margin-top: 10px}
#header .search {overflow: hidden;float: left;border-radius: 15px;background-color: white}
#header .search input {float: left;width: 120px;box-sizing: border-box;padding: 0 10px;border-radius: 15px;border: none;outline: none;height: 30px;font: 15px 'MR';color: #333}
#header .search a {float: right;width: 40px;height: 30px;background: url(images/search.png) no-repeat center}
#header .lang {float: left;margin: 4px 10px}
#header .lang a {text-decoration: none;display: block}
#header .lang a.active {display: none}
#header .cart {float: right;text-decoration: none;color: white;font-size: 14px;line-height: 30px;padding: 0 15px 0 35px;background: #d85925 url(images/book.png) no-repeat left 15px center;border-radius: 15px;border: 1px solid white;box-sizing: border-box}
#header .cart:hover {background-color: rgba(255,255,255,0.3)}
#header .bot {padding-top: 5px;height: 40px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.1) 90%, transparent 100%)}
#header .logo {float: left;width: 109px;height: 119px}

@media (min-width: 768px){
    #menu {float: right;padding: 0;margin: 10px 0 0 0}
    #menu > li {list-style: none;float: left;margin-left: 30px;position: relative}
    #menu > li > a {display: block;text-decoration: none;color: white;text-transform: uppercase;font: 16px 'MEB';line-height: 24px}
    #menu > li:first-child > a {font-size: 0;width: 30px;height: 24px;background: url(images/home.png) no-repeat center}
    #menu > li.active > a, #menu > li:hover > a {color: #ffd400}
}

#slide_home:after, .banner:after {content:"";padding-bottom: 7.736842105%;display: block;width: 100%;position: absolute;z-index: 3;left: 0;bottom: 0;background: url(images/bg_banner11.png) no-repeat center bottom;background-size: 100% auto}
#slide_home .imgc:before {padding-bottom: 50%}
#slide_home .imgc:after {content:"";display: block;width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;box-shadow: inset 0 120px 80px rgba(0,0,0,0.4);background-color: rgba(0,0,0,0.1)}
#slide_home .nd_slide {position: absolute;z-index: 3;width: calc(100% - 200px);top: 50%;left: 100px;text-align: center;color: white;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
#slide_home .nd_slide .title {font: bold 50px 'DFB';display: block;margin-bottom: 20px;text-shadow: 0 2px 5px rgba(0,0,0,0.5);text-transform: uppercase}
#slide_home .nd_slide .desc {font-size: 20px;text-shadow: 0 2px 5px rgba(0,0,0,0.5);line-height: 30px}
#slide_home .slick-arrow {width: 50px;height: 50px;border-radius: 50%;left: 50px;top: calc(50% - 25px);background: rgba(0,0,0,0.2) url(images/prev.png) no-repeat center}
#slide_home .slick-next {left: auto;right: 50px;background-image: url(images/next.png)}
#slide_home .slick-arrow:hover {background-color: rgba(0,0,0,0.5)}

.slideHome {position: relative}
.searchSP {position: absolute;bottom: 0;left: 70px;z-index: 2; background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0, 0, 0, 0.2) 100%);box-sizing: border-box;padding: 30px 0 7.5% 0;border-radius: 15px;color: white;text-align: center}
.searchSP .ndSearch {display: inline-block;overflow: hidden;text-align: left}
.searchSP .title {font: 20px 'MEB';text-transform: uppercase;float: left;margin-top: 35px}
.searchSP .long {width: 230px;float: left;margin-left: 20px}
.searchSP .short {width: 100px;float: left;margin-left: 20px; display: none}
.searchSP input {display: block;width: 100%;box-sizing: border-box;padding: 0 30px 0 10px;height: 40px;border: none;border-radius: 3px;font: 15px 'ML';color: #333;outline: none}
.searchSP .long span, .searchSP .short span {display: block;margin-bottom: 7px;line-height: 23px}
.searchSP .btn {float: right;padding: 0 40px;color: white;text-decoration: none;line-height: 40px;text-transform: uppercase;background-color: #970000;margin: 30px 0 0 20px;border-radius: 3px}
.searchSP input::-webkit-outer-spin-button, .searchSP input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
.searchSP input[type=number] {-moz-appearance: textfield}

#footer {background: url(images/bg_ft.png) no-repeat bottom center;background-size: cover;padding-top: 8%}
#footer .container {overflow: hidden}
#footer .info_ft, #footer .menu_ft, #footer .support {width: calc((100% - 90px)/4);float: left;margin-right: 30px}
#formFT {width: calc((100% - 90px)/4);float: right}
#footer .title {display: block;margin-bottom: 15px;font-family: 'MEB';text-transform: uppercase}
.info_ft .content div {margin-bottom: 18px;padding-left: 22px;background: url(images/f1.png) no-repeat left top 4px}
.info_ft .content .phone {background-image: url(images/f2.png)}
.info_ft .content .fanpage {background-image: url(images/f3.png)}
.info_ft .content .email {background-image: url(images/f4.png)}
.info_ft .content .website {background-image: url(images/f5.png)}
.menu_ft a {display: block;text-decoration: none;color: black;margin-bottom: 15px}
.sp_List .item {padding: 15px;border: 1px solid black;border-radius: 15px;overflow: hidden}
.sp_List .name {font: 18px 'MEB';margin-bottom: 10px}
.sp_List .desc {line-height: 22px}
.sp_List .imgc {width: 100px;height: 100px;float: right}
.sp_List .name, .sp_List .desc {width: calc(100% - 110px);float: left}
.support .map {height: 135px;border-radius: 15px;overflow: hidden;margin-top: 15px}
#formFT .item {background: #ebebeb url(images/ft1.png) no-repeat left 12px top 12px;margin-bottom: 10px}
#formFT input {width: 100%;box-sizing: border-box;padding: 0 10px;border: none;outline: none;height: 40px;font: 15px 'MR';color: #333}
#formFT textarea {display: block;width: 100%;height: 80px;box-sizing: border-box;padding: 10px;resize: none;border: none;outline: none;font: 15px 'MR';color: #333}
#formFT .phone {background-image: url(images/ft2.png)}
#formFT .email {background-image: url(images/ft3.png)}
#formFT .content {background-image: url(images/ft4.png)}
#formFT .btn {overflow: hidden}
#formFT .btn a {float: left;width: calc(50% - 5px);text-align: center;text-decoration: none;color: #333;background-color: white;font-family: 'MEB';line-height: 40px;border-radius: 20px}
#formFT .btn a:first-child {text-transform: uppercase;background-color: #970000;color: white;margin-right: 10px}
@media (max-width: 1640px){
    .container {width: calc(100% - 80px)}
    #footer .support {width: 370px}
    #formFT {width: 280px}
    #footer .menu_ft {width: 180px;margin-right: 20px}
    #footer .info_ft {width: calc(100% - 900px);margin-right: 20px}
}
#backTop {position: fixed;z-index: 4;right: 20px;bottom: 50px;width: 40px;height: 40px;background: url(images/top.png) no-repeat center;cursor: pointer}
.footer_bot {font-size: 14px;color: white;padding: 10px 0;line-height: 22px;padding-top: 40px}
.footer_bot a {text-decoration: none;color: rgb(0 0 0 / 0%); display: none}
.footer_bot .linkTT {margin-left: 20px}
.fixRight {position: fixed;z-index: 4;left: 20px;bottom: 50px;width: 40px}
.fixRight.active a {display: block}
.fixRight a {display: none;margin-bottom: 3px}
.fixRight a:first-child {position: fixed;z-index: 4;right: 20px;bottom: 90px;animation: ring 2s 0.7s ease-out infinite;display: block}
.openChat {display: block;width: 50px;height: 50px;background: url(images/chat.png) no-repeat center;border: 2px solid #970000;border-radius: 50%;cursor: pointer}

@keyframes ring {
  0% { transform: rotate(0); }
  5% { transform: rotate(30deg); }
  10% { transform: rotate(-28deg); }
  15% { transform: rotate(34deg); }
  20% { transform: rotate(-32deg); }
  25% { transform: rotate(30deg); }
  30% { transform: rotate(-28deg); }
  35% { transform: rotate(26deg); }
  40% { transform: rotate(-24deg); }
  45% { transform: rotate(22deg); }
  50% { transform: rotate(-20deg); }
  55% { transform: rotate(18deg); }
  60% { transform: rotate(-16deg); }
  65% { transform: rotate(14deg); }
  70% { transform: rotate(-12deg); }
  75% { transform: rotate(10deg); }
  80% { transform: rotate(-8deg); }
  85% { transform: rotate(6deg); }
  90% { transform: rotate(-4deg); }
  95% { transform: rotate(2deg); }
  100% { transform: rotate(-1deg); }
}

.spHome {padding: 50px 0}
.bao_tt {text-align: center;margin-bottom: 30px}
.bao_tt .desc {font-size: 16px;color: #999;margin-bottom: 5px}
.bao_tt .title {font: 36px 'MEB';text-decoration: none;color: #970000}
.bao_tt a.title:hover {color: #d85925}

.list_sp .item {border: 1px solid #e5e5e5;margin-right: 30px;box-sizing: border-box;padding-bottom: 15px}
.list_sp .slick-list {width: calc(100% + 30px)}
.list_sp .title {display: block;margin: 10px 15px;color: #333;text-decoration: none;font: 20px 'MEB';text-transform: uppercase}
.list_sp .title:hover {color: #d85925}
.list_sp .price {font: 20px 'MEB';color: #970000;margin: 0 15px 10px 15px}
.list_sp .desc {margin: 0 15px 10px 15px;line-height: 24px}
.list_sp .xemct {display: inline-block;color: #970000;text-decoration: none;margin-left: 15px;padding-right: 12px;background: url(images/xemct.png) no-repeat right center}

.welcome {padding-bottom: 38.210526315%;background-size: cover !important;position: relative;margin-bottom: 50px}
.welcome .container {position: absolute;right: 70px;top: 50%;-webkit-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);width: calc(100% - 140px)}
.nd_welcome {float: right;box-sizing: border-box;padding: 40px 70px 40px 100px;background-color: rgba(255,255,255,0.9);position: relative}
.nd_welcome:before {content:"";display: block;width: 5px;height: calc(100% - 147px);position: absolute;left: 70px;top: 45px;background-color: #970000}
.nd_welcome .xinchao {margin-bottom: 10px;font-size: 20px}
.nd_welcome .title {display: block;font: 30px 'MEB';color: #970000;text-decoration: none;margin-bottom: 30px}
.nd_welcome .title:hover {color: #d85925}
.nd_welcome .desc {line-height: 22px;max-height: 110px;overflow: hidden;margin-bottom: 20px;text-align: justify}
.nd_welcome .xemct {display: inline-block;font-size: 14px;text-decoration: none;color: #999;padding: 0 30px 0 15px;border: 1px solid #cecece;line-height: 35px;border-radius: 18px;background: white url(images/xemct1.png) no-repeat right 15px center}
.nd_welcome .xemct:hover {background-color: #d85925;border-color: #d85925;background-image: url(images/xemct2.png);color: white}

.cnHome {margin-bottom: 50px;display: none}
.list_cn .slick-list {width: calc(100% + 30px)}
.list_cn .item {border: 1px solid #cecece;border-radius: 5px;box-sizing: border-box;padding: 0 20px;text-align: center}
.list_cn.slick-slider .item {margin: 50px 30px 30px 0}
.list_cn:not(.slick-slider) {overflow: hidden}
.list_cn:not(.slick-slider) .item {width: calc((100% - 90px)/4);float: left;margin: 50px 30px 40px 0}
.list_cn:not(.slick-slider) .item:nth-child(4n) {margin-right: 0}
.list_cn .imgc {width: 80px;height: 80px;border-radius: 50%;border: 1px solid #cecece;display: inline-block;margin: -40px 0 10px 0;background-color: white}
.list_cn .imgc img {width: 70px;height: 70px;top: 5px;left: 5px;border-radius: 50%}
.list_cn .title {display: block;text-decoration: none;color: #333;font: 18px 'MEB';margin-bottom: 30px}
.list_cn .title:hover {color: #d85925}
.list_cn .content {line-height: 24px;height: 120px;overflow: hidden;text-align: center !important;margin-bottom: 20px}
.list_cn .xemct {display: inline-block;padding: 0 30px 0 15px;text-decoration: none;color: #999;font-size: 14px;background: white url(images/xemct1.png) no-repeat right 15px center;line-height: 35px;border: 1px solid #cecece;border-radius: 18px;transform: translateY(18px);-webkit-transform: translateY(18px);-moz-transform: translateY(18px)}
.list_cn .xemct:hover {color: white;border-color: #d85925;background: #d85925 url(images/xemct2.png) no-repeat right 15px center}
.list_cn .slick-arrow, .list_t .slick-arrow, .paList .slick-arrow, .spList .slick-arrow {width: 44px;height: 44px;border: 1px solid #cecece;background: rgba(255,255,255,0.5) url(images/prev2.png) no-repeat center;border-radius: 50%;left: -23px;top: calc(50% - 23px)}
.list_cn .slick-next, .list_t .slick-next, .paList .slick-next, .spList .slick-next {left: auto;right: -23px;background-image: url(images/next2.png)}
.list_cn .slick-arrow:hover, .list_t .slick-arrow:hover, .paList .slick-arrow:hover, .spList .slick-arrow:hover {background-color: rgba(0,0,0,0.1)}

.newsHome {background: url(images/bg_new.png) no-repeat center;background-size: cover;padding: 5% 0;margin-bottom: 50px; display: none}
.newsHome .container {overflow: hidden}
.newsHome .ndNews {width: 1170px;float: right}
.ndNews .item {width: calc((50% - 45px)/2);float: left;margin: 0 0 28px 30px}
.ndNews .imgc:before {padding-bottom: 56.296296296%}
.ndNews .item:first-child {width: calc(50% - 15px);margin-left: 0}
.ndNews .item:first-child .imgc:before {padding-bottom: 72.631578947%}
.ndNews .title {font: 16px 'MEB';color: #333;text-decoration: none;line-height: 24px;max-height: 72px;overflow: hidden;margin-top: 10px;display: block}
.ndNews .imgc {border-radius: 5px;overflow: hidden}

.paHome {margin-bottom: 60px}
.list_pa .imgc:after {content:"";display: block;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;box-shadow: inset 0 -50px 40px rgba(0,0,0,0.4);position: absolute}
.list_pa .imgc span {position: absolute;z-index: 3;left: 10px;bottom: 10px;width: calc(100% - 20px);box-sizing: border-box;padding-left: 25px;background: url(images/album.png) no-repeat left top 3px;color: white;font-size: 16px;line-height: 22px}
.paHome .slick-arrow {width: 60px;height: 60px;left: 0;top: calc(50% - 30px);background: rgba(0,0,0,0.3) url(images/prev1.png) no-repeat center;border-radius: 0 8px 8px 0}
.paHome .slick-next {left: auto;right: 0;background-image: url(images/next1.png);border-radius: 8px 0 0 8px}
.paHome .slick-arrow:hover {background-color: rgba(216, 89, 37, 0.5)}

.tinHome {margin-bottom: 60px}
.list_t .slick-list {width: calc(100% + 30px)}
.list_t:not(.slick-slider) {overflow: hidden}
.list_t .item {border: 1px solid #cecece;margin-right: 30px;box-sizing: border-box;padding-bottom: 15px;float: left;width: calc((100% - 90px)/4)}
.list_t:not(.slick-slider) .item {margin: 0 30px 30px 0}
.list_t:not(.slick-slider) .item:nth-child(4n) {margin-right: 0}
.list_t .title {display: block;margin: 10px 15px;text-decoration: none;color: #333;font: 18px 'MEB';line-height: 24px;height: 48px;overflow: hidden}
.list_t .title:hover {color: #d85925}
.list_t .date_view {font-size: 14px;padding-left: 18px;margin: 0 15px 10px 15px;color: #666;background: url(images/date.png) no-repeat left top 2px;opacity: 0.8}
.list_t .desc {font-size: 16px;line-height: 24px;max-height: 72px;overflow: hidden;margin: 0 15px}
.list_t .price {margin: 0 15px 10px 15px;font: 20px 'MEB';color: #d85925}
.list_t .xemct {display: inline-block;margin: 15px 15px 0 15px;text-decoration: none;color: #d85925;padding-right: 12px;background: url(images/xemct.png) no-repeat right center}

.banner {position: relative}
.banner .imgc:before {padding-bottom: 27.052631578%}
.road {box-shadow: 0 1px 3px rgba(0,0,0,0.2);padding: 7px 0;margin-bottom: 50px}
.road a {display: inline-block;margin-left: 7px;padding-left: 15px;color: #333;line-height: 22px;text-decoration: none;background: url(images/road.png) no-repeat left center}
.road .container a:first-child {background-image: url(images/home1.png);margin-left: 0}
.road a:hover {color: #d85925}

.list_gt {margin-bottom: 50px}
.list_gt .item {border: 1px solid #cecece;box-sizing: border-box;overflow: hidden}
.list_gt .imgc {float: left;width: calc(50% - 50px)}
.list_gt .info {width: calc(50% - 50px);float: right;margin-right: 50px}
.list_gt .title {font: 30px 'MEB';margin: 30px 0 15px 0}
.list_gt .desc {line-height: 24px;text-align: justify;margin-bottom: 30px}
.list_gt .slick-dots {position: absolute;bottom: 20px;left: 50%;padding: 0;margin: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%)}
.list_gt .slick-dots li {list-style: none;display: inline-block;margin-right: 7px}
.list_gt .slick-dots button {width: 10px;height: 10px;padding: 0;border: none;font-size: 0;background-color: #999;border-radius: 50%}
.list_gt .slick-dots .slick-active button, .list_gt .slick-dots .fb-share-button:hover {background-color: #d85925}

.gtCate .bao_tt .desc {font-size: 24px}
.gtCate .bao_tt .title {padding-bottom: 20px;position: relative;display: block}
.gtCate .bao_tt .title:before {content:"";display: block;width: 216px;height: 5px;position: absolute;left: calc(50% - 108px);bottom: 0;background-color: #970000}
.gtCate .content {margin-bottom: 30px}

.catelist {text-align: center;margin-bottom: 30px}
.catelist a {display: inline-block;text-decoration: none;color: #333;border: 1px solid #cecece;padding: 0 15px;line-height: 35px;border-radius: 18px;margin: 0 4px 5px 4px}
.catelist a.active, .catelist a:hover {color: #d85925;border-color: #d85925}

.btnPaging {margin-bottom: 50px;text-align: center}
.btnPaging a {display: inline-block;color: #333;text-decoration: none;line-height: 35px;border: 1px solid #cecece;padding: 0 30px;border-radius: 18px}
.btnPaging a:hover {color: white;background-color: #d85925;border-color: #d85925}

.paList {overflow: hidden}
.paList .item {width: calc((100% - 90px)/4);float: left;border: 1px solid #cecece;box-sizing: border-box}
.paList:not(.slick-slider) .item {margin: 0 0 30px 30px}
.paList:not(.slick-slider) .item:nth-child(4n+1) {clear: both;margin-left: 0}
.paList.slick-slider .item {margin-right: 30px}
.paList .title {display: block;margin: 10px 15px;color: #333;font: 18px 'MEB';text-decoration: none;line-height: 24px;}
.paList .title:hover {color: #d85925}
.paList .imgc:after {content:"";display: block;width: 18px;height: 15px;position: absolute;z-index: 2;left: 15px;bottom: 15px;background: url(images/album.png) no-repeat center}
.paList .slick-list {width: calc(100% + 30px)}

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

.send_cr {padding: 30px;border: 1px solid #cecece;border-radius: 5px;margin-bottom: 50px}
.send_cr .title {font: 30px 'MEB';margin-bottom: 10px}
.send_cr .desc {margin-bottom: 20px;line-height: 22px}
#form_cn .item {float: left;width: calc((100% - 30px)/4);box-sizing: border-box;margin: 0 10px 10px 0;background: #f7ded3 url(images/cn2.png) no-repeat left 10px top 9px;border: 1px solid #cecece;padding-left: 40px;border-radius: 5px}
#form_cn .item:first-child {width: 100%;margin-right: 0;background: none;border: none;padding-left: 0}
#form_cn .item:nth-child(3) {background-image: url(images/cn3.png)}
#form_cn .item:nth-child(4) {background-image: url(images/cn4.png)}
#form_cn .item:nth-child(5) {margin-right: 0;background-image: url(images/cn7.png);background-position: left 15px top 10px}
#form_cn .item:nth-child(6) {width: 100%;margin-right: 0;background-image: url(images/cn5.png)}
#form_cn input[type=file] {display: none}
#form_cn input[type=text] {display: block;width: 100%;height: 38px;box-sizing: border-box;padding: 0 10px;border: none;outline: none;border-radius: 0 5px 5px 0;font: 15px 'MR';color: #d85925}
#form_cn textarea {display: block;width: 100%;height: 100%;margin: 0;border: none;outline: none;resize: none;padding: 10px;box-sizing: border-box;height: 160px;font: 15px 'MR';color: #333;border-radius: 0 5px 5px 0}
#form_cn .btn {clear: both}
#form_cn .btn a, #form_contact .btn a {display: inline-block;text-decoration: none;color: #333;padding: 0 30px;font-family: 'MEB';line-height: 40px;border-radius: 21px;border: 1px solid #cecece;margin-right: 5px}
#form_cn .btn a:first-child, #form_contact .btn a:first-child {color: white;text-transform: uppercase;font-size: 16px;background-color: #970000;border-color: #970000}
#form_cn .btn a:hover, #form_contact .btn a:hover {color: white;background-color: #cecece}
#form_cn .btn a:first-child:hover, #form_contact .btn a:first-child:hover {background-color: #f7d045;border-color: #f7d045}
#form_cn label span {float: left;width: calc((100% - 30px)/4);border: 1px solid #cecece;box-sizing: border-box;line-height: 38px;padding-left: 50px;border-radius: 5px;margin-right: 10px;position: relative}
#form_cn label span:before {content:"";display: block;width: 40px;height: 38px;position: absolute;left: 0;top: 0;background: #f7ded3 url(images/cn1.png) no-repeat left 10px top 10px}
#form_cn label i {display: inline-block;color: #999;padding-left: 13px;background: url(images/cn6.png) no-repeat left center;line-height: 40px}

.cn_detail {overflow: hidden;margin-bottom: 30px}
.cn_detail .imgc {width: 80px;height: 80px;border-radius: 50%;overflow: hidden;float: left}
.cn_detail .title {width: calc(100% - 100px);float: right;font: 20px 'MEB';margin-top: 20px}

.page_lh {overflow: hidden;margin-bottom: 50px}
.page_lh .left {width: 570px;float: left}
.page_lh .right {width: calc(100% - 600px);float: right}
.page_lh .right .imgc {height: 620px}
.page_lh .title {font: 16px 'MEB';text-transform: uppercase;margin-bottom: 20px; color: #970000;}
.page_lh .info_ft {margin-bottom: 30px}
.page_lh .info_ft div {padding: 5px 0;margin-bottom: 5px;background: url(images/lh11.png) no-repeat left top 3px}
.page_lh .info_ft .phone {background-image: url(images/lh21.png)}
.page_lh .info_ft .fanpage {background-image: url(images/lh31.png)}
.page_lh .info_ft .email {background-image: url(images/lh41.png)}
.page_lh .info_ft .website {background-image: url(images/lh51.png)}

#form_contact .item {border: 1px solid #cecece;border-radius: 5px;margin-bottom: 10px;background: #f3cdbd url(images/cn2.png) no-repeat left 10px top 10px;padding-left: 40px;box-sizing: border-box}
#form_contact .item:nth-child(1) {width: calc(50% - 5px);float: left}
#form_contact .item:nth-child(2) {width: calc(50% - 5px);float: right;background-image: url(images/cn3.png)}
#form_contact .item:nth-child(3) {clear: both;background-image: url(images/cn4.png)}
#form_contact .item:nth-child(4) {clear: both;background-image: url(images/cn5.png)}
#form_contact input {display: block;width: 100%;height: 38px;box-sizing: border-box;padding: 0 10px;font: 15px 'MR';color: #333;border: none;outline: none;border-radius: 0 5px 5px 0}
#form_contact textarea {display: block;margin: 0;padding: 10px;width: 100%;box-sizing: border-box;border: none;outline: none;resize: none;font: 15px 'MR';color: #333;height: 200px;border-radius: 0 5px 5px 0}
#form_contact .btn {margin-bottom: 15px}

.alert_tc {text-align: center;margin: 0 auto 50px auto}
.alert_tc .title {margin: 30px 0 15px 0;font: 30px 'MEB'}
.alert_tc .desc {line-height: 24px;margin-bottom: 20px}
.alert_tc .desc strong, .alert_tc .desc b {font-weight: normal;font-family: 'MEB'}
.alert_tc .go_home {display: inline-block;text-decoration: none;color: white;font-family: 'MEB';line-height: 40px;padding: 0 30px;background-color: #970000;border-radius: 20px}
.alert_tc .go_home:hover {background-color: #f7d045}

#formDV {border-radius: 20px;background: url(images/bg_dv.png) no-repeat center;background-size: cover;padding: 5% 0;text-align: center;color: white;margin-bottom: 50px}
#formDV .nd_form {max-width: 800px;margin: auto}
#formDV .title {padding-bottom: 15px;font: 30px 'MEB';margin-bottom: 15px;background: url(images/tt_dv.png) no-repeat bottom center}
#formDV .desc {margin-bottom: 40px;line-height: 22px}
#formDV .left {width: calc(50% - 20px);float: left}
#formDV .right {width: calc(50% - 20px);float: right}
#formDV .btn {clear: both;padding-top: 20px}
#formDV input {display: block;width: 100%;height: 30px;border: none;border-bottom: 1px solid #e39778;box-shadow: 0 1px #964a2b;background: none;color: white;margin-bottom: 25px;font: 15px 'MR';box-sizing: border-box;padding: 0;outline: none}
#formDV ::-webkit-input-placeholder {color: white}
#formDV ::-moz-placeholder, #formDV :-moz-placeholder {color: white;opacity: 1}
#formDV select {display: block;width: 100%;height: 30px;background: url(images/select.png) no-repeat right center;padding: 0;border: none;outline: none;font: 15px 'MR';color: white;border-bottom: 1px solid #e39778;box-shadow: 0 1px #964a2b;margin-bottom: 25px;-webkit-appearance: none;-moz-appearance: none}
#formDV select option {color: #333}
#formDV textarea {display: block;margin: 0;width: 100%;height: 195px;box-sizing: border-box;padding: 0;border: none;outline: none;resize: none;font: 15px 'MR';border-bottom: 1px solid #e39778;box-shadow: 0 1px #964a2b;background: none}
#formDV .btn a {display: inline-block;text-decoration: none;color: white;padding: 0 20px;margin: 0 3px;border: 1px solid #e09d80;font-family: 'MEB';text-transform: uppercase;line-height: 38px;border-radius: 20px;min-width: 120px}
#formDV .btn a:first-child {background-color: #ffc9b3;border-color: #ffc9b3;color: #d85925}
#formDV .btn a:hover {background-color: #cecece}
#formDV .btn a:first-child:hover {background-color: #f7d045;color: white;border-color: #f7d045}

.spList {overflow: hidden;margin-bottom: 50px}
.spList .item {width: calc((100% - 60px)/3);float: left;margin: 0 30px 30px 0;box-sizing: border-box;border: 1px solid #cecece;text-align: center;padding-bottom: 20px}
.spList:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}
.spList .title {display: block;text-decoration: none;color: #333;text-transform: uppercase;font: 18px 'MEB';margin: 10px 15px;text-align: left}
.spList .title:hover {color: #d85925}
.spList .info {overflow: hidden;margin: 0 15px 15px 15px;text-align: left;clear: both}
.spList .info .conlai {margin-bottom: 10px}
.spList .info .left {width: calc(50% - 10px);float: left}
.spList .info .right {width: calc(50% - 10px);float: right; display: none}
.spList .info span {display: block;padding-left: 25px;font-size: 16px;margin-bottom: 10px;background: url(images/dientich.png) no-repeat left 2px top 3px}
.spList .info .giuong {background: url(images/giuong.png) no-repeat left top 4px}
.spList .info .nguoilon {background-image: url(images/nguoilon.png)}
.spList .info .treem {background: url(images/treem.png) no-repeat left 6px top 2px}
.spList .btn {display: inline-block;text-decoration: none;color: white;text-transform: uppercase;background-color: #970000;padding: 0 20px;font-size: 16px;line-height: 36px;border-radius: 20px}
.spList .btn:hover {background-color: #f7d045}
.spList .price {float: right;padding: 5px 15px;background-color: #970000;color: white;font-size: 16px;text-align: left;transform: translateY(-50%);position: relative;z-index: 2 }
.spList .price span {display: block;font: 18px 'MEB'}
.spList .slick-list {width: calc(100% + 30px)}

.spDetail .tt_Detail {text-align: center;text-transform: uppercase}
.spDetail .col_left {width: calc(50% - 20px);float: left;margin-bottom: 30px}
.spDetail .col_right {width: calc(50% - 20px);float: right;margin-bottom: 30px}
.nav_slide .slick-list {width: calc(100% + 10px)}
.nav_slide .imgc {margin: 10px 10px 0 0}
.spDetail .col_right .price {font: 26px 'MEB';color: #970000;margin-bottom: 20px}
.spDetail .col_right .desc {line-height: 22px;margin-bottom: 30px}
.spDetail .col_right .dtBad {margin-bottom: 30px;line-height: 24px}
.spDetail .addCart {display: inline-block;margin-top: 20px;text-decoration: none;color: white;padding: 0 20px;line-height: 36px;text-transform: uppercase;background-color: #970000;border-radius: 18px}
.spDetail .addCart:hover {background-color: #f7d045}
.tienIch {margin-bottom: 20px}
.tienIch span {text-transform: uppercase;display: block}
.tienIch b {font-weight: normal;display: block;padding-left: 15px;margin-top: 10px;position: relative}
.tienIch b:before {content:"";display: block;width: 7px;height: 7px;background-color: #d85925;position: absolute;left: 0;top: 7px;border-radius: 50%}

#Cart .title_c {font: 24px 'MEB';text-transform: uppercase;margin-bottom: 10px}
.formCart, .dvCart, .pt_thanhtoan, #ds_hang {padding: 30px;border: 1px solid #eee;border-radius: 10px;box-shadow: 0 0 7px rgba(0,0,0,0.1);overflow: hidden;margin-bottom: 30px}
.formCart .col_date, .formCart .col_info {width: calc((100% - 30px)/4);float: left; margin-left: 4%;}
.formCart .col_sl {width: calc((100% - 30px)/8);float: left;margin: 0 10px; display: none}
.formCart .col_info:nth-child(4) {width: calc((100% - 30px)/4*1.5);float: right}
.formCart .col_info:nth-child(4) .item:nth-child(2) {width: calc(70% - 10px);float: left}
.formCart .col_info:nth-child(4) .item:nth-child(3) {width: 30%;float: right}
.formCart span {display: block;margin-bottom: 8px;font: 16px 'MEB'}
.formCart input {display: block;width: 100%;height: 46px;box-sizing: border-box;padding: 0 10px;outline: none;border: 1px solid #cecece;font: 15px 'MR'}
.formCart input::-webkit-inner-spin-button, .formCart input::-webkit-outer-spin-button {display: none}
.formCart .item {margin-bottom: 15px}
.formCart .item.content {clear: both;margin-bottom: 0}
.formCart textarea {display: block;margin: 0;padding: 10px;border: 1px solid #cecece;outline: none;resize: none;font: 15px 'MR';width: 100%;height: 110px;box-sizing: border-box}

.dvCart .item {overflow: hidden;padding: 15px 0;border-bottom: 1px solid #cecece}
.dvCart .item:last-child {border-bottom: none}
.dvCart .imgc {float: left;width: 180px}
.dvCart .info {width: calc(100% - 400px);float: left;margin: 0 30px}
.dvCart .choose {float: right;padding-right: 45px;text-decoration: none;color: #333;position: relative;line-height: 35px;margin-top: 30px}
.dvCart .choose:before {content:"";display: block;width: 33px;height: 32px;position: absolute;right: 0;top: 0;border: 1px solid #cecece;border-radius: 3px}
.dvCart .item.active .choose:before {background: url(images/check.png) no-repeat center}
.dvCart .title {font: 18px 'MEB';text-decoration: none;color: #333;margin-bottom: 10px;display:block}
.dvCart .title:hover {color: #d85925}
.dvCart .price {font: 20px 'MEB';color: #d85925;margin-bottom: 10px}
.dvCart .xemct {text-decoration: none;color: #d85925;padding-right: 10px;background: url(images/xemct.png) no-repeat right center}
.total {text-align: right;margin-bottom: 40px;margin-top: -20px;font-size: 26px}
.total span {font-family: 'MEB';color: #970000}

.tab_label {overflow: hidden;padding-bottom: 30px}
.tab_label .item {float: left;width: 380px;margin-right: 15px;box-sizing: border-box;text-align: center;padding: 80px 10px 15px 10px;border: 1px dashed #cecece;border-radius: 5px;background: #fafafa url(images/tt1.png) no-repeat top 20px center;cursor: pointer;position: relative}
.tab_label .title {font: 16px 'MEB';}
.tab_label .item:nth-child(2) {background-image: url(images/tt2.png)}
.tab_label .item:nth-child(3) {background-image: url(images/tt3.png)}
.tab_label .item.active {border-color: #ffcea9;background-color: #fff9f5;color: #d85925}
.tab_label .item.active:before {content:"";display: block;width: 33px;height: 15px;background: url(images/tt.png) no-repeat center;position: absolute;left: calc(50% - 16px);bottom: -14px}
.nd_thanhtoan .tab_tt {display: none}
.nd_thanhtoan .tab_tt.active {display: block}
#Cart .btn {text-align: center;margin-bottom: 50px}
#Cart .btn a {text-decoration: none;padding: 0 40px;font: 16px 'MEB';color: white;background-color: #970000;display: inline-block;line-height: 50px;border-radius: 25px;text-transform: uppercase}
#Cart .btn a:hover {background-color: #f7d045}

#ds_hang .item {overflow: hidden;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #cecece}
#ds_hang .item:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none}
#ds_hang .imgc {width: 154px;float: left;border-radius: 5px;overflow: hidden}
#ds_hang .cot2 {width: calc(100% - 350px);float: left;margin: 0 20px}
#ds_hang .cot3 {float: right;font: 20px 'MEB';color: #970000;padding-top: 20px}
#ds_hang .title {font: 16px 'MEB';display: block;margin-bottom: 5px;text-transform: uppercase}
#ds_hang .desc {line-height: 22px;max-height: 66px;overflow: hidden;margin-bottom: 10px}
#ds_hang .infoRoom {margin-bottom: 10px}
#ds_hang .slPhong {overflow: hidden}
#ds_hang .slPhong input {width: 50px;height: 30px;outline: none;padding: 0 0 0 10px;font: 15px 'MR';border-radius: 3px;border: 1px solid #333;line-height: 30px;margin-right: 30px}
#ds_hang .slPhong input::-webkit-inner-spin-button, #ds_hang .slPhong input::-webkit-outer-spin-button {opacity: 1}
#ds_hang .person {padding-left: 20px;margin-right: 30px;background: url(images/nguoi.png) no-repeat left top}
#ds_hang .bed {padding-left: 23px;background: url(images/giuong1.png) no-repeat left center;margin-right: 30px}
#ds_hang .dientich {padding-left: 22px;background: url(images/dientich1.png) no-repeat left center}
#ds_hang .delete {display: inline-block;padding-left: 15px;background: url(images/xoa.png) no-repeat left center;text-decoration: none;color: #999;font-size: 12px}
#ds_hang .delete:hover {color: #d85925}