@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/* CSS Document */

body
{    
	background: #fff url("../images/bg.jpg") top center repeat-x fixed;
    width: 100%;
    height: 100%;	
}
#fullbody
{    
    width: 100%;
    height: 100%;	
}
body#home #header .nav ul li a.home, 
body#about #header .nav ul li a.about, 
body#product #header .nav ul li a.product,
body#promotion #header .nav ul li a.promotion,
body#gallery #header .nav ul li a.gallery,
body#news #header .nav ul li a.news,
body#contact #header .nav ul li a.contact
{
	background: url("../images/bg-nav-hover.png") top left no-repeat;
	color: #f6e200;
}
body#home #header .nav ul li a.home:hover, 
body#about #header .nav ul li a.about:hover, 
body#product #header .nav ul li a.product:hover,
body#promotion #header .nav ul li a.promotion:hover,
body#gallery #header .nav ul li a.gallery:hover,
body#news #header .nav ul li a.news:hover,
body#contact #header .nav ul li a.contact:hover
{
	text-shadow: 1px 1px 1px #000;

}
.atss 
{
position: fixed;
top: 50%;
width: 48px;
z-index: 100020;
background: none;
}
#header
{
	background: url("../images/bg-top-main.png") bottom repeat-x;
	width: 100%;
	position: relative;
}
#header .inner-header
{
	width: 1200px;
    height: 650px;
	margin: 0px auto 0px auto;
	position: relative;
}

