.row {
	margin: 0;
}
a:hover {
	text-decoration: none;
}
/*NAV*/
.nav {
	padding: 20px;
	padding-bottom: 0;
	box-sizing: border-box;
}
.nav a {
	color: #000;
	font-size: 10px;
}
.nav div[class*="col-xs-"] {
	padding: 0;
}

/*info_content*/
.info_content .info_word {
	color: #646464;
	line-height: 180%;
	padding: 0 20px;
	font-size: 10px;
}
	.info_content .info_word h3 {
		font-size: 16px;
		font-weight: bold;
	}

	.info_content .info_word p {
		font-size: 10px;
	}
.info_content .info_pic {
	margin: 20px 0 10px;
}
.info_content .info_pic dl {
	position: relative;
}
.info_content .info_pic .row dl:nth-of-type(2n) {
	padding-left: 5px;
	margin-bottom: 10px;
}
.info_content .info_pic .row dl:nth-of-type(2n-1) {
	padding-right: 5px;
	margin-bottom: 10px;
}
.info_content .info_pic dt {
	color: #fff;
	height: 22px;
	left: 15px;
	top: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 15px;
	width: calc(100% - 20px);
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	box-sizing: border-box;
	background: rgba(255,95,0,.7);
}
.info_content .info_pic .row dl:nth-of-type(2n) dt {
	left: 5px;
}
.info_content .info_pic img {
	width: 100%;
	display: block;
}

/* 2024-09-20 xpxia live */

.live_bar {
	background-color: #ff5f00;
}


.live {
	line-height: 22px;
}

	.live h3 {
		font-weight: bold;
		font-size: 16px;
	}

	.live p {
		/*margin: 0.3rem 0;*/
		margin: 10px; /*xpxia*/
		font-size: 8px;
	}

		.live p span {
			color: #ff0053;
			font-size: 8px;
		}

		.live p a {
			color: #0032ff;
		}

	.live img {
		width: 100%;
	}

	.live .live_classify dd {
		background: rgba(255, 95, 0, 0.7);
	}

	.live .promotion {
		background-color: #ff5f00;
	}

	.live .features_ul {
		margin-bottom: 10px;
	}

		.live .features_ul:last-child {
			margin-bottom: 0;
		}

		.live .features_ul li::before {
			background-color: #ff5f00;
		}

		.live .features_ul li {
			margin-bottom: 5px;
			font-size: 9px;
			line-height: 180%;
			margin-left: 20px;
			padding-left: 15px;
			background: url(../images/dot_ico.png) left 3px no-repeat;
			background-size: 7px 8px;
		}

/* come work */
.work_office .office_panel {
	padding: 5px;
	background-color: #0062ff;
}

.office_panel h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
}

.office_panel .office_table {
	padding: 5px 0;
	background: #fff;
}

.office_panel table {
	padding: 5px 0;
}

.office_panel .office_table th {
	line-height: 20px;
	color: #333;
	font-size: 10px;
	padding-left: 5px;
	text-align-last: left;
	border: 1px solid #666 !important;
}

.office_panel .office_table td {
	line-height: 20px;
	font-size: 10px;
	padding-left: 5px;
	border: 1px solid #666 !important;
}

.work h2 {
	font-size: 16px;
	font-weight: bold;
}

.work h3 {
	font-size: 12px;
	font-weight: bold;
}

.work p {
	font-size: 10px;
	text-align: justify;
}
.work .info h2 {
	font-size: 16px;
}

.work .info h3 {
	font-size: 12px;
}

.work .info p {
	font-size: 10px;
	text-align: justify;
}

.work .features_ul {
	margin-bottom: 5px;
}

	.work .features_ul li {
		margin-left: 5px;
	}

		.work .features_ul li::before {
			background-color: #0062ff;
		}

	.work .features_ul li {
		margin-bottom: 5px;
		font-size: 9px;
		line-height: 180%;
		margin-left: 20px;
		padding-left: 15px;
		background: url(../images/dot_ico_work.png) left 3px no-repeat;
		background-size: 7px 8px;
	}

.work .branding {
	padding: 12px;
	padding-left: 0px;
	padding-right: 0px;
}

