﻿a:hover{text-decoration:none}
.fl{float:left}
.fr{float:right}
.cb{clear: both}
.db{display:block}
.w50pt{ width:50%; float:left}
.ml20 {margin-left: 20px}
.mr20{margin-right:20px}
.psr{position:relative}
.h50cb{height:50px; clear:both}
.h30cb{height:30px; clear:both}
.TitleCate{ font:bold 24px Montserrat; display:block;text-align:center; margin: 0 auto 20px; text-transform:uppercase }
.txtdesc{font:16px/22px OpenSans; color:#333; display:block; text-align:center; margin-bottom:20px }
#AdvertisingSlide .slick-prev{width:38px;height:38px; left: 0!important; background:url(ico.png) -150px 0;z-index:2}
#AdvertisingSlide .slick-next{width:38px;height:38px; right: 0!important; background:url(ico.png) -199px 0;z-index:2}
#AdvertisingSlide .slick-prev::before, #AdvertisingSlide .slick-next::before{content:""}
#CommonHeader {position:relative; min-height:110px; width:100%; padding:10px 0 }
#CommonHeader .NetWork{position: relative; }
#CommonHeader .NetWork img {width:22px; height:22px;cursor:pointer;float:left; margin-right:10px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
#CommonHeader .NetWork img:hover{ filter:initial}
#CommonHeader #AdvLogo{width:210px; height:64px; margin:0 auto; margin-top:15px}
#CommonHeader .Contact{font-family:'Montserrat Semi'; color:#999; line-height:22px; position:relative; right:0; text-transform:uppercase; float: right;font-size:14px}
#CommonHeader .Txtlink{font:16px/24px Montserrat; color: #333333; }
#CommonHeader .ico1{width:21px; height:24px; background: url(ico.png) no-repeat -60px 0px; float: left; margin-right:8px}
#CommonHeader .ico2{width:21px; height:24px; background: url(ico.png) no-repeat -88px 0px; float: left; margin-right:8px}
#CommonHeader .ico3{width:24px; height:24px; background: url(ico.png) no-repeat 0px 0px; float: left; margin-right:8px}
#CommonHeader .ico4{width:24px; height:24px; background: url(ico.png) no-repeat -30px 0px; float: left; margin-right:8px}
.icon1 {width: 31px;height: 5px;background: url(ico.png) no-repeat -115px 0;margin: 8px 15px;display: inline-block;}


#CommonHeader .wraptxtl{position: absolute; left:0; top:45px}
#CommonHeader .wraptxtr{position: absolute; right:0; top:45px}

/*Menu*/
.mr-auto {margin: 0 auto}
.bgblack {background: #000}
/*.navbar-dark .navbar-nav .nav-link {font: bold 14px Raleway;color: #fff}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #fff}

.navbar .dropdown-menu div[class*="col"] {margin-bottom: 1rem;}
.navbar .dropdown-menu {border: none;background-color: #000 !important;}

@media screen and (min-width: 992px) {
.navbar {padding-top: 0px;padding-bottom: 0px;}
.navbar .dropdown {position: static;}
.navbar .dropdown-menu {width: 100%;left: 0;right: 0;top: 43px;border-radius:inherit}
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {display: block !important;}
}*/

#CommonContentHp{text-align: center; margin-bottom:30px  }
#CommonContentHp .title{ font:bold 30px Montserrat; max-width:650px; margin: 0 auto 20px }
#CommonContentHp .content{font: 14px/22px OpenSans; color:#333}

#SubProductCate .item{position:relative}
#SubProductCate .CateName{font:bold 24px Montserrat;text-align: center; color:#333; margin:0 auto 20px; display: block; text-transform:uppercase}
#SubProductCate .ListCate .item img {  opacity: 1;
display: block;
width: 100%;
height: auto;
transition: 1s ease;
backface-visibility: hidden;}
#SubProductCate .ListCate .item .middle {
transition: 1s ease;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
font-family: 'Montserrat Semi';
color: #fff;
font-size: 20px;
z-index:2
}



