/* CSS Document */
img
{
	border:none;
}
body{
	font-size:13px;
	padding:0px;
	margin:0px;
	font-family:Arial,Verdana,sans-serif;	
	line-height: 20px;
	min-width:1200px;
}

	
form
{
	margin:0px;
	padding:0px;
}
.clear{
	clear:both;
}

input[type=text], textarea, input[type=password]
{
	border:1px solid #E0E0E0;
	border-radius:3px;
	line-height:20px;
	height:20px;
}
input[type=text]:hover, textarea:hover, input[type=password]:hover, select:hover {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}
select{
	border: 1px solid #ccc;
	height: 25px;
}

/*======== header ----------*/
.header{
	margin:0 auto;
	width:1000px;
	margin-bottom:10px;
}
.left-header{
	float:left;
	width:700px;
}
.left-header a
{
	text-decoration:none;
}
.right-header
{
	position:relative;
	float:right;
	width:255px;
	margin-top:30px;
}

.right-header .view-mobile
{
	position:absolute;
	right:0px;
	top:5px;
	cursor: pointer;
	display: inline-block;
	background: url(/publish/img/mobileversion.png) 0px 5px no-repeat;
	color: #05B413;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0 0 18px;
}

.right-header .fone-number{
	font-size:20px;
	color:#d2392c;
	background:url(/publish/img/hotline.png) no-repeat top left;
	height:38px;
	line-height:38px;
	text-indent:50px;
	font-weight:bold;
}
.right-header .search-box{
	margin:10px 0px 0px 0px;
	width:250px;
	border: 1px solid #aeaeae;
	height:30px;
	position:relative;
}
.right-header .search-box .keywords{
	width:200px;
	height:25px;
	border:none;
	outline:none;
	padding-left:10px;
}
.right-header .search-box .keywords:hover{
	box-shadow:none;
}
.right-header .search-box .btnsearch{
	width:30px;
	height:30px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(/publish/img/btnsearch.jpg) no-repeat center right;
	cursor:pointer;
}
.right-header .fone-number{
	font-size:20px;
	color:#d2392c;
	background:url(/publish/img/hotline.png) no-repeat top left;
	height:38px;
	line-height:38px;
	text-indent:50px;
	font-weight:bold;
}
/*========= menu ---------*/
.top-menu {
    position:relative;
    z-index:1000;
    height:38px;
	background-color: #0B7BB1;
	margin-bottom:35px;
	box-shadow: 0 2px 5px rgba(5, 51, 22, 0.3);
	
}
.top-menu>ul{
	width:1000px;
	margin:0 auto;
	text-align:center;
}
.top-menu>ul>li>.selected{
 background: #407B0F;
 color:#fff;
}
.top-menu>ul>li>ul>li>.selected{
 background: #407B0F;
}

.top-menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
.top-menu a {
    display:block;
	padding:0px 15px 0px 15px;
    white-space:nowrap;
	height:100%;
	text-decoration:none;
    color:#ffffff;/*1*/
    position:relative;
    z-index:77;
    text-transform:uppercase;
    font:12px Tahoma,Geneva,sans-serif;
    text-decoration:none;
	line-height: 38px;
	font-weight:bold;
}
.top-menu li {
	height: 38px;	
	line-height: 38px;
	
}
.top-menu>ul>li{
border-right: 1px solid #569CBD;
    border-left: 1px solid #086FA0;
	display:inline-block;
	float:none;
}


.top-menu li li {
    float:none;
    text-align:left;
}

/* menu::level 1 */

.top-menu>ul>li:hover>a 
{
	 color:#FFF;
	 background:#086896;
}
.top-menu>ul>li:hover>ul
{
	display:block;
}

/* menu::level >= 2 */
.top-menu ul ul 
{
	width: 220px;
	position: absolute;
	display: none;
}

.top-menu li li{
		
	margin: 0px;
	padding: 0px;	
	height: 30px;
	border: 1px solid #1896D2;
	border-right:none;
	border-top:none;
}
.top-menu li li a {
    position:static;
    background:#0B7BB1;
	text-indent:12px;
    color:#fff;
    padding:0px;
	width: 100%;
	line-height: 30px;
	text-transform:none;
    display:block;
    padding:0px;
    letter-spacing: 0;
	font-weight:normal;
}
.top-menu li li a:hover 
{
	background:#086896; 
}

