/* CSS Document */

@import url('nivo-slider.css');

*{ margin:0; padding:0;}

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/background.jpg) top  center repeat; text-align:center }

.background{ background:url(../images/bg-shadow.png) top  center repeat-y !important; overflow:hidden;width:1200px; margin:auto }



div{ margin:0; padding:0}

img { border:none}

ul ,li{ list-style:none}

a { text-decoration:none; color:black }

.clear{ clear:both}

 



.page-content h3,h1{ height:33px; line-height:33px; background:url(../images/bg-h3.png) bottom left no-repeat; color:black;  text-transform:uppercase; font-size:12px; padding-left:40px}

#wrapper{ width:1000px;  margin:auto !important; overflow:hidden; position:relative; text-align:left; background:#FFF }



/******************* Header ********************************/

#header{ background:#efdcb2;}

#header .banner{text-align:center; overflow:hidden; position:relative}

#header .banner ul#navi-top{ overflow:hidden; position:absolute; top:10px; right:10px}

.banner ul#navi-top li{ float:left; display:inline; padding:0 0px 0 10px}

ul#navi-top li a{ text-transform:uppercase; color:#773f0c; font-weight:bold;}

ul#navi-top li a.active, ul#navi-top li a:hover{ color:black}

#header .menu{height:32px; line-height:32px;width:1000px; clear:both; background:#783e0c; margin:0}

#header .menu li{ float:left; display:inline; text-align:center;background: #783e0c;padding:0 15px 0 15px; position:relative; border-right:1px solid #FFF}

#header .menu li:last-child{ border:none}