/*#SubProductCate .ListCate .item img {width: 100%;    height: 100%;    object-fit: cover;}

#SubProductCate .ListCate .item p.title {font-family:'Montserrat Semi';color:#fff;font-size: 20px;position: absolute;z-index:2;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
line-height: 100%; text-align: center
}*/
#SubProductCate .ListCate .item p.title .detail{display:none; margin:5px 0;padding: 10px; border:1px solid #fff; color:#fff; text-transform:uppercase}
#SubProductCate .ListCate .item .bong{opacity:0; width:calc(100% - 30px); height:100%; position: absolute; z-index:1; background: rgba(0,0,0,0.5); left:15px; top:0;transition: 1s ease;}
#SubProductCate .ListCate .item:hover .bong{opacity:1;}

#SubProductCate .ListCate .item:hover p.title .detail {
display: block;
color: #fff;
font: 500 14px'Montserrat';
}
#SubTourHp {
min-height: 610px;
background: url(bgtour.png);
background-size: cover;
padding-top: 45px
}
#SubTourHp .NameCate{ font:bold 24px Montserrat; display:block;text-align:center; margin: 0 auto 20px; text-transform:uppercase }
#SubTourHp .item{background: url(bgitem.png) no-repeat bottom center; height:230px; margin-bottom:30px; background-size:contain }
#SubTourHp .item .KhungAnh{width:100%; height:185px}
#SubTourHp .item img {width:100%;height: 100%;object-fit: cover;}
#SubTourHp .item .title{font:14px Montserrat; color:#333;padding:12px 10px; text-transform:uppercase; display: block; transition: 0.5s ease}
#SubTourHp .item .title:hover{color:#ab111d}
#SubVideoHp{margin-bottom:40px}
#SubVideoHp .NameCate{ font:bold 24px Montserrat; display:block;text-align:center; margin: 20px auto 30px; text-transform:uppercase }
#SubVideoHp .ListVideo{background:url(bgvideo.png) no-repeat; background-size:cover; padding:40px 0}

#SubVideoHp .slick-slide{padding-top:35px; height:100%; pointer-events:none}
#SubVideoHp .slick-slide img{width:100%; height:100%; object-fit: cover;}
#SubVideoHp .slick-slide .title{ display: none}
#SubVideoHp .slick-slide .wrapimg{display:block; height:335px; overflow: hidden}
#SubVideoHp .slick-active{padding: 0; height: auto}
#SubVideoHp .slick-active .title{font: 14px/44px Montserrat;text-transform:uppercase; display:block;margin: 0; text-align:center; display: block}
#SubVideoHp .slick-active .wrapimg{display:block;height:100%}
#SubVideoHp .slick-active iframe{pointer-events:initial !important}
#SubVideoHp .slick-slide::before{z-index:-1; background: none}

#SubNewBlogHp{margin-bottom:50px}
#SubNewBlogHp .NameCate{ font:bold 24px Montserrat; display:block; margin: 0 auto 30px; text-transform:uppercase }
#SubNewBlogHp .item{height:312px;position:relative}
#SubNewBlogHp .item img{width:100%; height:100%; object-fit: cover;}
#SubNewBlogHp .item .title{background: rgba(0,0,0,0.3);position: absolute; z-index:1; color:#fff;font: 14px Montserrat;bottom:0;padding:10px; display:block;width:100%; height:60px;transition: height 1s;
-moz-transition: height 1s;
-webkit-transition: height 1s;
-o-transition: height 1s;}
#SubNewBlogHp .item .title .detail{ margin:5px 0;padding: 10px; border:1px solid #fff;display:none; color:#fff; text-transform:uppercase; display:none;}
#SubNewBlogHp .item .title:hover {height:100px}
#SubNewBlogHp .item .title:hover .detail{display:inline-block}
#SubNewBlogHp .slick-prev,#SubNewBlogHp  .slick-next{top:-45px}
#SubNewBlogHp .slick-prev:before, .slick-next:before{color:#000}
#SubNewBlogHp .slick-prev{right:25px !important;left:unset}
#SubNewBlogHp .slick-next{right:0 !important}


#SubNewHp{margin-bottom:50px}
#SubNewHp .NameCate{ font:bold 24px Montserrat; display:block; margin: 0 auto 30px; text-transform:uppercase }
#SubNewHp .ListNews{max-height:312px; overflow-y:auto}
#SubNewHp .ListNews::-webkit-scrollbar {    width: 6px;    background-color: #F5F5F5;}
#SubNewHp .ListNews::-webkit-scrollbar-thumb {    background-color: #ab111d;}
#SubNewHp .ListNews::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   background-color: #F5F5F5;}
#SubNewHp .ListNews .item{padding:13px 0; border-bottom:1px solid #cccccc; display:block}
#SubNewHp .ListNews .item .title{font: 14px Montserrat;color:#333}

