/************************** about - Introduction *****************************/
.responsive1000 .aboutIntroduction .htmlSlider{
	width:700px;
	margin:0 auto 30px auto;
}
.responsive1000 .aboutIntroduction .htmlSlider .slide img{
	width:100%;
}
.responsive1000 .aboutIntroduction .htmlSlider .nav{
	position:static;
}
.responsive1000 .aboutIntroduction .htmlSlider .nav .page{
	display:none;
}
.responsive1000 .aboutIntroduction .htmlSlider .nav a img{
	width:70px;
}
.responsive1000 .aboutIntroduction .htmlSlider .nav .htmlSlideNext{
	display:block;
	position:absolute;
	top:50%;
	right:-45px;
	margin-top:-35px;
	z-index:10;
}
.responsive1000 .aboutIntroduction .htmlSlider .nav .htmlSlidePrev{
	display:block;
	position:absolute;
	top:50%;
	left:-45px;
	margin-top:-35px;
	z-index:10;
}

.responsive760 .aboutIntroduction .htmlSlider{
	width:100%;
	margin:0 auto 20px auto;
}
.responsive760 .aboutIntroduction .htmlSlider .slide img{
	width:100%;
}
.responsive760 .aboutIntroduction .htmlSlider .nav{
	position:static;
}
.responsive760 .aboutIntroduction .htmlSlider .nav .page{
	display:none;
}
.responsive760 .aboutIntroduction .htmlSlider .nav a img{
	width:70px;
}
.responsive760 .aboutIntroduction .htmlSlider .nav .htmlSlideNext{
	display:block;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-35px;
	z-index:10;
}
.responsive760 .aboutIntroduction .htmlSlider .nav .htmlSlidePrev{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-35px;
	z-index:10;
}


.responsive0 .aboutIntroduction .htmlSlider{
	width:100%;
	margin:0 auto 20px auto;
}
.responsive0 .aboutIntroduction .htmlSlider .slide img{
	width:100%;
}
.responsive0 .aboutIntroduction .htmlSlider .nav{
	position:static;
}
.responsive0 .aboutIntroduction .htmlSlider .nav .page{
	display:none;
}
.responsive0 .aboutIntroduction .htmlSlider .nav a img{
	width:35px;
}
.responsive0 .aboutIntroduction .htmlSlider .nav .htmlSlideNext{
	display:block;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-18px;
	z-index:10;
}
.responsive0 .aboutIntroduction .htmlSlider .nav .htmlSlidePrev{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-18px;
	z-index:10;
}

.responsive0 .aboutIntroduction td{
	display:block;
}

/****************************** about management profile ******************************/