/*=========== slides ==========*/
/* MAIN SLIDE */
.slides
{
	background:#e0e0e0;
	height:500px;
	width:1200px;
	margin:0 auto;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
}

.pixel .slide-wrapper
{
	/*background-color:#FFF;
	border:4px solid #FFF;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 0px 10px #CCC;*/
}

/* END OF MAIN SLIDE */

/* SLIDE CAPTION */

.pixel .caption .background
{
	background-color:#000;
	width:100%;
	height:100%;
}


.pixel .caption .content
{	
	color:#FFF;
	margin:0px;
	padding:8px;
	font-size:16px;
	line-height:18px;
}

/* END OF SLIDE CAPTION */
/* main container of the navigation buttons */

/* TOOLTIP */

.pixel .tooltip .content
{
	color:#999;
	padding:10px;
	margin:0px;
}
/* END OF TOOLTIP */



/************          BEGIN advanced-slider            *******************/
.advanced-slider
{
	position:relative;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}


.slider{list-style:none;margin:0;padding:0}
.slider-item
{
	position:absolute;
	left:-9999px;	
}


.advanced-slider .slide-wrapper
{
	position:absolute;
	overflow:hidden;
	z-index:2;
}


.advanced-slider .slide
{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:10;
}


.advanced-slider .slice
{
	display:block;
	position:absolute;
}


.advanced-slider .preloader
{
	position:absolute;
	z-index:15;
}


.advanced-slider .navigation-arrows a
{
	position:absolute;
	z-index:30;
	cursor:pointer;
}


.advanced-slider .slideshow-controls
{
	position:absolute;
	z-index:40;
	cursor:pointer;
}


.advanced-slider .shadow
{
	position:absolute;
	z-index:1;
}


.advanced-slider .shadow .shadow-left, .advanced-slider .shadow .shadow-right, .advanced-slider .shadow .shadow-middle
{
	float:left;
}

/*Timer advanced slider*/
.advanced-slider .timer-animation 
{	
	height:20px;
	position:absolute; visibility:hidden;
	z-index:60;
	top:3px;
	right:2px;
}
/*End Timer advanced slider*/

.advanced-slider .caption
{
	overflow:hidden;
	position:absolute;
	z-index:20;
}


.advanced-slider .caption .wrapper
{
	position:absolute;
}


.advanced-slider .caption .background
{
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
}


.advanced-slider .caption .content
{	
	position:absolute;
	z-index:20;
}
.advanced-slider .navigation-buttons
{
	position:absolute;
	z-index:50;
}


.advanced-slider .navigation-buttons .left, .advanced-slider .navigation-buttons .right, .advanced-slider .navigation-buttons .middle
{
	float:left;
}


.advanced-slider .buttons a
{
	position:relative;
	cursor:pointer;
	float:left;
}

.advanced-slider .tooltip
{
	position:absolute;
	z-index:9999;
}

.success{
    border: 1px solid rgb(145, 189, 255);
	border-left: none;
	border-right: none;
	padding: 6px 7px 6px 7px;
	margin-bottom: 20px;
	font-weight: bold;
	background: rgb(178, 224, 255);
	margin: 3px 0px 3px 0px;
	display: block;
	color: #3603B8;

}

.error{
    border:1px solid #E00000;
    border-left:none;
    border-right:none;
    padding: 6px 7px 6px 7px;
    margin-bottom:20px;
    font-weight: bold;
    background: #ffa;
    margin:3px 0px 3px 0px;
    display:block;
    color:#FF0000;
}

.register-receive-price
{
	background:#eee;
	position:absolute;
	bottom:20px;
	left:60px;
	z-index:10010;
	height:55px;
	padding:10px;
}
.register-receive-price input
{
	margin: 0px !important;
	border: 0px;
	height: 50px;
	width: 250px;
	font-size: 18px;
	text-indent:5px;
	outline:none;
	border:1px solid #ddd;
	box-shadow:none;
	
}
.register-receive-price .register-price-button-wrapper
{
	background:url(/publish/img/btnregisterprice.jpg) repeat-x 5px;
	width:300px;
	display:inline-block;
	
}
.register-receive-price .register-price-button
{
	color: #3A920F;
	width: 100%;
	background: url(/publish/img/white-arrow.png) no-repeat 240px;
	font-weight: bold;
	text-align: left;
	text-indent: 35px;
}
/*============ section 1 -------------*/
.body
{
	width:1000px;
	margin:0 auto;
	margin-top:20px;
}