#CommonFooter{background:#333333;padding:30px 0}
#CommonMenuFooter .mnlv1{font:bold 18px Montserrat;color:#fff; text-transform:uppercase; display:block; margin-bottom:10px}
#CommonMenuFooter .mnlv2{font: 14px/30px Montserrat;color:#ccc; display:block}
#CommonFooter .contact .title{font:bold 18px Montserrat;color:#fff; text-transform:uppercase; display:block; margin-bottom:10px; margin:0; margin-bottom:10px}
#CommonFooter .contact .info{font: 14px/30px Montserrat;color:#ccc; display:block; margin:0}
#CommonFooter .contact .info .add{width:16px; height:16px; background: url(ico.png) -125px -15px;float:left; margin-right:7px; margin-top:7px}
#CommonFooter .contact .info .tel{width:16px; height:16px; background: url(ico.png) -125px -40px;float:left; margin-right:7px; margin-top:7px}
#CommonFooter .contact .info .email{width:16px; height:16px; background: url(ico.png) -125px -67px;float:left; margin-right:7px; margin-top:7px}
#CommonFooter .contact .info .web{width:16px; height:16px; background: url(ico.png) -125px -93px;float:left; margin-right:7px; margin-top:7px}

#ProductIndex .nav{text-align:center;display:block}
#ProductIndex .nav-item { display: inline-block}
#ProductIndex .nav-link{width:206px;height:38px; border:1px solid #999999; font:300 14px Montserrat; color:#999}
#ProductIndex .nav-pills .nav-link.active, #ProductCategory .nav-pills .show > .nav-link {color: #fff;background-color: #ab111d;border: 1px solid #ab111d;}
#ProductIndex .item {margin-bottom:20px}
#ProductIndex .item img{width:100%; height:100%; object-fit:cover}

#ProductCategory .desc{display:block; font: 16px/22px OpenSans; color:#333; text-align:center}
#ProductCategory .capital {text-align: justify;max-width: 788px;padding: 20px;padding-left: 120px;position: relative;margin: 35px auto 30px;border: 10px solid transparent;-webkit-border-image: url(/Assets/Css/boder.jpg) 10 round; -o-border-image: url(/Assets/Css/boder.jpg) 10 round; border-image: url(/Assets/Css/boder.jpg) 10 round;}
#ProductCategory .picCapital{position:absolute; left:-110px; top:30px}
#ProductCategory .picCapital{max-width:210px}
#ProductCategory .capital .desc{text-align:justify}
#ProductCategory .capital .titlecapital{font:bold 24px Montserrat;color:#333; display:block; margin-bottom:10px; text-transform:uppercase}
#ProductCategory .picmap{width:100%; height: auto}
ul {list-style: none;padding: 0;}
#ProductCategory .inner {overflow: hidden;display: none;}     
.inner.show {/*display: block;*/} 
#ProductCategory a.toggle {width: 100%;display: block;border-top:1px solid #cccccc;transition: background .3s ease;padding:10px 0; font:bold 18px/42px Montserrat; color:#333333}
#ProductCategory a.toggle span{float:right; width:18px; height:18px; background:url(/Assets/Css/ico.png) no-repeat -152px -43px; margin-right:10px; margin-top:12px}
#ProductCategory a.active span{float:right; width:18px; height:18px; background:url(/Assets/Css/ico.png) no-repeat -181px -43px; margin-right:10px; margin-top:12px}
#ProductCategory .cssitem{float:left; margin-right: 10px; height:42px; width:auto}

#TourCategory .item {margin-bottom:40px}
#TourCategory .item .des{margin: 10px 0}
#TourCategory .item .khunganh {display:block}
#TourCategory .item img {width: 100%;height: 200px;object-fit: cover;}
#TourCategory .item .khunganh span{position: absolute; z-index:2; bottom:0; width:100%; display:block; padding:10px; background:rgba(0,0,0,0.5);font:bold 16px Montserrat;color:#fff}
#TourCategory .item ul{list-style:unset;padding-left:18px; font: 14px/22px OpenSans;color:#333}
#TourCategory .item .btn1{width:50%; max-width: 160px; height:38px; font:300 14px/36px Montserrat; color:#999; border:1px solid #999; text-align:center}
#TourCategory .item .btn1:hover{background:#ab111d; border:1px solid #ab111d; color:#fff}
#TourCategory .item .btnshare{width:50%; max-width: 160px; height:38px; font:300 14px/36px Montserrat; color:#999; border:1px solid #999; text-align:center; background: url(/Assets/Css/icoshare.png) no-repeat 37px center}
#TourCategory .item .btnshare:hover{background:#ab111d url(/Assets/Css/icosharehv.png) no-repeat 37px center; border:1px solid #ab111d; color:#fff}
#TourCategory .item .time{position:absolute; top:10px;right:10px;font:500 14px Montserrat;color:#fff}