.menu li.active{ background:#84c01f !important}

#header .menu li a{text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:13px; color:white}

#header .menu li a:hover, .menu li.active a{}

#header .laguges{ overflow:hidden; float:right;width:100px;text-align:right; height:33px}

#header .laguges img{ margin-top:5px}

#header .menu li ul{ display:none; position:absolute; top:32px; left:0; z-index:9999 !important;padding-bottom:10px;width:150px}



#header .menu li ul li{; display:inline !important;background:#783e0c;   float:left;text-align:left; line-height:25px; position:relative; z-index:1111; margin-bottom:1px; border:none;width:100%;opacity:0.9 !important; filter:alpha(opacity=90) !important}

#header .menu li ul li  a{ text-transform:none !important;width:130px; float:left; font-size:14px}

#header .menu li ul li  a:hover{ color:#f98e00 }

#header .menu li:hover ul{ display:block;}

#header .menu li:hover ul ul{ display:none;}

#header .menu li ul li ul{width:150px; position:absolute; top:0; left:180px; background:none; visibility:visible}

#header .menu li ul li ul li{opcacity:0.6;filter:alpha(opcacity=60)}

#header .menu li ul li:hover ul{ display:block !important}



#header .ads-slide{ border-top:1px solid #FFF;width:1000px; clear:both;margin:0; border-bottom:5px solid #2264b0 !important; overflow:hidden; margin-bottom:5px}

#header .ads-slide .ads{width:254px; float:left;}

#header .slide img{z-index:0}

#header .support{ overflow:hidden;width:320px; float:right; background:url(../images/bg-support.png) center no-repeat; height:255px; border:1px solid #e0e0e0; margin:70px 20px 0 0; padding-left:10px; line-height:28px}

#header .support h3{ color:#b80707; margin:0 }

#header .support h4{ color:#2c7bd2; margin:0; padding:0 }

#header .support p{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:25px; margin:0; font-weight:bold; margin-bottom:5px; overflow:hidden}

/*****************************  Content ************************************************/

#content{overflow:hidden;width:1000px; margin:auto; padding:0; background:#f9f1e2; }

#content .banner-body{ border:1px solid #ffe3a3; overflow:hidden; clear:both; text-align:center;width:969px; margin:auto}



#content .block-product-typical{ overflow:hidden; margin:10px auto 10px auto;width:969px;}

#content .block-product-typical h3{ background:url(../images/icon-down.png) left center no-repeat; padding-left:25px; text-transform:uppercase; margin-bottom:10px; border-bottom:2px solid #ffc53d; padding-bottom:5px}

#content .block-product-typical h3 span{color:red}

#content .slide-product{ overflow:hidden; height:200px; position:relative;margin:0; padding:10px 0 10px 0; width:969px !important;}

#content .slide-product .btn-next, #content .slide-product .btn-pre{width:54px; height:54px; position:absolute; top:40px; cursor:pointer; z-index:999}

#content .slide-product .btn-next{right:0; background:url(../images/btn-next.png)}

#content .slide-product .btn-next:hover{ background:url(../images/btn-next-hover.png)}

#content .slide-product .btn-pre{ background:url(../images/btn-pre.png); left:0}

#content .slide-product .btn-pre:hover{ background:url(../images/btn-pre-hover.png)}

#content .slide-product li{ float:left; overflow:hidden; margin-right:10px; border:1px solid #e3e3e3; padding:5px;width:150px; text-align:center}

#content .slide-product p{ line-height:25px; border-bottom:1px dotted #040404;font-weight:bold}

#content .slide-product p.price{ margin-bottom:5px}

#content .slide-product p span{ color:red}

#content .slide-product p.detail{float:left;background:url(../images/btn-detail.png);width:65px;height:16px; line-height:16px; text-align:center; border:none}

#content .slide-product p.order{float:right; background:url(../images/btn-buy.png);width:65px;height:16px; line-height:16px;text-align:left; text-indent:15px; border:none}

#content .slide-product p.order a, #content .slide-product p.detail a{ color:white; font-weight:bold; text-transform:capitalize; border:none}

/********************************** Left *******************************/

#content .left-content{width:234px;float:left; margin:0 0 0 15px}

.left-content h2{height:33px; line-height:33px; background:#84c01f url(../images/bg-title.png) left center no-repeat; text-indent:40px; color:#FFF; font-size:12px; text-transform:uppercase}



.left-content .block-cate{ margin-bottom:10px;  padding:0; background:url(../images/bg-left-content.png) bottom center no-repeat; padding-bottom:50px;}

.left-content  #category li{ line-height:32px;  background:#c5093b url(../images/icon-menu.png) 0px 5px no-repeat; padding-left:25px; border-bottom:1px dotted #FFF; font-weight:bold; margin:0; text-transform:uppercase; position:relative}

.left-content  #category li.map{ background:#f69812 url(../images/icon-menu.png) 0px 5px no-repeat;}

.left-content  #category li a{ color:white}

.left-content  #category li a:hover{ color:#FF0 !important}

#category ul {position: absolute;width:200px;top:0px; left:233px;display: none; z-index:999; background:#a92000; border-left:2px solid #FFF }

#category ul li{}

#category li:hover ul,#category li li:hover ul { display: block; z-index:9999}

.left-content  #category .sub-cate li{font-weight:normal}



.left-content .block-left{overflow:hidden; margin-bottom:10px;  padding:0;}



.block-left .list-news { overflow:hidden; margin:10px;}

.block-left .list-news h4{background:url(../images/icon-row.png) left 5px no-repeat; padding-left:20px; line-height:20px; color:#c50101}

.block-left .list-news img{ float:left; margin:0 5px 5px 0}

.block-left .list-news p{ text-align:justify; line-height:20px}

.block-left .support{ overflow:hidden; text-align:center; }

.block-left .support p{ overflow:hidden; margin:5px 0 0 0px; line-height:25px; font-weight:bold;}





.left-content .counter{ background:url(../images/bg-counter.png) 2px center no-repeat; padding:10px 0 10px 80px; overflow:hidden}

.left-content .counter p{ line-height:25px; font-weight:bold}

.left-content .counter p span{ float:right; margin-right:5px}

.left-content  .block-left .img-ads{ width:240px; overflow:hidden; margin:5px 0 10px 0; text-align:center}

.block-left .list-new-home{ background:none ;}

.block-left .list-new-home li { margin:0; background:url(../images/icon-row.png) left 7px no-repeat; padding-left:25px; line-height:25px}

.left-content .list-new-home li a{ text-transform:none; font-weight:bold }







.block-left .rate{ overflow:hidden; padding-left:20px}

.block-left .rate table td{height:20px; padding-left:10px}

.block-left .rate p.curency{ background:url(../images/icon-ngoai-te.html) left center no-repeat; padding-left:30px; line-height:30px}

.block-left .rate p.gold{ background:url(../images/icon-gold.png) left center no-repeat; padding-left:25px; line-height:30px; float:left; clear:both}

.block-left .rate p.source{ font-style:italic; color:#bfbfbf; float:right; margin:5px 25px 0 0; clear:both; overflow:hidden}

/*********************** Right ************************/

#content .right-content{ float:right; width:270px; margin-right:5px;; padding-left:10px;border-left:10px solid #f0e5d0}

#content .right-content h2{ color:#434442; border-bottom:2px solid #7c4413; text-align:left !important; padding-left:0 !important; overflow:hidden;}

.right-content .img-visa{ padding:3px; background:#e4d6b9}

.right-content .block-right .view-more{ position:absolute; bottom:10px; right:10px; background:url(../images/bg-btn.png) center;width:116px; height:44px; line-height:44px; text-transform:uppercase; text-align:center}

.right-content .block-right{ overflow:hidden;  margin:0px 0 20px 0; position:relative}

.block-right .news-item{ overflow:hidden;  margin: 10px auto 10px auto}

.block-right .news-item img{ float:left; margin:0 5px 5px 0; border:1px solid #e3dccf}

.block-right .news-item p.title,.block-right .news-item p.title1{font-weight:bold; margin-bottom:5px; color:#731312}

.block-right .news-item p.title a{ color:#731312}

.block-right .news-item p.title1 a{ color:#883531}

.block-right .news-item p.address{ color:#525052}

.block-right .news-item p.sapo{ line-height:20px; color:#4e4d4d}

.block-right .news-item .read-more{ float:right; text-transform:uppercase; color:#7a4412}

.block-right .product-item p.btn{ overflow:hidden}

.block-right .product-item p .detail{ float:left;width:65px; height:16px; line-height:16px; background:url(../images/btn-detail.png) center no-repeat}

.block-right .product-item p .buy{ float:right;width:65px; height:16px; line-height:16px; background:url(../images/btn-buy.png) center no-repeat; text-indent:15px; text-align:left}

.block-right .product-item p.btn a{ color:white}

.block-right p.top{width:209px; height:12px; background:url(../images/top-block-r.html) center top}

.block-right p.bottom{width:209px; height:12px; background:url(../images/bottom-block-r.html) center bottom}

.block-right .middel{overflow:hidden; border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; }



/*********************************** Breadcrumd *****************************************/

div.breadcrumd{overflow:hidden; clear:both; height:30px; line-height:30px; padding-left:10px}

div.breadcrumd li{ display:inline; float:left; margin-right:10px; padding-left:20px; background:url(../images/bg-breakdurm.html) left center no-repeat; color:#d4d4d4}

div.breadcrumd li a{color:#838383}

/**************** Main -content****************/

#content .main-content{overflow:hidden; margin:0 0 0 0px;padding:0;width:700px; float:left;}

#content .main-content p.top{height:17px; background:url(../images/bg-top-block-2.png) center}

#content .main-content .middel{background:url(../images/bg-middel-block-22.png)1px top repeat-y; overflow:hidden; }



#content .main-content p.bottom{height:17px; background:url(../images/bg-bottom-block-2.png) center}

.main-content .block-home{overflow:hidden;width:656px; margin:5px 0 15px 0}

.main-content .block-home p.top{ height:15px; background:url(../images/bg-top-blck-content.png) top center no-repeat}

.main-content .block-home p.bottom{ height:15px; background:url(../images/bg-bottom-blk-content.png) bottom center no-repeat; }

.main-content .block-home .middel{ overflow:hidden; background:url(../images/bg-midel-blk-content.png) center repeat-y; padding:0 5px 10px 10px; line-height:25px !important}

.main-content .block-home p.read-more{ float:right; margin:5px 5px 0 0}

.main-content .block-home p.read-more a{color:#2995a4; }

.main-content .list-product{overflow:hidden; margin:10px 0 15px 0;width:100%}

.main-content .list-product .view-more{ color:#4077b7; text-transform:uppercase; float:right}

.main-content .list-product .product-item{overflow:hidden;  float:left;  text-align:left; width:320px; border:1px solid #f3e6c9; padding:5px;height: 200px; }

.main-content .list-product p{ line-height:22px}

.main-content .list-product .product-item-last{overflow:hidden; width:320px; padding:5px; float:right; text-align:left; margin-right:0px; border:1px solid #f3e6c9 }

.main-content .list-product .img-pro {width:188px; height:130px; text-align:center;overflow:hidden; padding:2px 0 2px 0;}

.main-content .list-product p.link{ margin-left:105px}

.main-content .list-product p.link a{ text-transform:uppercase; color:#95673a; font-size:11px}

.main-content .list-product p span{ text-transform:uppercase; color:#95673a; padding:0 5px 0 5px}

.main-content .list-product  img{ float:left; margin-right:5px; background:#e2dcce; padding:2px; max-width:150px}

.main-content .list-product .sapo{ overflow:hidden; text-align:justify; margin-top:3px; }

.main-content .list-product p.name-pro{   margin:5px 0 0px 0; padding:3px 0 3px 0; color:#812928;height: 2rem; text-align:left;  margin-bottom:5px; text-transform:uppercase }

.main-content .list-product p.name-pro a{ font-weight:bold; color:#6e0404}

.main-content .list-product p.price-pro{ font-weight:bold;  text-align:center;  margin:0px 0 0px 0; padding:3px 0 3px 0; color:#d24365;  margin-bottom:5px}



.page-content .list-product p.detail{float:left;background:url(../images/btn-detail.png);width:65px;height:16px; line-height:16px; text-align:center}

.page-content .list-product p.order{float:right; background:url(../images/btn-buy.png);width:65px;height:16px; line-height:16px;text-align:left; text-indent:15px}

.list-product p.order a, .list-product p.detail a{ color:white; font-weight:bold; text-transform:capitalize}



.main-content .new-home{ overflow:hidden; clear:both}

.main-content .news-left{width:330px; float:left; overflow:hidden}

.main-content .news-left p{ line-height:20px}

.main-content .news-left img{ float:left; margin:5px 5px 5px 0}

.main-content .news-left h4{ color:#e36e00; margin:5px 0  10px 0; font-size:12px}

.main-content .news-right{width:350px; float:right}

.main-content .news-right h4{ color:#e36e00; margin:5px 0  10px 0; font-size:12px}

.main-content .news-right li{line-height:25px; background:url(../images/icon-list-news.png) left center no-repeat; padding-left:20px}

#wrapper .pro-promotion{ overflow:hidden; background:#f3f3f3 url(../images/bg-promotion.png) top center no-repeat; padding-top:52px}

#wrapper .pro-promotion ul.list-product{width:5000px; height:220px; overflow:hidden}

#wrapper .pro-promotion ul.list-product li{ float:left; border:1px solid #d2d2d2; margin:5px 20px 5px 20px ; padding:15px; overflow:hidden}

#wrapper .pro-promotion .img{ float:left}



/*************** Footer ****************************************************************/

#footer{ overflow:hidden; background:#FFF;}

.footer p.counter{ color:white}

.footer{overflow:hidden;line-height:25px; padding:10px 0 10px 0; text-align:left;width:1000px; margin:auto;background:#3b1c00; color:#9d520f; text-align:left; padding-left:15px}



.paging{ float:right; margin:15px 120px 0 0; font-size:12px; clear:both}

.paging div{ float:left;padding:0 2px 0 2px; color:black;  display:inline; margin-left:5px; }

.paging  .num{padding:5px; font-size:12px;}

.paging .curent {  color:red !important;padding:5px; font-weight:bold }

/***************************** Frm-login *****************************/

	.page-content .register-info{margin-top:15px; line-height:25px}

	.page-content #frm-login{width:400px; margin:30px auto; }

	.page-content #fld-login{width:400px; margin:30px auto; border:1px solid #cccccc; -webkit-border-radius:5px; padding:20px 0 20px 0}


	.page-content #fld-login legend{ margin-left:15px; padding:2px; font-weight:bold}

	.page-content #frm-login p{overflow:hidden; margin:10px 0 10px 0}

	.page-content #frm-login p label{width:120px; float:left; font-weight:bold; text-align:right; margin-right:30px}

	.page-content #frm-login p.error{ margin-left:150px; color:red; font-style:italic}

	.page-content #frm-login p.btn-login{ margin-left:150px;}

	.page-content #frm-login input{border:1px solid #cccccc; padding:3px}

	.page-content #frm-login p.btn-login input{ border:none; padding:2px 8px 2px 8px; background:#890129; cursor:pointer; font-weight:bold; color:white}



	.page-content .newsHome{ overflow:hidden; clear:both;}

	.page-content .newsHome .first-item{width:380px; float:left; overflow:hidden; line-height:25px}

	.page-content .newsHome .first-item img{ float:left; margin:5px 5px 5px 0;}

	.page-content .newsHome  h4{ color:#b7502c; margin:0 0 5px 0; overflow:hidden; line-height:20px}

	.page-content .newsHome p.list-item{ overflow:hidden; line-height:22px;background:url(../images/icon-list-news.png) left 5px no-repeat; padding-left:15px}

	.newsHome p.list-item a{ color:#737373}

	.list-tags{ overflow:hidden; line-height:20px; text-align:justify; padding:10px; color:#3e7ba5; border-top:5px solid #d9d9d9}

	.list-tags a{ color:#3e7ba5}

	

	.first-news{ overflow:hidden; clear:both; border-bottom:1px  dotted #bccbd8; line-height:25px; margin-bottom:15px}

	.first-news h4{ color:#597e9d}

	.first-news img{ float:left; margin:0 10px 10px 0;width:120px}

	.list-news-home{ overflow:hidden; float:left;width:320px; margin:0 10px 5px 0; line-height:25px}

	.list-news-home img{ float:left; margin:0 10px 10px 0;width:100px}

	.list-news-home h4{color:#597e9d}

	

.slide-partner{ overflow:hidden; text-align:center;width:1000px; height:110px;}



.slide-partner .imgSlide{overflow:hidden; height:110px; text-align:center; line-height:100px }

.slide-partner .imgSlide ul{width:5000px}



.slide-partner .imgSlide li{ float:left; overflow:hidden;width:150px; border:1px solid #c1c1c1; text-align:center !important; margin-right:30px; height:100px}





#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}







#lbCenter, #lbBottomContainer {	position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}







.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}







#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }







#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none; }







#lbPrevLink {left: 0;}







#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}







#lbNextLink {right: 0;} 







#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}







#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}







#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }







#lbCaption, #lbNumber {margin-right: 71px; }







#lbCaption {font-weight: bold;}	

.slide-support{ overflow:hidden; position:fixed; top:100px; right:0; background:url(../images/bg-frm-chat.png) 26px top no-repeat; padding:77px 0 0 25px; display:none;width:160px}

.slide-support img.close{ float:left; cursor:pointer; clear:both; position:absolute; top:14px; left:1px}

.slide-support .item-support{ overflow:hidden; margin:10px 0 0 5px;  line-height:25px}

.slide-support .item-support .fullname{ font-weight:bold; text-transform:uppercase}

.slide-support .item-support .cell{ color:#d3233f; font-weight:bold; font-size:14px}

img.online{ position:fixed; top:100px; right:0; cursor:pointer}

#footer .gallery{ overflow:hidden; height:140px; background:#7a4412; margin-top:15px; padding:10px}

#footer .gallery h3{ color:#ccbc96; line-height:30px; font-size:14px}

#footer .gallery li{ overflow:hidden; float:left; margin-right:10px;text-align:center; overflow:hidden;width:150px;}

#footer .gallery li img{ border:2px solid #bd6a20}

#footer .gallery ul{ overflow:hidden;width:5000px}

p.comment{ clear:both; line-height:30px; float:right; background:url(../images/icon-coment.jpg) left center no-repeat; padding-left:35px; cursor:pointer; font-weight:bold; color:#773f0e}

.page-content{ padding:10px}

input.btn-submit{ line-height:25px; padding:0px 15px 0px 15px; background:#783e0c; color:white; cursor:pointer; border:none}

.list-ticket{ overflow:hidden}

.list-ticket .ticket-item{width:150px; float:left; overflow:hidden; text-align:center; margin-right:18px}

.list-ticket .ticket-item p{ text-align:left}

.list-ticket .ticket-item a{ color:#7e2523; line-height:25px; text-transform:uppercase; font-weight:bold; font-size:11px; text-align:left !important}

.list-hotel{ overflow:hidden; border-bottom:1px solid #7c4413; margin:10px 0 10px 0}

.list-hotel .hotel-item{ float:left; overflow:hidden;width:50%}

.list-hotel .hotel-item img{ float:left; margin:0 5px 5px 0}

.list-hotel .hotel-item h4{ margin-bottom:5px}

.list-hotel .hotel-item h4 a{ color:#680000}

.list-hotel .hotel-item p{ color:#3c3d3f}

.departure{height: 3rem;}

/* Media query for tablets (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

/* Media query for phones (max-width: 767px) */
@media only screen and (max-width: 767px) {
	.bg-content{
		width: 100% !important;
	 }
	 #wrapper {
		width: 100%;
	 }
	 .banner img{
		width: 100%;
	 }
	 #header .menu {
		width: 100%;
	 }
	 img.online{
		top: 200px;
	 }
	 #header .menu li {
		padding: 0 10px 0 10px;
	 }
	 #header .laguges{
		float: unset;
		margin: auto;
	 }
	 #header .ads-slide{
		width: 100%;
	 }
	 .ads{
		display: none;
	 }
	 #content {
		width: 100%;
	 }
	 #content .main-content {
		width: 100%;
	 }
	 #content .right-content{
		width: 95%;
		padding-left: unset;
	 }
}

/* icon in foooter */
.floating-icons {
    position: fixed;
    bottom: 20px;
    /* Điều chỉnh khoảng cách từ dưới cùng của màn hình */
    display: flex;
    flex-direction: column;
    z-index: 10;
    margin-left: 1rem;
}

.phone-icon,
.zalo-icon {
    display: inline-block;
    margin-bottom: 20px;
    /* Điều chỉnh khoảng cách giữa các biểu tượng */
}

/* Hiệu ứng hover (nếu cần) */
.phone-icon:hover,
.zalo-icon:hover {
    opacity: 0.7;
    /* Điều chỉnh độ trong suốt khi hover */
}