.work .branding_one {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 5px 0;
}

	.work .branding_one .content {
		width: 48%;
		padding-left: 20px;
		line-height: 22px;
		font-size: 10px;
		position: relative;
		box-sizing: border-box;
	}


		.work .branding_one .content::before {
			top: 50%;
			left: 0;
			content: "";
			width: 16px;
			height: 16px;
			display: block;
			position: absolute;
			border-radius: 50%;
			transform: translateY(-50%);
			background-color: #0062ff;
		}

	.work .branding_one .branding_photo {
		width: 50%;
	}

		.work .branding_one .branding_photo img {
			width: 100%;
			display: block;
		}

.work .contact {
	margin-left: 0;
	margin-right: 0;
}

.work .focus div {
	float: left;
	display: flex;
	color: #8a2003;
	line-height: 22px;
	margin-top: 0;
	font-size: 10px;
	align-items: center;
	margin-right: 20px;
}

	.work .focus div span {
		font-weight: bold;
	}

	.work .focus div img {
		width: 30px;
		margin-right: 5px;
	}

.work .work_promotion {
	box-sizing: border-box;
	margin-top: 24px;
	padding: 5px;
	background-color: #0062ff;
}

	.work .work_promotion h3 {
		color: #fff;
		font-size: 12px;
		padding-bottom: 10px;
		text-align: center;
	}

.work .featured {
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	padding: 5px 0;
	background-color: #fff;
}

	.work .featured .photo img {
		width: 100%;
	}

	.work .featured dl {
		color: #0062ff;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.work .featured dt {
		font-size: 10px;
	}

	.work .featured p {
		margin-bottom: 10px;
	}

	.work .featured .code img {
		max-width: 30px;
	}


/* team photos*/
.teamphotos .teaminfo_pic {
	clear: both;
	margin-top: 45px;
}

.teamphotos .teaminfo_pic h3 {
	margin: 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	text-align: left;
}

.teamphotos .teaminfo_pic p {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 10px;
	width: 100%;
	text-align: left;
}

.teamphotos .teaminfo_pic ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.teamphotos .teaminfo_pic ul li {
	list-style: none;
	float: left;
	margin: 0;
	/*width: 50%;*/
	width: 33.333%;
	padding: 5px;
	text-align: center;
}
.teamphotos .teaminfo_pic li img {
	width: 100%;
	display: block;
}