#header .tophead
{
	width: 1200px;
	height: 80px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#header .tophead .social
{
	float: left;
	margin: 10px 0px 0px 5px;
	position: relative;
	z-index: 9999;
}
#header .tophead .flipclock
{
	float: right;
	width: 260px;
	height: 80px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
#header .tophead .hotline
{
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
}
#search .search
{
	background: url("../images/search-bg.png") top left no-repeat;
	width: 239px;
	height: 39px;
	padding: 0;
	margin: 10px 10px 10px 10px;
	float: left;
	z-index: 999;
}
#search .search ul
{
	margin: 0px;
	padding: 0px;
}
#search .search li
{
	float: left;
	margin: 0;
	padding: 0;
}
#search .search li h2
{
	position: relative;
	top: 14px;
	margin: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}
#search .search li .inputbox
{
	background: none;
	width: 190px;
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 10px 3px 0px 10px;
	height: 20px;
	border: none;
	color: rgb(51, 51, 51);
	font-size: 17px;
	font-weight: normal;
}
#search .search li .button
{
	position: relative;
	top: 5px;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 30px;
}

#header .nav
{
	background: url("../images/bg-nav.png") top left no-repeat;
	width: 1200px;
	height: 60px;
	margin: 0;
	padding: 0px 0px 40px 0px;
	position: relative;
	float: left;
}
#header .nav a.logo
{
	margin: -53px 0px 0px 0px;
	padding: 0;
	position: relative;
	float: left;
	-webkit-transition: all .60s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .60s ease;  /* FF4+ */
	-ms-transition: all .60s ease;  /* IE10 */
	-o-transition: all .60s ease;  /* Opera 10.5+ */
	transition: all .60s ease;
}
#header .nav a.logo:hover
{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	writing-mode: lr-tb;
}
#header .nav ul.menu-left
{
   margin: 0px 0px 0px 20px;
   float: left;
}
#header .nav ul.menu-right
{
   margin: 0px 20px 0px 0px;
   float: left;
}
#header .nav ul li
{
	float: left;
	list-style: none;
	text-align: center;
	margin: 0px 0px 0px 1px;
}
#header .nav ul li a
{
	background: url("../images/bg-nav.png") top center no-repeat;
	color: #fff;
	font-size: 18px;
	float: left;
	width: 167px;
	margin: 0;
	padding: 15px 0px 18px 0px;
	text-align: center;
	font-weight: bold;
	font-family: tahoma;
	text-shadow: 1px 1px 1px #414141;
	-webkit-transition: all .30s ease;
	-moz-transition: all .30s ease;
	-ms-transition: all .30s ease;
	-o-transition: all .30s ease;
	transition: all .30s ease;
}
#header .nav ul li a:hover
{
	background: url("../images/bg-nav-hover.png") top center no-repeat;
}

#header .slider
{
	background: url("../images/bg-slider.png") top center no-repeat;
	width: 875px;
	height: 390px;
	margin: 0;
	padding: 22px 14px 22px 14px;
	float: left;
	position: relative;
	z-index: 1;
}
#header .booking
{
	background: url("../images/bg-dattour.png") top left no-repeat;
	width: 293px;
	height: 438px;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	z-index: 1;
}
#header .booking .content
{
	width: 240px;
	height: 295px;
	margin: 120px 0px 0px 25px;
	padding: 0;
	float: left;
	position: relative;
	z-index: 1;
}
#header .booking .content .row
{
	background: url("../images/input-text.png") top left no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 8px 10px;
	float: left;
	position: relative;
	z-index: 1;
}
#header .booking .content .row input
{
	background: none;
	border: none;
	width: 220px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	z-index: 1;
	font-size: 17px;
	color: #777;
	font-weight: normal;
}
#header .booking .content .row img.choosedate
{
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 0;
}
#header .booking .content .button
{
	width: 240px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	z-index: 1;
	text-align: center;
}
#header .booking .content .button input
{
	background: url("../images/bt-dangky.png") no-repeat;
	width: 135px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	-webkit-transition: all .50s ease;
	-moz-transition: all .50s ease;
	-ms-transition: all .50s ease;
	-o-transition: all .50s ease;
	transition: all .50s ease;
}
#header .booking .content .button input:hover
{
	background: url("../images/bt-dangky-hover.png") no-repeat;
	width: 135px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

#container
{    
	background: #edfaf5 url("../images/bg-main.png");
	width: 100%;
	margin: 0;
	padding: 0;
}
#container2
{    
	background: url("../images/bg-top-footer.png") bottom repeat-x;
	width: 100%;
	margin: 0;
	padding: 0;
}
#main
{
	position: relative;
	width: 1200px;
	margin: 0 auto ;
	padding: 0px 0px 20px 0px;
}

/*css top danhmuc + hotline ---------------------------------------------- */
#main .pull-top
{
	width: 1200px;
	float: left;
	margin: 0;
	padding: 20px 0px 20px 0px;
	position: relative;
}
#main .pull-top .support
{
	background: url("../images/bg-hotro.png") top left no-repeat;
	float: left;
	width: 285px;
	height: 267px;
	position: relative;	
	margin: 0;
	padding: 0;
}
#main .pull-top .support .content
{
	position: relative;
	float: left;
	width: 185px;
	height: 180px;
	margin: 55px 0px 0px 40px;
	padding: 0;	
}

#main .pull-top .danhmuc
{
	float: left;
	width: 915px;
	height: 267px;
	position: relative;	
	margin: 0;
	padding: 0;
}
#main .pull-top .danhmuc .content
{
	position: relative;
	margin: 0;
	padding: 0;	
}
#main .pull-top .danhmuc .content ul
{
	position: relative;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0;	
}
#main .pull-top .danhmuc .content ul li
{
	background: url("../images/bg-dm.png") bottom center no-repeat;
	position: relative;
	float: left;
	margin: 0px 20px 0px 40px;
	padding: 0;	
}
#main .pull-top .danhmuc .content ul li a
{
	position: relative;
	float: left;
	width: 237px;
	height: 237px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 0px;	
	-webkit-transition: all .40s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .40s ease;  /* FF4+ */
	-ms-transition: all .40s ease;  /* IE10 */
	-o-transition: all .40s ease;  /* Opera 10.5+ */
	transition: all .40s ease;	
}
#main .pull-top .danhmuc .content ul li a:hover
{
	margin: 0;
	padding: 0px 0px 18px 0px;	
}
#main .pull-top .danhmuc .content ul li a img
{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all .20s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .20s ease;  /* FF4+ */
	-ms-transition: all .20s ease;  /* IE10 */
	-o-transition: all .20s ease;  /* Opera 10.5+ */
	transition: all .20s ease;	
}
#main .pull-top .danhmuc .content ul li a img:hover
{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

/*css midle--------------------------------------------------------------------------*/
#main .pull-midle
{
	float: left;
	width: 1200px;
	margin: 0;
	padding: 20px 0px 20px 0px;
	position: relative;
}
#main .pull-midle .row
{
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-midle .top
{
	background: url("../images/bg-line.png") bottom center no-repeat;
	float: left;
	width: 1200px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	position: relative;
}
#main .pull-midle .top h1
{
	margin: 10px;
	padding: 0;
	font-size: 40px;
	font-weight: bold;
	font-family: Times;
	font-style: italic;
	color: #00791a;
	text-align: center;
}
#main .pull-midle .row .top a.xemtatca
{
	float: right;
	margin: 0px 160px 0px 0px;
	padding: 0;
	position: relative;
	top: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #00AC67;
	font-family: Tahoma;
}
#main .pull-midle .row .top a.xemtatca:hover
{
	color: #00854F;
}

#main .pull-midle .row .sanphamhome
{
	margin: 0;
	padding: 0;
	position: relative;
}

/*css midle san pham, tour du lich--------------------------------------------------------------------------*/
#main .pull-midle .product
{
	margin: 0;
	padding: 0;
	float: left;
	width: 1200px;
}
#main .pull-midle .product ul,
#main .pull-midle .product-other ul
{
	float: left;
	margin: 0;
	padding: 0;
}
#main .pull-midle .product ul li,
#main .pull-midle .product-other ul li
{
	background: url("../images/bg-sp.png") no-repeat;
	padding: 0;
	margin: 20px 5px 10px 5px;
	float: left;
	width: 289px;
	height: 402px;
	position: relative;
}
#main .pull-midle .product-other ul li
{
	margin: 20px 0px 10px 0px;
}
#main .pull-midle .product ul li .inner,
#main .pull-midle .product-other ul li .inner
{
	padding: 0;
	margin: 0;
}
#main .pull-midle .product ul li .inner div.image,
#main .pull-midle .product-other ul li .inner div.image
{
	position: relative;
	z-index: 1;
	width: 246px;
	height: 188px;
	margin: 25px 0px 0px 21px;
	padding: 0px;
}
#main .pull-midle .product ul li .inner div.image a.image,
#main .pull-midle .product-other ul li .inner div.image a.image
{	
	position: relative;
	z-index: 1;
}
#main .pull-midle .product ul li .inner div.image a.image img,
#main .pull-midle .product-other ul li div.inner .image a.image img
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0px 0px 5px 1px rgba(96, 96, 96, 0.1);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(96, 96, 96, 0.1);
	box-shadow: 0px 0px 5px 1px rgba(96, 96, 96, 0.1);
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all .60s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .60s ease;  /* FF4+ */
	-ms-transition: all .60s ease;  /* IE10 */
	-o-transition: all .60s ease;  /* Opera 10.5+ */
	transition: all .60s ease;
}
#main .pull-midle .product ul li .inner div.image a.detail,
#main .pull-midle .product-other ul li .inner div.image a.detail
{	
	display: none;
	background: url("../images/bt-chitiet.png") no-repeat;
	width: 120px;
	height: 43px;
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 63px;
	margin: 0;
	padding: 0;	
	-webkit-transition: all .40s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .40s ease;  /* FF4+ */
	-ms-transition: all .40s ease;  /* IE10 */
	-o-transition: all .40s ease;  /* Opera 10.5+ */
	transition: all .40s ease;
}
#main .pull-midle .product ul li .inner div.image a.detail:hover,
#main .pull-midle .product-other ul li .inner div.image a.detail:hover
{	
	background: url("../images/bt-chitiet-hover.png") no-repeat;
}
#main .pull-midle .product ul li .inner div.image:hover a.detail,
#main .pull-midle .product-other ul li .inner div.image:hover a.detail
{	
	display: block;
}
#main .pull-midle .product ul li .inner div.image:hover a.image img,
#main .pull-midle .product-other ul li .inner div.image:hover a.image img
{	
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
#main .pull-midle .product ul li .inner .title,
#main .pull-midle .product-other ul li .inner .title
{
	position: relative;
	float: left;
	width: 258px;
	margin: 5px 10px 0px 15px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-align:left;
}
#main .pull-midle .product ul li .inner .title h1,
#main .pull-midle .product-other ul li .inner .title h1
{
	font: bold 18px Arial;
	color: #00820f;
	text-align: left;
	border-bottom: 1px dotted #969696;
	padding: 0px 0px 5px 0px;
	line-height: 22px;
}
#main .pull-midle .product ul li .inner .title h1:hover,
#main .pull-midle .product-other ul li .inner .title h1:hover
{
	color: #005312;
}
#main .pull-midle .product ul li .inner .summary,
#main .pull-midle .product-other ul li .inner .summary
{	
	position: relative;
	float: left;
	width: 258px;
	margin: 0px 10px 5px 15px;
	padding: 0;
	overflow: hidden;
	text-align:left;
}
#main .pull-midle .product ul li .inner .summary p,
#main .pull-midle .product ul li .inner .summary h2,
#main .pull-midle .product-other ul li .inner .summary p,
#main .pull-midle .product-other ul li .inner .summary h2
{	
	font: 12px tahoma;
	color:#333333;
	text-align:left;	
}
#main .pull-midle .product ul li .inner .summary red,
#main .pull-midle .product-other ul li .inner .summary red
{	
	color:#e20000;
	font-size: 13px;
}
#main .pull-midle .product ul li .inner .button,
#main .pull-midle .product-other ul li .inner .button
{
	background: #fff;
	position: absolute;
	left: 0px;
	bottom: 13px;
	float: left;
	width: 258px;
	margin: 5px 10px 5px 15px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
#main .pull-midle .product ul li .inner .button a.booking,
#main .pull-midle .product-other ul li .inner .button a.booking
{
	background: url("../images/bt-dattour.png") no-repeat;
	width: 120px;
	height: 43px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0;
}
#main .pull-midle .product ul li .inner .button a.booking:hover,
#main .pull-midle .product-other ul li .inner .button a.booking:hover
{
	background: url("../images/bt-dattour-hover.png") no-repeat;
}
#main .pull-midle .product ul li .inner .button a.detail,
#main .pull-midle .product-other ul li .inner .button a.detail
{
	background: url("../images/bt-chitiet.png") no-repeat;
	width: 120px;
	height: 43px;
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0;
}
#main .pull-midle .product ul li .inner .button a.detail:hover,
#main .pull-midle .product-other ul li .inner .button a.detail:hover
{
	background: url("../images/bt-chitiet-hover.png") no-repeat;
}

#main .pull-midle .product ul li .inner .promotion ,
#main .pull-midle .product-other ul li .inner .promotion
{
	background: url("../images/icon-sale.png") no-repeat;
	position: absolute;
	z-index: 2;
	width: 131px;
	height: 59px;
	top: 0px;
	right: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/*css midle trang trong--------------------------------------------------------------------------*/
#main .pull-midle .left
{
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}
#main .pull-midle .left .row
{
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0;
	position: relative;
}
#main .pull-midle .left .row .top
{
	background: none;
	position: relative;	
	margin: 0;
	padding: 0;
	width: 300px;
}
#main .pull-midle .left .row .top h1
{
	margin: 10px;
	padding: 0;
	font-size: 35px;
	font-weight: bold;
	font-family: Times;
	font-style: italic;
	color: #00791a;
}
#main .pull-midle .left .support
{
	background: url("../images/bg-hotro.png") top left no-repeat;
	width: 285px;
	height: 267px;
	position: relative;	
	margin: 0 auto;
	padding: 0;
}
#main .pull-midle .left .support .content
{
	position: relative;
	float: left;
	width: 185px;
	height: 180px;
	margin: 55px 0px 0px 40px;
	padding: 0;	
}
#main .pull-midle .left .danhmuc
{
	position: relative;	
	margin: 0;
	padding: 0;
}
#main .pull-midle .left .danhmuc .content
{
	position: relative;
	margin: 0;
	padding: 0;	
}
#main .pull-midle .left .danhmuc .content ul
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;	
}
#main .pull-midle .left .danhmuc .content ul li
{
	background: url("../images/bg-dm.png") bottom center no-repeat;
	position: relative;
	float: left;
	margin: 0px 30px 0px 30px;
	padding: 0;	
}
#main .pull-midle .left .danhmuc .content ul li a
{
	position: relative;
	float: left;
	width: 237px;
	height: 237px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 0px;	
	-webkit-transition: all .40s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .40s ease;  /* FF4+ */
	-ms-transition: all .40s ease;  /* IE10 */
	-o-transition: all .40s ease;  /* Opera 10.5+ */
	transition: all .40s ease;	
}
#main .pull-midle .left .danhmuc .content ul li a:hover
{
	margin: 0;
	padding: 0px 0px 18px 0px;	
}
#main .pull-midle .left .danhmuc .content ul li a img
{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all .20s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .20s ease;  /* FF4+ */
	-ms-transition: all .20s ease;  /* IE10 */
	-o-transition: all .20s ease;  /* Opera 10.5+ */
	transition: all .20s ease;	
}
#main .pull-midle .left .danhmuc .content ul li a img:hover
{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#main .pull-midle .left .gallery
{
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-midle .left .gallery .top
{
	background: url("../images/thuvienhinhanh.png") top left no-repeat;
	float: left;
	width: 300px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	position: relative;
}
#main .pull-midle .left .gallery .content
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-midle .left .gallery .content ul
{
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-midle .left .gallery .content ul li
{
	background: url("../images/bg-hinhanh.png") top left no-repeat;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0;
	position: relative;
	width: 100px;
	height: 79px;
}
#main .pull-midle .left .gallery .content ul li a
{
	float: left;
	margin: 4px 0px 0px 4px;
	padding: 0;
	position: relative;
	width: 92px;
	height: 68px;
}
#main .pull-midle .left .gallery .content ul li a img
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 92px;
	height: 68px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all .40s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .40s ease;  /* FF4+ */
	-ms-transition: all .40s ease;  /* IE10 */
	-o-transition: all .40s ease;  /* Opera 10.5+ */
	transition: all .40s ease;	
}
#main .pull-midle .left .gallery .content ul li a img:hover
{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

#main .pull-midle .left .weather
{
	float: left;
	width: 300px;
	position: relative;	
	margin: 0;
	padding: 0;
}
#main .pull-midle .left .weather .content
{
	position: relative;	
	margin: 0;
	padding: 0;
}
#main .pull-midle .left .weather .content h2
{
	margin: 5px;
	padding: 5px;
	text-align: left;
	font-size: 20px;
	border-top: 1px dotted #C5C5C5;
}

/*----------------------------------------------------------------------------------------------*/
#main .pull-midle .right
{
	float: right;
	width: 870px;
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-midle .right .top
{
	background: url("../images/bg-line.png") bottom center no-repeat;
	float: left;
	width: 870px;
	margin: 0;
	padding: 0px 0px 15px 0px;
	position: relative;
}
#main .pull-midle .right .top h1
{
	margin: 10px;
	padding: 0;
	font-size: 40px;
	font-weight: bold;
	font-family: Times;
	font-style: italic;
	color: #00791a;
	text-align: center;
}
#main .pull-midle .right .document
{
	float: left;
	width: 850px;
	margin: 0;
	padding: 10px;
	position: relative;
	font-size: 16px;
	text-align: justify;
}
#main .pull-midle .right .document p
{
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	text-align: left;
	color: #474747;
	font-family: Arial;
}

#main .pull-midle .right .document .information
{ 
	float: left;
	width: 380px;
	margin: 0;
	padding: 0px;
	position: relative;
	font-size: 14px;
	text-align: justify;
}
#main .pull-midle .right .document .information p
{ 
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: left;
	color: #474747;
	font-family: Arial;
}
#main .pull-midle .right .document .maps
{ 
	background: #fff;
	border: 1px solid #999999;
	float: left;
	width: 810px;
	margin: 10px;
	padding: 0px 9px 9px 9px;
	position: relative;
}

/*css midle tin tuc--------------------------------------------------------------------------*/
#main .pull-midle .news
{
	float: left;
	width: 1200px;
	margin: 0;
	padding: 0;
}
#main .pull-midle .news ul
{
	margin: 0;
	padding: 0;
	float: left;
}
#main .pull-midle .news ul li
{
	margin: 10px 10px 10px 15px;
	padding: 0;
	float: left;
	width: 575px;
	height: 250px;
}
#main .pull-midle .news ul li .image
{
	margin: 0px 10px 0px 0px;
	padding: 0;
	float: left;
}
#main .pull-midle .news ul li .image img
{
	margin: 0;
	padding: 4px;
	width: 250px;
	height: 200px;
	background: #fff;
	border: 1px solid #BBB;
}
#main .pull-midle .news ul li .title
{
	margin: 0px 0px 5px 0px;
	padding: 0;
	float: left;
	width: 300px;
	text-align: justify;
}
#main .pull-midle .news ul li .title a
{
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #2A8300;
}
#main .pull-midle .news ul li .title a:hover
{
	color: #216600;
}
#main .pull-midle .news ul li .datetime
{
display:none;
	background: url("../images/icon-datetime.png") top left no-repeat;
	width: 260px;
	height: 22px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	float: left;
	font-size: 12px;
	color: #A0A0A0;
	text-align: left;
}
#main .pull-midle .news ul li .summary
{
	width: 300px;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 14px;
	color: #636363;
	text-align: justify;
	font-family: arial;
	line-height: 18px;
}
#main .pull-midle .news ul li .detail
{
	width: 300px;
	margin: 0;
	padding: 0;
	float: right;
}
#main .pull-midle .news ul li .detail a.detail
{
	background: url("../images/bt-xemtiep.png") bottom center no-repeat;
	width: 66px;
	height: 27px;
	float: right;
	margin: 5px;
	padding: 0;
	position: relative;
}
#main .pull-midle .news ul li .detail a.detail:hover
{
	background: url("../images/bt-xemtiep-hover.png") bottom center no-repeat;
}

/*css midle chi tiet tin tuc--------------------------------------------------------------------------*/
#main .pull-midle .right .newsdetail
{
	width: 870px;
	float: left;
	margin: 0;
	padding: 0;
}
#main .pull-midle .right .newsdetail .title
{
	margin: 10px 0px 10px 0px;
	padding: 0;
}
#main .pull-midle .right .newsdetail .title h1
{
	font-size: 25px;
	font-weight: bold;
	font-style: normal;
	color: #2A8300;
}
#main .pull-midle .right .newsdetail .datetime
{
	background: url("../images/icon-datetime.png") top left no-repeat;
	width: 260px;
	height: 22px;
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 30px;
	font-size: 13px;
	color: #A0A0A0;
	text-align: left;
}
#main .pull-midle .right .newsdetail .image
{
	margin: 0px 10px 0px 0px;
	padding: 0;
	float: left;
}
#main .pull-midle .right .newsdetail .image img
{
	margin: 0;
	padding: 6px;
	width: 450px;
	height: 360px;
	background: #fff;
	border: 1px solid #BBB;
	box-shadow: 0px 0px 3px #6B6B6B;
}
#main .pull-midle .right .newsdetail .image img:hover
{
	box-shadow: 0px 0px 10px #6B6B6B;
}
#main .pull-midle .right .newsdetail .summary
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #636363;
	text-align: justify;
	font-family: tahoma;
	line-height: 22px;
}
#main .pull-midle .right .newsdetail .document
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	position: relative;
	font-size: 16px;
	text-align: justify;
}
#main .pull-midle .right .newsdetail .document p
{
	padding: 0px 0px 10px 0px;
	font-size: 16px;
	text-align: justify;
	color: #474747;
	font-family: Arial;
	line-height: 25px;
}
#main .pull-midle .right .newsdetail .summary-product
{
	float: right;
	width: 390px;
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #636363;
	text-align: left;
	font-family: tahoma;
	line-height: 22px;
}
#main .pull-midle .right .newsdetail .summary-product p,
#main .pull-midle .right .newsdetail .summary-product h2
{	
	font: 20px tahoma;
	color:#333333;
	text-align:left;
	line-height: 35px;	
}
#main .pull-midle .right .newsdetail .summary-product red
{	
	color:#e20000;
	font-size: 25px;
}
#main .pull-midle .right .newsdetail .button
{	
	margin: 10px;
	padding: 0;
	float: right;
	width: 370px;
}
#main .pull-midle .right .newsdetail .button a.booking
{	
	background: url("../images/bt-dattour.png") no-repeat;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 43px;
	float: left;
}
#main .pull-midle .right .newsdetail .button a.booking:hover
{	
	background: url("../images/bt-dattour-hover.png") no-repeat;
}
#main .pull-midle .right .newsdetail .tags
{	
	padding: 5px 5px 20px 5px;
	margin: 0px 0px 0px 5px;
	color: #AFAFAF;
	font-size: 11px;
}
#main .pull-midle .right .newsdetail .tags a,
#main .pull-midle .right .newsdetail .tags h1,
#main .pull-midle .right .newsdetail .tags g2,
#main .pull-midle .right .newsdetail .tags p,
#main .pull-midle .right .newsdetail .tags span
{	
	color: #AFAFAF;
	font-size: 11px;
}
#main .pull-midle .right .newsdetail .tags a:hover
{	
	text-decoration: underline;
}

/*css tin tuc khác vs khung chua san pham khac------------------------------------------------------------*/
#main .pull-midle .right .newsdetail .news-other,
#main .pull-midle .product-other
{
	float: left;
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 0;
	border-top: 1px dotted #A8A8A8;
}
#main .pull-midle .right .newsdetail .news-other h2,
#main .pull-midle .product-other h2
{
	position: relative;
	margin: 5px;
	padding: 0;
	font-size: 30px;
}
#main .pull-midle .right .newsdetail .news-other .inner,
#main .pull-midle .product-other .inner
{
	margin: 0;
	padding: 0;
}
#main .pull-midle .right .newsdetail .news-other .inner .title
{
	background: url("../images/icon-muiten.gif") 0px 8px no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
#main .pull-midle .right .newsdetail .news-other .inner .title a
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
#main .pull-midle .right .newsdetail .news-other .inner .title a:hover
{
	text-decoration: underline;
}
#main .pull-midle .right .newsdetail .news-other .inner .title span
{
	color: #858585;
	font-size: 12px;
	font-weight: normal;
}

/*css button back--------------------------------------------------------------------------*/
a.back
{
	margin: 5px;
	padding: 0;
	position: relative;
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #009630;
}
a.back:hover
{
	color: #006D23;
	text-decoration: underline;
}
#facebook
{
	margin: 10px 0px 10px 0px;
}
/*css bottom--------------------------------------------------------------------------*/
#main .pull-bottom
{
	width: 1200px;
	float: left;
	margin: 0;
	padding: 20px 0px 20px 0px;
	position: relative;
}
#main .pull-bottom .row
{
	margin: 0;
	padding: 0;
	position: relative;
}

#main .pull-bottom .row .about
{
	float: left;
	width: 740px;
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-bottom .row .about .content
{
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 14px;
	text-align: justify;
}
#main .pull-bottom .row .about .content p
{
	padding: 5px 0px 0px 0px;
	font-size: 14px;
	text-align: justify;
	color: #474747;
}
#main .pull-bottom .row .about .content a.detail
{
	background: url("../images/bt-xemtiep.png") bottom center no-repeat;
	width: 66px;
	height: 27px;
	float: right;
	margin: 5px 0px 10px 0px;
	padding: 0;
	position: relative;
}
#main .pull-bottom .row .about .content a.detail:hover
{
	background: url("../images/bt-xemtiep-hover.png") bottom center no-repeat;
}

#main .pull-bottom .row .gallery
{
	float: right;
	width: 440px;
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-bottom .row .gallery .top
{
	background: url("../images/thuvienhinhanh.png") top left no-repeat;
	float: left;
	width: 440px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	position: relative;
}
#main .pull-bottom .row .gallery .content
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-bottom .row .gallery .content ul
{
	margin: 0;
	padding: 0;
	position: relative;
}
#main .pull-bottom .row .gallery .content ul li
{
	background: url("../images/bg-hinhanh.png") top left no-repeat;
	float: left;
	margin: 5px;
	padding: 0;
	position: relative;
	width: 100px;
	height: 79px;
}
#main .pull-bottom .row .gallery .content ul li a
{
	float: left;
	margin: 4px 0px 0px 4px;
	padding: 0;
	position: relative;
	width: 92px;
	height: 68px;
}
#main .pull-bottom .row .gallery .content ul li a img
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 92px;
	height: 68px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all .40s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .40s ease;  /* FF4+ */
	-ms-transition: all .40s ease;  /* IE10 */
	-o-transition: all .40s ease;  /* Opera 10.5+ */
	transition: all .40s ease;	
}
#main .pull-bottom .row .gallery .content ul li a img:hover
{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

/* css link phan trang----------------------------------------------------*/
#main .link
{
    color: #fff;
	text-align: center;
	padding: 10px;
}
#main .link b
{
    color: #fff;
	border: 1px solid #000;
	background: rgb(107, 107, 107);
	padding: 3px 5px 3px 5px;
	font-family: Arial;
	font-size: 13px;
}
#main .link a
{
    color: rgb(90, 90, 90);
	border: 1px solid #000;
	background: #fff;
	padding: 3px 5px 3px 5px;
	margin: 0px 2px 0px 2px;
	font-family: Arial;
	font-size: 13px;
}
#main .link a:hover
{
    color: #fff;
	border: 1px solid #000;
	background: rgb(179, 179, 179);
	padding: 3px 5px 3px 5px;
}

#footer 
{
	background: #00791a;
	clear: both;
	position: relative;
	width: 100%;
}
#footer .inner-footer
{
	color: #fff;
	position: relative;
	width: 1200px;
	min-height: 80px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 20px 0px;
	text-align: left;
}
#footer .inner-footer .nav
{
	width: 1200px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#footer .inner-footer .nav ul
{
	float: right;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 40px 0px 0px;
}
#footer .inner-footer .nav ul li
{
	float: left;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#footer .inner-footer .nav a
{
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}
#footer .inner-footer .nav a:hover 
{
	text-decoration: underline;
}
#footer .inner-footer .document
{	
	float: left;
	width: 1000px;
	padding: 5px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
}
#footer .inner-footer .document p
{
   	position: relative;
	line-height: 20px;
	padding:0px 10px 0px 10px;
	font-size: 14px;
}
#footer .inner-footer .tags
{	
	float: left;
	width: 780px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 5px;
	color: #dadada;
	font-size: 11px;
}
#footer .inner-footer .tags a,
#footer .inner-footer .tags h1,
#footer .inner-footer .tags g2,
#footer .inner-footer .tags p,
#footer .inner-footer .tags span
{	
	color: #dadada;
	font-size: 11px;
}
#footer .inner-footer .tags a:hover
{	
	text-decoration: underline;
}

#footer .social
{
	position: absolute;
	bottom: 10px;
	right: 210px;
}
#footer .social ul
{
	position: relative;
	margin: 0;
	padding: 0;
}
#footer .social ul li
{
	float: left;
	position: relative;
	margin: 0px 5px 0px 5px;
	padding: 0;
}
#footer .social ul li img
{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all .40s ease;  /* Saf3.2+, Chrome */
	-moz-transition: all .40s ease;  /* FF4+ */
	-ms-transition: all .40s ease;  /* IE10 */
	-o-transition: all .40s ease;  /* Opera 10.5+ */
	transition: all .40s ease;	
}
#footer .social ul li img:hover
{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#footer .couter
{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
}
#footer .couter div
{
	float: left;
	margin-left: 10px;
}

#footer .nambovn
{
	position: absolute;
	bottom: 20px;
	right: 30px;
}
#footer .nambovn h1
{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}
#footer .nambovn a
{
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
}
#footer .nambovn a:hover
{
	text-decoration: underline;
}
.clear
{
	clear:both;
}
.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 80px;
    z-index: 200000 !important;
    text-decoration: none !important;
}

.suntory-alo-ph-circle,.suntory-alo-ph-circle2 {
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 60px;
    left: 15px;
    opacity: 0.1;
    position: absolute;
    top: 15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 60px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: #fe0018;
    opacity: 1;
}

.suntory-alo-ph-circle-fill {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 10px;
    position: absolute;
    top: 10px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: rgb(8 8 8 / 90%);
}

.suntory-alo-ph-img-circle {
    text-align: center;
    border-radius: 100%;
    height: 50px;
    left: 20px;
    opacity: 1;
    position: absolute;
    top: 20px;
    transform-origin: 50% 50% 0;
    width: 50px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #1182FC;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle img {
    width: 70%;
}

.suntory-alo-phone span {
    display: block;
    background: #cb0101;
    text-align: center;
    border: 1px solid #FFF;
    font-size: 1em;
    padding: 5px;
    text-decoration: none !important;
    font-weight: bold;
    color: #fff;
    width: 125px;
    margin: 24px 0px 0px 50px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: -1;
}

.suntory-alo-ph-img-circle i {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50px;
    height: 50px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle2 {
    border-color: #0197d4;
    opacity: 1;
}

@-webkit-keyframes suntory-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }

    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes suntory-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }

    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

@keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}