#TourDetail .cssimg {width: 100%;height: auto}
#TourDetail .text1{margin-bottom:20px; height:48px}
#TourDetail .txt123 {font: bold 24px Montserrat;color: #333;display: block;margin-bottom: 10px;text-transform: uppercase}
#TourDetail .ico11{background:url(/Assets/Css/ico.png) no-repeat -218px -46px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico12{background:url(/Assets/Css/ico.png) no-repeat -161px -103px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico13{background:url(/Assets/Css/ico.png) no-repeat -218px -103px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico14{background:url(/Assets/Css/ico.png) no-repeat -105px -161px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico15{background:url(/Assets/Css/ico.png) no-repeat -217px -161px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico16{background:url(/Assets/Css/ico.png) no-repeat -161px -161px; width:48px; height:48px;float:left; margin-right:10px}

#TourDetail .ico17{background:url(/Assets/Css/ico.png) no-repeat -285px -0px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico18{background:url(/Assets/Css/ico.png) no-repeat -352px -0px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico19{background:url(/Assets/Css/ico.png) no-repeat -285px -68px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico20{background:url(/Assets/Css/ico.png) no-repeat -352px -68px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico21{background:url(/Assets/Css/ico.png) no-repeat -285px -137px; width:48px; height:48px;float:left; margin-right:10px}
#TourDetail .ico22{background:url(/Assets/Css/ico.png) no-repeat -352px -137px; width:48px; height:48px;float:left; margin-right:10px}


#TourDetail .Highlights ul {list-style: none;}
#TourDetail .Highlights ul li::before {content: "\2022";color: #ab111d;font-weight: bold;display: inline-block;width: 1.5em;}
#TourDetail .Highlights ul li{margin-bottom:5px}

