body {font-size:14px;line-height:20px; font-family:'Open Sans', Arial,Helvetica, sans-serif; color:#333; background:#fff; }
a {color:#000;}
a:hover {color:#fc0509; text-decoration:none;}

.hover-state, .item-anh, .item-anh:before, .item-anh:after,
.iZoom img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.iZoom {overflow:hidden; background:#fff;}
.iZoom:hover img {-moz-opacity: 0.8;opacity: 0.8;filter: alpha(opacity=80);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.iZoom img {max-height:100%;max-width:100%;object-fit:cover;}
.img, .img1 {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.img1 {max-width:100%; max-height:100%; width:auto !important;}

.bd {border:1px solid #eee; background:#fff;}
.auto {height:auto !important;}
.tith1 {font-size:26px; font-weight:bold; line-height:40px; margin:0;}
.tith3 {font-size:24px; line-height:40px; margin:0;}
.titH4 {font-size:16px; line-height:22px; height:44px;overflow:hidden; margin:0;}
.titH4b {font-size:14px; line-height:20px; height:40px;overflow:hidden; margin:0;}
.titH4c {font-size:16px; line-height:22px; margin:0; font-weight:bold;}

#Top { line-height:30px;}
#Top ul {text-align:right;padding-top:7px;}
#Top ul li {display:inline-block; border-left:1px solid #bbb; padding:0 10px; margin-left:-4px;}
#Top ul li:last-child {border-right:1px solid #bbb;}
#Top ul li:first-child {border-left:none;}
#Top ul li a {display:block; float:left;}

.logo {position:absolute;top:100%; left:15px;z-index:9;}
.logo a {border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;ebkit-border-radius:0 0 10px px; overflow:hidden;}
.mail {padding-left:25px; background:url(/images/bg/bg-email.png)no-repeat left center;}
.tel {padding-left:30px; background:url(/images/bg/bg-call.png)no-repeat left center; font-size:20px; font-weight:bold; color:#fc0509;}
.Social a{padding:0 5px; text-align:center; min-width:40px;}

.app-search {width:100%;height:30px; position:relative; padding-right:45px; overflow:hidden; background:#fff;}

.iptSearch, .btnSearch {border:none;outline:none; }
.iptSearch {width:100%; height:100%; float:right; padding:0 10px;}
.btnSearch {width:45px; background:url(/images/bg/bg-search.png) no-repeat center;position:absolute;z-index:1; top:0; right:0; bottom:0;}

#header {position:relative;}

.item-ser {position:relative; color:#fff;display:block;}
.item-ser img {width:100%;}
.item-ser strong {display:block; padding:10px 20px; position:absolute; bottom:10px; left:10px; background:rgba(0, 0, 0,0.5);z-index:1;}
.item-ser:hover strong {background:rgba(26, 188, 211,.75); color:#fff}

.About {padding: 30px 0;overflow:hidden; position:relative; height:650px; width:100%; color: #fff; background: url(/images/bg/bg-gioi-thieu.jpg)no-repeat;background-size: cover; background-attachment: fixed;}
#NewsH:before,
.About:before {content: '';position: absolute;z-index:2;left:0;top:-25%;width:100%;height:50%;background: #fff;-webkit-transform:skewX(95deg);-ms-transform:skewX(95deg);transform:skewX(95deg);}
#NewsH:after,
.About:after {content: '';position: absolute;z-index:2;left:0;bottom:-25%;width:100%;height:50%;background: #fff;-webkit-transform:skewX(95deg);-ms-transform:skewX(95deg);transform:skewX(95deg);}
.about-content {width:100%; max-width:1000px; line-height:30px; font-size:18px; font-weight:500; overflow:hidden;position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.about-content .tith3 a { color:#fff; display:inline-block;  position:relative; padding-bottom:10px;}
.about-content .tith3 a:before {content:""; position:absolute; width:60%; height:3px; background:#fc0509; margin:auto; left:0; right:0; bottom:0;}

.img-tour {display:block; height:250px;overflow:hidden; position:relative;}
.price {line-height:30px;}
.price strong {display: inline-block;font-size:18px;color: #fc0509;text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 2px 2px 5px #000;}
.price a {display:block; float:right; padding:0 15px; color:#fff; background:#fc0509; font-weight:600;}

#NewsH {color:#fff; overflow:hidden; position:relative; height:650px; width:100%; background: url(/images/bg/bg-tour.jpg)no-repeat; background-attachment:fixed; -ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.new-bg {position:absolute; top:0; left:0; width:100%;height:100%; background:rgba(0, 0, 0,0.5);}
#NewsH .container {z-index:3;position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#NewsH a {color:#fff;}
.img-new {display:block; height:180px; overflow:hidden; position:relative;}
.item-news p {max-height:60px; overflow:hidden;}

.vd-img {display:block; width:100%; position:relative;}
.vd-img img {width:100%;}

.hover-state {opacity:0; position:absolute; width:100%;height:100%; top:0px; left:0px; -moz-box-shadow:inset 0px 0px 120px 0px rgba(0,0,0,0.75); box-shadow:inset 0px 0px 120px 0px rgba(0,0,0,0.75);}
.vd-img:before {content:''; width:80px; height:80px; background:url(/js/owl-carousel/owl.video.play.png)no-repeat center; position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; margin:auto;}
.item-anh:hover .hover-state, .item-ser:hover .hover-state, .item-tour:hover .hover-state, .item-news:hover .hover-state, .item-alb:hover .hover-state, .vd-img:hover .hover-state {opacity:1;}

.AlbumH {display:block;}
.item-alb {position:relative;display:block; height:180px; overflow:hidden;}
.item-alb img {width:100%;}
.item-alb strong { color:#fff; display:block; width:100%; padding:10px 20px; position:absolute; bottom:0; left:0; background:rgba(0, 0, 0,0.5);z-index:1;}
.item-alb:hover strong {background:rgba(26, 188, 211,.75); color:#fff}


#footer {background:#f0f0f0; padding:30px 0;margin-top:30px;}
.box-lien-he strong{ color:#fc0509; font-size:20px;}
.txt-foo { line-height:24px;}
.txt-foo h2, .txt-foo h3, .txt-foo h4, .txt-foo h5 { position:relative; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:24px;padding-bottom:10px; margin:0 0 15px;}
.txt-foo h2:before, .txt-foo h3:before, .txt-foo h4:before, .txt-foo h5:before {content:""; position:absolute; width:100px; height:3px; background:#fc0509; bottom:0; left:0;}
.copy {padding:10px 15px; color:#fff; background:#000; font-size:13px;}

.dlink {background:#fafafa; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.dlink .cmaTite {display:inline-block; padding:10px 25px 10px 0; background:url(/images/bg/bg-link.png)no-repeat 90%;position:relative;}
.dlink .cmaTite:last-child {padding-right:0; background:none;}

.lpg {display:block; font-size:16px;}
.lpg a { display:inline-block; text-align:center; line-height:32px;width:32px; height:32px; background:#696969; color:#fff;overflow:hidden; border:1px solid #696969}
.lpg a:hover, .cpage {background:#1abcd3;border-color:#1abcd3 !important;}
.cpage {background:#1abcd3 !important; text-indent:0 !important;}
.lpg a:last-child, .lpg a:first-child {text-indent:999999999px; background:url(/images/bg/bg-next.png)no-repeat;}
.lpg a:last-child:hover, .lpg a:first-child:hover {background:url(/images/bg/bg-next.png)no-repeat #1abcd3;}
.lpg a:first-child {background-position:11px !important;}
.lpg a:last-child {background-position:-8px !important;}

.time {color:#888;font-size:13px;padding-left:20px;font-style:italic;background:url(/images/bg/bg-lich.png)no-repeat left center;}
.PicN {max-height:180px;overflow:hidden;}
.PicN img {width:100%;}

.box-tab {background:#efefef;}
.box-tab .tabs { }
.tab-link { padding:15px 30px !important; border:2px solid #5472D2; background:#fff;}
.intro div, .intro table { max-width:100% !important;}
.intro img { max-width:100% !important; height:auto !important;}

.tit6 {font-size: 18px;line-height: 32px;position: relative; overflow: hidden;border-bottom:2px solid #fc0509;}
.tit-other {position: relative;background: url(/images/bg/bg-link.png)no-repeat 0 5px;font-size: 14px;font-weight: 500;}
.tit-other span {color: #888;font-style: italic;font-size: 13px;font-weight: normal;}

.code {position:relative; margin:0 auto; overflow:hidden; width:50%; float:left; margin-right:20px;}
.code .form-control { padding-right:75px;}
.code-img { position:absolute; top:0; right:0; height:100%; max-height:40px;}

.item-anh {display:block;position:relative; height:170px;overflow:hidden;}
.item-anh img {min-width:100%; height:100%;}

.item-anh:before { background: #000 none repeat scroll 0 0; content: ""; height: 100%; opacity: 0; position: absolute; top: 0; transform: scale(0.5); width: 100%;}
.item-anh:hover:before {opacity: .5;transform: scale(1);}
.item-anh:after { color:#fff; content:"+"; font-size:60px; position:absolute; height:34px; width:34px; line-height:34px; top:0; right:0; bottom:0; left: 0;margin:auto; transform: scale(0);}
.item-anh:hover:after {transform: scale(1);}


.prodt {font-size:16px; font-weight:400;}
.send {color:#fff;background:#fc0509; font-weight:bold; padding-left:20px; padding-right:20px;}
span.vld-error {font-size:small; color:#fc0509; font-style:italic; white-space:nowrap; position:absolute; top:100%; left:0;}

.mbr-arrow-up{ bottom:25px; left:25px; width:50px; height:50px; position:fixed;z-index:5000; background:url(/images/bg/icon-top.png)no-repeat center,rgba(0,0,0,0.2);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.mbr-arrow-up:hover{background-color:rgba(0,0,0,0.75)}




@media screen and (max-width:767px) {
    .box-search {border:1px solid #999; margin-left:60px;}
    .box-search .app-search {height:36px;}
    #Top ul {padding-bottom:7px; background:#f0f0f0}
    #Top ul li {padding:0 !important; border-left:none !important; float:left;}
    .Social {float:right !important; border-right:none !important;}
   .img-tour {height:200px;}
   .Social a {min-width:0!important;}
   .mbr-arrow-up{ right:80px !important; left:auto !important;}
}