.pc-head-title
{
	margin: 0 0 20px 0;
}

.pc-head-title h1
{
	color: #0B7BB1;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0 0;
        font-family: Tahoma,Geneva,sans-serif;
}

.section1{
	
}
.section1 .video{
	float:left;
	width:300px;
	margin-right:20px;
}
.section1 .video .content
{
	padding: 10px 0px 0px 0px;
}
.section1 .brief{
	float:right;
	width:100%;
	line-height:23px;
}
.section1 .title{
	text-transform: uppercase;
	font-size: 20px;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 5px 5px 0px;
	font-weight: bold;
	color: #0B7BB1;
	font-family:Tahoma,Geneva,sans-serif;
}
.section1 .brief .content
{
	padding:10px 0px 0px 0px;
}
.section1 .brief .readmore a{
	text-decoration: none;
	color: #0B7BB1;
	font-size:13px;
	font-weight:bold;
}
.section1 .brief .readmore a:hover{
	text-decoration:underline;
}

/*========== section 2 ===========*/
.list-bed-room
{
	margin: 0 auto;
	border-top:1px solid #e5e5e5;
	margin-top:10px;
	padding-top:10px;
	width:1000px;
	
}
.list-bed-room .head{
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 5px 10px 5px;
	font-weight: bold;
	color: #0B7BB1;
	font-family:Tahoma,Geneva,sans-serif;
}
.list-bed-room .list{
}
.list-bed-room .list .item{
	float:left;
	width:230px;
	background:#0B7BB1;
	margin-left:13px;
	padding:10px 5px 9px 5px;	
	text-align:center;
}
.list-bed-room .list .item:first-child{
	margin:0px;
}