.managementProfile .expand{
	text-align:right;
}
.managementProfile .expand .btnShowHide{
	display:inline-block;
	padding-right:20px;
	background:url(../images/common/ico_show.gif) right center no-repeat;
}
.managementProfile .expand .btnShowHide.hide{
	background:url(../images/common/ico_hide.gif) right center no-repeat;
}
.managementProfile .accordionTitle h3 .name{
	display:inline-block;
	vertical-align:top;
	line-height:1.5em;
}
.managementProfile .accordionTitle h3 .black{
	font-size:110%;
}
.profileImg{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.managementProfile .accordionContent{
	padding-top:20px;
	padding-left:20px;
}


.responsive0 .profileImg{
	width:75px;
}
.responsive0 .managementProfile .accordionContent{
	padding-left:0;
}



/************************** about - contact information ***********************/
.responsive1000 .contactInformation .normalTable{
	margin:0;
}
.responsive1000 .contactInformation .normalTable td{
	vertical-align:middle;
}
.responsive1000 .contactInformation .normalTable table{
	margin:0;
}
.responsive1000 .contactInformation .normalTable table td{
	padding:0;
}
.responsive1000 .contactInformation .normalTable td p{
	margin:0;
}
.responsive1000 .contactInformation .normalTable .title{
	vertical-align:top;
}
.responsive1000 .contactInformation .normalTable .title p{
	padding-top:5px;
}
.responsive1000 .contactInformation .normalTable .select{
	padding-right:10px;
}
.responsive1000 .contactInformation .to .title,
.responsive1000 .contactInformation .department .title{
	width:15%;
}
.responsive1000 .contactInformation .to .select,
.responsive1000 .contactInformation .department .select{
	 width:85%;
}
.responsive1000 .contactInformation .to .toSelect,
.responsive1000 .contactInformation .department .departmentSelect{
	width:450px;
}
.responsive1000 .contactInformation .name .nameSelect{
	width:90px;
}
.responsive1000 .contactInformation .name input[type="text"]{
}
.responsive1000 .contactInformation .name .input{
	width:338px;
	margin-bottom:10px;
}
.responsive1000 .contactInformation .name .select{
	width:90px;
}
.responsive1000 .contactInformation .name .field{
}
.responsive1000 .contactInformation .email .input{
	width:438px;
	margin-bottom:10px;
}
.responsive1000 .contactInformation textarea{
	resize:none;
	outline:none;
	width:680px;
	min-height:180px;
	padding:10px;
	margin:0;
	border:1px solid #cecece;
}
.responsive1000 .contactInformation .greenBtn{
	margin-right:10px;
}




.responsive760 .contactInformation .normalTable{
	margin:0;
}
.responsive760 .contactInformation .normalTable td{
	vertical-align:middle;
}
.responsive760 .contactInformation .normalTable table{
	margin:0;
}
.responsive760 .contactInformation .normalTable table td{
	padding:0;
}
.responsive760 .contactInformation .normalTable td p{
	margin:0;
}
.responsive760 .contactInformation .normalTable .title{
	vertical-align:top;
}
.responsive760 .contactInformation .normalTable .title p{
	padding-top:5px;
}
.responsive760 .contactInformation .normalTable .select{
	padding-right:10px;
}
.responsive760 .contactInformation .to .title,
.responsive760 .contactInformation .department .title{
	width:15%;
}
.responsive760 .contactInformation .to .select,
.responsive760 .contactInformation .department .select{
	 width:85%;
}
.responsive760 .contactInformation .to .toSelect,
.responsive760 .contactInformation .department .departmentSelect{
	width:450px;
}
.responsive760 .contactInformation .name .nameSelect{
	width:90px;
}
.responsive760 .contactInformation .name input[type="text"]{
}
.responsive760 .contactInformation .name .input{
	width:338px;
	margin-bottom:10px;
}
.responsive760 .contactInformation .name .select{
	width:90px;
}
.responsive760 .contactInformation .name .field{
}
.responsive760 .contactInformation .email .input{
	width:438px;
	margin-bottom:10px;
}
.responsive760 .contactInformation textarea{
	resize:none;
	outline:none;
	width:680px;
	min-height:180px;
	padding:10px;
	margin:0;
	border:1px solid #cecece;
}
.responsive760 .contactInformation .greenBtn{
	margin-right:10px;
}




.responsive0 .contactInformation .normalTable{
	margin:0;
}
.responsive0 .contactInformation .normalTable td{
	vertical-align:middle;
}
.responsive0 .contactInformation .normalTable table{
	margin:0;
}
.responsive0 .contactInformation .normalTable table td{
	padding:0;
}
.responsive0 .contactInformation .normalTable td p{
	margin:0;
}
.responsive0 .contactInformation .normalTable .title{
	vertical-align:top;
}
.responsive0 .contactInformation .normalTable .title p{
	padding-top:5px;
}
.responsive0 .contactInformation .normalTable .name .select{
	padding-right:10px;
}
.responsive0 .contactInformation .name table{
	/*width:450px;*/
}
.responsive0 .contactInformation .normalTable .title{
	white-space:nowrap;
	padding-right:10px;
}
.responsive0 .contactInformation .name .nameSelect{
	width:90px;
}
.responsive0 .contactInformation .name input[type="text"]{
	margin:0 0 10px 0;
}
.responsive0 .contactInformation .name .select{
	width:15%;
}
.responsive0 .contactInformation .name .input label{
	display:block;
	border:1px solid #cecece;
}
.responsive0 .contactInformation .email input[type="text"]{
	margin:0 0 10px 0;
}
.responsive0 .contactInformation .email .input{
	line-height:0;
}
.responsive0 .contactInformation .email .input label{
	display:block;
	border:1px solid #cecece;
}
.responsive0 .contactInformation td.textareaBox{
	padding:10px;
	border:1px solid #cecece;
}
.responsive0 .contactInformation textarea{
	resize:none;
	outline:none;
	width:100%;
	min-height:180px;
	margin:0;
	padding:0;
	border:0;
}
.responsive0 .contactInformation .greenBtn{
	margin-right:10px;
}



/************************** about - walking on the city ***********************/
.responsive1000 .walkingOnTheCity .hotelItem{
	display: inline-block;
	width: 200px;
	text-align: center;
}



.responsive760 .walkingOnTheCity .hotelItem{
	display: inline-block;
	width: 200px;
	text-align: center;
}



.responsive0 .walkingOnTheCity .hotelItem{
	display: block;
	margin:0 auto;
	width: 200px;
	text-align: center;
}



/************************** about - brand concept ***********************/
.responsive1000 .brandConcept .gridContainer{
	padding-bottom:30px;
}
.responsive1000 .brandConcept .gridContainer ul{
	list-style:none;
	margin:0;
	padding:0;
	width:962px;
}
.responsive1000 .brandConcept .gridContainer li{
	display:block;
	margin:0 1px 1px 0;
}
.responsive1000 .brandConcept .gridContainer li a{
	display:block;
}
.responsive1000 .brandConcept .gridContainer li img{
	display:block;
}
.responsive1000 .brandConcept .gridContainer li.fL{
	float:left;
}
.responsive1000 .brandConcept .gridContainer li.fR{
	float:right;
}
.responsive1000 .brandConcept h2{
	position:relative;
}
.responsive1000 .brandConcept h2 span{
	position:absolute;
	top:-100px; left:0;
}
.responsive1000 .brandConcept .hotelList{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.responsive1000 .brandConcept .hotelItem{
	/*display: inline-block;*/
	width: 200px;
	/*text-align: center;*/
}




.responsive760 .brandConcept .gridContainer{
	padding-bottom:30px;
}
.responsive760 .brandConcept .gridContainer ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
.responsive760 .brandConcept .gridContainer li{
	display:block;
	margin:0;
	box-sizing:border-box;
	width:50%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.responsive760 .brandConcept .gridContainer li.bR0{
	border-right:0;
}
.responsive760 .brandConcept .gridContainer li a{
	display:block;
}
.responsive760 .brandConcept .gridContainer li img{
	display:block;
	width:100%;
}
.responsive760 .brandConcept .gridContainer li.fL{
	float:left;
}
.responsive760 .brandConcept .gridContainer li.fR{
	float:right;
}
.responsive760 .brandConcept h2{
	position:relative;
}
.responsive760 .brandConcept h2 span{
	position:absolute;
	top:-100px; left:0;
}
.responsive760 .brandConcept .hotelList{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.responsive760 .brandConcept .hotelItem{
	/*display: inline-block;*/
	width: 200px;
	/*text-align: center;*/
}




.responsive0 .brandConcept .gridContainer{
	padding-bottom:30px;
}
.responsive0 .brandConcept .gridContainer ul{
	list-style:none;
	margin:0;
	padding:0;
}
.responsive0 .brandConcept .gridContainer li{
	display:block;
	margin:0 0 1px 0;
	width:100%;
}
.responsive0 .brandConcept .gridContainer li a{
	display:block;
}
.responsive0 .brandConcept .gridContainer li img{
	display:block;
	width:100%;
}
.responsive0 .brandConcept .gridContainer li.last{
	display:none;
}
.responsive0 .brandConcept h2{
	position:relative;
}
.responsive0 .brandConcept h2 span{
	position:absolute;
	top:-10px; left:0;
}
.responsive0 .brandConcept .hotelList{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.responsive0 .brandConcept .hotelItem{
	/*display: block;*/
	/*margin:0 auto;*/
	width: 110px;
	/*text-align: center;*/
}





/*********************** popup ************************/
.verticalSpan{
	display:inline-block;
	height:100%;
	width:0;
	vertical-align:middle;
	font-size:0;
	line-height:none;
	line-height:0;
}



.responsive1000 .detailsPopup{
	position:relative;
	width:960px;
	background:#fff;
	margin:30px auto 0 auto;
}
.responsive1000 .imageView{
	position:relative;
	width:100%;
	text-align:center;
	font-size:0;
	line-height:none;
	line-height:0;
	background:#1a1a1a;
	overflow:hidden;
}
.responsive1000 .imageView img{
	display:inline-block;
	max-width:100%;
	vertical-align:middle;
}
.responsive1000 .popupInfo{
	position:relative;
	padding:10px 120px 10px 20px;
	font-size:13px;
	min-height:65px;
}
.responsive1000 .popupInfo h3{
	font-size:13px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;
	line-height:1.3em;
}
.responsive1000 .popupInfo p{
	color:#555;
	line-height:1.3em;
}
.responsive1000 .popupTools{
	position:absolute;
	width:100px;
	top:10px;
	right:20px;
	text-align:right;
	color:#609616;
}
.responsive1000 .popupTools .num{
	margin-top:10px;
}

.responsive1000 .popupTools .addthis_default_style{
	text-align:right;	
	padding:5px 0;
}
.responsive1000 .popupTools .addthis_default_style a{
	float:right;
}
.responsive1000 .popupTools .shareContainer{
	display:none;
	height:26px;
	overflow:hidden;
}



.responsive760 .detailsPopup{
	position:relative;
	width:760px;
	background:#fff;
	margin:30px auto 0 auto;
}
.responsive760 .imageView{
	position:relative;
	width:100%;
	text-align:center;
	font-size:0;
	line-height:none;
	line-height:0;
	background:#1a1a1a;
	overflow:hidden;
}
.responsive760 .imageView img{
	display:inline-block;
	max-width:100%;
	vertical-align:middle;
}
.responsive760 .popupInfo{
	position:relative;
	padding:10px 120px 10px 20px;
	font-size:13px;
	min-height:65px;
}
.responsive760 .popupInfo h3{
	font-size:13px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;
	line-height:1.3em;
}
.responsive760 .popupInfo p{
	color:#555;
	line-height:1.3em;
}
.responsive760 .popupTools{
	position:absolute;
	width:100px;
	top:10px;
	right:20px;
	text-align:right;
	color:#609616;
}
.responsive760 .popupTools .num{
	margin-top:10px;
}

.responsive760 .popupTools .addthis_default_style{
	text-align:right;	
	padding:5px 0;
}
.responsive760 .popupTools .addthis_default_style a{
	float:right;
}
.responsive760 .popupTools .shareContainer{
	display:none;
	height:26px;
	overflow:hidden;
}






.responsive0 .detailsPopup{
	position:relative;
	width:100%;
	background:#fff;
	margin:30px auto 0 auto;
}
.responsive0 .imageView{
	position:relative;
	width:100%;
	text-align:center;
	font-size:0;
	line-height:none;
	line-height:0;
	background:#1a1a1a;
	overflow:hidden;
}
.responsive0 .imageView .thumbs{
	display:none;
}
.responsive0 .imageView img{
	display:inline-block;
	max-width:100%;
	vertical-align:middle;
}
.responsive0 .popupInfo{
	position:relative;
	padding:10px 110px 10px 20px;
	font-size:13px;
	min-height:65px;
}
.responsive0 .popupInfo h3{
	font-size:13px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;
	line-height:1.3em;
}
.responsive0 .popupInfo p{
	color:#555;
	line-height:1.3em;
}
.responsive0 .popupTools{
	position:absolute;
	width:100px;
	top:10px;
	right:20px;
	text-align:right;
	color:#609616;
}
.responsive0 .popupTools .num{
	margin-top:10px;
}

.responsive0 .popupTools .addthis_default_style{
	text-align:right;	
	padding:5px 0;
}
.responsive0 .popupTools .addthis_default_style a{
	float:right;
}
.responsive0 .popupTools .shareContainer{
	display:none;
	height:26px;
	overflow:hidden;
}