@font-face
{
    font-family: 'FR';
    src: url('../css/font/Montserrat-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'FB';
    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#Montserrat-Bold') format('svg'); /* Legacy iOS */
}


.khoiChinhSua {position: relative}
.khoiChinhSua .capNhat {position: absolute;right: 5px !important;top: 2px !important;z-index: 9;cursor: pointer;height: 16px;background-color: rgba(255, 255, 255, 0.5);border-radius: 4px;padding-left: 2px;font-size: 16px;color: #000}
.khoiChinhSua .capNhat i {vertical-align: top}
.khoiChinhSua .capNhat:hover {color: #f00}
.modeEdit {position: fixed;left: 0;bottom: 15px;z-index: 9;background-color: rgba(0, 0, 0, 0.3);color: #fff;padding: 0 5px;border-radius: 4px;font-size: 13px}
.modeEdit a {color: #fff;font-size: 13px;margin-left: 5px}
.modeEdit a i {width: 15px}
.modeEdit a:hover i:before, .modeEdit a.active i:before {content: '\f046'}


.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: 22px}
.TextSize b, .TextSize strong {font-weight: normal;font-family: 'FB'}
.TextSize img {max-width: 100%;height: auto !important}
.TextSize table, .TextSize iframe {max-width: 100%}
.TextSize .imgc.video:before {padding-bottom: 56.25%}
.slick-arrow {border: none;outline: none;cursor: pointer;position: absolute;z-index: 3;box-sizing: border-box;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(0,0,0,0.1);left: 10px;top: calc(50% - 20px);box-shadow: 0 0 10px rgba(255,255,255,0.8)}
.slick-next {left: auto;right: 10px}
.slick-arrow:hover {background-color: var(--main-color)}
.slick-prev:before {content: "\f060";font: 12px FontAwesome;color: white}
.slick-next:before {content: "\f061";font: 12px FontAwesome;color: white}
.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}
.dn {display: none !important}
#CommonCuoiChiTietTin .fb_iframe_widget span, .commonTool .fb_iframe_widget span {display: block}
#CommonCuoiChiTietTin .fb_iframe_widget, .commonTool .fb_iframe_widget {float: left}

.title_ct {font: 18px 'FB';margin-bottom: 10px}
.commonTool {margin-bottom: 30px;color: #999;padding: 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #ececec;overflow: hidden}
.commonTool .date_view {font-size: 14px;line-height: 24px;float: left}
.commonTool .date_view .fa-eye {margin-left: 20px}
.commonTool .size {float: right}
.commonTool .size a {float: left;text-decoration: none;margin-left: 5px;color: #999;font-size: 14px;line-height: 24px}
.commonTool .normalSize {margin-right: 10px}
.commonTool .normalSize:hover {color: var(--main-color)}
.commonTool .lowerSize, .commonTool .upperSize {width: 24px;height: 24px;background-color: #eaeaea;text-align: center;border-radius: 5px}
.commonTool .lowerSize:hover, .commonTool .upperSize:hover {color: white;background-color: var(--main-color)}

#CommonCuoiChiTietTin {overflow: hidden;padding: 7px 0 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 20px}
#CommonCuoiChiTietTin .apd {float: right}
#CommonCuoiChiTietTin .apd a {font-size: 14px;float: left;text-decoration: none;color: #000;padding: 0 10px;margin-left: 5px;border-radius: 5px;line-height: 26px;position: relative;background-color: #f0f0f0}
#CommonCuoiChiTietTin .apd a:before {margin-right: 5px}
#CommonCuoiChiTietTin .apd a:hover {color: white;background-color: var(--main-color)}
#CommonCuoiChiTietTin .apd a:hover:before {filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);-moz-filter: brightness(0) invert(1)}
#CommonCuoiChiTietTin .left {float: left;margin-bottom: 0}
#CommonCuoiChiTietTin .left * {float: left;margin-right: 5px}
.SplitPages {text-align: center;margin-bottom: 60px}
.SplitPages a {font-size: 14px;display: inline-block;margin: 0 3px;height: 38px;line-height: 38px;min-width: 38px;text-decoration: none;border: 1px solid var(--main-color);color: #000;border-radius: 5px}
.SplitPages .truoc:before, .SplitPages .sau:before {content: "\f100";font: 16px FontAwesome}
.SplitPages .sau:before {content: "\f101"}
.SplitPages a:hover, .SplitPages a.hientai {background-color: var(--main-color);color: white}
.SplitPages .dau, .SplitPages .cuoi {width: auto;padding: 0 10px}


#wrap {overflow: hidden;position: relative}
body {padding: 0;margin: 0;font: 15px 'FR';color: #000;position: relative}
.container {width: 1200px;margin: 0 auto}


@media(min-width: 1200px){
    #menu {padding: 0;margin: 20px 0 0 0;float: left;display: block !important}
    #menu > li {float: left;position: relative;list-style: none;margin-right: 15px;padding-bottom: 20px}
    #menu > li > a {display: block;text-decoration: none;color: #000;text-transform: uppercase;padding: 0 15px;border: 1px solid transparent;font-size: 16px;line-height: 38px;border-radius: 20px}
    #menu > li.active > a, #menu > li:hover > a {color: var(--main-color);border-color: var(--main-color)}
    #menu ul {position: absolute;top: 100%;left: 0;width: 300px;background-color: white;box-shadow: 0 3px 5px rgba(0,0,0,0.1);padding: 0;margin: 0;z-index: 3;display: none}
    #menu ul li {list-style: none;display: block;position: relative;border-bottom: 1px solid #ececec}
    #menu ul a {display: block;text-decoration: none;color: #000;padding: 9px 15px;line-height: 22px}
    #menu ul ul {top: 0;left: 100%}
    #menu ul li:hover > a {background-color: var(--main-color);color: white}
    #menu li:hover > ul {display: block}
    #menu ul .openSub:before {content: "\f105";font: 14px FontAwesome;position: absolute;top: 0;right: 0;width: 20px;text-align: center;height: 40px;line-height: 40px;color: #000}
    #menu li:hover > .openSub:before {color: white}

    @media(max-width: 1480px){
        #menu > li {margin-right: 5px}
        #menu > li > a {padding: 0 10px}
    }
}

#header {background-color: white;box-shadow: 0 2px 5px rgba(0,0,0,0.2);height: 80px;padding: 0 20px}
#header .logo {float: left;width: 142px;margin-top: 13px}
#header .logo .imgc0:before {padding-bottom: 35.915492957%}
#header .right {float: right}
#header .hotline {float: left;color: white;text-decoration: none;padding: 0 15px 0 5px;font-family: 'FB';line-height: 40px;background-color: var(--main-color);border-radius: 20px;margin-top: 20px;overflow: hidden}
#header .hotline i {float: left;width: 30px;height: 30px;text-align: center;line-height: 30px;color: var(--main-color);background-color: white;border-radius: 50%;box-shadow: 0 3px 5px rgba(0,0,0,0.2);margin: 5px 8px 0 0}
#header .hotline:hover {background-color: var(--other-color)}
#header .hotline:hover i {color: var(--other-color)}
#header .gio_hang {float: left;margin: 20px 0 0 10px;padding-bottom: 20px;position: relative}
#header .cart {width: 38px;height: 38px;text-align: center;line-height: 38px;border: 1px solid var(--other-color);color: var(--other-color);border-radius: 50%;position: relative;text-decoration: none;display: block}
#header .cart i {font-size: 20px;line-height: 40px;text-indent: -3px}
#header .cart span {position: absolute;width: 15px;height: 15px;text-align: center;color: white;background-color: var(--other-color);font-size: 10px;line-height: 15px;border-radius: 50%;top: 5px;right: 5px}
#header .cart:hover {background-color: var(--other-color)}
#header .cart:hover i {color: white}
#header .cart:hover span {color: var(--other-color);background-color: white}
#header .search {float: left;margin: 20px 10px 0 10px;position: relative}
#header .search a {display: block;width: 38px;height: 38px;border: 1px solid var(--other-color);text-align: center;line-height: 38px;color: var(--other-color);border-radius: 50%;position: relative;z-index: 2}
#header .search a:hover {color: white;background-color: var(--other-color)}
#header .search input {position: absolute;top: 0;right: 0;width: 240px;height: 38px;padding: 0 40px 0 15px;border: 1px solid var(--other-color);border-radius: 20px;outline: none;font: 15px 'FR';color: #000;display: none}
#header .tk_head {float: left;position: relative;padding-bottom: 20px}
#header .tk_head .logIn {display: block;text-decoration: none;color: #000;padding: 0 15px 0 5px;border: 1px solid #cecece;line-height: 38px;border-radius: 20px;margin-top: 20px;overflow: hidden;max-width: 300px;overflow: hidden;white-space: nowrap}
#header .tk_head .logIn i {float: left;width: 30px;height: 30px;margin: 4px 7px 0 0;background-color: #cdcdcd;text-align: center;line-height: 30px;border-radius: 50%}
#header .tk_head .logIn:hover {background-color: var(--main-color);color: white;border-color: var(--main-color)}
#header .tk_head .logIn:hover i {color: var(--main-color);background-color: white}
.tk_head:hover .subMember {display: block}
.subMember {position: absolute;z-index: 3;top: 100%;right: 0;background-color: white;box-shadow: 0 3px 5px rgba(0,0,0,0.1);width: 100%;min-width: 220px;box-sizing: border-box;padding: 10px 10px 0 10px;border-radius: 0 0 5px 5px;display: none}
.subMember.noLogin {min-width: 100px;padding: 0;text-align: center;background: none;box-shadow: none;top: 62px}
.subMember.noLogin a {margin: 3px 0 0 0;background-color: white;border: 1px solid #cecece;line-height: 22px;padding: 5px 10px;border-radius: 17px}
.subMember.noLogin a:hover {border-color: var(--other-color);background-color: color-mix(in srgb, var(--other-color) 20%, white);color: #000}
.subMember a i {margin-right: 5px;width: 20px;text-align: center}
#header .gio_hang:hover #cart_head {display: block}
#cart_head {position: absolute;right: 0;top: 100%;background-color: white;width: 350px;border: 1px solid var(--other-color);z-index: 5;border-radius: 10px;overflow: hidden;display: none}
#cart_head .tt_cart_h {background-color: var(--other-color);padding: 10px 15px;color: white;font-family: 'FB'}
.list_cart_head .item {padding: 15px;overflow: hidden;border-bottom: 1px solid #ececec}
.list_cart_head .imgc0 {width: 80px;height: 80px;float: left}
.list_cart_head .info {width: calc(100% - 90px);float: right}
.list_cart_head .title {margin-bottom: 10px}
.list_cart_head .price {color: red;font-family: 'FB'}
.list_cart_head .delete {float: right}
.list_cart_head .delete i {font-size: 20px;color: var(--other-color);opacity: 0.5}
.list_cart_head .delete:hover i {opacity: 1;color: var(--main-color)}
#cart_head .btn a {display: inline-block;text-decoration: none;color: #000;padding: 0 15px;border: 1px solid var(--main-color);font-family: 'FB';line-height: 44px;border-radius: 23px;margin: 10px 0 10px 15px}
#cart_head .btn a:nth-child(2) {color: white;background-color: var(--main-color);margin: 10px 0 10px 5px}
#cart_head .btn a:hover {color: white;background-color: var(--other-color);border-color: var(--other-color)}


#footer {background: var(--other-color) url(images/bg_ft.png) repeat-x bottom;color: #ebebeb;padding-top: 50px;font-size: 15px}
#footer .col_ft {width: calc(25% - 20px);margin-right: 40px;float: left}
#footer .col_ft:first-child {width: 500px}
#footer .logo {width: 211px;margin-bottom: 20px}
#footer .logo:before {padding-bottom: 36.018957346%}
#footer .info_ft .item {position: relative;padding-left: 25px;margin-bottom: 8px;line-height: 22px}
#footer .info_ft .item i {position: absolute;left: 0;top: 1px;width: 20px;line-height: 20px;text-align: center}
#footer .title {text-transform: uppercase;font: 18px 'FB';margin: 20px 0;color: var(--main-color)}
#footer .info_ft {overflow: hidden;padding-top: 20px}
#footer .mn_bottom {width: calc((100% - 100px)/3);float: left;margin-right: 50px}
#footer .info_ft .mn_bottom:nth-child(3) {margin-right: 0}
#footer .menu_ft a {display: block;text-decoration: none;color: #ebebeb;line-height: 22px;margin-bottom: 10px}
#footer .menu_ft a:before {content: "\f095";font: 14px 'FontAwesome';width: 20px;display: inline-block}
#footer .menu_ft a:nth-child(2):before {content:"\f0ac"}
#footer .menu_ft a:nth-child(3):before {content: "\f09a"}
#footer .menu_ft a:hover {color: var(--main-color)}
#footer .mxh_ft {overflow: hidden;float: left;margin-top: 120px}
#footer .mxh_ft a {float: left;margin-right: 20px}
#footer .mxh_ft img {display: block;max-height: 50px}
#footer .license {text-align: center;padding: 12px 0;background-color: rgba(0,0,0,0.15);line-height: 22px;margin-top: 50px}
#footer .license span {font-family: 'FB'}
#fixRight {position: fixed;right: 10px;bottom: 100px;width: 44px;z-index: 3}
#fixRight a {display: none;text-decoration: none;margin-bottom: 10px}
#fixRight a img {display: block}
#page_head {width: 44px;height: 44px;border-radius: 50%;box-sizing: border-box;border: 1px solid white;background-color: #000;color: white;text-align: center;line-height: 42px;display: block}
#page_head i {font-size: 18px}
#fixRight .openRight {width: 44px;height: 44px;background-color: red;border-radius: 50%;display: block;text-align: center;line-height: 50px;margin-bottom: 10px;cursor: pointer}
#fixRight .openRight:before {content: "\f095";font: 20px 'FontAwesome';color: white}
#fixRight.active .openRight {background-color: #000}
#fixRight.active .openRight:before {content: "\f00d"}
#fixRight.active a {display: block}

#slide_home .imgMB {display: none}
.banner:before {padding-bottom: 23.684210526%}
#slide_home {margin-bottom: 60px;clear: both}
#slide_home .imgc:before {padding-bottom: 29.052631578%}
#slide_home .slick-prev {left: 20px}
#slide_home .slick-next {right: 20px}
#slide_home .slick-dots {position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);padding: 0;margin: 0}
#slide_home .slick-dots li {float: left;margin: 0 4px;list-style: none}
#slide_home .slick-dots button {width: 10px;height: 10px;border-radius: 11px;border: 1px solid white;background-color: white;font-size: 0;padding: 0;margin: 0}
#slide_home .slick-dots .slick-active button {background-color: var(--main-color);border: none}
#slide_home .item {position: relative}
#slide_home .info {width: 600px;position: absolute;left: calc(50% - 600px);top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 3}
#slide_home .note {color: var(--other-color);text-transform: uppercase;font: 30px 'FB';margin-bottom: 5px}
#slide_home .title {font: 40px 'FB';text-transform: uppercase;color: var(--main-color);margin-bottom: 20px}
#slide_home .desc {line-height: 24px;margin-bottom: 20px}
#slide_home .btn {display: inline-block;text-decoration: none;color: white;text-transform: uppercase;padding: 0 50px;font: 18px 'FB';line-height: 44px;border-radius: 22px;background-color: var(--main-color)}
#slide_home .btn:hover {background-color: var(--other-color)}

.road {padding: 11px 0;background-color: #f3f3f3;margin-bottom: 60px}
.road a {display: inline-block;margin-right: 10px;text-decoration: none;color: #666;line-height: 22px}
.road a i {margin-right: 7px}
.road a:first-child i {margin-right: 2px}
.road a:hover {color: var(--main-color)}

.bao_tt {text-align: center;padding-bottom: 5px}
.bao_tt .title {display: inline-block;text-decoration: none;padding-bottom: 15px;position: relative;margin-bottom: 20px;text-transform: uppercase;color: var(--other-color);font: 30px 'FB'}
.bao_tt a.title:hover {color: var(--main-color)}
.bao_tt .title:before {content: "";display: block;width: 60px;height: 3px;background-color: var(--main-color);position: absolute;bottom: 0;left: calc(50% - 30px)}
.bao_tt .desc {max-width: 700px;margin: 0 auto 15px auto;line-height: 22px}

.list_cate {text-align: center;margin-bottom: 20px}
.list_cate a {display: inline-block;text-decoration: none;color: var(--other-color);padding: 0 20px;font-size: 16px;line-height: 38px;border: 1px solid #cecece;border-radius: 5px;margin: 0 10px 10px 0}
.list_cate a:hover {color: white;background-color: var(--main-color);border-color: var(--main-color)}

.blockSP {margin-bottom: 70px}
.cate_sp {margin-bottom: 30px}
.list_sp {overflow: hidden}
.list_sp .item {width: calc((100% - 40px)/3);float: left;margin: 0 0 20px 20px;box-sizing: border-box;padding: 20px;border: 1px solid #cecece;border-radius: 5px}
.list_sp .item:nth-child(3n+1) {clear: both;margin-left: 0}
.list_sp .title {font: 16px 'FB';margin-bottom: 15px}
.list_sp .desc {margin-bottom: 15px}
.list_sp .desc i {color: var(--main-color);font-size: 18px;width: 20px;text-align: center;margin-right: 5px}
.list_sp .desc span {font-family: 'FB';}
.list_sp .btn {overflow: hidden;padding-top: 10px}
.list_sp .btn > span {float: left;border-radius: 16px;margin: 1px}
.list_sp .btn span span {display: block;font: 16px 'FB';text-transform: uppercase;padding: 0 15px;line-height: 32px;background-color: white;border-radius: 16px}
.list_sp .btn a {float: right;text-decoration: none;color: #666;font: 16px 'FB';line-height: 32px;border: 1px solid #ccc;padding: 0 20px;border-radius: 17px;}
.list_sp .item:hover {border-color: var(--main-color)}
.list_sp .item:hover .btn a {color: white;background-color: var(--main-color);border-color: var(--main-color)}

.btn_more {text-align: center}
.btn_more a {display: inline-block;text-decoration: none;color: var(--other-color);padding: 0 20px;border: 1px solid var(--main-color);border-radius: 5px;line-height: 38px}
.btn_more a i {font-size: 10px;transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);margin-left: 3px;color: var(--main-color)}
.btn_more a:hover {color: white;background-color: var(--main-color)}
.btn_more a:hover i {color: white}

.lyDo {margin-bottom: 100px;padding-top: 30px}
.lyDo .left {width: calc(50% - 70px);float: left;margin-top: -10px}
.lyDo .left:before {padding-bottom: 100%}
.lyDo .list_ts {width: calc(50% + 30px);float: right;margin-top: 10px}
.list_ts .item {overflow: hidden;margin-bottom: 30px}
.list_ts .imgc0 {width: 120px;float: left;background-color: var(--main-color);border-radius: 50%}
.list_ts .imgc0:before {padding-bottom: 100%}
.list_ts .imgc0:after {content: "";position: absolute;top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);box-sizing: border-box;border: 1px solid white;border-radius: 50%}
.list_ts .imgc0 img {width: calc(100% - 60px);height: calc(100% - 60px);left: 30px;top: 30px;z-index: 2}
.list_ts .info {width: calc(100% - 140px);float: right}
.list_ts .title {font-family: 'FB';margin-bottom: 10px}
.list_ts .desc {line-height: 24px}

.blockNews {margin-bottom: 70px}
.list_news .imgc {border-radius: 10px;overflow: hidden}
.list_news .imgc:before {padding-bottom: 56.25%}
.list_news .info {padding: 15px}
.list_news .title {display: block;text-decoration: none;color: #000;font-family: 'FB';line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px}
.list_news .title:hover {color: var(--main-color)}
.list_news .desc {line-height: 22px;height: 66px;overflow: hidden;margin-bottom: 15px}
.list_news .btn {display: inline-block;color: #000;padding: 0 20px;border: 1px solid var(--main-color);border-radius: 5px;line-height: 38px;text-decoration: none}
.list_news .btn i {font-size: 10px;margin-left: 3px;color: var(--main-color);transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px)}
.list_news .item {box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px}
.list_news .btn:hover {color: white;background-color: var(--main-color)}
.list_news .btn:hover i {color: white}
.list_news.slick-slider .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_news.slick-slider .item {margin: 10px 15px}
.list_news .slick-prev {left: -50px}
.list_news .slick-next {right: -50px}
.list_news:not(.slick-slider) {padding-bottom: 30px}
.list_news:not(.slick-slider) .item {width: calc((100% - 60px)/3);float: left;margin: 0 0 30px 30px}
.list_news:not(.slick-slider) .item:nth-child(3n+1) {clear: both;margin-left: 0}

.other .list_news:not(.slick-slider) .item {width: calc(50% - 15px)}
.other .list_news:not(.slick-slider) .item:nth-child(3n+1) {clear: none;margin-left: 30px}
.other .list_news:not(.slick-slider) .item:nth-child(2n+1) {clear: both;margin-left: 0}
.other_tt {overflow: hidden;margin-bottom: 15px}
.other_tt .title {color: #000;text-decoration: none;font: 16px 'FB';text-transform: uppercase}
.other_tt .title:hover {color: var(--main-color)}
.other_tt .more {float: right;text-decoration: none;color: #000}
.other_tt .more i {font-size: 10px;transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);color: var(--main-color)}
.other_tt .more:hover {color: var(--main-color)}

.newsHot {overflow: hidden;margin-bottom: 60px}
.newsHot .item {width: calc(50% - 15px);float: left;padding: 20px 0;border-bottom: 1px solid #ececec;overflow: hidden}
.newsHot .imgc {border-radius: 10px;overflow: hidden;width: 200px;float: left}
.newsHot .imgc:before {padding-bottom: 56.25%}
.newsHot .info {width: calc(100% - 215px);float: right}
.newsHot .item:first-child {padding: 0;border-bottom: none;margin-right: 30px}
.newsHot .item:first-child .imgc {width: 100%;margin-bottom: 15px}
.newsHot .item:first-child .title {margin-bottom: 0;font: 20px 'FB';line-height: 26px}
.newsHot .item:nth-child(2) {padding-top: 0}
.newsHot .item:last-child {padding-bottom: 0;border-bottom: none}
.newsHot .title {display: block;text-decoration: none;color: #000;font: 16px 'FB';line-height: 22px;margin-bottom: 8px}
.newsHot .date_view {font-size: 14px;color: #888}
.newsHot .date_view .fa-calendar {font-size: 12px;margin-right: 3px;transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px)}
.newsHot .date_view .fa-eye {margin-left: 20px}

#blockFlex {display: flex}
.col_left {width: calc(100% - 400px);float: left;margin-right: 30px}
.col_right {width: 370px;float: right;position: relative}

.blockRight .bao_tt {text-align: left}
.blockRight .bao_tt .title {font-size: 16px;padding-bottom: 10px;padding-top: 5px}
.blockRight .bao_tt .title:before {left: 0}
.blockRight.fixed {position: fixed;z-index: 3;top: 0;width: 370px}
.blockRight.fixed.absolute {position: absolute;top: auto;bottom: 0}
.newsRight .item {overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ececec}
.newsRight .item:first-child {padding-top: 0}
.newsRight .item:last-child {border-bottom: none}
.newsRight .imgc {width: 130px;float: left;border-radius: 10px;overflow: hidden}
.newsRight .imgc:before {padding-bottom: 56.25%}
.newsRight .title {width: calc(100% - 145px);float: right;text-decoration: none;color: #000;font: 16px 'FB';line-height: 22px}
.newsRight .title:hover {color: var(--main-color)}

.infoCty {margin-bottom: 40px;display: flex}
.infoCty .item {width: calc((100% - 60px)/4);float: left;margin: 0 0 20px 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);box-sizing: border-box;padding: 30px 20px 20px 20px;text-align: center;border-radius: 5px;background-color: white;line-height: 24px}
.infoCty .item i {font-size: 30px;width: 40px;height: 40px;text-align: center;margin: 0 auto 15px auto;line-height: 40px;color: var(--main-color)}
.infoCty .thuoctinh {margin-bottom: 5px;font-family: 'FB'}
.infoCty .item:first-child {margin-left: 0}

.form_lh {width: calc(50% - 10px);float: left;margin-bottom: 70px}
.map_lh {width: calc(50% - 10px);float: right;margin-bottom: 70px}
.map_lh .iframeMap {height: 388px}
.map_lh iframe {width: 100%;height: 100%}
.title_lh {font: 22px 'FB';margin-bottom: 10px;text-transform: uppercase;color: var(--main-color)}
.form_lh .item {border: 1px solid #eee;margin-bottom: 10px;background: #f5f6f8 url(images/ct5.png) no-repeat left 10px top 10px;padding-left: 40px;box-sizing: border-box;border-radius: 3px;overflow: hidden;position: relative}
.form_lh .item i:not(.fa-repeat) {font-size: 16px;position: absolute;top: 0;left: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;color: var(--main-color)}
.form_lh input, .form_lh textarea {display: block;width: 100%;box-sizing: border-box;padding: 0 10px;background-color: white;margin: 0;border: none;outline: none;height: 40px;font: 15px 'FR';color: #000;resize: none}
.form_lh .item:nth-child(2) {width: calc(50% - 5px);float: left}
.form_lh .item:nth-child(3) {width: calc(50% - 5px);float: right}
.form_lh .item:nth-child(4) {clear: both}
.form_lh .item.captcha {float: left;overflow: hidden}
.form_lh .item.captcha input {width: 180px;float: left}
.form_lh .item.captcha img {height: 30px;border: 5px solid white;float: left}
.form_lh .item.captcha a {float: left;width: 30px;height: 40px;background-color: white;text-align: center;line-height: 40px;color: darkblue}
.form_lh textarea {padding: 10px;height: 180px}
.form_lh .name, .form_lh .phone {width: calc(50% - 5px);float: left}
.form_lh .btn {clear: both}
.form_lh .btn a {display: inline-block;margin-right: 8px;text-decoration: none;color: #000;padding: 0 30px;border: 1px solid #000;line-height: 40px;border-radius: 20px}
.form_lh .btn a:first-child {color: white;background-color: var(--main-color);text-transform: uppercase;font-family: 'FB';border-color: var(--main-color)}
.form_lh .btn a:hover {color: white;background-color: #999;border-color: #999}
.form_lh .btn a:first-child:hover {background-color: var(--other-color);border-color: var(--other-color)}

.alert {text-align: center}
.nd_alert {max-width: 750px;margin: 70px auto}
.nd_alert .fa-check {width: 120px;height: 120px;border-radius: 50%;background-color: var(--main-color);color: white;font-size: 80px;line-height: 120px}
.nd_alert .title {margin: 30px 0 15px 0;font: 30px 'FB';text-transform: uppercase}
.nd_alert .desc {margin-bottom: 20px}
.nd_alert .content {margin-bottom: 20px;line-height: 24px}
.nd_alert .content a {text-decoration: none;font-family: 'FB';color: var(--main-color);font-size: 16px}
.nd_alert .content a:hover {color: var(--other-color)}
.nd_alert .btn a {display: inline-block;text-decoration: none;color: white;text-transform: uppercase;padding: 0 35px;background-color: var(--main-color);line-height: 40px;font-family: 'FB';border-radius: 20px}
.nd_alert .btn a:hover {background-color: var(--other-color)}

.banner_sp {background-color: #606060;padding: 50px 0;color: white;text-align: center}
.banner_sp .title {font: 30px 'FB';color: var(--main-color);margin-bottom: 30px}
.banner_sp .desc {font: 30px 'FB';margin-bottom: 15px}
.banner_sp .item {display: inline-block;border: 1px solid var(--main-color);padding: 0 20px;line-height: 32px;border-radius: 17px;margin: 0 3px}
.banner_sp .item span {font-family: 'FB'}
.banner_sp .item:first-child {border-color: white}
.bao_nd {margin: 30px 0 60px 0;box-shadow: 0 0 20px rgba(0,0,0,0.1);padding: 30px 50px}
.list_dt {margin-bottom: 30px}
.list_dt .item {overflow: hidden;padding: 30px 0 20px 0;border-bottom: 1px solid #cecece}
.list_dt .item:first-child {padding-top: 0}
.list_dt .stt {float: left;width: 50px;height: 50px;text-align: center;color: white;font: 20px 'FB';line-height: 50px;border-radius: 50%;background-color: var(--main-color);margin-top: 5px}
.list_dt .info {width: calc(100% - 70px);float: right}
.list_dt .title {font-size: 18px;margin-bottom: 15px}
.list_dt .title b {font-family: 'FB';font-weight: normal;text-transform: uppercase}
.list_dt .desc b {font-weight: normal;font-family: 'FB'}
.list_dt .desc b:first-child {margin-right: 60px}
.btn_thi {text-align: center}
.btn_thi a {display: inline-block;text-decoration: none;color: white;padding: 0 25px 0 30px;background-color: var(--main-color);font: 18px 'FB';line-height: 40px;border-radius: 20px}
.btn_thi a i {margin-left: 3px}
.btn_thi a:hover {background-color: var(--other-color)}

.dangNhap .bao_tt, .dangKy .bao_tt {height: 0;transform: translateY(-100px)}
.dangNhap {max-width: 600px;box-sizing: border-box;border-radius: 20px;padding: 20px 50px 40px 50px;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin: 130px auto 80px auto}
.dangKy {max-width: 600px;box-sizing: border-box;border-radius: 20px;padding: 20px 50px 40px 50px;margin-bottom: 50px;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin: 130px auto 80px auto}
.descTK {text-align: center;margin-top: 30px}
.descTK a {text-decoration: none;color: var(--other-color);font-family: 'FB'}
.descTK a:hover {color: var(--main-color)}
.itemTK {margin-bottom: 30px}
.itemTK b {margin-bottom: 8px;display: block;font-weight: normal;font-family: 'FB'}
.itemTK input {display: block;width: 100%;height: 40px;font: 15px 'FR';box-sizing: border-box;padding: 0 12px;outline: none;border: 1px solid #ddd;color: #000;border-radius: 5px}
.btnTK {text-align: center;clear: both}
.btnTK a, .btnSave {display: block;text-decoration: none;color: white;text-transform: uppercase;padding: 0 60px;font: 16px 'FB';line-height: 40px;border-radius: 20px;background-color: var(--main-color)}
.btnTK a:hover, .btnSave:hover {background-color: var(--other-color)}
.quenMK {text-align: center;margin-top: 10px}
.quenMK a {text-decoration: none;color: #000;line-height: 22px}
.quenMK a:hover {color: var(--main-color)}
.dangKy .itemTK {margin-bottom: 30px}
.dangKy .itemTK:nth-child(2) {width: calc(50% - 5px);float: left}
.dangKy .itemTK:nth-child(3) {width: calc(50% - 5px);float: right}
.dangKy .itemTK:nth-child(4) {clear: both}
#qmkForm {display: none}
#dNhap_dKy .logInMXH {text-align: center;padding-top: 20px}
#dNhap_dKy .logInMXH a {display:inline-block;background-color: var(--main-color);color: white;line-height: 40px;margin-top: 10px;border-radius: 20px;font-family: 'FB';padding: 0 50px;text-decoration: none}
#dNhap_dKy .logInMXH a i {margin-right: 5px}
#dNhap_dKy .logInMXH a:hover {background-color: var(--other-color)}
#dNhap_dKy .logInMXH a:hover i {color: white}

#formAccount {overflow: hidden}
#formAccount .accIMG {width: 172px;float: left;margin: 20px 0 0 0;text-align: center}
#formAccount .accIMG .imgc {border-radius: 50%;overflow: hidden;margin-bottom: 20px;background: url(images/avarta.png) no-repeat center;border-radius: 50%;overflow: hidden}
#formAccount .accIMG .imgc:before {padding-bottom: 100%}

#formAccount .accIMG label input {display: none}
#formAccount .accIMG label i {margin-right: 5px}
#formAccount .accIMG label:hover {color: var(--main-color);cursor: pointer}
#formAccount .accInfo {width: calc(100% - 220px);float: right;overflow: hidden}
#formAccount .accInfo .item {overflow: hidden;margin-bottom: 5px}
#formAccount .accInfo b {width: 110px;float: left;height: 40px;background-color: #eaeaea;line-height: 40px;padding-left: 15px;box-sizing: border-box;font-family: 'FB'}
#formAccount .accInfo .item div {width: calc(100% - 110px);float: right;height: 40px;border: 1px solid #e0e0e0;border-left: none;box-sizing: border-box;position: relative}
#formAccount .accInfo span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: white;padding: 0 10px;line-height: 38px;box-sizing: border-box}
#formAccount .accInfo input, #formAccount .accInfo select {width: 100%;height: 38px;border: none;outline: none;padding: 0 20px;box-sizing: border-box;display: block}
#formAccount .accInfo .btnSave {float: right;margin-top: 10px;text-transform: none;padding: 0 40px}
#formAccount .accInfo .btnSave:hover {color: white;border-color: var(--other-color)}

.infoAccount {background-color: white;padding: 20px 30px 30px 30px;border-radius: 8px}
.infoAccount .tt_other .title {font: 18px 'FB';text-transform: uppercase}
.menuAccount .titleLeft {font: 18px 'FB';text-transform: uppercase;margin: 10px 0 20px 0}
.cateLeft a {display: block;margin-bottom: 15px;text-decoration: none;color: #000}
.cateLeft a i {width: 20px;color: var(--main-color)}
.cateLeft a.active, .cateLeft a:hover {color: var(--main-color)}
.infoAccount .tt_other {padding: 0 30px 10px 30px;border-bottom: 1px solid #cecece;margin: 0 -30px 30px -30px}
.infoAccount .editInfo {float: right;text-decoration: none;color: #000;line-height: 22px}
.infoAccount .editInfo i {margin-right: 5px}
.infoAccount .editInfo:hover {color: var(--main-color)}

#formAccount #ChangePassForm.accInfo b {float: none;background: none;padding: 0;height: auto;line-height: 22px;margin-bottom: 5px;display: block;width: auto}
#formAccount #ChangePassForm.accInfo .item div {float: none;width: auto;border-left: 1px solid #e0e0e0}
#formAccount #ChangePassForm.accInfo .item {margin-bottom: 20px}
#formAccount #ChangePassForm.accInfo .btnSave {margin-top: 0}
.page_dh {margin-bottom: 70px}
.tk_left {width: 250px;float: left;box-sizing: border-box;padding: 10px 15px;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 5px}
.tk_right {width: calc(100% - 280px);float: right;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 5px}

.ndService {margin-bottom: 30px}
.list_ghv {margin-bottom: 50px;overflow: hidden;padding: 10px 0}
.list_ghv .item {width: calc((100% - 60px)/3);float: left;margin: 60px 0 0 30px;text-align: center;border-radius: 10px;padding: 0 40px 40px 40px;box-sizing: border-box;border: 1px solid var(--main-color);position: relative;overflow: hidden}
.list_ghv .item:before {content: "";display: block;width: 100%;padding-bottom: 49.459459459%;background: url(images/bg_ghv.png) no-repeat center;background-size: cover;position: absolute;top: 0;left: 0}

.list_ghv .item.type0:before {opacity: 0.3}
.list_ghv .item.type1:before {opacity: 0.6}

.list_ghv .item:nth-child(3n+1) {clear: both;margin-left: 0}
.list_ghv .title {color: var(--other-color);font: 40px "FB";text-transform: uppercase;margin-bottom: 15px;display: block;padding: 20% 0 25% 0;position: relative;z-index: 2}
.list_ghv .number {color: #eee;margin-bottom: 20px;font-size: 16px}
.list_ghv .price {margin-bottom: 30px}
.list_ghv .price .new {color: var(--other-color);display: block;font: 34px "FB";margin-bottom: 10px}
.list_ghv .price .old {color: #000;font-size: 24px;text-decoration: line-through}
.list_ghv .btn_mua {font: 16px "FB";line-height: 44px;border-radius: 5px;display: block;text-transform: uppercase;color: white;background-color: var(--main-color);text-decoration: none}
.list_ghv .btn_mua:hover {background-color: var(--other-color)}
.list_ghv .content {text-align: left;margin-bottom: 20px}
.list_ghv .content ul {margin: 0;padding: 0}
.list_ghv .content ul li {display: block;list-style: none;padding-left: 20px;position: relative;margin-bottom: 8px}
.list_ghv .content ul li:before {content: "\f05d";font: 15px 'FontAwesome';color: var(--main-color);position: absolute;left: 0;top: 2px}
.list_ghv .hot {position: absolute;top: 13px;left: -34px;background-color: red;color: white;text-transform: uppercase;font: 17px 'FB';transform: rotate(-40deg);-webkit-transform: rotate(-40deg);-moz-transform: rotate(-40deg);width: 120px;line-height: 22px;box-shadow: 0 3px 5px rgba(0,0,0,.4);letter-spacing: 2px}

.infoAccount .list_ghv {margin-bottom: 0}
.infoAccount .list_ghv .icon {width: 80px;height: 80px;margin: -40px auto 15px auto}
.infoAccount .list_ghv .icon:after {background-size: 48px}
.infoAccount .list_ghv .title {margin-bottom: 10px;font-size: 20px}
.infoAccount .list_ghv .number {margin-bottom: 10px}
.infoAccount .list_ghv .price {margin-bottom: 15px}
.infoAccount .list_ghv .price .new {margin-bottom: 0;font-size: 30px}
.infoAccount .list_ghv .price .old {font-size: 20px}
.infoAccount .list_ghv .item {padding: 0 10px 10px 10px}

.page_ghv .bao_nd {margin: 0 0 30px 0;padding: 20px 30px}
.title_cart {font: 20px 'FB';text-transform: uppercase;margin-bottom: 10px}
.info_cus {padding: 5px 15px;border: 1px solid #cecece;border-radius: 5px;margin-bottom: 40px}
.info_cus .desc {margin: 15px 0}
.info_cus .desc i {color: var(--main-color);width: 20px;text-align: center;margin-right: 5px}
.info_cus .desc b {font-family: 'FB'}
.list_pttt {margin-bottom: 20px}
.list_pttt .item {padding: 15px 15px 15px 55px;position: relative;border: 1px solid #cecece;border-radius: 5px;margin-bottom: 15px}
.list_pttt .item:before {content: "";display: block;width: 18px;height: 18px;border: 1px solid #ececec;border-radius: 50%;position: absolute;left: 18px;top: 15px}
.list_pttt .item.active:before {border-color: var(--main-color)}
.list_pttt .item.active:after {content: "";display: block;width: 10px;height: 10px;background-color: var(--main-color);border-radius: 50%;position: absolute;left: 23px;top: 20px}
.list_pttt .title {font: 16px 'FB';margin-bottom: 5px;cursor: pointer}
.page_ghv .note {margin-bottom: 15px;line-height: 22px}
.page_ghv .note b {font-family: 'FB'}
.page_ghv label {font: 16px 'FB';line-height: 24px}
.page_ghv label input {width: 22px;height: 22px;border: 1px solid var(--main-color);transform: translateY(4px);-webkit-transform: translateY(4px);-moz-transform: translateY(4px)}
.page_ghv label a {text-decoration: none;color: #000}
.page_ghv label a:hover {color: var(--main-color)}
.btn_cart {text-align: right;margin-bottom: 60px}
.btn_cart a {display: inline-block;text-decoration: none;color: #000;font: 16px 'FB';line-height: 48px;border-radius: 5px;border: 1px solid var(--main-color);padding: 0 25px;margin-left: 7px}
.btn_cart a:last-child {color: white;background-color: var(--main-color)}
.btn_cart a:hover {background-color: #ccc;color: white;border-color: #ccc}
.btn_cart a:last-child:hover {background-color: var(--other-color);border-color: var(--other-color)}

.info_cart {box-shadow: 0 0 15px rgba(0,0,0,0.1);padding: 20px 30px 0 30px}
.info_cart .title_cart {margin-bottom: 25px}
.info_cart .img {width: 80px;height: 80px;border-radius: 50%;background: url(images/icon-crown.png) no-repeat center, linear-gradient(90deg, #d7a83f 0%, #ad7723 11%, #cfa340 86%, #b58628 100%);background-size: 48px, auto;float: left;margin-top: 5px}
.info_cart .img.type1 {background: url(images/icon-crown.png) no-repeat center, linear-gradient(90deg, #aeafb1 0%, #85868a 26%, #a1a1a1 67%, #7d7d7f 100%);background-size: 48px, auto}
.info_cart .img.type2 {background: url(images/icon-crown.png) no-repeat center, linear-gradient(90deg, #ffc001 0%, #ff9c01 26%, #ffc000 67%, #ffb301 100%);background-size: 48px, auto}
.info_cart .info {width: calc(100% - 95px);float: right}
.info_cart .desc {margin-bottom: 5px}
.info_cart .desc b {font-family: 'FB'}
.info_cart .desc:first-child b {text-transform: uppercase}
.info_cart .price {text-align: right;display: inline-block}
.info_cart .price span {display: block;font-size: 16px;text-decoration: line-through;padding-top: 5px}
.info_cart .price b {font-family: FB;color: var(--other-color);font-size: 16px}
.info_cart .total {padding: 15px 30px;margin: 20px -30px 0 -30px;background-color: var(--main-color);color: white;text-transform: uppercase;font: 20px 'FB'}
.info_cart .total span {float: right}

.col1, .col2, .col3, .col4 {float: left;padding: 8px 20px;box-sizing: border-box;width: 180px}
.col2 {width: calc(100% - 540px)}
.col_dh {background-color: #ececec;overflow: hidden;border: 1px solid #cecece;border-radius: 5px 5px 0 0;border-bottom: none;padding: 5px 0}
.list_dh {border-left: 1px solid #cecece;border-right: 1px solid #cecece;border-radius: 0 0 5px 5px;margin-bottom: 10px}
.list_dh .item {overflow: hidden;border-bottom: 1px solid #cecece;padding: 5px 0;display: block;color: #000}
.list_dh .item:last-child {border-radius: 0 0 5px 5px}
.list_dh .col2 {font-family: 'FB';color: #7d7d7f;text-decoration: none}
.list_dh .col2.type0 {color: #cfa340}
.list_dh .col2.type2 {color: #ffc000}
.list_dh .item:hover, .list_dh .item:hover .col2 {color: var(--main-color) !important}

.page_dh .info_cart {box-shadow: none;padding: 0 0 20px 0;overflow: hidden}
.page_dh .info_cart .item {overflow: hidden;padding: 10px 0}



#baiLam {display: flex;position: relative;padding: 30px 0 60px 0}
.tn_left {width: calc(100% - 300px);float: left;box-shadow: 0 0 15px rgba(0,0,0,0.1);margin-right: 30px}
.tn_right {width: 270px;float: right}
.title_btn {font: 18px 'FB';padding: 20px;text-transform: uppercase;border-bottom: 2px solid #eee;line-height: 40px}
.list_mp3 {float: right;width: calc(100% - 300px);position: relative;box-sizing: border-box}
.list_mp3.fixed {position: fixed;top: 0;padding: 10px;width: 900px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);background-color: white;z-index: 5;margin-left: -20px}
.list_mp3.fixed .subMP3 {top: calc(100% + 1px)}
.list_mp3 .openMP3 {float: right;width: 40px;height: 40px;background-color: var(--main-color);border-radius: 5px;text-align: center;line-height: 40px;cursor: pointer}
.list_mp3 .openMP3:before {content: "\f03a";font: 18px 'FontAwesome';color: white}
.list_mp3 .openMP3:hover {background-color: var(--other-color)}
.list_mp3 audio {height: 40px;width: calc(100% - 50px);float: left}
.list_mp3 .subMP3 {position: absolute;top: calc(100% + 5px);left: 0;width: calc(100% - 50px);background-color: white;z-index: 5;box-shadow: 0 2px 5px rgba(0,0,0,0.2);padding: 10px;box-sizing: border-box;display: none;overflow: hidden}
.list_mp3 .subMP3 a {display: block;font: 15px 'FR';text-transform: none;margin: 5px 0;position: relative;text-decoration: none;color: #000;width: 36px;height: 36px;border-radius: 3px;background-color: rgba(0,0,0,0.1);float: left;margin: 3px;text-align: center;line-height: 36px}
.list_mp3 .subMP3 a.active {background-color: var(--main-color);color: white}

.list_quest {margin: 0 20px}
.list_quest .item {padding: 20px 0;border-bottom: 1px solid #ececec}
.list_quest .item:last-child {border-bottom: none}
.list_quest audio {margin: 10px;width: calc(100% - 20px)}
.list_quest .title {font: 16px 'FB';padding: 10px 0}
.list_quest .desc {margin-bottom: 10px;color: #666}
.list_quest textarea {display: block;margin: 0;padding: 10px 15px;font: 15px 'FR';color: #000;width: 100%;height: 200px;box-sizing: border-box;border: 1px solid #cecece;border-radius: 3px;outline: none;resize: none;box-shadow: inset 0 0 5px rgba(0,0,0,0.3)}
.list_quest .content {padding: 10px 0}
.list_quest .content.loiGiai {display: none}
.list_quest .content .title {color: var(--other-color);font: italic 16px 'FR'}
.list_quest .list_dapan .subItem {padding: 10px 15px 10px 40px;position: relative;cursor: pointer}
.list_quest .list_dapan .subItem span.daDung {color: var(--main-color);margin-left: 20px}
.list_quest .list_dapan .subItem:before {content: "";display: block;width: 24px;height: 24px;border: 1px solid #cecece;border-radius: 50%;position: absolute;left: 0;top: 6px}
.list_quest .list_dapan .subItem.active:after {content: "";display: block;width: 14px;height: 14px;background-color: var(--main-color);border-radius: 50%;position: absolute;left: 6px;top: 12px}
.list_quest .list_dapan .subItem.active:before {border-color: var(--main-color)}
.list_quest .list_dapan .subItem.tlSai:before {background-color: var(--other-color);border-color: var(--other-color)}
.list_quest .list_dapan .subItem.tlSai {text-decoration: line-through;color: var(--other-color)}

.infoQuest {z-index: 10;box-shadow: 0 0 15px rgba(0,0,0,0.1);padding: 10px 20px 20px 20px}
.infoQuest .note {text-align: center}
.infoQuest .nopBai, .tn_left .nopBai {display: block;text-align: center;color: white;background-color: var(--main-color);border-radius: 22px;font: 17px 'FB';line-height: 44px;text-decoration: none}
.btn_MB {text-align: center;margin-bottom: 20px;display: none}
.btn_MB .nopBai {display: inline-block;padding: 0 30px}
.infoQuest .nopBai:hover, .tn_left .nopBai:hover {background-color: var(--other-color)}
.infoQuest .totalQuest {text-align: center}
.infoQuest .totalQuest span {font-size: 20px;font-weight: 600}
.list_nav {overflow: hidden;margin: 10px -3px}
.list_nav a {float: left;width: calc(20% - 6px);text-align: center;margin: 0 3px 6px 3px;border-radius: 3px;color: #000;background-color: #d9d9d9;font-size: 16px;line-height: 40px;text-decoration: none}
.list_nav a.active {background-color: #575757;color: white}
.list_nav a.tlSai {background-color: var(--other-color);color: white}

#baiLam.fixed .infoQuest {position: fixed;top: 10px;width: 270px;box-sizing: border-box}
#baiLam.fixed.absolute .infoQuest {position: absolute;bottom: 60px;top: auto}
#baiLam.nopBai .list_quest .list_dapan .subItem {pointer-events: none}
.chuThich {display: none}
.chuThich .title_ct {margin-bottom: 5px}
.chuThich .title_ct span {font-family: 'FB'}
.list_ct div {margin-bottom: 3px}
.list_ct i {width: 20px;height: 20px;background-color: #017f01;color: white;text-align: center;line-height: 20px;font-size: 12px;border-radius: 3px;margin-right: 5px}
.list_ct i.fa-close {background-color: #dc1617}
.list_ct i.fa-exclamation {background-color: #c4c4c4;color: #333}
#countdown {font: 40px 'FB';text-align: center;margin-bottom: 10px}

.list_point {margin-bottom: 20px}
.list_point .item {overflow: hidden;padding: 12px 0;border-bottom: 1px solid #cecece;line-height: 22px}
.list_point b {font-family: 'FB';}
.list_point span {float: right}
.list_point .item:last-child b {font-family: 'FR';font-weight: normal}
.list_point .item:last-child span {font: 20px 'FB'}
.list_point .item:first-child b {color: #f78888}
.list_point .item:nth-child(2) b {color: #7fc782}
.list_point .item:nth-child(3) b {color: #4004bf}

.btn_kqt {overflow: hidden}
.btn_kqt a {display: inline-block;text-decoration: none;color: #000;padding: 0 30px;font-size: 16px;line-height: 42px;border: 1px solid var(--main-color);border-radius: 5px}
.btn_kqt a:last-child {float: right;font-family: 'FB';color: white;background-color: var(--main-color);padding: 0 50px}
.btn_kqt a i {margin-right: 5px}
.btn_kqt a:hover {color: white;background-color: #aeaeae;border-color: #aeaeae}
.btn_kqt a:last-child:hover {background-color: var(--other-color)}

.lh_giaovien {margin-top: 50px}
.lh_giaovien .title {font: 16px 'FB';margin-bottom: 20px}
.lh_giaovien .btn_lh {line-height: 50px}
.lh_giaovien .btn_lh b {font-family: 'FB'}
.lh_giaovien .btn_lh a {display: inline-block;margin-left: 20px;text-decoration: none;font: 16px 'FB';width: 80px;text-align: center;line-height: 50px;border-radius: 3px;background-color: var(--main-color);color: white}
.lh_giaovien .btn_lh a:last-child {background-color: #606060}
.lh_giaovien .btn_lh a:hover {background-color: var(--other-color)}
.lh_giaovien .btn_lh a:last-child:hover {background-color: #999}

#popupGV {position: fixed;z-index: 11;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);align-items: center;justify-content: center;display: none}
#popupGV .nd_popup {background-color: white;width: 500px;display: inline-block;padding: 50px 0;border-radius: 30px;text-align: center;height: auto;position: relative}
#popupGV .nd_popup .title {font: 16px 'FB';margin-bottom: 30px}
#popupGV .nd_popup:before {content: "\f00d";font: 24px 'FontAwesome';color: white;position: absolute;top: -40px;right: 0;width: 30px;height: 30px;text-align: center;line-height: 30px}
.list_gv {text-align: center}
.list_gv .imgc0 {width: 80px;height: 80px;display: inline-block;margin: 0 30px}

.bangDiem {border: 2px solid #e2e2e2;border-radius: 20px;overflow: hidden}
.bangDiem .row_bd {overflow: hidden;background-color: #e2e2e2;font: 16px 'FB';text-transform: uppercase;text-align: center}
.bangDiem .row_bd div {padding: 10px 0}
.col_1, .col_2, .col_3 {width: calc(100%/7);float: left;box-sizing: border-box;padding: 30px 0;line-height: 24px;display: flex;align-items: center;justify-content: center}
.col_2 {width: calc(100%/7*2);border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2}
.col_3 {width: calc(100%/7*4)}
.list_bd .item {overflow: hidden;text-align: center;border-bottom: 1px solid #e2e2e2;display: flex;justify-content: center}
.list_bd .item:last-child {border-bottom: none}
.list_bd .col_1 {font-family: 'FB';padding: 10px 25px}
.list_bd .pt_col2 {width: 50%;padding: 30px 0;border-right: 1px solid #e2e2e2}
.list_bd .item:last-child .col_2, .list_bd .item:last-child .col_3 {display: flex;align-content: center;justify-content: center;padding: 0 10px}
.list_bd .pt_col3 {width: 25%;border-right: 1px solid #e2e2e2;padding: 30px 0}
.list_bd .pt_col3:last-child, .list_bd .pt_col2:last-child {border-right: none}

.page_kqt .bao_nd:first-child {margin-bottom: 30px}
.xemDapan .phan1 {border-bottom: 1px solid #ececec}
.xemDapan .list_nav {margin-bottom: 0}

.list_lst {margin: 0 -30px}
.list_lst .item {padding: 30px;border-bottom: 1px solid #cecece;overflow: hidden}
.list_lst .item:last-child {border-bottom: none}
.list_lst .stt {width: 50px;height: 50px;float: left;background-color: var(--main-color);color: white;font: 20px 'FB';line-height: 50px;text-align: center;border-radius: 50%;margin-top: 8px}
.list_lst .info {width: calc(100% - 70px);float: right;overflow: hidden}
.list_lst .desc {padding: 5px 0;overflow: hidden}
.list_lst .desc .right {float: right}
.list_lst .desc b {font-family: 'FB'}
.list_lst .desc a {text-decoration: none;color: #000;font-family: 'FB';margin-right: 50px}
.list_lst .desc a:hover {color: var(--main-color)}
.list_lst .ptThi {overflow: hidden;height: 12px;background-color: #ececec;border-radius: 5px}
.list_lst .ptThi span {float: left;height: 100%;color: white;text-align: center;font: 10px 'FB'}
.list_lst .ptThi .ptNghe {background-color: #f78888}
.list_lst .ptThi .ptViet {background-color: #54b458}
.list_lst .ptThi .ptDoc {background-color: #4004bf}
.list_lst .ptThi .ptTotal {background-color: #54b458}
.infoAccount .tt_other .right {float: right}
.infoAccount .tt_other .right .noteNghe, .infoAccount .tt_other .right .noteViet, .infoAccount .tt_other .right .noteDoc {margin-left: 30px}
.infoAccount .tt_other .right b {font: 16px 'FB'}
.infoAccount .tt_other .right i {width: 24px;height: 12px;border-radius: 6px;display: inline-block;margin-right: 3px;background-color: #f78888}
.infoAccount .tt_other .right .noteViet i {background-color: #54b458}
.infoAccount .tt_other .right .noteDoc i {background-color: #4004bf}
.kqt {text-align: center;padding-bottom: 20px;border-bottom: 1px solid #cecece}
.kqt .desc {font-size: 18px;margin-bottom: 10px}
.kqt .title {font: 20px 'FB'}

.page_xh .bao_nd {margin-top: 0;border-radius: 20px}
.page_xh .list_lst {margin: 0}
.page_xh .list_lst .item {border-bottom: none;padding: 15px 0}
.chonXH {margin-bottom: 30px}
.chonXH b {font-family: 'FB';margin-right: 10px}
.chonXH select {width: 300px;height: 40px;border: 1px solid #cecece;padding: 0 0 0 10px;outline: none;box-sizing: border-box;font: 16px 'FR';text-transform: uppercase}


.success {width: 800px;margin: 0 auto 60px auto;max-width: 100%}
.success .bao_nd {margin-bottom: 20px;border-radius: 10px;overflow: hidden;padding: 0}
.success .bao_nd .bg_nd {background-color: white;padding: 0 60px}
.success .bao_nd .content {padding-bottom:  20px}
.success .bao_tt_cart {margin: 0 -60px 20px -60px;padding: 15px 60px;color: white;background: linear-gradient(to left, var(--other-color), color-mix(in srgb, var(--other-color) 60%, transparent));font-size: 20px}
.success .bao_tt_cart span {font: 24px 'FB'}
.success .imgCart {width: 128px;height: 112px;margin: 60px auto 30px auto;background: url(images/cart.png) no-repeat center}
.success .title {font: 34px 'FB';text-align: center;margin-bottom: 10px;color: var(--other-color)}
.success .desc {font-size: 17px;text-align: center;margin-bottom: 10px}
.success .note {font: 18px 'FB';text-align: center}
.success .title_dh {font: 18px 'FB';margin: 30px 0 10px 0}
.success .row_cart {overflow: hidden;padding: 10px 0;border-bottom: 1px solid #ececec}
.success .row_cart b {font-family: 'FB';width: 180px;display: inline-block}
.success .info_cart {box-shadow: none;padding: 0;margin-top: 20px}
.success .info_cart .item {overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ececec}
.success .info_cart .info {width: calc(100% - 110px)}
.success .info_cart .imgc0 {width: 100px;height: 100px;float: left;border-radius: 10px;overflow: hidden}
.success .info_cart .desc {text-align: left;font-size: 18px;margin-bottom: 8px}
.success .info_cart .desc b {font-family: 'FB'}
.success .total_cart {margin: 30px -60px 0 -60px;padding: 15px 60px;background-color: color-mix(in srgb, var(--other-color) 20%, transparent);color: white;overflow: hidden;text-align: center}
.success .total_cart a {text-decoration: none;color: #000;margin: 0 15px;line-height: 30px}
.success .total_cart a:hover {color: var(--main-color)}
.success .total_cart b {float: right;font: 20px 'FB';text-transform: uppercase;line-height: 30px}
.success .btn_success {overflow: hidden}
.success .btn_success a {display: inline-block;text-decoration: none;color: #000;padding: 0 30px;border: 1px solid var(--main-color);font: 16px 'FB';line-height: 42px;border-radius: 5px}
.success .btn_success a:last-child {float: right;border-color: #000}
.success .btn_success a:hover {background-color: var(--main-color);color: white}
.success .btn_success a:last-child:hover {background-color: #999;color: white}
.alert_TK {padding: 30px 0;font: 24px 'FB';color: var(--main-color)}

.list_tour {overflow: hidden;margin-bottom: 30px}
.list_tour .item {width: calc((100% - 40px)/3);float: left;margin: 0 0 20px 20px;box-sizing: border-box;border: 1px solid #cecece;border-radius: 5px;overflow: hidden;padding-bottom: 15px}
.list_tour .item:nth-child(3n+1) {clear: both;margin-left: 0}
.list_tour .title {display: block;margin: 10px 15px;text-decoration: none;color: #000;font: 16px 'FB';line-height: 22px}
.list_tour .title:hover {color: var(--main-color)}
.list_tour .desc {margin: 0 15px 15px 15px}
.list_tour .btn {display: inline-block;margin-left: 15px;text-decoration: none;color: #000;padding: 0 15px;border: 1px solid var(--main-color);border-radius: 4px;line-height: 38px}
.list_tour .btn i {font-size: 12px;color: var(--main-color);transform: translateY(-1px);-webkit-transform: translateY(-1px);-moz-transform: translateY(-1px);margin-left: 3px}
.list_tour .btn:hover {color: white;background-color: var(--main-color)}
.list_tour .btn:hover i {color: white}

.list_tab_tour {margin-bottom: 40px}
.list_tab_tour .item {overflow: hidden;margin-bottom: 10px}
.tab_nd .list_tab_tour {margin-bottom: 0}
.tab_nd .list_tab_tour .title {display: block;font: 16px 'FB';line-height: 24px;padding: 10px 30px 10px 15px;background-color: #ececec;color: #000;text-decoration: none;position: relative;cursor: pointer;margin-bottom: 0;border-top: 2px solid #e1e1e1}
.list_tab_tour .title.active {background-color: color-mix(in srgb, var(--other-color) 20%, transparent);border-top-color: color-mix(in srgb, var(--other-color) 50%, transparent)}
.list_tab_tour .title:before {content: "\f107";font: 20px 'FontAwesome';display: block;position: absolute;top: 0;right: 0;background-color: #e1e1e1;align-items: center;display: flex;justify-content: center;height: 100%;width: 40px}
.list_tab_tour .title.active:before {content: "\f106";background-color: color-mix(in srgb, var(--other-color) 50%, transparent)}
.sub_tour {display: none;border: 1px solid color-mix(in srgb, var(--other-color) 50%, transparent);border-top: none}
.sub_tour a {padding: 10px 20px 10px 40px;border-bottom: 1px solid color-mix(in srgb, var(--other-color) 30%, transparent);line-height: 22px;display: block;text-decoration: none;color: #000}
.sub_tour a:last-child {border-bottom: none}
.sub_tour a span {float: right}
.sub_tour a span i {color: var(--other-color);font-size: 12px;margin-left: 3px;transform: translateY(-1px);-webkit-transform: translateY(-1px);-moz-transform: translateY(-1px)}
.sub_tour a:hover, .sub_tour a:hover i {color: var(--main-color)}

.infoQuest .note b {font-family: 'FB'}
.playVD:before {padding-bottom: 56.25%}
.bao_gt {padding: 20px}
.title_gt {font: 20px 'FB';text-transform: uppercase;margin-bottom: 15px}

.menu_gt {width: calc(100% - 300px);margin: -30px 0 50px 0;position :relative;z-index: 3}
.menu_gt a {display: inline-block;text-decoration: none;color: #000;font-family: 'FB';line-height: 32px;padding: 0 15px;border-radius: 17px;margin: 3px;border: 1px solid #000}
.menu_gt a:hover, .menu_gt a.active {color: white;border-color: var(--main-color);background-color: var(--main-color)}

.imgc.playVD {margin-bottom: 25px}
.row_tt {overflow: hidden;background-color: #ececec;padding: 10px 0}
.row_tt span {float: left;padding: 0 20px;box-sizing: border-box;font-family: 'FB';line-height: 22px}
.col_51 {width: 200px}
.col_52 {width: 150px}
.col_53 {width: 150px}
.col_54 {width: 120px}
.col_55 {width: calc(100% - 620px)}

.title_nd {padding: 10px 20px;background-color: #ececec;font: 16px 'FB';line-height: 22px;margin: 0 -20px 15px -20px}
.filemp3 audio {width: 100%;margin-bottom: 15px}

.list_gt_4 .desc {font: 16px 'FB';margin-bottom: 10px}
.list_gt_4 .gack {height: 1px;background-color: var(--main-color);margin: 30px 0}

.subQuest {border-top: 1px solid #cecece;padding-top: 15px;margin-top: 20px}
.subQuest .openScript {margin-bottom: 15px}
.subQuest .openScript span {display: inline-block;font: 15px 'FB';color: var(--main-color);cursor: pointer;position: relative}
.subQuest .openScript span:before {content: "\f101";font: 14px FontAwesome;margin-right: 5px}
.subQuest .openScript span.active:before {content: "\f102"}
.subQuest .TextSize.nd_Dich {display: none}
.desc_test {font: 15px 'FB';}
.ch_test .list_quest {margin: 0}

.btn_test a {display: inline-block;text-decoration: none;color: #000;border: 1px solid var(--main-color);padding: 0 30px;line-height: 38px;border-radius: 20px;margin-right: 3px}
.btn_test a.btn1 {font-family: 'FB';color: white;background-color: var(--main-color)}
.btn_test a.btn3 {color: white;background-color: #333;border-color: #333}

.btn_test a:hover {color: white;background-color: #333;border-color: #333}
.btn_test a.btn1:hover {background-color: var(--other-color);border-color: var(--other-color)}
.btn_test a.btn3:hover {background-color: var(--main-color);border-color: var(--main-color)}
.list_quest .list_dapan .subItem span {margin-left: 20px;color: var(--main-color)}

.list_quest .list_dapan .subItem.active.inCorrect {color: var(--main-color);text-decoration: line-through}
.list_quest .list_dapan .subItem.active.inCorrect:before {background-color: var(--other-color);border-color: var(--other-color);z-index: 3}


#popupResult {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.5);z-index: 11}
#popupResult .nd_popup {width: 400px;background-color: white;padding: 30px;text-align: center;border-radius: 20px}
#popupResult .title {font: 18px 'FB';margin-bottom: 20px}
#popupResult .total {margin-bottom: 30px}
#popupResult .total span {font: 20px 'FB'}

.block_tour, .hotel_home {margin-bottom: 70px}

.list_qc .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_qc {margin-bottom: 15px}
.list_qc .slick-track {display: flex}
.list_qc .item {border: 1px solid var(--other-color);border-radius: 10px;overflow: hidden;box-shadow: 0 7px 12px rgba(0,0,0,0.1);box-sizing: border-box;margin: 15px;padding-bottom: 20px;height: auto}
.list_qc .imgc:before {padding-bottom: 56.25%}
.list_qc .title {display: block;margin: 15px;font: 18px 'FB';line-height: 24px;text-decoration: none;color: #000;text-align: center}
.list_qc .title:hover {color: var(--main-color)}
.list_qc .slick-arrow {border: 1px solid #ececec;background-color: transparent}
.list_qc .slick-arrow:before {color: var(--main-color)}
.list_qc .slick-arrow:hover {background-color: var(--main-color)}
.list_qc .slick-arrow:hover:before {color: white}
.list_qc .slick-prev {left: -60px}
.list_qc .slick-next {right: -60px}

.ts_home {text-align: center;background: url(images/bg_l.png) no-repeat left top, url(images/bg_r.png) no-repeat right bottom, linear-gradient(to right, #855126, #b47745);border-radius: 20px;overflow: hidden;padding: 50px 0;margin-bottom: 80px}
.ts_home .big_title {color: white;font: 30px 'FB';text-transform: uppercase;margin-bottom: 50px}
.ts_home .list_ck {overflow: hidden}
.list_ck .item {width: 20%;float: left;box-sizing: border-box;padding: 0 20px}
.list_ck .desc {color: var(--main-color);font: 30px 'FB';margin-bottom: 20px}
.list_ck .title {color: white;font: 15px 'FB';line-height: 24px}

.hotel_home > .btn_more a, .hotelCateHome > .btn_more a, .cus_home .btn_more a, .review_home .btn_more a, .fileHome .btn_more a {color: white;background-color: var(--other-color);border-color: var(--other-color)}
.hotel_home > .btn_more a:hover, .hotelCateHome > .btn_more a:hover, .cus_home .btn_more a:hover, .review_home .btn_more a:hover, .fileHome .btn_more a:hover {background-color: var(--main-color);border-color: var(--main-color)}

.hotelCateHome {margin-bottom: 80px}
.list_kh .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_kh.slick-slider {margin-bottom: 30px}
.list_kh.slick-slider .item {margin: 30px 15px 0 15px;height: auto}
.list_kh .slick-track {display: flex;margin: auto}
.list_kh .item {border-radius: 20px;background-color: var(--main-color)}
.list_kh .note {text-align: center;transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);color: var(--other-color);font: 17px 'FB';text-transform: uppercase;padding-bottom: 5px;margin-bottom: -20px;line-height: 24px;min-height: 24px}
.list_kh .title {text-decoration: none;color: var(--other-color);text-transform: uppercase;font: 24px 'FB';display: block;margin: 10px 0;text-align: center;text-shadow: 0 1.5px white, -1.5px 0 white, 0 -1.5px white, 1.5px 0 white;letter-spacing: -0.5px;padding: 0 10px}
.list_kh .title:hover {color: #000}
.list_kh .desc {margin-right: 30px;border-radius: 10px 20px 20px 0;background-color: #fff8e8;padding: 5px 20px 5px 20px;box-shadow: 0 0 10px rgba(0,0,0,0.15)}
.list_kh .btn_more {padding: 15px 0}
.list_kh .btn_more a {border-color: white;color: white;padding: 0 15px}
.list_kh .btn_more a i {color: white}
.list_kh .btn_more a:hover {background-color: var(--other-color)}
.list_kh .desc ul {padding: 0;margin: 0}
.list_kh .desc li {list-style: none;padding-left: 20px;margin: 15px 0;position: relative}
.list_kh .desc li:before {content: "\f058";font: 14px 'FontAwesome';color: var(--main-color);position: absolute;top: 2px;left: 0;}
.list_kh .desc a {text-decoration: none;color: #000}
.list_kh .desc a:hover {color: var(--main-color)}
.list_kh .desc b {font: 16px 'FB'}
.list_kh .desc .timeday {padding: 10px 0;border-top: 1px solid color-mix(in srgb, var(--other-color) 30%, transparent)}
.list_kh .desc .timeday i {font-size: 15px;color: var(--main-color);margin-right: 5px}
.list_kh .desc .price {padding: 10px 0;border-top: 1px solid color-mix(in srgb, var(--other-color) 30%, transparent)}
.list_kh .desc .price .sale {color: red;font-family: 'FB';margin-right: 15px}
.list_kh .desc .price .old {color: #999;text-decoration: line-through}
.list_kh .desc .content {padding: 10px 0;line-height: 24px}

.list_kh:not(.slick-slider) {margin-bottom: 50px}
.list_kh:not(.slick-slider):after {display: block;content: "";clear: both}
.list_kh:not(.slick-slider) .item {width: calc((100% - 90px)/4);float: left;margin: 30px 0 30px 30px}
.list_kh:not(.slick-slider) .item:nth-child(4n+1) {clear: both;margin-left: 0}

.page_dh .list_kh {margin-bottom: 0}
.page_dh .list_kh:not(.slick-slider) .item {width: calc((100% - 60px)/3)}
.page_dh .list_kh:not(.slick-slider) .item:nth-child(4n+1) {clear: none;margin-left: 30px}
.page_dh .list_kh:not(.slick-slider) .item:nth-child(3n+1) {clear: both;margin-left: 0}

.blockHotel {margin-bottom: 70px}
.hotelCateHome .list_kh .item:nth-child(4n+2), .hotelIndex .blockHotel:nth-child(4n+2) .list_kh .item {background-color: color-mix(in srgb, var(--main-color), transparent 15%)}
.hotelCateHome .list_kh .item:nth-child(4n+3), .hotelIndex .blockHotel:nth-child(4n+3) .list_kh .item {background-color: color-mix(in srgb, var(--main-color), transparent 30%)}
.hotelCateHome .list_kh .item:nth-child(4n), .hotelIndex .blockHotel:nth-child(4n) .list_kh .item {background-color: color-mix(in srgb, var(--main-color), transparent 45%)}

.hotelCateHome .list_kh.type_tour .item {margin-top: 30px}
.list_kh.type_tour .item {background: linear-gradient(to left, var(--other-color), color-mix(in srgb, var(--other-color) 50%, transparent)) !important;margin-top: 0}
.list_kh.type_tour .title {color: var(--main-color);text-shadow: 0 1.5px var(--other-color), -1.5px 0 var(--other-color), 0 -1.5px var(--other-color), 1.5px 0 var(--other-color)}
.list_kh.type_tour .title:hover {color: white}
.list_kh.type_tour .btn_more a:hover {background-color: var(--main-color)}
.list_kh.type_tour .desc li:before {color: var(--other-color)}
.list_kh.type_tour .desc li:hover:before {color: var(--main-color)}
.list_kh.type_tour .desc .timeday i {color: var(--other-color)}

.cus_home {padding: 60px 0;background: linear-gradient(to bottom, #fffbee, white)}
.cus_home .content {width: calc(100% - 505px);float: left}
.cus_home .list_cus {width: 260px;float: right}
.cus_home .content .item {overflow: hidden;margin-bottom: 18px;border: 1px solid #f1e3c0;border-left: none;border-radius: 30px;background: linear-gradient(to top, #f2e4c2, #fefdfb);box-shadow: inset -1px -1px 3px white}
.cus_home .content .imgc0 {width: 60px;height: 60px;border-radius: 50%;background-color: var(--main-color);float: left}
.cus_home .content .imgc0:after {content: "";display: block;width: 54px;height: 54px;border: 1px solid white;position: absolute;z-index: 2;top: 2px;left: 2px;border-radius: 50%}
.cus_home .content span {font: 18px 'FB';line-height: 24px;float: left;margin-left: 20px;display: flex;height: 48px;align-items: center;margin-top: 5px}
.cus_home .list_cus .slick-list {width: calc(100% + 40px);margin-left: -20px}
.cus_home .list_cus .item {background: #fff8e5 url(images/bg_cus.png) no-repeat top -15px center;height: 300px;border: 1px solid var(--main-color);border-radius: 10px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);margin: 0 20px 20px 20px}
.cus_home .list_cus .imgc {width: 140px;height: 140px;border-radius: 50%;margin: 40px auto 30px auto;border: 4px solid #ffedbf;box-shadow: 0 4px 8px rgba(0,0,0,0.2);overflow: hidden}
.cus_home .list_cus .title {display: block;text-decoration: none;color: #000;font: 16px 'FB';margin-bottom: 10px;padding: 0 10px;text-align: center}
.cus_home .list_cus .desc {text-align: center;padding: 0 10px}
.cus_home .list_cus .slick-prev {left: -60px}
.cus_home .list_cus .slick-next {right: -60px}

.review_home {padding-top: 40px;margin-bottom: 80px}
.list_review .slick-prev, .list_kh .slick-prev {left: -60px}
.list_review .slick-next, .list_kh .slick-next {right: -60px}
.list_review .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_review .imgc {border-radius: 10px;overflow: hidden;box-sizing: border-box;margin: 15px 15px 30px 15px;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.list_review .imgc:before {padding-bottom: 120%}
.list_review .info {position: absolute;z-index: 2;left: 10px;bottom: 10px;width: calc(100% - 20px);text-align: center;display: block;color: #000}
.list_review .info .title {display: block;background-color: white;padding: 7px 10px;line-height: 24px;border-radius: 19px;margin-bottom: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.list_review .info .desc {background-color: var(--main-color);font-family: 'FB';padding: 7px 10px;border-radius: 19px;line-height: 24px;display: block}



.formHome {overflow: hidden;display: flex}
.formHome .left {width: 50%;float: left;box-sizing: border-box;background: #fcfcfc url(images/ht_l.png) no-repeat left -70px bottom;padding: 60px 60px 0 0;overflow: hidden}
.formHome .right {width: 50%;float: right;box-sizing: border-box;padding-left: 100px;background: url(images/ht_r.png) no-repeat center;background-size: cover;padding: 60px 0 50px 60px}
.formHome .spTitle {font: 20px 'FB';margin-bottom: 20px;text-transform: uppercase}
.formHome .spDesc {line-height: 24px;margin-bottom: 20px}
.support {width: 500px;float: right}

.list_ht {overflow: hidden;padding-bottom: 20px}
.list_ht .item {overflow: hidden;margin-bottom: 10px;box-sizing: border-box;padding: 10px 15px;border-radius: 10px;border: 1px solid #eee;background-color: white}
.list_ht .item:last-child {margin-bottom: 0}
.list_ht .info {width: calc(100% - 110px);float: left}
.list_ht .imgc {float: right;width: 100px;height: 100px;border-radius: 10px;overflow: hidden}
.list_ht .title {font: 16px 'FB';margin-bottom: 10px;display: block;text-decoration: none;color: #333}
.list_ht .desc {margin-bottom: 5px}
.list_ht .hotro {overflow: hidden}
.list_ht .hotro span {line-height: 26px;float: left;margin-right: 5px}
.list_ht .hotro a {float: left;text-decoration: none;width: 26px;height: 26px;margin: 0 3px;background: url(images/ht1.png) no-repeat center}
.list_ht .hotro a.messenger {background-image: url(images/ht2.png)}
.list_ht .hotro a.viber {background-image: url(images/ht1.png)}
.list_ht .hotro a.zalo {background-image: url(images/ht3.png)}

.ycTuvan {width: 500px;float: left}
.formYC .item {overflow: hidden;padding-left: 40px;position: relative;margin-bottom: 10px}
.formYC .item > i {position: absolute;top: 0;left: 0;width: 40px;height: 100%;background-color: #e6e6e6;line-height: 40px;text-align: center;color: var(--main-color);border-radius: 3px 0 0 3px}
.formYC input {width: 100%;height: 40px;box-sizing: border-box;display: block;padding: 0 15px;color: #333;border: none;outline: none;font: 16px 'FR';background-color: rgba(255,255,255,0.8);border-radius: 0 3px 3px 0}
.formYC textarea {display: block;width: 100%;height: 130px;box-sizing: border-box;margin: 0;border: none;outline: none;resize: none;padding: 10px 15px;font: 16px 'FR';color: #333;background-color: rgba(255,255,255,0.8)}
.formYC .btn a {display: inline-block;text-decoration: none;color: #333;background-color: white;border-radius: 5px;padding: 0 30px;font: 16px 'FB';line-height: 40px;margin: 0 3px;border: 1px solid #cecece}
.formYC .btn a:first-child {color: white;background-color: var(--main-color)}
.formYC .btn a:hover {background-color: #cecece;color: white}
.formYC .btn a:first-child:hover {background-color: var(--other-color)}
.formYC .captcha input {width: calc(100% - 210px);float: left}
.formYC .captcha img {height: 40px;float: left;margin: 0 10px}
.formYC .captcha .refresh {float: left;width: 40px;height: 40px;text-align: center;color: #000;background-color: rgba(255,255,255,0.5)}
.formYC .captcha .refresh i {font-size: 24px;line-height: 40px}

.infoHotel {background: linear-gradient(to left, color-mix(in srgb, var(--other-color) 50%, transparent), color-mix(in srgb, var(--other-color) 10%, transparent));border-radius: 20px;overflow: hidden;margin-bottom: 20px;padding: 20px}
.infoHotel .imgc {width: 250px;float: left;border: 1px solid white;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;overflow: hidden}
.infoHotel .imgc:before {padding-bottom: 100%}
.infoHotel .content {margin-left: 20px;width: 500px;float: left}
.infoHotel .content .title {font: 18px 'FB';text-transform: uppercase;margin-bottom: 10px}
.infoHotel .content .desc {line-height: 24px;margin-bottom: 15px}
.infoHotel .content b, .infoHotel .content strong {font-family: 'FB'}
.infoHotel .content ul {margin: 0;padding: 0}
.infoHotel .content li {list-style: none;padding-left: 17px;position: relative;margin-top: 10px}
.infoHotel .content li:before {content: "";width: 8px;height: 8px;border: 1px solid var(--other-color);border-radius: 50%;position: absolute;left: 0;top: 5px}
.infoHotel .btn_price {float: right;text-align: center;padding-top: 60px}
.infoHotel .btn_price .price {font: 24px 'FB';color: var(--other-color);margin-bottom: 15px}
.infoHotel .btn_price .price .old {font: 15px 'FR';display: block;text-align: center;text-decoration: line-through;margin-bottom: 5px}
.infoHotel .btn_price a {display: inline-block;text-decoration: none;color: white;padding: 0 40px;font: 18px 'FB';text-transform: uppercase;background-color: var(--other-color);border-radius: 5px;line-height: 44px}
.infoHotel .btn_price a:hover {background-color: var(--main-color)}

.detailHotel .infoHotel {background: linear-gradient(to left, color-mix(in srgb, var(--main-color) 50%, transparent), color-mix(in srgb, var(--main-color) 10%, transparent))}
.detailHotel .tab_lb {background-color: var(--main-color)}
.detailHotel .tab_lb a:hover {background-color: var(--other-color);color: white}
.detailHotel .tab_nd .title span {border-top-color: var(--main-color)}
.detailHotel .list_review .imgc {border-color: color-mix(in srgb, var(--main-color), transparent)}
.detailHotel .list_sub .title.active {background-color: color-mix(in srgb, var(--main-color) 20%, transparent);border-top-color: color-mix(in srgb, var(--main-color) 50%, transparent)}
.detailHotel .list_sub .title.active:before {background-color: color-mix(in srgb, var(--main-color) 50%, transparent)}
.detailHotel .list_sub .noidung ul {border-color: color-mix(in srgb, var(--main-color) 50%, transparent)}
.detailHotel .list_sub .noidung li {border-bottom-color: color-mix(in srgb, var(--main-color) 30%, transparent)}

.bao_lbtab {margin-bottom: 20px;height: 40px}
.tab_lb {overflow: hidden;background-color: var(--other-color);border-radius: 5px}
.tab_lb a {float: left;text-decoration: none;color: white;text-transform: uppercase;padding: 0 20px;font: 16px 'FB';line-height: 40px}
.tab_lb a:hover {color: #000;background-color: var(--main-color)}

.tab_nd {margin-bottom: 50px}
.tab_nd .content {box-shadow: 0 4px 8px rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;padding: 0 15px 20px 15px;margin-bottom: 20px}
.tab_nd .title {margin-bottom: 15px}
.tab_nd .title span {display: inline-block;font: 16px 'FB';padding-top: 10px;border-top: 3px solid var(--other-color)}
.tab_nd .TextSize ul {padding-left: 0}
.tab_nd .TextSize li {list-style: none;margin-bottom: 10px;padding-left: 17px;position: relative}
.tab_nd .TextSize li:before {content: "";display: block;width: 8px;height: 8px;border: 1px solid var(--main-color);border-radius: 50%;position: absolute;left: 0;top: 5px}

.list_sub .item {margin-bottom: 15px}
.list_sub .title {padding: 10px 50px 10px 20px;background-color: #ececec;border-top: 2px solid #e1e1e1;position: relative;font: 16px 'FB';line-height: 22px;cursor: pointer;margin-bottom: 0;display: block}
.list_sub .title:before {content: "\f107";font: 20px 'FontAwesome';width: 40px;height: 100%;justify-content: center;display: flex;align-items: center;position: absolute;top: 0;right: 0;background-color: #e1e1e1}
.list_sub .title.active {background-color: color-mix(in srgb, var(--other-color) 20%, transparent);border-top-color: color-mix(in srgb, var(--other-color) 50%, transparent)}
.list_sub .title.active:before {content: "\f106";background-color: color-mix(in srgb, var(--other-color) 50%, transparent)}
.list_sub .noidung {display: none}
.list_sub .noidung ul {padding: 0;margin: 0;border: 1px solid color-mix(in srgb, var(--other-color) 50%, transparent);border-top: none}
.list_sub .noidung li {list-style: none;display: block;padding: 10px 20px 10px 40px;border-bottom: 1px solid color-mix(in srgb, var(--other-color) 30%, transparent);line-height: 22px}
.list_sub .noidung ul li:last-child {border-bottom: none}

.slide_rv .slick-dots {text-align: center;padding: 0;margin: 0}
.slide_rv .slick-dots li {list-style: none;display: inline-block;padding: 0;margin: 0 5px}
.slide_rv .slick-dots button {display: block;width: 8px;height: 8px;border: 1px solid var(--other-color);border-radius: 50%;background: white;padding: 0;margin: 0;font-size: 0;opacity: 0.5}
.slide_rv .slick-dots .slick-active button {background-color: var(--other-color)}

.other .list_kh {margin-bottom: 50px}

#popupLH, #popupLP {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;align-items: center;justify-content: center;z-index: 11}
#popupLH .form_lh, #popupLP .form_lh {width: 600px;padding: 40px;border-radius: 20px;background-color: white;position: relative;margin-bottom: 0;max-width: calc(100% - 20px);box-sizing: border-box}
#popupLH .form_lh .title_lh, #popupLP .form_lh .title_lh {text-align: center;color: #000;font-size: 24px}
#popupLH .form_lh .closePopup, #popupLP .form_lh .closePopup {position: absolute;top: 0;right: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;background-color: var(--main-color);cursor: pointer;color: white}
#popupLH .form_lh .btn a, #popupLP .form_lh .btn a {border-radius: 5px}
.tab_lb.fixed {position: fixed;top: 0;z-index: 10;width: 1200px}

.list_tuvung .item {overflow: hidden;border-top: 1px solid #cecece;padding: 20px;margin: 0 -20px}
.list_tuvung .item:nth-child(2n) {background-color: #fffbf6}
.list_tuvung .left {width: 250px;float: left;text-align: center}
.list_tuvung .big_text {font: bold 50px Arial;margin-bottom: 20px}
.list_tuvung .right {width: calc(100% - 270px);float: right;line-height: 24px}
.list_tuvung .imgc0 {width: 120px;margin: 0 auto 20px auto}
.list_tuvung .imgc0:before {padding-bottom: 100%}
.list_tuvung .title {color: var(--other-color);margin-bottom: 10px;font-family: 'FB'}
.list_tuvung .desc {margin-bottom: 15px}
.list_tuvung .btn a {display: inline-block;width: 38px;height: 38px;border: 1px solid #999;text-align: center;text-decoration: none;color: #333;border-radius: 50%;margin: 0 2px}
.list_tuvung .btn a i {font-size: 18px;line-height: 38px}
.list_tuvung .btn a:nth-child(2) {border-color: var(--other-color)}
.list_tuvung .btn a:nth-child(2) i {color: var(--other-color)}
.list_tuvung .btn a:hover, .list_tuvung .btn a:nth-child(2):hover {background-color: var(--other-color);color: white;border-color: var(--other-color)}
.list_tuvung .btn a:nth-child(2):hover i {color: white}

#popupWrite {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);align-items: center;justify-content: center;z-index: 11}
#popupWrite .nd_popup {width: 600px;background-color: white;border-radius: 20px;padding: 20px;position: relative}
#popupWrite .title {text-align: center;font: 18px 'FB';margin-bottom: 20px}
#popupWrite .closePopup {position: absolute;top: 10px;right: 10px;width: 26px;height: 26px;border: 2px solid var(--other-color);border-radius: 50%;text-align: center;color: var(--other-color)}
#popupWrite .closePopup i {font-size: 16px;line-height: 24px}
#popupWrite .closePopup:hover {background-color: var(--other-color)}
#popupWrite .closePopup:hover i {color: white}

.cart_page .bao_nd {margin-top: 0}
.list_cart .item {overflow: hidden;border-bottom: 1px solid #ececec;padding: 15px 0}
.list_cart .item:last-child {border-bottom: none;padding-bottom: 0}
.list_cart .imgc0 {width: 100px;float: left}
.list_cart .imgc0:before {padding-bottom: 100%}
.list_cart .info {width: calc(100% - 110px);float: right}
.list_cart .title {font-size: 16px;margin-bottom: 10px}
.list_cart .price {font: 18px 'FB';color: red}
.list_cart .delete {float: right;color: var(--other-color)}
.list_cart .delete i {font-size: 20px}
.list_cart .delete:hover {color: var(--main-color)}

.blockFile {margin-bottom: 70px}
.list_file .item {border: 1px solid color-mix(in srgb, var(--other-color), transparent);box-sizing: border-box;border-radius: 10px;overflow: hidden;padding-bottom: 15px;box-shadow: 0 7px 12px rgba(0,0,0,0.2)}
.list_file .item:hover {border-color: var(--main-color);box-shadow: 0 7px 12px color-mix(in srgb, var(--main-color), transparent)}
.list_file .imgc:before {padding-bottom: 142.857142857%}
.list_file .title {display: block;text-decoration: none;color: var(--other-color);margin: 10px;text-align: center;font-family: 'FB';line-height: 22px;height: 44px;overflow: hidden}
.list_file .title:hover {color: var(--main-color)}
.list_file .taive {float: left;margin-left: 10px;color: color-mix(in srgb, var(--other-color), transparent)}
.list_file .view {float: right;margin-right: 10px;color: color-mix(in srgb, var(--other-color), transparent)}
.list_file.slick-slider {margin-bottom: 15px}
.list_file.slick-slider .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_file.slick-slider .item {margin: 15px}
.list_file .slick-prev {left: -50px}
.list_file .slick-next {right: -50px}
.list_file:not(.slick-slider) {margin-bottom: 30px}
.list_file:not(.slick-slider):after {content: "";display: block;clear: both}
.list_file:not(.slick-slider) .item {width: calc((100% - 120px)/5);float: left;margin: 0 30px 30px 0}
.list_file:not(.slick-slider) .item:nth-child(5n) {margin-right: 0}

.detail_file {margin-bottom: 30px}
.detail_file:after {content: "";display: block;clear: both}
.detail_file .imgc {width: 300px;float: left;border-radius: 10px;box-shadow: 0 7px 12px rgba(0,0,0,0.2);overflow: hidden;box-sizing: border-box;border: 1px solid color-mix(in srgb, var(--other-color), transparent)}
.detail_file .imgc:before {padding-bottom: 142.857142857%}
.detail_file .info  {width: calc(100% - 320px);float: right}
.detail_file .title {font: 20px 'FB';text-transform: uppercase;margin-bottom: 15px}
.detail_file .content {line-height: 24px;margin-bottom: 20px}
.detail_file .btn a {display: inline-block;text-decoration: none;color: var(--other-color);border: 1px solid var(--other-color);padding: 0 30px;margin: 0 2px;line-height: 40px;border-radius: 5px}
.detail_file .btn a:nth-child(1) {color: #000;background-color: var(--main-color);border-color: var(--main-color);margin-left: 0;padding: 0 40px;font-family: 'FB';text-transform: uppercase}
.detail_file .btn a:nth-child(2) {border-color: var(--main-color);font-family: 'FB';text-transform: uppercase;padding: 0 40px}
.detail_file .btn a:last-child {margin-right: 0}
.detail_file .btn a:hover {background-color: var(--other-color);color: white;border-color: var(--other-color)}


#popup_File, #popup_Alert {position: fixed;display: none;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);justify-content: center;align-items: center}
#popup_File .nd_popup, #popup_Alert .nd_popup {width: 600px;max-width: calc(100% - 20px);border-radius: 20px;background-color: white;text-align: center;padding: 40px 50px 50px 50px;overflow: hidden;position: relative;box-sizing: border-box}
#popup_File .closePopup, #popup_Alert .closePopup {position: absolute;top: 10px;right: 10px;width: 22px;height: 22px;border: 1px solid var(--other-color);cursor: pointer;border-radius: 50%;text-align: center}
#popup_File .closePopup i, #popup_Alert .closePopup i {font-size: 14px;color: var(--other-color);line-height: 22px}
#popup_File .closePopup:hover, #popup_Alert .closePopup:hover {background-color: var(--other-color)}
#popup_File .closePopup:hover i, #popup_Alert .closePopup:hover i {color: white}
#popup_File .title, #popup_Alert .title {font-size: 18px;line-height: 26px;margin-bottom: 20px}
#popup_File .title span, #popup_Alert .title span {font-family: 'FB'}
#popup_File .btn_Tiktok {width: calc(50% - 5px);float: left}
#popup_File .btn_Tiktok:before {display: block;content: "";padding-bottom: 33.447098976%;background: url(images/tiktok.png) no-repeat center;background-size: contain}
#popup_File .btn_Shopee {width: calc(50% - 5px);float: right}
#popup_File .btn_Shopee:before {display: block;content: "";padding-bottom: 32.876712328%;background: url(images/shopee.png) no-repeat center;background-size: contain}
#popup_Alert .btn_alert, #popup_File .btn_alert {text-align: center}
#popup_Alert .btn_alert a, #popup_File .btn_alert a {display: inline-block;text-decoration: none;color: #000;border-radius: 5px;padding: 10px 30px;font: 16px 'FB';line-height: 24px;text-transform: uppercase;background-color: var(--main-color)}
#popup_Alert .btn_alert a:hover, #popup_File .btn_alert a:hover {background-color: var(--other-color);color: white}
.other .list_file {margin: -15px 0 50px 0}

.blockBlog .bao_nd {border-radius: 20px;margin-top: 0}
.blockBlog .btn_more {text-align: left;margin-top: 20px}
.list_blog {overflow: hidden}
.list_blog a {float: left;width: calc(50% - 20px);padding: 10px 0 10px 50px;text-decoration: none;color: #000;font-family: 'FB';line-height: 22px;position: relative;margin-bottom: 20px;box-sizing: border-box}
.list_blog a span {position: absolute;left: 0;top: calc(50% - 20px);width: 40px;height: 40px;color: white;text-align-last: center;font-size: 20px;line-height: 40px;border-radius: 50%;background-color: var(--main-color)}
.list_blog a:nth-child(2n) {float: right}
.list_blog a:hover {color: var(--main-color)}
.list_blog a:hover span {background-color: var(--other-color)}

.blog_right {box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden}
.blog_right a {display: block;text-decoration: none;color: #000;padding: 10px 15px;border-top: 1px solid #cecece;font-size: 15px;line-height: 22px}
.blog_right a:first-child {border-top: none}
.blog_right a.active, .blog_right a:hover {color: white;background-color: color-mix(in srgb, var(--other-color) 60%, transparent)}
#baiLam.fixed .blog_right {position: fixed;top: 10px;width: 270px;box-sizing: border-box}
#baiLam.fixed.absolute .blog_right {position: absolute;bottom: 60px;top: auto}

.bao_service {border-radius: 10px;box-shadow: 0 0 15px rgba(0,0,0,0.1);width: 100%}
.bao_service .title_btn .right {float: right;white-space: nowrap}
.bao_service .title_btn .right .note {display: inline-block;font-size: 14px}
.bao_service .title_btn .right .bao_time {display: inline-block}
.bao_service .title_btn .right #countdown {font-size: 30px;width: 150px}
.btn_service {overflow: hidden;margin: -30px 0 60px 0;position: relative;z-index: 2}
.btn_service a {display: inline-block;text-decoration: none;color: #000;padding: 0 30px;border: 1px solid var(--main-color);border-radius: 5px;line-height: 42px}
.btn_service a:nth-child(2) {float: right;color: white;background-color: var(--main-color);font-family: 'FB';padding: 0 40px}
.btn_service a:hover {color: white;background-color: var(--main-color)}
.btn_service a:nth-child(2):hover {background-color: var(--other-color);border-color: var(--other-color)}
.btn_service.center {text-align: center}

.ketqua_thpt {text-align: center;margin-bottom: 20px;color: var(--other-color);font-size: 30px}
.ketqua_thpt .desc {margin-bottom: 15px}
.ketqua_thpt .title {font-family: 'FB'}
.col_kqt {overflow: hidden;padding-bottom: 5px;border-bottom: 1px solid #cecece;font-size: 15px}
.col_kqt .right {float: right}
.col_kqt .right span {float: left;margin-left: 30px}
.list_kqt {margin-bottom: 25px}
.list_kqt .item {overflow: hidden;padding: 10px 0;border-bottom: 1px solid #cecece;font-size: 15px}
.list_kqt .right {float: right}
.list_kqt .right span {float: left;width: 55px;margin-left: 25px;text-align: center}
.list_kqt .right span:last-child {text-align: right}
.list_kqt .right b {font: 16px 'FB'}

.fileHome {margin-bottom: 80px}
.fileHome .list_cate {margin-bottom: 10px}

.block_ldpage {margin-bottom: 100px}
.block_ldpage .bao_tt .desc {font-size: 20px;line-height: 28px}
.list_ldpage .item {overflow: hidden;margin-bottom: 30px;display: flex}
.list_ldpage .desc {width: 80px;float: left;border-radius: 20px;color: white;text-transform: uppercase;font: 24px 'FB';line-height: 36px;text-orientation: mixed;text-align: center;writing-mode: vertical-rl}
.list_ldpage .desc span {display: inline-block;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);padding: 0 20px}
.list_ldpage .info {width: calc(100% - 80px);float: right;box-sizing: border-box;padding: 20px 30px;border-radius: 20px;background-color: #fffcf3}
.list_ldpage .content {font-size: 16px;line-height: 24px}
.list_ldpage .content p {margin: 0 0 20px 0}
.list_ldpage .content b, .list_ldpage .content strong {font-family: 'FB'}
.list_ldpage .title {color: var(--other-color);text-transform: uppercase;font: 24px 'FB';margin-bottom: 10px}
.list_ldpage ul {padding-left: 20px}
.list_ldpage li {margin-bottom: 10px;padding-left: 15px;position: relative;display: block;list-style: none}
.list_ldpage li:before {content: "";display: block;width: 5px;height: 5px;border-radius: 50%;border: 1px solid var(--main-color);position: absolute;left: 0;top: 7px}

.btn_tv {text-align: center}
.btn_tv a {display: inline-block;text-decoration: none;color: white;padding: 0 60px;border-radius: 5px;background-color: var(--other-color);font: 20px 'FB';line-height: 50px}
.btn_tv a:hover {background-color: var(--main-color)}

.ctdt_home {margin-bottom: 100px}
.list_ctdt .slick-list {width: calc(100% + 30px);margin-left: -15px}
.list_ctdt .slick-track {display: flex;margin: auto}
.list_ctdt .item {border-radius: 20px;margin: 0 15px;color: white;box-sizing: border-box;padding: 15px 20px 70px 20px;background: var(--other-color) url(images/bg_dt.png) no-repeat bottom left;height: auto;position: relative}
.list_ctdt .item:nth-child(4n+2) {background-color: color-mix(in srgb, var(--other-color) 90%, transparent)}
.list_ctdt .item:nth-child(4n+3) {background-color: color-mix(in srgb, var(--other-color) 80%, transparent)}
.list_ctdt .item:nth-child(4n) {background-color: color-mix(in srgb, var(--other-color) 70%, transparent)}
.list_ctdt .title {display: block;text-decoration: none;color: white;text-transform: uppercase;margin-bottom: 15px;font: 18px 'FB';line-height: 30px}
.list_ctdt .title:hover {color: var(--main-color)}
.list_ctdt .desc {font-size: 16px;line-height: 26px}
.list_ctdt .btn {position: absolute;right: 20px;bottom: 20px;width: 38px;height: 38px;border-radius: 50%;border: 1px solid white;text-align: center;line-height: 38px;color: white}
.list_ctdt .btn i {font-size: 14px}
.list_ctdt .btn:hover {background-color: var(--main-color)}

.page_lsh.tab_nd .list_tab_tour .item {border: 1px solid color-mix(in srgb, var(--other-color), transparent);margin-bottom: 0}
.page_lsh.tab_nd .list_tab_tour .item:not(:last-child) {border-bottom: none}
.page_lsh.tab_nd .list_tab_tour .item:last-child {border-radius: 0 0 5px 5px}
.page_lsh.tab_nd .list_tab_tour .title {background-color: color-mix(in srgb, var(--main-color) 10%, transparent);border-top: none}
.page_lsh.tab_nd .list_tab_tour .title:before {background-color: transparent;content: "\f067";font-size: 16px;color: color-mix(in srgb, var(--other-color) 70%, transparent)}
.page_lsh.tab_nd .list_tab_tour .title.active {background-color: color-mix(in srgb, var(--other-color), transparent)}
.page_lsh.tab_nd .list_tab_tour .title.active:before {content: "\f068";color: var(--other-color)}
.page_lsh.tab_nd .list_tab_tour .sub_tour {padding: 20px 30px;border: none}
.list_tab_tour .sub_tour b {display: block;font: 16px 'FB';margin-bottom: 8px;padding-left: 15px;position: relative}
.list_tab_tour .sub_tour b:before {content: "";display: block;width: 7px;height: 7px;border-radius: 50%;background-color: var(--main-color);position: absolute;left: 0;top: 6px}
.list_tab_tour .sub_tour .sub_item {overflow: hidden;border: 1px solid color-mix(in srgb, var(--main-color), transparent);padding: 8px 0}
.list_tab_tour .sub_tour .sub_kh {margin: 0 0 30px 15px}
.list_tab_tour .sub_tour .sub_kh:last-child {margin-bottom: 10px}
.list_tab_tour .sub_tour .sub_item:not(:last-child) {border-bottom: none}
.list_tab_tour .sub_tour .sub_item:first-child {border-radius: 5px 5px 0 0}
.list_tab_tour .sub_tour .sub_item:last-child {border-radius: 0 0 5px 5px}
.list_tab_tour .sub_tour .sub_1 {width: 180px;padding: 0 15px;box-sizing: border-box;float: left}
.list_tab_tour .sub_tour .sub_2 {width: calc(100% - 220px);float: left;padding-right: 15px;box-sizing: border-box}
.list_tab_tour .sub_tour .sub_3 {width: 40px;text-align: center;float: right}
.list_tab_tour .sub_tour .sub_3 .fa-close {color: color-mix(in srgb, var(--main-color) 40%, transparent)}
.list_tab_tour .sub_tour .sub_3 .fa-check {color: var(--other-color)}
.detailHotel .sub_tour {border-color: color-mix(in srgb, var(--main-color) 30%, transparent)}
.detailHotel .sub_tour a {border-bottom: 1px solid color-mix(in srgb, var(--main-color) 30%, transparent)}


.qrCode {width: 250px;float: left}
.bankInfo {width: calc(100% - 280px);float: right}
.title_qr {margin-bottom: 15px;line-height: 24px;min-height: 48px}
.title_qr b {font-family: 'FB'}
.img_qr {display: block;text-decoration: none;margin-bottom: 10px}
.img_qr img {display: block;max-width: 250px;margin: auto}
.btn_taiqr {text-align: center}
.btn_taiqr a {display: inline-block;text-decoration: none;color: #000;padding: 0 15px;background-color: color-mix(in srgb, var(--other-color) 20%, transparent);border-radius: 5px;line-height: 40px}
.btn_taiqr a:hover {color: white;background-color: var(--other-color)}
.img_bank {background-color: color-mix(in srgb, var(--other-color), transparent);text-align: center}
.img_bank img {display: inline-block;max-width: 100%;max-height: 80px;margin: -10px 0 -15px 0}
.itemBank {overflow: hidden;padding: 10px 15px;border: 1px solid #ececec;border-top: none}
.itemBank span {width: 100px;float: left}
.itemBank b {width: calc(100% - 120px);float: right;font-family: 'FB'}
.itemBank b .fa-copy {color: color-mix(in srgb, var(--other-color), transparent);margin-left: 5px;cursor: pointer}
.itemBank b .fa-copy:hover {color: var(--main-color)}
.itemBank .chuY {border: 1px solid color-mix(in srgb, var(--other-color), transparent);border-radius: 5px;padding: 10px 10px 10px 30px;position: relative;background-color: color-mix(in srgb, var(--main-color) 10%, transparent);line-height: 24px}
.itemBank .chuY i {position: absolute;left: 10px;top: 15px;color: var(--main-color)}
.itemBank .chuY b {width: auto;float: none}

.danhgiaHome {padding: 0 60px;background-color: color-mix(in srgb, var(--main-color) 20%, white);background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 20px;display: flex;margin-bottom: 80px;overflow: hidden;position: relative}
.danhgiaHome:before {content: "";display: block;width: calc(50% - 20px);height: 50px;position: absolute;top: 0;right: 60px;background: linear-gradient(to bottom, color-mix(in srgb, var(--main-color) 30%, white), color-mix(in srgb, var(--main-color) 20%, transparent), transparent);z-index: 2}
.danhgiaHome:after {content: "";display: block;width: calc(50% - 20px);height: 50px;position: absolute;bottom: 0;right: 60px;background: linear-gradient(to top, color-mix(in srgb, var(--main-color) 30%, white), color-mix(in srgb, var(--main-color) 20%, transparent), transparent);z-index: 2}
.danhgiaHome .left {width: calc(50% - 100px);float: left;margin-right: 60px;display: flex;align-items: center}
.danhgiaHome .right {width: calc(50% + 40px);float: right;margin-bottom: -20%}
.danhgiaHome .right .slideCR {width: calc(50% - 10px);float: left;overflow: hidden}
.danhgiaHome .right .slideCR:first-child {margin-right: 20px}
.danhgiaHome .right .slideCR:first-child .slick-list {margin-top: -80px}
.danhgiaHome .big_tt .title {font: 30px 'FB';color: var(--other-color);margin-bottom: 20px;display: block}
.danhgiaHome .big_tt .desc {line-height: 24px;margin-bottom: 15px}
.danhgiaHome .btn_more {text-align: left}
.danhgiaHome .btn_more a {color: white;background-color: var(--other-color);border-color: var(--other-color)}
.danhgiaHome .btn_more a:hover {color: var(--other-color);background-color: white}
.danhgiaHome .btn_more a:hover i {color: var(--other-color)}

.slideCR .item {padding: 20px 20px 10px 20px;border-radius: 10px;background-color: white;margin: 10px 0}
.slideCR .imgc {width: 70px;height: 70px;border-radius: 50%;float: left;overflow: hidden}
.slideCR .title {width: calc(100% - 95px);float: right;font-family: 'FB';line-height: 22px;height: 70px;display: flex;align-items: center}
.slideCR .desc {clear: both;line-height: 24px;max-height: 144px;overflow: hidden;margin-bottom: 10px}
.slideCR .star {float: left}
.slideCR .star .fa-star {color: var(--main-color)}
.slideCR .like {float: right}
.slideCR .like .fa-thumbs-up {color: #016afa}
.slideCR .list_hv {float: right;margin-left: 20px}
.slideCR .list_hv .imgc {float: left;width: 24px;height: 24px;border-radius: 50%;margin-left: -8px}

.crDetail .slideCR .slick-list {width: calc(100% + 20px);margin-left: -10px}
.crDetail .slideCR .item {box-shadow: 0 0 10px rgba(0,0,0,0.1);margin: 10px}