.list-bed-room .list .item a{
	text-decoration:none;
}
.list-bed-room .list .item .title{
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.list-bed-room .list .item .view-detail{
	background:url(/publish/img/bg_XemChiTiet.png) center no-repeat;
	font-size:12px;
	color:#fff;
	line-height:27px;
	text-indent: 20px;
	margin-top:10px;
}

/* ----------------- news -----------------*/
.news-box{
	border-top: 1px solid #e5e5e5;
	width:1000px;
	margin:0 auto;
	margin-top:30px;
	padding:10px 0px 0px 0px;
}
.news-box .head{
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 5px 10px 5px;
	font-weight: bold;
	color: #0B7BB1;
}
.news-box .content{
	display:inline-block;
	padding:5px 0px 0px 5px;
	background:#fff;
	font-size:12px;
	line-height:16px;
			margin: 0 0 30px 0;
    position: relative;
}
.news-box .content .item{
	float:left;
	width:325px;
	height:100px;
	position:relative;
	padding: 7px 3px 7px 3px;
}
.news-box .content .item .thumbnail{	
	width:100px;
	height:100px;
}
.news-box .content .item .thumbnail img{	
	width:100%;
	height:100%;
}
.news-box .content .item .text{	
	top:0px;
	left:110px;
	position:absolute;
	text-align:justify;
	padding-right:3px;
}
.news-box .content .item .text a{	
	text-decoration:none;
	color:#c00000;
	font-weight:bold;
	display:block;
	margin: 5px 0px 5px 0px;
}
.news-box .content .item .text a:hover
{
	text-decoration:underline;
}

.news-box .content .moreviews a {
    color: #0B7BB1;
    float: right;
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size:14px;
}	

/*------------ bottom menu -----------*/
.bottom-menu {
	width:1000px;
	margin:0 auto;
    position:relative;
	background-color: rgba(5, 51, 22, 0.3);
	margin-top: 20px;
	text-align:center;
	background: #CECCCC;
}
.bottom-menu>ul{
	width:1000px;
	margin:0 auto;
}
.bottom-menu>ul>li>.selected{
 background: #407B0F;
 color:#fff;
}
.bottom-menu>ul>li>ul>li>.selected{
 background: #407B0F;
}

.bottom-menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
.bottom-menu a {
	display: block;
	padding:0px 15px 0px 15px;
    white-space:nowrap;
	height:100%;
	text-decoration:none;
    color:#292929;
    position:relative;
    z-index:77;
    font:12px Tahoma,Geneva,sans-serif;
    text-decoration:none;
	line-height:25px;
}
.bottom-menu li {
	display:inline-block;
	position:relative;
	line-height:25px;
	
}
.bottom-menu>ul>li:first-child{
	border:none;
}
.bottom-menu>ul>li{
	border-left: 1px solid #AAAAAA;
}

.bottom-menu>ul>li:hover>a 
{
	 text-decoration:underline;
}

.pc-footer{
	width: 1000px;
	margin: 0 auto;
	background: -webkit-linear-gradient(top, #EEEEEE, #FFFFFF);
	position:relative;
	padding-top: 10px;
}

.top-link
{
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	color:#0B7BB1;
}
.top-link a
{
	color:#0B7BB1;
	text-decoration:none;
	font-weight:bold;
}
.project-content-page
{
	
}
.project-content-page .project-content
{
	padding:10px 0px 0px 0px;
}
/*paging*/
.page {
	margin-top: 5px;
	text-align: right;
	position:relative;
}

.page a {
	display: inline-block;
	text-decoration: none;
	padding: 4px 12px;
	line-height: 20px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left: none;
	color: #0088cc;
	cursor:pointer;
}
.page a:hover {
	font-weight: bold;
	color: #005580;
}
.page a:first-child {
	border-left: 1px solid #dddddd;
}
.page .active {
	font-weight: bold;
	color: #005580;
}



.list-article-page .box{
	
	margin:0px 0px 2px 0px;
	padding:0px;
}
.list-article-page .box li{
	list-style: none;
	margin: 2px;
	padding: 10px 10px 10px 0px;
	height: 67px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	text-align: justify;
	border-bottom: 1px dashed #E0E0E0;
	color:#666;
}
.list-article-page .box img{
	width:100px;
	height:67px;
	margin-right:10px;
	border:none;
}
.list-article-page .box li .title{
	color:#000;
	text-decoration:none;
	font-weight:bold;	
}
.list-article-page .box li .title:hover{
	color:#0099CC;
}

/*====== contact page ========*/
.contact-page .left
{
	width:700px;
	float:left;
}

.contact-page .intro
{
	color: #233CA0;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}
.contact-page .contact-form
{
    position:relative;	    
}
  
.contact-page .require
{
    color:Red;
    display:none;
}
.contact-page .col1{
    width:80px;
}
.contact-page input[type='text']{
    border-radius:3px;
    border:1px solid #D0D0D0;
    line-height:20px;
}
.contact-page textarea{
    width:600px;
    border-radius:5px;
    border:1px solid #D0D0D0;
    line-height:20px;
    height:150px;
}
.contact-page #name{
    width:250px;
}
.contact-page #phone{
    width:250px;
}
.contact-page #address{
    width:404px;
}
.contact-page #email{
    width:250px;
}
.contact-page #title{
    width:604px;
}
.contact-page #submit{
    padding:5px;
    width:60px;
}
.contact-page .loading{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: url(/publish/img/loader.gif) center no-repeat;
    background-color: #ffffff;
    -moz-opacity: 8.6;
    opacity: .80;
    filter: alpha(opacity=80);
    display: none;
}

.contact-page .right
{	
	width:260px;
	float:right;
}

.contact-page .right .support
{
	text-align:center;
	margin-top:5px;
	border:1px solid #ccc;
}
.contact-page .right .support .head
{
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background-color: #0B7BB1;
  color: #fff;
  height: 25px;
  padding-top: 5px;
}
.contact-page .right .support .item
{
	margin:5px 0px 15px 0px;
	font-size:13px;
}
.contact-page .right .support .item .name
{
	color:#DB0F0F;
	line-height:22px;
	font-weight:bold;
}
.contact-page .right .support .item .phone
{
	line-height:22px;
}
.contact-page .right .support .item .yahoo
{
	margin-top:5px;
}