.pagging{font:normal 14px/30px OpenSans;color:#757575;margin-bottom: 30px;margin: auto;padding-top:17px;width:100%; border-top: 1px dashed #999;padding-top:20px;padding-bottom:30px}
.textpagging{float:right;color:#757575;padding-top:5px;font-style:italic;font:normal 14px/30px OpenSans;}
.truoc{font:normal 14px/30px OpenSans;  margin:5px; background:url(truoc.gif.ashx) no-repeat center; display: none}
.sau{font:normal 14px/30px OpenSans;width:32px; height:32px; margin-right:5px; background:url(sau.jpg.ashx) no-repeat center; display:inline-block}
.dau{font:normal 14px/30px OpenSans;width:32px; height:32px; margin-right:5px; background:url(truoc.jpg.ashx) no-repeat center; display:inline-block}
.cuoi{font:normal 14px/30px OpenSans;padding:7px 44px; margin:5px; background:url(cuoi.gif.ashx) no-repeat center; display: none}
.hientai{font:normal 14px/30px OpenSans;text-align:center;padding:0 0;width:32px;height:32px;display:inline-block; margin:5px; color:#fff;background:#ab111d; border:1px solid #ab111d}
.trangkhac{font:normal 14px/30px OpenSans;text-align:center;padding:0 0;width:32px;height:32px;display:inline-block;  margin:5px; color:#333; background:#fff; border:1px solid #999}


#wraphanhtrinh{height:715px; overflow-y:auto; font: 14px/22px OpenSans;padding-right:20px}
#wraphanhtrinh::-webkit-scrollbar {width: 10px;}
#wraphanhtrinh::-webkit-scrollbar-track {background: #f1f1f1;}
#wraphanhtrinh::-webkit-scrollbar-thumb {background: #888;}
#wraphanhtrinh::-webkit-scrollbar-thumb:hover {background: #555;}
#wraphanhtrinh .subItem{background: url(bgsub.png) no-repeat left 5px;padding-left:40px;padding-bottom: 20px;}
#wraphanhtrinh .subItem .title{font :bold 20px Montserrat;padding-bottom:20px;padding-right:30px;position:relative}
#wraphanhtrinh .subItem .title span{position:absolute; right:0; top:10px; cursor:pointer}
#wraphanhtrinh .subItem .content{display:none}
#wraphanhtrinh .img{max-width:100%}

#AboutUsLoadControls .tab{border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:50px}
#AboutUsLoadControls .nav-link{padding:11px 0;margin: 0 36px; border-radius:unset; color:#333; font: 18px Montserrat}
#AboutUsLoadControls .nav-link.active{background: url(ico3.png) no-repeat bottom center; border-bottom:2px solid #ab111d;border-bottom:2px solid #ab111d; position:relative; bottom:-1px}
#AboutUsLoadControls .type1 {max-width:900px; margin:0 auto}
#AboutUsLoadControls .type1 .title{font:30px Montserrat; color:#ab111d }
#AboutUsLoadControls .type1 img{float:left; margin-right:30px; margin-bottom:10px}
#AboutUsLoadControls .type1 .content{padding-left:110px}
#AboutUsLoadControls .tab-pane.type2 .item0 {background:url(ico5.png) no-repeat left 210px  bottom 25px;padding-bottom:100px;}
#AboutUsLoadControls .tab-pane.type2 .item0 .noidung{float: left; width:62%}
#AboutUsLoadControls .tab-pane.type2 .item0 .khunganh{float: right; width:35%;}
#AboutUsLoadControls .tab-pane.type2 .item0 .title{padding-left:110px; background: url(ico4.png) no-repeat left center;font:bold 20px Montserrat; min-height:46px;}
#AboutUsLoadControls .tab-pane.type2 .item0 .content{padding-left:186px; font:14px OpenSans}

#AboutUsLoadControls .tab-pane.type2 .item1 {background:url(ico5.png) no-repeat right 220px  bottom 25px;padding-bottom:100px;}
#AboutUsLoadControls .tab-pane.type2 .item1 .noidung{float: right; width:64%}
#AboutUsLoadControls .tab-pane.type2 .item1 .khunganh{float: left; width:30%;padding-left:110px}
#AboutUsLoadControls .tab-pane.type2 .item1 .title{padding-right:110px; background: url(ico4.png) no-repeat right center;font:bold 20px Montserrat; min-height:46px;}
#AboutUsLoadControls .tab-pane.type2 .item1 .content{padding-left:76px; font:14px OpenSans;padding-right:110px}
#AboutUsLoadControls .tab-pane.type2 .item:last-child {background:none;padding-bottom:100px;}
#AboutUsLoadControls .tab-pane.type2 .khunganh img{max-width:100%; max-height:100%; object-fit:cover}
#AboutUsLoadControls .tab-pane.type2 .number{width:46px; height:46px; background:#ab111d; border-radius:100%; text-align:center;font:bold 16px/46px Montserrat; color:#fff; margin-right:30px; float:left}


#AboutUsLoadControls .type3 {max-width:900px; margin:0 auto}
#AboutUsLoadControls .tab-pane.type3 .item{margin-bottom:40px}
#AboutUsLoadControls .tab-pane.type3 .item .khunganh{width:109px;height:109px; float:left; margin-right:25px; margin-bottom:20px}
#AboutUsLoadControls .tab-pane.type3 .item .khunganh img{width:100%; height:100%; object-fit:cover}
#AboutUsLoadControls .tab-pane.type3 .item .title{font: bold 22px Montserrat; color:#333; margin-top:15px}
#AboutUsLoadControls .tab-pane.type3 .item .chucvu{font:14px OpenSans; color:#999999}
#AboutUsLoadControls .tab-pane.type3 .item .content{display: block; font:14px/22px OpenSans}


#AboutUsLoadControls .type4{max-width:900px; margin:0 auto}
#AboutUsLoadControls .type4 .title{color:#ab111d; font: bold 20px/44px Montserrat; display:block; text-align:left}
#AboutUsLoadControls .type4 .item {margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #cccccc}
#AboutUsLoadControls .type4 .item .khunganh img{max-width:100%; object-fit:cover}


#AboutUsLoadControls .type5{max-width:1100px; margin:0 auto}
#AboutUsLoadControls .type5 .title{color:#333; font: bold 24px Montserrat; margin:0}
#AboutUsLoadControls .type5 .item {margin-bottom:30px}
#AboutUsLoadControls .type5 .item p{margin-bottom:5px}
#AboutUsLoadControls .type5 .item .khunganh {width:200px; height:200px; float:left; margin-right:20px}
#AboutUsLoadControls .type5 .item .khunganh img{width:100%; object-fit:cover}
#AboutUsLoadControls .type5 .item .chucvu{color:rgba(0,0,0,0.3); margin-bottom:15px}
#AboutUsLoadControls .type5 .item .phone span{width:24px; height:24px; background:url(ico.png) no-repeat 0 -147px; float:left; margin-right:15px}
#AboutUsLoadControls .type5 .item .email span{width:24px; height:24px; background:url(ico.png) no-repeat 0 -185px; float:left; margin-right:15px}
#AboutUsLoadControls .type5 .item .skype span{width:24px; height:24px; background:url(ico.png) no-repeat -34px -147px; float:left; margin-right:15px}
#AboutUsLoadControls .type5 .desc{font:14px/30px OpenSans; display:block; text-align:center; margin-bottom:30px}
#AboutUsLoadControls .type5 .btncontact{width:360px; height:40px; margin: 0 auto; font:500 14px/40px Montserrat; color:#fff; text-transform:uppercase; text-align:center; background:#ab111d; display:block}

#NewCategory .vgname{font:bold 24px Montserrat; display:block; text-transform:uppercase; margin-bottom:15px}
#NewCategory .item{margin-bottom:25px}
#NewCategory .item .khunganh{width:100%; height:280px; margin-bottom:25px; display:block}
#NewCategory .item .khunganh img {width:100%; height:100%; object-fit:cover}
#NewCategory .item .title{font: bold 20px Montserrat; color:#333}
#NewCategory .item .title .date{float:left; width:70px; height:90px; background:#ccc; color:#fff; text-align: center; margin-right:18px; padding-top:15px; font-size:26px}
#NewCategory .item .title .date span{border-bottom:1px solid #fff; display:inline-block}
#NewCategory .item .title:hover .date{background:#ab111d;}
#NewCategory .item .more{padding:0 25px; height:40px; font:14px/38px OpenSans; color:#999; border:1px solid #ccc; display:inline-block}
#NewCategory .item .more:hover{color:#fff; border:1px solid #ab111d; background:#ab111d}
#NewCategory .item .des{display:block}
#NewDetail .title{font:bold 30px Montserrat; color:#333; margin-bottom:10px; display:block}
#NewDetail img{max-width:100%; margin:auto }
#NewDetail .date span{background:url(ico.png) no-repeat -249px -232px; float:left; width: 13px; height:13px;margin-right:10px; margin-top:3px}
#NewDetail .view span{background:url(ico.png) no-repeat -249px -217px; float:left; width: 16px; height:13px;margin-right:10px; margin-top:3px; margin-left:20px}
#NewDetail .date, #NewDetail .view{font:14px OpenSans; color:#999; float: left}
#wrapSOCIAL {border: 1px solid #ccc;border-radius: 5px;padding: 0 15px 20px; margin-bottom: 20px}
#wrapSOCIAL .title{font:bold 16px/38px Montserrat;border-bottom:1px solid #ccc; text-transform:uppercase; margin-bottom:20px; color:#ab111d}
#wrapSOCIAL .fb{width:48px; height:48px; background:url(ico.png) no-repeat 0 -217px; float:left; margin-right:10px }
#wrapSOCIAL .tw{width:48px; height:48px; background:url(ico.png) no-repeat -62px -217px; float:left; margin-right:10px }
#wrapSOCIAL .youtube{width:48px; height:48px; background:url(ico.png) no-repeat -124px -217px; float:left; margin-right:10px }
#wrapSOCIAL .instagram{width:48px; height:48px; background:url(ico.png) no-repeat -186px -217px; float:left; }

#wrapvideo{border:1px solid #ccc; border-radius:5px; padding:0 15px 20px}
#wrapvideo .title{font:bold 16px/38px Montserrat;border-bottom:1px solid #ccc; text-transform:uppercase; margin-bottom:20px; color:#ab111d}
#wrapvideo .item {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc}
#wrapvideo .item .khunganh{width:100%; height:130px !important; margin-bottom:10px !important}
#wrapvideo .item .khunganh .span{position:absolute; top:0;left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.5) url( ico6.png) none center}
#wrapvideo .item .KhungAnh img{width:100%; height:100%; object-fit:cover}
#wrapvideo .item .title1{font:14px Montserrat !important; color:#333; margin:0}
#wrapvideo .item:last-child{border:none; margin-bottom:0}

#SubNewsHot{border:1px solid #ccc; border-radius:5px; padding:0 15px 20px;margin-bottom:20px}
#SubNewsHot .title{font:bold 16px/38px Montserrat;border-bottom:1px solid #ccc; text-transform:uppercase; margin-bottom:20px; color:#ab111d}
#SubNewsHot .item {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;font:14px Montserrat !important;color:#333; padding-left:20px; background:url(ico7.png) no-repeat 0 6px; display:block}
#SubNewsHot .item:last-child{border:none; margin-bottom:0}

#otherNews .txtG{ font:bold 24px Montserrat; display:block; margin: 0 auto 20px; text-transform:uppercase }
#otherNews .item .khunganh{width:100%; height:180px !important; margin-bottom:10px !important; display:block}
#otherNews .item .khunganh img{width:100%; height:100%; object-fit:cover}
#otherNews .item .title2{font:bold 16px Montserrat ; color:#333; margin:0}

#OffersCategory .item{margin-bottom:40px}
#OffersCategory .item img{width:100%;}
#OffersCategory .item .title{color:#ab111d; font:bold 24px Montserrat; margin-bottom:8px; display:block }
#OffersCategory .item .desc{font:14px/20px OpenSans; display: block}
#OffersCategory .item .btn1{ width: 160px; height:38px; font:300 14px/36px Montserrat; color:#999; border:1px solid #999; text-align:center; display: block;; margin-top:5px}
#OffersCategory .item .btn1:hover{background:#ab111d; border:1px solid #ab111d; color:#fff}

#OffersDetail .cssimg {width: 100%;height: auto}
#OffersDetail .text1{margin-bottom:20px; height:48px}
#OffersDetail .txt123 {font: bold 24px Montserrat;color: #333;display: block;margin-bottom: 10px;text-transform: uppercase}
#OffersDetail .ico11{background:url(/Assets/Css/ico.png) no-repeat -218px -46px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico12{background:url(/Assets/Css/ico.png) no-repeat -161px -103px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico13{background:url(/Assets/Css/ico.png) no-repeat -218px -103px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico14{background:url(/Assets/Css/ico.png) no-repeat -105px -161px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico15{background:url(/Assets/Css/ico.png) no-repeat -217px -161px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico16{background:url(/Assets/Css/ico.png) no-repeat -161px -161px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .Highlights ul {list-style: none;}
#OffersDetail .Highlights ul li::before {content: "\2022";color: #ab111d;font-weight: bold;display: inline-block;width: 1.5em;}
#OffersDetail .Highlights ul li{margin-bottom:5px}
#OffersDetail .ico17{background:url(/Assets/Css/ico.png) no-repeat -285px -0px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico18{background:url(/Assets/Css/ico.png) no-repeat -352px -0px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico19{background:url(/Assets/Css/ico.png) no-repeat -285px -68px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico20{background:url(/Assets/Css/ico.png) no-repeat -352px -68px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico21{background:url(/Assets/Css/ico.png) no-repeat -285px -137px; width:48px; height:48px;float:left; margin-right:10px}
#OffersDetail .ico22{background:url(/Assets/Css/ico.png) no-repeat -352px -137px; width:48px; height:48px;float:left; margin-right:10px}

#CommonPageRoad {position: relative;top: -200px;height: 0;}
.wcommon{text-align:right}
.wcommon p{ font: 35pt Montserrat; color:#fff;margin:0}
.wcommon a{ font:20pt Montserrat;font-style:italic; color:#fff}


.copyright{font: 14px/30px Montserrat;color: #ccc;display: block;}
#gotop {position: fixed;right: 15px;bottom: 60px;display: none;width: 57px;height: 57px;z-index: 112;cursor: pointer;background:url(gotop.png) no-repeat;}
.socialButtons {background-color: #162038;
padding-top: 15px;
padding-bottom: 20px;
text-align: center;
}
.socialButtons .fab {
font-size: 64px;
color: #f5a623;
}
.socialButtons h4 {
font-size: 25px;
color: #fff;
}
@media only screen and (min-width: 768px) {
#SubProductCate .ListCate .item img{width:100%; height:187px; object-fit:cover}
}
