﻿/*Popup xem video khi click vào mỗi video ở nhóm nào đó*/
#fadePopupVideo{-moz-opacity:0.5;filter:alpha(opacity=50);-ms-opacity:.50;opacity:.50;height:100%;left:0%;background:#000;display:none;position:absolute;position:fixed;top:0%;width:100%;z-index:998}
#lightPopupVideo{display:none;position:fixed;top:60px;z-index:999;width:80%;max-width:990px;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:rgba(255,255,255,0.5);-ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#lightPopupVideo a.closePopupVideo{display:block;position:absolute;right:-18px;top:-18px;z-index:2;color:#fff;font-size:26px;-ms-opacity:0.5;opacity:0.5}
#lightPopupVideo:hover a.closePopupVideo{-ms-opacity:1;opacity:1}
#lightPopupVideo .VideoPlayerEmbedCode{background:#fff;min-height:100px}
/*Popup xem video khi click vào mỗi video ở nhóm nào đó - end*/

.giaNY {
    color: #999;
    text-decoration: line-through;
    font-size: smaller;
}

/*Cấu trúc chung cho các nhóm tin, nhóm sản phẩm,... các khối có dạng tiêu đề nhóm, danh sách các tin trong nhóm*/
/*Cấu trúc các nhóm chiếm hết cả trang*/
.col-main .group{/*Bao cả nhóm*/}
.col-main .group-heading{/*Đầu nhóm*/}
.col-main .group-title{/*Title trong đầu nhóm*/font-size:26px;color:#79bc0f;text-transform:uppercase;display:inline-block;padding-top:45px;padding-bottom:30px}
.col-main .group-title:hover{color:#f9c200}
.col-main .group-desc{/*Mô tả nhóm*/line-height:21px}
.col-main .group-body{/*Nội dung nhóm*/}
.col-main .group-item{/*Các tin, sản phẩm... trong nhóm*/}
.col-main .group-footer{/*Cuối nhóm*/}

/*Chi tiết các mục nhỏ thuộc group-item*/
.col-main .group-item .title{/*Tiêu đề*/color:#333}
.col-main .group-item .desc{/*Mô tả*/line-height:21px}
.col-main .group-item .date{color:#999}
.col-main .group-item .more{/*Nút chi tiết*/}
.col-main .group-item:hover .title{color:#f9c200}



/*Cấu trúc các nhóm ở cột trái web*/
.col-left{padding-top:42px}
.col-right{padding-top:42px}
.col-left .group{padding-bottom:20px}
.col-left .group-title{font-size:18px;color:#79bc0f;text-transform:uppercase;display:inline-block;padding:13px 0;position:relative;z-index:1}
.col-left .group-heading-mb{margin-bottom:20px}

/*.col-left .group-title:before{content:"";display:inline-block;width:50px;height:2px;background:#79bc0f;position:absolute;z-index:1;left:0;bottom:0}*/


/*Cấu trúc các nhóm ở cột phải - danh sách tin (vì cột phải có nhiều dạng nhóm nên chia thêm ra nhiều loại như group-index, group-cate, group-other)*/
.col-right .group{padding-bottom:20px}
.col-right .group-title{font-size:24px;color:#79bc0f;display:inline-block;padding:13px 0;position:relative;z-index:1}
.col-right .group-desc{line-height:24px;text-align:justify}

.col-right .group-footer{overflow:hidden;padding:25px 0}
.col-right .group-footer .paging{float:left}
.col-right .group-footer .paging a{color:#333;display:inline-block;padding:5px;background:#f2f2f2;-webkit-box-shadow:0 1px 0 #d9d9d9;-ms-box-shadow:0 1px 0 #d9d9d9;box-shadow:0 1px 0 #d9d9d9;min-width:26px;text-align:center;border-radius:2px;margin-right:5px}
.col-right .group-footer .paging a.cuoi{padding-left:15px;padding-right:15px}
.col-right .group-footer .paging a.hientai,
.col-right .group-footer .paging a:hover{background-color:#79bc0f;-webkit-box-shadow:0 1px 0 #67a406;-ms-box-shadow:0 1px 0 #67a406;box-shadow:0 1px 0 #67a406;color:#fff}
.col-right .group-footer .paging a.dau,
.col-right .group-footer .paging a.truoc,
.col-right .group-footer .paging a.sau{display:none}

.col-right .group-footer .paging-text{float:right;font-style:italic}


/*Nhóm thể hiện danh sách bài viết ở trang danh mục tin, giới thiệu...*/
.col-right .group-cate .group-item{padding-top:25px;padding-bottom:30px;padding-left:1px;border-bottom:dashed 1px #c4c4c4;overflow:hidden}
.col-right .group-cate .group-item .khungAnh{float:left;width:27.85%;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px #c4c4c4;-ms-box-shadow:0 0 0 1px #c4c4c4;box-shadow:0 0 0 1px #c4c4c4}
.col-right .group-cate .group-item .khungAnh:hover{-webkit-box-shadow:0 0 0 1px #79bc0f;-ms-box-shadow:0 0 0 1px #79bc0f;box-shadow:0 0 0 1px #79bc0f}
.col-right .group-cate .group-item .khungAnh:before{padding-bottom:60.68%}
.col-right .group-cate .group-item .title-wrap{float:left;width:72.15%;padding-left:20px}
.col-right .group-cate .group-item .title{font-weight:bold;font-size:16px;color:#333}
.col-right .group-cate .group-item .title:hover{color:#79bc0f}
.col-right .group-cate .group-item .date{font-size:13px;color:#888;padding-top:8px;padding-bottom:10px}
.col-right .group-cate .group-item .desc{line-height:21px;padding-bottom:12px}
.col-right .group-cate .group-item .web{padding-bottom:10px}
.col-right .group-cate .group-item .web a{color:#79bc0f;text-decoration:underline}
.col-right .group-cate .group-item .more-wrap{text-align:right}
.col-right .group-cate .group-item .more{display:inline-block;font-size:13px;color:#fff;padding:7px 18px;background:#c4c4c4;-ms-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
.col-right .group-cate .group-item .more:hover{background-color:#79bc0f}

/*Kế thừa nhóm tin ở trên nhưng viết cho trang ý kiến khách hàng*/
.col-right .CRCate .group-item .khungAnh{width:12%;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.25)}
.col-right .CRCate .group-item .khungAnh:before{padding-bottom:100%}
.col-right .CRCate .group-item .khungAnhCrop{-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.col-right .CRCate .group-item .title-wrap{width:88%}

/*Nhóm thể hiện danh mục ở trang hình ảnh - mẫu 2*/
.group-cate-2 .group-body{padding-top:15px}
.group-cate-2 .sub-group-heading{border-bottom:solid 1px #e3e3e3;margin-bottom:20px;position:relative;z-index:1}
.group-cate-2 .sub-group-title{font-size:15px;color:#333;text-transform:uppercase;font-weight:bold;padding:10px 0;display:inline-block}
.group-cate-2 .sub-group-title:hover{color:#79bc0f}
.group-cate-2 .sub-group-heading .more{display:inline-block;background:#79bc0f;color:#fff;font-size:13px;padding:5px 10px;position:absolute;z-index:1;bottom:-1px;right:0}
.group-cate-2 .sub-group-heading .more:hover{background:#f9c200}
.group-cate-2 .sub-group-heading:after{display:inline-block;content:"";height:3px;width:50px;background:#79bc0f;position:absolute;z-index:1;bottom:-1px;left:0}

.group-cate-2 .sub-group-item{padding-bottom:30px}
.group-cate-2 .sub-group-item .khungAnh:before{padding-bottom:62.64%}
.group-cate-2 .sub-group-item .cover{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;text-align:center;display:none}
.group-cate-2 .sub-group-item .cover span{display:inline-block;vertical-align:middle}
.group-cate-2 .sub-group-item .cover span:first-child{display:inline-block;height:100%}
.group-cate-2 .sub-group-item:hover .cover{display:block}

.group-cate-2 .sub-group-item .title-wrap{border:solid 1px #e8e8e8;padding:3px 10px 3px 57px;background:url(pic/camera.png) no-repeat center left 15px}
.group-cate-2 .sub-group-item .title{font-size:13px;padding:5px 0;display:inline-block;line-height:18px;color:#333}
.group-cate-2 .sub-group-item:hover .title-wrap{background-color:#79bc0f;background-image:url(pic/camera-hv.png);border-color:#79bc0f}
.group-cate-2 .sub-group-item:hover .title{color:#fff}


/*Danh sách tour, kế thừa danh sách tin ở trên*/
.col-right .group-cate-tour .group-item .khungAnh{width:30%;border:0;-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none}
.col-right .group-cate-tour .group-item .khungAnh:hover{-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none}
.col-right .group-cate-tour .group-item .title-wrap{width:70%}
.col-right .group-cate-tour .group-item .khungAnh:before{padding-bottom:66.79%}
.col-right .group-cate-tour .group-item .title{font-size:18px;font-weight:normal}
.col-right .group-cate-tour .group-item .date {
    color: #999;
    font-size: 13px;
    padding: 10px 0 10px 28px;
    background: url(pic/cloud.png) no-repeat left top 4px;
}


.col-right .group-cate-tour .group-item .more{background:#79bc0f;font-size:12px;color:#fff;display:inline-block;padding:5px 5px 5px 20px;position:relative;z-index:1;
                                              border-radius:0
}
.col-right .group-cate-tour .group-item .more:hover{background-color:#f9c200}
.col-right .group-cate-tour .group-item .more:before{display:inline-block;content:"";width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #fff;position:absolute;z-index:1;top:0;left:0}
.col-right .group-cate-tour .group-item .more-wrap .fl{color:#f9c200;padding-top:3px}

.col-right .group-cate-tour .group-desc-2 .group-item{border-bottom:none;margin-bottom:15px}

.col-right .group-cate-tour .group-desc-2 .group-catelv1 a{display:inline-block;color:#666;padding:6px 10px;background:#ffffff;margin:5px}
.col-right .group-cate-tour .group-desc-2 .group-catelv1{margin-left:-5px;margin-right:-5px;padding-bottom:10px}
.col-right .group-cate-tour .group-desc-2 .group-catelv1 a:hover,
.col-right .group-cate-tour .group-desc-2 .group-catelv1 a.active{color:#fff;background:#79bc0f}



/*Nhóm thể hiện bài viết ở trang chủ modul*/
.col-right .group-index .group-body{padding-top:25px}
.col-right .group-index .group-item{background:#f6f6f6;margin-bottom:30px;-ms-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:15px}
.col-right .group-index .group-item .col-lg-3{text-align:center}
.col-right .group-index .group-item .col-lg-3 .khungAnh{margin-bottom:12px}
.col-right .group-index .group-item .col-lg-3 .khungAnh:before{padding-bottom:62.78%}
.col-right .group-index .group-item .col-lg-3 .khungAnhCrop{-ms-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.col-right .group-index .group-item .title{font-weight:bold;font-size:16px;text-transform:uppercase;color:#333}
.col-right .group-index .group-item .title:hover{color:#79bc0f}
.col-right .group-index .group-item .title-other{font-weight:bold;font-size:15px;color:#333;display:inline-block;padding-bottom:3px;display:inline-block;position:relative;z-index:1;padding-left:22px;line-height:30px}
.col-right .group-index .group-item .title-other:hover,
.col-right .group-index .group-item .title-other.active{color:#79bc0f}
.col-right .group-index .group-item .title-other span{font-weight:normal;color:#666}
.col-right .group-index .group-item .title-other i{display:inline-block;width:16px;height:16px;border:solid 1px #9f9f9f;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;z-index:1;top:6px;left:0}

.col-right .group-index .group-item .title-other i:before{content:"";display:inline-block;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #9f9f9f}

.col-right .group-index .group-item .title-other i:after{content:"";display:inline-block;
content:"";display:inline-block;position:absolute;z-index:1;top:50%;left:2px;transform:translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 4px;
border-color: transparent transparent transparent #f6f6f6;
}



.group-menu{/*Cấu trúc nhóm dạng menu danh mục như menu Danh mục giới thiệu, Danh mục sản phẩm*/}
.group-menu ul,
.group-menu li{margin:0;padding:0;list-style:none}
.group-menu ul{padding-top:5px;padding-bottom:5px}
.group-menu li {display:block;padding:12px 0;border-bottom:dashed 1px #ede9e9}
.group-menu li a{display:inline-block;color:#333;padding-left:16px;position:relative;z-index:1}
.group-menu li a:before{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;content:"";display:inline-block;width:1px;height:1px;background:#fff;border:solid 1px #c4c4c4;-webkit-box-shadow:0 0 0 2px #c4c4c4;-ms-box-shadow:0 0 0 2px #c4c4c4;box-shadow:0 0 0 2px #c4c4c4;outline:solid 1px #fff;position:absolute;z-index:1;top:7px;left:2px}
.group-menu li a:hover,
.group-menu li a.active{color:#79bc0f}
.group-menu li a:hover:before,
.group-menu li a.active:before{border-color:#f9c200;box-shadow:0 0 0 2px #f9c200}

.group-menu ul.ul-top li ul{display:none;padding-left:20px;font-size:0.9em;border-top:dashed 1px #ede9e9;margin-top:12px}
.group-menu ul.ul-top li ul li:last-child{border-bottom:none}
.group-menu ul.ul-top li ul li a:before{top:4px}

.group-menu ul.ul-top li.active ul{display:block}


/*Nhóm quảng cáo cột trái web*/
 .col-left .adv-group{padding-bottom:30px}
 .col-left .adv-group img{max-width:100%}


/*Khối công cụ ngày đăng, lượt xem, cỡ chữ đầu trang*/
#CommonDauChiTietTin{background:#fafafa;border-top:solid 1px #f2f2f2;font:normal 11px Arial;color:#aaa;padding:5px;margin:5px 0;}
#CommonDauChiTietTin a{color:#aaa}
#CommonDauChiTietTin .date{float:left;padding-left:15px;padding-right:22px;background:url(pic/date.gif) no-repeat left center}
#CommonDauChiTietTin .view{float:left;padding-left:15px;background:url(pic/view.gif) no-repeat left center}

#CommonDauChiTietTin .size{float:right}
#CommonDauChiTietTin a.SmallSize{width:14px;height:14px;display:inline-block;background:url(pic/tru.gif) no-repeat}
#CommonDauChiTietTin a.LargeSize{width:14px;height:14px;display:inline-block;background:url(pic/cong.gif) no-repeat}


 /*Khối chia sẻ cuối chi tiết tin*/
 #CommonCuoiChiTietTin{background:#fafafa;border-top:solid 1px #f2f2f2;font:normal 11px Arial;color:#aaa;padding:5px;margin:5px 0;position:relative;z-index:3}
#CommonCuoiChiTietTin .apd a{color:#aaa;padding-left:15px;padding-top:3px;display:inline-block}
#CommonCuoiChiTietTin a:hover{color:#f9c200}

#CommonCuoiChiTietTin a.prevDBT{background:url(pic/prev.gif) no-repeat left center}
#CommonCuoiChiTietTin a.top{background:url(pic/top.gif) no-repeat left center;padding-right:20px}
#CommonCuoiChiTietTin a.email{background:url(pic/email.gif) no-repeat left center;padding-right:15px}
#CommonCuoiChiTietTin a.email span{display:none}
#CommonCuoiChiTietTin a.print{background:url(pic/print.gif) no-repeat left center}

#CommonCuoiChiTietTin .shareItem{width:25px;height:20px;display:inline-block;position:relative;z-index:1;top:2px}


/*Chi tiết bài viết*/
.item-detail .item-title{font-size:24px;color:#79bc0f;display:inline-block;padding:13px 0}

.contentview{text-align:justify;line-height:21px;padding:10px 0}
.contentview table{max-width:100% !important;table-layout:fixed}
.contentview img{max-width:100% !important;height:auto !important;padding-top:10px;padding-bottom:10px}
.contentview .youtube-iframe-wrap{position:relative;z-index:1}
.contentview .youtube-iframe-wrap:before{display:block;content:"";padding-bottom:56.25%}
.contentview .youtube-iframe-wrap iframe{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}


/*Nhóm bài viết khác ở cột phải dạng chỉ có tiêu đề - mẫu 02*/
.col-right .group-other{}
.col-right .group-other .group-title{font-size:20px}
.col-right .group-other .group-body{overflow:hidden}

.col-right .group-other.group-other-00 .group-item{float:left;width:50%;border-bottom:dotted 1px #c4c4c4;font-size:14px;color:#333;padding-top:8px;padding-bottom:10px;padding-left:20px;position:relative;z-index:1}
.col-right .group-other.group-other-00 .group-item span{color:#9c9c9c}
.col-right .group-other.group-other-00 .group-item:hover{color:#79bc0f}
.col-right .group-other.group-other-00 .group-item:before{display:inline-block;content:"\f00c";font-family:FontAwesome;font-size:12px;color:#666;position:absolute;z-index:1;top:10px;left:2px}
.col-right .group-other.group-other-00 .group-item:hover:before{color:#79bc0f}


/*Nhóm các bài viết khác có ảnh - mẫu 01*/
.col-right .group-other.group-other-01 .group-body{padding-top:10px;margin-left:-10px;margin-right:-10px}
.col-right .group-other.group-other-01 .group-item-wrap{float:left;width:50%}
.col-right .group-other.group-other-01 .group-item{overflow:hidden;margin-bottom:20px}
.col-right .group-other.group-other-01 .group-item .khungAnh{float:left;width:28.25%;margin-right:10px}
.col-right .group-other.group-other-01 .group-item .khungAnh:before{padding-bottom:60.68%}
.col-right .group-other.group-other-01 .group-item .title{color:#333;line-height:21px}
.col-right .group-other.group-other-01 .group-item .date{font-size:12px;color:#999;padding-top:5px}
.col-right .group-other.group-other-01 .group-item .title:hover{color:#79bc0f}
.col-right .group-other.group-other-01 .slick-slide{margin-left:10px;margin-right:10px}

.col-right .group-other.group-other-01 .slick-bottons-wrap{padding-left:10px}
.col-right .group-other.group-other-01 .slick-bottons-wrap button.slick-arrow{color:#a4a4a4;background:none;border:0;font-size:0}
.col-right .group-other.group-other-01 .slick-bottons-wrap button.slick-arrow:before{display:inline-block;content:"\f0a8";font:normal 22px/1 FontAwesome}
.col-right .group-other.group-other-01 .slick-bottons-wrap button.slick-next:before{content:"\f0a9"}

.col-right .group-other.group-other-01 .slick-bottons-wrap button.slick-arrow:hover:before{color:#79bc0f}

.col-right .group-other-02{padding-top:10px}
.col-right .group-other-02 .group-title{text-align:center;display:block}
.col-right .group-other-02 .sub-group-body{margin-left:-15px;margin-right:-15px}
.col-right .group-other-02 .sub-group-item{float:left;width:33.33%;padding-left:15px;padding-right:15px}

.col-right .group-other.group-other-02 .slick-bottons-wrap span{display:inline-block;padding-left:10px;padding-right:10px}
.col-right .group-other.group-other-02 .slick-bottons-wrap button.slick-arrow{color:#a4a4a4;background:none;border:0;font-size:0}
.col-right .group-other.group-other-02 .slick-bottons-wrap button.slick-arrow:before{display:inline-block;content:"\f0a8";font:normal 22px/1 FontAwesome}
.col-right .group-other.group-other-02 .slick-bottons-wrap button.slick-next:before{content:"\f0a9"}

.col-right .group-other.group-other-02 .slick-bottons-wrap button.slick-arrow:hover:before{color:#79bc0f}