/*menu*/
.menu {
	padding: 0 10px;
	margin-bottom: 20px;
}
.menu .col-xs-4 {
	color: #fff;
	padding: 0 5px;	
}
.menu h2 {
	margin: 5px 0;
	color: #fff;
	/*height: 40px;*/
	font-size: 10px;
	padding: 12px 0;
	font-weight: bold;
	background: #ff5f00;
	font-size:10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.menu .col-xs-4:nth-of-type(2) h2 {
	background: #0061ff;	
}
.menu .col-xs-4:nth-of-type(3) h2 {
	background: #dfd500;
}
.menu .col-xs-4:nth-of-type(4) h2 {
	background: #00d100;
}
.menu .col-xs-4:nth-of-type(5) h2 {
	background: #ed06cc;
}
.menu .col-xs-4:nth-of-type(6) h2 {
	background: #ff0052;	
}
.menu h2 span {
	width: 100%;
	font-size:6px;
	display: block;
	margin-top:5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*family*/
.info_content .info_family {
	padding: 0 22px 20px;	
	background: url(../images/logo.png) center 42% no-repeat;
	background-size: 60%, 60%;
}
.info_content .info_family p {
	color: #000;
	margin: 20px 0;
	font-size: 10px;
	line-height: 180%;
}
/* added by xpxia start */
.info_content .info_family p img{
	margin:0;
	width:100%;
}
/* added by xpxia end */
.info_content .info_family .currency {
	color: #ff6000;
}
.info_content .info_family h4 {
	font-size: 9px;
	font-weight: bold;
}
.info_content .info_family h4 a {
	color: #ff5f00;
}
/*.info_content .info_family ul {
	margin-top: -20px;
}
.info_content .info_family li {
	font-size: 9px;
	line-height: 180%;
	margin-left: 20px;
	padding-left: 15px;
	background: url(../images/star_ico.png) left 3px no-repeat;
	background-size: 7px 8px;
}
.info_content .info_family ul.no_bg li {
	background: none;
}
.info_content .info_family ul.no_bg li:last-child {
	font-size: 7px;
}*/

/*contact*/
.contact {
	padding: 50px 22px;	
	background: url(../images/logo.png) center 42% no-repeat;
	background-size: 65%, 65%;
}
.contact h2 {
	font-size: 10px;
	font-weight: bold;
}
.contact p {
	font-size: 10px;
	line-height: 180%;
}


/*promotions*/
.promotions .info_family {
	background: none;
}
.info_content .info_family .title {
	font-size: 10px;
	font-weight:bold;/*added by xpxia*/
}
.info_content .info_family p img {
	max-width: 100%;
	text-align: center;
}
.info_content .info_family p i {
	font-size: 9px;
}
.promotions_list {
	background: url(../images/logo.png) center 20% no-repeat;
	background-size: 70%, 100%;
}

/*features*/
.info_content .info_family .dl_photo {
	margin-top: 20px;
	position: relative;
	margin-left: -22px;
	margin-right: -22px;
}
.info_content .info_family .dl_photo img {
	width: 100%;
}
.info_content .info_family .dl_photo dt {
	color: #fff;
	height: 45px;
	width: 100%;
	top: 0;
	left: 0;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(255,95,0,.7);
}
.features .info_family {
	background-position: center 63%;
}

/*tour*/
.tour .info_family {
	background: none;
}
.tour .info_pic {
	margin-top: -10px;
}
.tour .info_family .currency a {
	color: #ff6000;
}

/*floorplans*/
.floorplans .info_family {
	background-position: center 63%;
}
.floorplans .info_family .currency {
	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/*photos*/
.photos p span {
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	display: block;
	margin: 0 -8px;
	text-align: center;
	background: #ff5f00;
}
.photos .info_pic {
	margin-top: -15px;
}

/*sqm_slide*/
.sqm_slide .sqm_title {
	color: #fff;
	padding: 20px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #ff5f00;
	margin-bottom: 20px;
}
.sqm_slide p {
	color: #000;
	font-size: 10px;	
}
.sqm_slide p strong {
	margin-left: 30px;
}
.sqm_slide p.pic {
	text-align: center;
}
.sqm_slide p img {
	/*max-width: 100%;*/
	max-width: 100%;	
}
.sqm_slide a {
	color: #ff6000;
	font-size: 10px;
	position: fixed;
	left: 30px;
	bottom: 20px;
	font-weight: bold;
	background: #fff;
}

/*nav_page*/
.nav_page .logo {
	height: 130px;
	text-align: center;
	background: #c29400;
}
.nav_page .logo img {
	height: 70px;
	margin-top: 30px;
}
.nav_row {
	margin: 6px 0;
}
.nav_row img {
	width: 100%;
}
.nav_row div[class*="col-xs-"] {
	margin: 0;
	padding: 0;
}
.nav_row h2 {
	font-size: 20px;
	margin-bottom: 0;
	line-height:40px;
}
.nav_row h2 span {
	font-weight: bold;
}
.nav_row .col-xs-8 {
	color: #fff;
	text-align: center;
}
.nav_row p {
	font-size: 14px;
}
.row1 .col-xs-8 {
	background: #ff5f00;
}
.row2 .col-xs-8 {
	background: #0061ff;
}
.row3 .col-xs-8 {
	background: #dfd500;
}
.row4 .col-xs-8 {
	background: #00d100;
}
.row5 .col-xs-8 {
	background: #ed06cc;
}
.row6 .col-xs-8 {
	background: #ff0052;
}

/*come live*/
.come_live {
	background: url(../images/live_bg.jpg) left top no-repeat;
	background-size: 100% 100%;
}
.come_live .logo_shanghai {
	left: 0;
	width: 100%;
	bottom: 20px;
	height: 130px;
	text-align: center;
	position: absolute;
	background: rgba(255,95,0,.6);
}
.come_live .logo_shanghai img {
	height: 100px;
	margin-top: 18px;
}
.come_live .come_live_nav {
	left: 0;
	color: #fff;
	width: 100%;
	bottom: 150px;
	position: absolute;
	text-align: center;
	background: rgba(232,131,0,.6);
}
.come_live .come_live_nav h2 {
	color: #fff;
	font-size: 75px;
}
.come_live .come_live_nav p {
	color: #fff;
	font-size: 20px;
}



/*come dine*/
.come_dine {
	background: url(../images/dine_bg.jpg) left top no-repeat;
	background-size: 100% 100%;
}
.come_dine .come_live_nav {	
	background: rgba(34,206,34,.75);
}
.come_dine .logo_shanghai {	
	background: rgba(19,125,19,.75);
}

.overview_content .info_pic dt {
	background: rgba(19,125,19,.75);
}
.dine_contact {
	padding-top: 0;
	min-height: 300px;
}
.dine_contact h2 {
	font-size: 16px;
	font-weight: bold;
}
.dine_contact p {
	font-size: 12px;
}

.dine_contact dl dt {
	font-size: 12px;
}

.dine_contact dl dd {
	font-size: 12px;
}
.dine_contact .qrcode {
	text-align: center;
}
.dine_contact .qrcode img {
	width: 140px;
	margin-top: 20px;
}
.info_dine .info_family .dl_photo dt {
	background: rgba(64,221,64,.7);
}
.info_dine .info_family .dl_photo, .info_enjoy .info_family .dl_photo, .info_shop .info_family .dl_photo, .info_stay .info_family .dl_photo, .info_work   .info_family .dl_photo{
	margin-left: -22px;
	margin-right: -22px;
}



/*come enjoy*/
.come_enjoy {
	background: url(../images/enjoy_bg.jpg) left top no-repeat;
	background-size: 100% 100%;
}
.come_enjoy .come_live_nav {	
	background: rgba(255,0,83,.75);
}
.come_enjoy .logo_shanghai {	
	background: rgba(154,0,25,.75);
}
.overview_enjoy .info_pic dt {
	background: rgba(154,0,25,.75);
}
.show_enjoy {
	padding: 20px 0;
	text-align: center;
}
.show_enjoy p {
	padding: 20px;
	color: #00898c;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	text-transform: uppercase;
}
/*.show_enjoy p img {
	max-width: 100%;
}*/
.show_enjoy p img {
	width: 100%;
}
.show_enjoy p div img {
	width: 100%;
}
.show_enjoy dt img {
	width: 90%;
}
.show_enjoy dd {
	color: #00898c;
	font-size: 10px;
}
.info_enjoy .info_family .dl_photo dt {
	background: rgba(154,0,25,.75);
}
.info_enjoy .info_family {
	background: url(../images/logo.png) center 80% no-repeat;
	background-size: 60%, 60%;
}
.info_enjoy p.enjoy_color {
	color: #ff0053;
	font-weight: bold;
}
.info_enjoy p.enjoy_color a {
	color: #ff0053;
	margin-left: 10px;
}


/*come shop*/
.come_shop {
	background: url(../images/shop_bg.jpg) left top no-repeat;
	background-size: 100% 100%;
}
.come_shop .come_live_nav {	
	background: rgba(238,0,204,.75);
}
.come_shop .logo_shanghai {	
	background: rgba(170,6,204,.75);
}
.overview_shop .info_pic dt {
	background: rgba(170,6,204,.75);
}
.info_shop .info_family .dl_photo dt {
	background: rgba(170,6,204,.75);
}
.info_shop p img {
	margin-top: 30px;
}


/*come stay*/
.come_stay {
	background: url(../images/stay_bg.jpg) left top no-repeat;
	background-size: 100% 100%;
}
.come_stay .come_live_nav {	
	background: rgba(224,214,0,.8);
}
.come_stay .logo_shanghai {	
	background: rgba(180,177,0,.85);
}
.overview_stay .info_pic dt {
	background: rgba(180,177,0,.85);
}
.info_stay .info_family .dl_photo dt {
	background: rgba(180,177,0,.85);
}
.info_stay .info_family li {
	background: url(../images/dot_ico.png) left 5px no-repeat;
	/*background: url(../images/star_ico.png) left 5px no-repeat;*/
	background-size: 7px 8px;
}
.info_stay th, .info_stay td {
	height: 30px;
	font-size: 9px;
}
.info_stay td span {
	color: red;
	margin-left: 5px;
}
.info_stay td label {
	margin-right: 10px;
}
.info_stay td .form-control {
	height: 16px;
	font-size: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.info_stay td select.form-control {
  	height: 20px;
  	font-size: 7px;
}
/*.info_stay p span {
	background: #bfbd26;
}*/


/*come work*/
.come_work {
	background: url(../images/work_bg.jpg) left top no-repeat;
	background-size: 100% 100%;
}
.come_work .come_live_nav {	
	background: rgba(0,98,255,.75);
}
.come_work .logo_shanghai {	
	background: rgba(0,23,194,.75);
}
.overview_work .info_pic dt {
	background: rgba(0,23,194,.75);
}
.info_work .info_family .dl_photo dt {
	background: rgba(0,23,194,.75);
}
.info_work .info_family .currency {
	color: #0062ff;
}
.info_work .info_family .work_photo {
	margin-left: -22px;
	margin-right: -22px;
}
.info_work .info_family .work_photo img {
	width: 100%;
}
.info_work .info_family .work_photo dt {
	color: #0062ff;
	font-size: 9px;
	line-height: 2.5;
	font-weight: bold;
	padding: 0 22px;
}
.info_work .info_family h3 {
	font-size: 16px;
	font-weight: bold;
}



/*language_nav*/
.language_nav {
	height: 90px;
	line-height: 90px;
	background: #830000;
	text-align: center;
}
.language_nav a {
	color: #fff;
}
.carousel {
	margin: 5px 0;
}
.language_logo {
	height: 185px;
	text-align: center;
	background: #c29500;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.language_logo img {
	width: 110px;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);	
}


/*预定提交按钮*/
.button_submit
{
	margin:0 auto;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	background:#830000;
	color:#ffffff;
	border-radius:5px;
	height:30px;
	line-height:30px;
	width:200px;
}




/*菜单导航*/
.mainMenu {
	margin-top: 5px;
	margin-left: 20px;
}
.mainMenu img {
	width: 32px;
}
.mainMenu .menu_icon {
	width: 38px;
	height: 38px;
	border-radius: 50%; 
}
.mainMenu div[class ^= 'col-xs-'] {
	padding: 0;
}
.mainMenu .logo_main {
	max-height: 38px;	
}

/*菜单展开*/
.mainMenu_show {
	/*width: 100%;
	height: 100%;*/
	width: 50%;
	height: 50%;
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	display: none;
	background: rgba(255,255,255,.98);
}
.mainMenu_show dt {
	color: #000;
	font-size: 14px;
	text-align: center;
	/*padding: 20px 0 15px;*/
	padding: 20px 0 10px;
	border-bottom: 1px solid #ddd;
}
.mainMenu_show dl {
	margin: 0 20px;
}
.mainMenu_show dt span {
	top: 20px;
	right: 20px;
	position: absolute;
}
.mainMenu_show dt img {
	width: 16px;
	height: 16px;
}
.mainMenu_show dd a {
	color: #000;
	font-size: 14px;
	display: block;
	/*padding: 20px 0;*/
	padding: 10px 0;
	background: url(../images/right_arrow.png) right center no-repeat;
	background-size: 16px 16px;
}









@media screen and (min-width: 1024px) {
  body, .container {
    width: 750px;
    margin: 0 auto;
  }
  .contact {
	padding: 50px 22px;	
	background: url(../images/logo.png) center 42% no-repeat;
	background-size: 40%, 40%;
  }
  .dine_contact {
  	padding-top: 0;
  }
  .promotions_list {
	background: url(../images/logo.png) center 20% no-repeat;
	background-size: 50%, 60%;
  }
  .floorplans .info_family {
	background-position: center 80%;
  }
  .nav_row h2 {
  	font-size: 45px;
	padding-top: 25px;
  }
  
  .come_live {
	background: url(../images/live_bg_pc.jpg) center top no-repeat;
	background-size: 39% 100%;
  }

  .come_live .logo_shanghai, .come_live .come_live_nav {
		width: 750px;
		left: 50%;
		margin-left: -375px;
  }
  
  .come_dine {
	background: url(../images/dine_bg_pc.jpg) center top no-repeat;
	background-size: 39% 100%;
  }
  .come_enjoy {
	background: url(../images/enjoy_bg_pc.jpg) center top no-repeat;
	background-size: 39% 100%;
  }
  .come_shop {
	background: url(../images/shop_bg_pc.jpg) center top no-repeat;
	background-size: 39% 100%;
  }
  .come_stay {
	background: url(../images/stay_bg_pc.jpg) center top no-repeat;
	background-size: 39% 100%;
  }
  .info_stay td .form-control {
	height: 26px;
	font-size: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
  }
  .info_stay td select.form-control {
  	height: 26px;
  	font-size: 9px;
  }
  .come_work {
	background: url(../images/work_bg_pc.jpg) center top no-repeat;
	background-size: 39% 100%;
  }
  
  .carousel img {
  	width: 750px;
  }
  .language_logo {
	height: 185px;
	text-align: center;
	background: #c29500;
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 750px;
	margin-left: -375px;
  }
  
}