/* -------------------------------- */
/*   Main font-face                 
/* -------------------------------- */

@font-face {
    font-family: TradeGothicLTStdLight;
    src: url(../fonts/TradeGothicLTStd-Light.woff);
}

@font-face {
    font-family: TradeGothicLTStd;
    src: url(../fonts/TradeGothicLTStd.woff);
}

@font-face {
    font-family: TradeGothicLTStdBold;
    src: url(../fonts/TradeGothicLTStd-Bold.woff);
}

/*---------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6 {
	color:#454243;	
	font-family: "TradeGothicLTStdLight", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;	
	font-weight: 300;
	letter-spacing:normal;
}

p {
	font-size: 17px;
	line-height:1.5;
	margin-bottom:24px;
	text-align:justify;
}

.show-destop {
	display: block !important;
}

.show-mobile {
	display: none !important;
}

.show-tablet {
	display: none !important;
}

a {
	transition: all 200ms linear 0s;
}
a:hover {
	color:#aa9d83;	
}

/* Loading Color
-----------------------------------------------------------------*/

.css3-spinner > div {
	background-color: #7d7f82;
}

/* Menu
-----------------------------------------------------------------*/
#header {
	border:none;
}

body.stretched #header.full-header .container {
	background-color: #6d6e71;	
	width:100% !important;
	height:32px;
}

#header.project-header #header-wrap {
	background-color:#FFF;	
	border-bottom:none;
	/*height:32px;*/
	padding-top:125px;
	/*min-height:32px;	*/
}

#header.project-header #header-wrap {
	
}

#header.full-header #logo {
	border-right: none;
	left:50%;
	margin:0;
	margin-left:-62px;
	padding:0;
	position:absolute;
	top:-125px;
	z-index:1000;
}

#header.full-header #logo img {
	height:125px;
	width:125px;
}

#header.project-header #header-wrap {
	/*background-color:#6d6e71;	*/
}

#header.full-header.sticky-header #logo img {	
	opacity:1;
}

.sticky-logo {
	display:block;
	height:106px;
	left:46px;
	position:fixed;
	top:0;	
	width:239px;
	z-index:1;
}

#primary-menu {
	display:inline-block;
	float:none;
	margin:0 auto;
}

#primary-menu ul li a {	
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	color: #c2c2c2;
	font-family: "TradeGothicLTStd", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px !important;
	letter-spacing: 0;
	margin:0 20px;
	padding:0 2px;
	text-align:center;
	text-transform: none;
	transition: all 200ms linear 0s;
}

#primary-menu > ul > li:hover a, #primary-menu > ul > li:hover .lang a:hover {
	color: #FFF;
}

#primary-menu > ul > li:hover .lang a {
	color: #c2c2c2;
}

#primary-menu > ul > li.current > a,
.current-menu-parent > a,
#menu-item-304.current-menu-item > a,
#menu-item-354.current-menu-item > a,
#menu-item-310.current-menu-item > a,
#menu-item-321.current-menu-item > a,
#menu-item-347.current-menu-item > a,
#menu-item-325.current-menu-item > a {
	color: #FFF !important;
	/*background: -webkit-linear-gradient(to bottom, rgba(170,157,131,0) 0%,rgba(170,157,131,0) 90%,rgba(170,157,131,0) 90%,rgba(170,157,131,1) 100%); /*Safari 5.1-6*/
	/*background: linear-gradient(to bottom, rgba(170,157,131,0) 0%,rgba(170,157,131,0) 90%,rgba(170,157,131,1) 90%,rgba(170,157,131,1) 100%); /*Standard*/	
}

#primary-menu ul li .lang {
	display:block;
	height:32px;	
	position:fixed;
	top:125px;
	right:30px;
	width:56px;
}

#primary-menu ul li .lang a {	
	float:left;		
	margin:0;
}

#primary-menu ul li .lang a.current {
	color: #FFF !important;
}

#primary-menu ul li .lang span {
	background-color:#c2c2c2;
	float:left;
	height:11px;
	margin:11px 7px 10px;
	width:1px;
}

.social-media {	
	display:block;
	/*float:left;*/
	/*height:25px;*/
	margin:4px auto 3px;
	min-height:25px;	
	position:fixed;
	top:125px;
	right:101px;	
	width:60px;	
}

.social-media a {
	float:left;
	height:25px !important;
	margin:0 !important;
	padding:0;
	width:25px;	
	transition:none !important;
}

.social-media .btn-wechat {
	background: url(../images/btn-wechat.png) left top no-repeat;
	margin-right:10px !important;	
}

.social-media .btn-weibo {
	background: url(../images/btn-weibo.png) left top no-repeat;	
}

.social-media .btn-wechat.current,
.social-media .btn-wechat:hover, .social-media .btn-weibo:hover {
	background-position:left bottom;
}

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
	border:none;
	background-color:rgba(255,255,255,0.85);	
}

#primary-menu ul ul li:first-child > a{
	border-top: none;
}

#primary-menu ul ul li > a{
	border-top:dashed 1px #999a9c;
}

#primary-menu ul ul li > a, #primary-menu ul:hover ul li > a {	
	color: #7d7f82;
	font-family: "TradeGothicLTStd", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;
	font-weight: 300;	
	height:auto !important;
	line-height:1.5em !important;	
}

#primary-menu ul ul li:hover > a {
	color: #646568 !important;
	background:none;
	padding:10px 2px;
	
}

.icon-reorder::before {
	color:#c2c2c2;
}

#search {
	position:absolute;
	right:176px;
	top:0;	
/*	float:right;	*/
}

#search .btn-search {
	background:url(../images/btn-search.png) left top no-repeat;
	display:block;
	height:17px;
	margin:8px 0 7px;
	width:17px;
	transition:none;
}

#search .btn-search:hover {
	background-position:left bottom;	
}

.menu-qrcode {
	background-color:#6d6e71;
	bottom:30px;	
	display: none;
	left:-28px;
	max-width:230px;	
	padding:5px;
	position:absolute;
	overflow:hidden;	
	width:160px;
}

.menu-qrcode img {
	display:block;
	float:left;
	width:50%;
}

/* Footer 
-----------------------------------------------------------------*/
#gotoTop {
	background-color:#5e5e61;	
}

#gotoTop:hover {
	background-color:#494a4c;	
}

#footer {	
	background-color:#6d6e71;
	border-top:none;
}

#footer .footer-widgets-wrap {
	padding:47px 0 66px;
}

#footer .footer-widgets-wrap h4,
#footer .footer-widgets-wrap a,
#footer .footer-widgets-wrap p {
	color:#FFF;
	font-family: "TradeGothicLTStdLight", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;
	font-size:16px;
	font-weight:300;
}

#footer .footer-widgets-wrap p {
	text-align: left;
}

#footer .footer-widgets-wrap a:hover {
	color:#c2c2c2;
}

.footer-logo {
	height:auto;
	margin-bottom:12px;
	width:60px;
}

#footer .footer-widgets-wrap h4 {
	border-top:solid 1px #b6b7b8;
	color:#FFF;
	margin-bottom:0;
	padding-bottom:7px;
	padding-top:6px;		
}

#footer .footer-widgets-wrap h4:first-child {
	border-top: none;
	padding-top:0;	
}
.h4-last,
#footer .footer-widgets-wrap h4:first-child + h4 + h4 + h4 + h4 {
	border-bottom:solid 1px #b6b7b8;
}

#footer .footer-widgets-wrap ul {
	border-top:dashed 1px #999a9c;	
	margin:0 !important;
	padding:6px 0 7px;
	/*list-style:none;	*/
	width:100%;
}

#footer .footer-widgets-wrap ul.ul-last {
	border-bottom:solid 1px #b6b7b8;
}

#footer .footer-widgets-wrap ul li {
	background:url(../images/li-dot.png) 6px center no-repeat;
	float:left;	
	padding:0 20px 0 20px;	
}

#footer .footer-widgets-wrap ul li a {
	background:none;
	padding:0;
}

.widget > h4.text-lowercase {
	text-transform:none !important;	
}

.footer-social-media {
	background-color:#7d7f82;
	border-radius: 14px;
	display:block;
	height:28px;
	margin:3px auto 38px;
	/*margin-bottom:38px;
	margin-top:3px;*/
	max-width:230px;
	width:100%;
	
}

.footer-social-media > div {
	display: block;
	height:28px;
	margin:0 auto;
	width:150px;
}

.footer-social-media > div.en {
	width:180px;
}

.footer-social-media > div > span {
	background-color:#dbd6ca;
	display:block;
	float:left;
	height:14px;
	margin:7px 10px 7px 14px;
	width:1px;
}

.footer-social-media .footer-btn-wechat {	
	background: url(../images/footer-btn-wechat.png) left 2px no-repeat;	
	float:left;
	height:28px;
	line-height:28px;	
	padding-left:29px;
	/*transition:none;*/
}

.footer-social-media .footer-btn-weibo {
	background: url(../images/footer-btn-weibo.png) left 2px no-repeat;
	float:left;
	height:28px;
	line-height:28px;
	padding-left:29px;
	/*transition:none;*/
}

.footer-social-media .footer-btn-wechat:hover, .footer-social-media .footer-btn-weibo:hover {
	color:#c2c2c2 !important;
	/*background-position:left bottom;*/
}

.footer-qrcode {
	background-color:#FFF;
	border-radius: 7px;
	display: none;
	margin:0 auto 38px;	
	max-width:230px;
	overflow:hidden;	
	width:100%;
}

.footer-qrcode img {
	display:block;
	float:left;
	width:50%;
}

.group-members {
	margin-top:18px;
	width:100%;
}

.group-members > div {
	float:left;
	width:45%;	
}

.group-members > div:first-child {
	margin-right:10%;	
}

.group-members > div img {
	width:100%;	
}

.group-members > div img.group-members-sl {
	float:left;
	width:38.5%;
}

.group-members > div img.group-members-sr {
	float:right;
	width:38.5%;
}

/* Index
-----------------------------------------------------------------*/
.ares .tp-bullet {
	width: 30px !important;
	height: 3px !important;
	position: absolute;
	background: #868686 !important;
	border-radius: 0 !important;
	cursor: pointer;
	box-sizing: content-box;
}

.ares .tp-bullet:hover,.ares .tp-bullet.selected {
	background: #fff !important;
}

.tp-bullets-bg {
	bottom:0;
	left:0;
	position: absolute;
	z-index:100;
}

.cqifs-index {
	margin-top:-157px;
  /*margin-bottom: -100px;
  top: -100px;*/
}

.cqifs-index ul li a {	
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
	z-index:2;	
}

.cqifs-index .rev_slider_wrapper {
	width:100% !important;
}
/*
.revo-slider-emphasis-text {
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -1px;			
	padding: 15px 20px;	
}
*/
.revo-slider-desc-text {
	font-size: 18px;		
	line-height: 27px;
	text-align: center;
	width: 650px;
	z-index: 11;
}		

.tp-video-play-button { display: none !important; }

.tp-caption {	
	white-space: nowrap;
}

.tp-caption.tjustify {
	text-align:justify !important;	
}

.index-img {
	height:auto !important;
	width:100% !important;
}

.index-mobile {
	background-color:#6d6e71;
}

.index-mobile #content-detail {	
	margin:0 auto;
	padding:35px 0;
	text-align:justify;
}

.index-mobile #content-detail p {
	color:#FFF;
	margin:0;
}

.index-title-mobile {
	border-bottom: 1px solid #b5a990;
	clear:both;
	display:block;
	padding-bottom:22px;
	margin-bottom:25px;			
}

.tp-bannertimer {	
	top:157px !important;
}

/* Detail Cover
-----------------------------------------------------------------*/
.revo-slider-emphasis-text {
	color:#FFF;
	font-size: 90px;
	font-family: "TradeGothicLTStdBold", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;	
	line-height: 1.2;
	max-width: 950px !important; /* change 20220620 from 800px*/
	text-shadow: 0 0 16px rgba(0,0,0,.8);
	width: 950px; /* change 20220620 from 800px*/
	white-space: normal;
	z-index: 3;
}


/* Shop List Page
-----------------------------------------------------------------*/
.shopping-title {
	height:auto !important;
	width:100% !important;
}

.btn-gotosearch {
	border:1px solid #a89b82;
	display:table;
	height:50px;
	padding:2px;
	width:100%;
}

.btn-gotosearch > span {
	background-color: #eef0f0;
	display:table-cell;
	/*font-size:17px;*/
	height:100%;
	position:relative;	
	text-align:center;
	vertical-align:middle;
	width:100%;
}

.btn-gotosearch > span > i {
	bottom:0;
	color:#b7ae99;
	display:block;
	left:0;
	position:absolute;
	width:100%;
}

.shop-list-menu {
	background-color:#7d7f82;	
}

.shop-list-menu ul {
	display:block;
	height:115px;
	margin-bottom:0;
	padding:0 50px;
	width:100%;	
}

.shop-list-menu ul li {
	background-color:#7d7f82;	
	display:block;
	float:left;
	position:relative;
	width:110px;
}

.shop-list-menu ul li.menuline1,
.shop-list-menu ul li.menuline2 {
	background-color:#bebfc1;
	height:15px;
	margin:50px 0;
	width:1px;
}

.shop-list-menu ul li.menuline1 {
	opacity:0;	
}

.shop-list-menu ul li a {	
	color: #FFF;	
	display:block;
	font-size:17px;
	line-height:115px;
	height:115px;	
	text-align:center;
	width:100%;	
}

.shop-list-menu ul li a:hover {
	color:#c2c2c2;
}

.shop-list-menu ul li.floorplan-btn {
	float:right;	
}

.shop-list-menu ul li.floorplan-btn a {
	background:url(../images/menu-floor-icon.png) left center no-repeat;
	padding-left:20px;
	text-align:right;	
}

.shop-list-menu ul li.current a {
	background-color:rgba(255,255,255,0.1);
	color:#FFF !important;	
}

.shop-list-menu ul li.current a::before {
	bottom:12px;
	content: "\e7a7";
	display:block;
	font-family: 'font-icons';
	font-size:12px;
	left:0;
	line-height:12px;	
	position:absolute;
	text-align:center;
	width:100%;
}

.shop-list-submenu {
	background-color:#6d6e71;
	min-height:112px;
	padding:15px 0;	
}

.shop-list-submenu .portfolio-filter {
	border:none;
	display:block;
	margin-bottom:0;
	padding:0 50px;
	width:100%;	
}

.shop-list-submenu .portfolio-filter li {
	width:auto !important;
	margin:0 !important; 
}

.shop-list-submenu .portfolio-filter li a {
	border:none;	
	border-radius:10px !important;
	color:#c2c2c2;
	font-size:15px;	
	margin:10px 30px 10px 0;
	padding:3px 10px !important;
}

.shop-list-submenu .portfolio-filter li a:hover {
	color:#FFF;
}

.shop-list-submenu .portfolio-filter li.activeFilter a {
	color: #6d6e71 !important;	
	background-color: #a7a8aa;		
	font-weight:300;	
}

#shop-list-name, #shop-list-floor {
	display:none;
}

#shop-list-name.portfolio-filter li a {
	margin-right:15px;
}

#shop-list.portfolio { margin:0px; } 

#shop-list .portfolio-item {	
	display:table;
	border-bottom:1px solid #eeeeee;
	padding:0 40px;
	width:100%;
}

#shop-list .portfolio-item .shop-item-logo,
#shop-list .portfolio-item .shop-item-name,
#shop-list .portfolio-item .shop-item-floor,
#shop-list .portfolio-item .shop-item-phone,
#shop-list .portfolio-item .shop-item-opentime {
	display: table-cell;
	vertical-align: middle;
	font-size:15px;	
	width:10%;
}
#shop-list .portfolio-item .shop-item-logo { width:16% }
#shop-list .portfolio-item .shop-item-floor { width:17% }
#shop-list .portfolio-item .shop-item-name,
#shop-list .portfolio-item .shop-item-phone { width:19% }
#shop-list .portfolio-item .shop-item-opentime { width:29% }

#shop-list .portfolio-item .shop-item-logo img {
	display:block;
	height:auto;
	width:100px;
}

#shop-list .portfolio-item .shop-item-phone > a {
	padding-right:13px;
	position:relative;
	z-index:3;
}

#shop-list .portfolio-item .shop-item-phone > a::after {
	content: " ";
	font-family: 'font-icons';
	position: absolute;
	top:-2px;
}

#shop-list .portfolio-item .shop-item-link {
	bottom:0;
	color:#454243;
	left:0;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
}

#shop-list .portfolio-item:hover {
	color:#454243;
	background-color:#eeeeee;	
}

/* Shop Detail Page
-----------------------------------------------------------------*/
.map-floor {
	color:#6d6e72;	
	font-family: "TradeGothicLTStdBold", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;
	font-size:66px;
	line-height:1;
	left:0;
	position:absolute;
	top:27px;
	z-index:100;
}

.btn-backshoplist {	
	background-color:#7d7f82;
	color:#FFF;
	display:block;
	font-size:15px;
	height:27px;
	left:50px;
	line-height:27px;
	padding-right:10px;
	position:absolute;
	top:0;
	text-align: center;
	width:106px;
	z-index:100;
}

.btn-backshoplist:hover {
	color:#FFF;
	background-color:#646568;
}

.btn-backshoplist i {
	float:left;	
	line-height:25px;
	padding-right:2px;
	text-align:center;
	width:25px;	
}

.btn-gotofloorplan {	
	background-color:#7d7f82;
	color:#FFF;
	display:block;
	font-size:15px;
	height:27px;	
	line-height:27px;
	padding-left:10px;
	position:absolute;
	right:50px;
	text-align: center;
	top:0;
	width:121px;
	z-index:110;
}

.btn-gotofloorplan:hover {
	color:#FFF;
	background-color:#646568;
}

.btn-gotofloorplan i {
	float:right;	
	line-height:25px;
	padding-right:2px;
	text-align:center;
	width:25px;	
}

#shop-detail .shop-img img {
	width:100%;
	/*margin-top:50px;*/
}

#shop-detail .shop-content {
	margin-top:100px;
	margin-bottom:24px !important;
	font-size: 17px;
	line-height:1.5;	
}

#shop-detail .shop-content .new {
	background-color:#7d7f82;
	border-radius:11px;
	bottom:2px;
	color:#FFF;
	display:block;	
	font-family: "TradeGothicLTStdBold", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;
	font-size:15px;	
	font-weight: 300;
	height:22px;
	line-height:22px;	
	position:absolute;
	right:0;
	text-align:center;
	width:90px;	
}

#shop-detail .shop-content p {
	position:relative;
	letter-spacing:0.5px;
}

#shop-detail .shop-content .shop-label, #right-side .content .shop-label, #mobile-content .shop-label {
	display:block;
	color:#aa9d83;	
}

#shop-detail .shop-content .media {
	display:inline-block;
	margin-top:17px;	
}

#shop-detail .shop-content .media .website {
	background: url(../images/shopping-btn-website.png) left top no-repeat;
	float:left;
	height:26px;
	display:block;
	transition:none;
	width:26px;
}

#shop-detail .shop-content .media .weibo {
	background: url(../images/shopping-btn-weibo.png) left top no-repeat;
	float:left;
	height:26px;
	display:block;
	transition:none;
	width:26px;	
}

#shop-detail .shop-content .media .website:hover, #shop-detail .shop-content .media .weibo:hover {
	background-position:left bottom;	
}

#shop-detail .shop-content .media span {
	border-right:dotted 1px #afb0b2;	
	float:left;
	height:17px;
	margin:5px 21px 4px 20px;
	width:1px;
}

.shop-detail-bg {	
	background: -webkit-linear-gradient(to right, #FFF 0%, #FFF 50%, #eeeeee 50%, #eeeeee 100%); /*Safari 5.1-6*/
	background: linear-gradient(to right, #FFF 0%, #FFF 50%, #eeeeee 50%, #eeeeee 100%); /*Standard*/	
}

#shop-detail .mapplic-levels, #shop-detail .mapplic-popup-link {
	/*display:none !important;*/
}

#shop-detail .mapplic-container::before,
#right-side .mapplic-container::before {	
	bottom:0;
	content:'';
	display:block;
	left:0;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
}

.mapplic-pin {
	background-image: url(images/pin.png);
}

.related-brand-title {
	background-color:#6d6e71;
	margin:0;
	padding:35px 0;
	text-align:center;	
}
.related-brand-title h3 {
	border:solid 1px #FFF;
	color:#FFF;
	font-size:22px;
	height:41px;
	line-height: 41px;
	margin:0 auto;
	width:214px;
}

.portfolio-item {
	cursor:pointer;	
}

.portfolio-overlay {
	background-color:rgba(109,110,113,0.5);	
}

.portfolio-desc {
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.7) 100%); /*Safari 5.1-6*/
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.7) 100%); /*Standard*/	
	bottom:0;
	padding-top:55px !important;
	position:absolute;
	text-align:center;
	width:100%;
}

.portfolio-desc .new {
	background-color:#FFF;
	border-radius:13px;
	color:#7d7f82;
	display:block;	
	font-family: "TradeGothicLTStdBold", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;	
	font-weight: 300;
	font-size:16px;
	height:26px;	
	line-height:26px;
	margin:0 auto 8px;
	text-align:center;
	width:90px;	
}

.portfolio-desc h3 {
	font-family: "TradeGothicLTStd", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;	
	font-size:20px;	
	letter-spacing:0.5px;
}

.portfolio-desc span {
	font-size:13px;
	letter-spacing:0.5px;
	margin-top:4px;
}

.portfolio-desc h3 a, .portfolio-desc span a { color:#FFF; } 
.portfolio-desc h3 a:hover, .portfolio-desc span a:hover { color:#c2c2c2; } 

/* Aboutus
-----------------------------------------------------------------*/
.slider-text-75 {
	color:#FFF;
	font-size: 75px;
	font-family: "TradeGothicLTStdBold", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;	
	line-height: 1.2;
	max-width: 700px;
	text-align:center;
	text-shadow: 0 0 16px rgba(0,0,0,.8);
	width: 700px;
	white-space: normal;
	z-index: 3;
}

#content-detail {
	margin:50px auto;	
}

#content-detail h3 {
	color: #aa9d83;
	font-size: 26px;
	line-height: 25px;
}

.content h3 {
	color: #aa9d83 !important;
	font-size: 26px;
	font-weight:300 !important;
	line-height: 25px;
}

#allmap {
	width: 100%;
	height: 760px;
	overflow: hidden;
	margin:0;	
}

/* How to get there
-----------------------------------------------------------------*/
.content-w345 {
	display:block;
	margin:0 auto;
	max-width:345px;
	width:100%;	
}

#baidu-map-menu {
	/*bottom:10px;*/	
	position:absolute;
	right:10px;
	top:125px;
}

#baidu-map-menu .map-bus {
	border:none;
	background:url(/uploads/d5_template/map-btn-bus.png) no-repeat;
	display:block;
	height:60px;
	margin-bottom:10px;
	width:60px;
}
#baidu-map-menu .map-mtr {
	border:none;
	background:url(/uploads/d5_template/map-btn-mtr.png) no-repeat;
	display:block;
	height:60px;
	margin-bottom:10px;
	width:60px;
}
#baidu-map-menu .map-park {
	border:none;
	background:url(/uploads/d5_template/map-btn-park.png) no-repeat;
	display:block;
	height:60px;
	width:60px;
}

/* Membership
-----------------------------------------------------------------*/	

#content-detail h2 {
	color: #aa9d83;
	font-size: 46px;
	line-height: 58px;
}

.col_two_fifth.col_membership {
	/*width: 39.6%;*/
	margin-right: 2%;	
}

.col_three_fifth.col_membership {
	width: 60.4%;	
}

.membership_table, .membership_table_mobile {	
	width:100%;		
}

.membership_table_mobile {
	display: none;
}

.membership_table td, .membership_table th,
.membership_table_mobile td,
.membership_table_mobile th {
	font-size:17px;
	line-height:25px; 
	padding:28px 6px; 
	border: 1px solid #dddddd; 
	text-align: center; 
}
.membership_table th,
.membership_table_mobile th {
	background-color:#f5f5f5;
	font-weight:300;
	padding:14px 6px;	
}

.membership_table_mobile th:first-child,
.membership_table_mobile td:first-child {
	width:90px;	
}

.qrcode {
	display:block;
	height:300px;
	margin:0 auto;
	width:600px;
}

.qrcode .code-service {
	display:block;
	float:left;
	text-align:center;
	width:300px;
}

.qrcode .code-subscribe {
	display:block;
	float:right;
	text-align:center;
	width:300px;
}

.wechat-member {
	display:block;
	margin:50px auto;
	max-width:800px;
	width:100%;
}

/* Concierge Services
-----------------------------------------------------------------*/	
.concierge-wrap {	
	padding-left:50%;
	position:relative;
	width:100%;		
}

.concierge-img {
	background:url(/uploads/images/concierge-img.jpg) center center no-repeat;
	background-size: cover;	
	bottom:0;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:50%;
}

.concierge-bg1 {
	background-color:#eeeeee;
}

.concierge-bg2 {
	background-color:#e3e3e3 !important;
}

.concierge-container {
	float:left;
	padding:50px 5% 50px 7%;
	width:50%;
}

.concierge-container h3 {
	color: #aa9d83;
	font-size: 26px;
	line-height: 25px;
	/*padding-top:123px;*/
	text-align:center;
}

.concierge-container h3.title-concierge {
	background:url(/uploads/images/concierge-title01.png) top center no-repeat;		
}

.concierge-container h3.title-nursery {
	background:url(/uploads/images/concierge-title02.png) top center no-repeat;		
}

.concierge-container ul, .portfolio-overlay ul {
	color:#85878a;
	float:left;
	font-size:14px;
	line-height:25px;
	list-style: disc;
	padding-left:14px;
	padding-right:20px;	
}

.concierge-container ul li span, .portfolio-overlay ul li span {
	color:#454243;
	font-size:17px;
}

.concierge-container ul.first-ul {	
	margin-bottom:0;
	min-width:300px;
	width:50%;
}

#concierge-icon .portfolio-item {
	overflow:hidden;
}

#concierge-icon .portfolio-overlay {
	opacity:1 !important;
	cursor:default;
}

#concierge-icon .portfolio-overlay h3 {
	color:#aa9d83;
	font-size:26px;
	margin-top:67%;
}

#concierge-icon .concierge-foodinfo {
	background:#eeeeee url(/uploads/images/concierge-icon-01.png) center center no-repeat;
	background-size: 220px 220px;	
}

#concierge-icon .concierge-nursery {
	background:#e3e3e3 url(/uploads/images/concierge-icon-02.png) center center no-repeat;
	background-size: 220px 220px;
}

#concierge-icon .concierge-locker {
	background:#eeeeee url(/uploads/images/concierge-icon-03.png) center center no-repeat;
	background-size: 220px 220px;
}

#concierge-icon .concierge-atm {
	background:#e3e3e3 url(/uploads/images/concierge-icon-04.png) center center no-repeat;
	background-size: 220px 220px;
}

.plus, .minus {
	color:#aa9d83 !important;
	background:none !important;	
	cursor:pointer;
	font-size:25px !important;
	line-height:25px !important;
	margin:0 !important;
	margin-left:-20px !important;	
	top:83% !important;
}

.plus:hover, .minus:hover {
	color:#7d7f82 !important;		
}

.concierge-foodinfo-detail {
	background-color:#FFF;
	border:27px solid #eeeeee;
	padding:28px 38px;
	text-align:left;
}

.concierge-nursery-detail {
	background-color:#FFF;
	border:27px solid #e3e3e3;
	padding:28px 38px;
	text-align:left;
}

.concierge-foodinfo-detail h3, .concierge-nursery-detail h3 {
	margin-top:0 !important;
}

/* Events List
-----------------------------------------------------------------*/
#events-list {
	margin-left:-1px;	
}

#events-list .col-md-3, #events-list .col-md-6 {
	border-bottom:1px dashed #e5e5e5;
	border-left:1px dashed #e5e5e5;	
	padding:40px 30px;
	
}

#events-list .entry-meta li::before {
	content:' ';	
}

#events-list .entry-meta li {
	font-family: "TradeGothicLTStd", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif ;
	font-weight: 300;
}

.entry-title h2 a:hover {
	color:#aa9d83;
}

.more-link {
	border-bottom-color:#aa9d83;
	color:#aa9d83 !important;
	font-family: "TradeGothicLTStdBold", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif ;
	font-weight: 300;
	font-size: 14px !important;	
}

.more-link:hover {
	border-bottom-color:#6d6e71;
	color:#6d6e71 !important;
}

/* Events Detail
-----------------------------------------------------------------*/

.fancy-title.event-title {
	margin-bottom:10px;	
}

.event-title a {
	display:block;
	float:right;
	font-size:15px;
	line-height:27px;
	margin-top:16px;
}

.event-title a i {
	float: left;
	line-height: 25px;
	padding-right: 2px;
	text-align: center;
	width: 25px;
}

.fancy-title h1 a {
	font-size:36px;
	line-height:1.5;
	margin-top:0;
}

.event-detail .event-detail-header {
	background-color:#7d7f82;
	border-radius:5px 5px 0 0;		
	display: block;	
	padding: 25px 25px 1px;	
}

.event-detail-header h3 {
	border-bottom:1px solid #c2c2c2;		
	color:#FFF;
	padding-bottom:21px;
	margin-bottom:21px;	
}

.event-detail-header p, .event-detail-header h4, .event-detail-header h5 {	
	color:#FFF;
}

.event-detail img {
	border:1px solid #7d7f82;
	border-radius:0 0 5px 5px;
	margin:0;
	width:100%;
}

.event-detail a {
	color:#FFF;
	text-decoration: underline!important;
}

.event-detail a:hover {
	color:#c2c2c2;
	text-decoration: underline!important;
}


/* Cinema
-----------------------------------------------------------------*/

#Madeon08 {
	display:block;
	overflow:hidden;
	position:relative;	
	width:100%;
}

#Madeon08 .vidbg {		
	display:block;
	height:100%;
	left:0;
	position: absolute;	
	top:0;
	width:100%;
}

.global-overlay, #left-side, #right-side {
	z-index:2;
}

#mobile-content {
	/*position:relative;
	z-index:2;*/
	margin:0 auto; 
	max-width: 750px;
	padding: 40px 25px;
	width: 100%;
}

#close-more-info {	
	font-size:1em !important;
	z-index:4;	
}

#close-more-info:hover {	
	color:#aa9d83;
}

.overlay {	
	background: linear-gradient(65deg, rgba(108, 146, 216, 0.4), rgba(164, 230, 255, 0.7) 60%, rgba(164, 230, 255, 0.6) 80%, rgba(108, 146, 216, 0.6)) !important;
	background: -webkit-linear-gradient(65deg, rgba(108, 146, 216, 0.4), rgba(164, 230, 255, 0.7) 60%, rgba(164, 230, 255, 0.6) 80%, rgba(108, 146, 216, 0.6)) !important;
	border-right:none !important;
}

#left-side h1 {
	color:#FFF;
	font-family: "TradeGothicLTStdBold", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;	
	font-size:75px;
	margin-bottom:0;
	text-shadow: 0 0 20px rgba(0,0,0,0.3);		
}

#left-side h1 span {
	color:#FFF;
	font-weight:700;
}

#left-side p {
	color:#FFF;
	text-align:left;
}

#right-side .content p { text-align:left; }

.light-btn {	
	font-size:17px;
	height:52px;
	padding: 2px;		
}

.light-btn span {
	background-color:#FFF;
	color:#6d6e71;
	display:block;
	line-height:1;
	padding: 15px 70px;
}

.light-btn:hover span {
	color:#aa9d83;
}

#right-side img.img, #mobile-content img.img {
	display:block;
	margin:0 auto 24px;
	max-width:800px;
	width:100%;
}

#right-side .map-title, #mobile-content .map-title {
	border-bottom:1px dotted #a7a8a9;
	padding:10px 0;
	text-align:center !important;
	width:158px;
	margin:40px auto 24px;	
}

.map-wrap {	
	position:relative;
}

.map-wrap-floor {
	color:#6d6e72;	
	font-family: "TradeGothicLTStdBold", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;	
	font-size:55px;
	left:0;
	position:absolute;
	top:0;
}

/* Join Us
-----------------------------------------------------------------*/

#content-join-us {
	background-color: #FFF;
	position: relative;
	overflow: hidden;	
}

#content-join-us-jobs {
	background-color: #FFF;
	/*display:none;*/
	position: relative;
	overflow: hidden;	
}

#content-join-us .col_one_third div {	
	background-color:rgba(109,110,113,0.2);
	display:block;
	min-height:378px;
	padding:25px 15px;
	text-align:center;
}

#content-join-us .col_one_third div p {
	min-height:50px;
	text-align:center;
}

.btn-download {
	border:1px solid #6d6e71;
	display:table;
	height:50px;
	margin-bottom:50px;
	padding:2px;
	width:214px;
}

.btn-download > span {
	background-color:rgba(109,110,113,1);
	color:#FFF;
	display:table-cell;
	font-size: 17px;
	line-height: 1;	
	height:100%;
	position:relative;
	transition: all 200ms linear 0s;
	text-align:center;
	vertical-align:middle;
	width:100%;
}

.btn-download:hover > span {
	background-color:rgba(109,110,113,0.8);	
}

.join-us-title {
	background-color:#7d7f82;	
	margin:0;
	padding:35px 0;
	text-align:center;
	transition: all 200ms linear 0s;
	cursor:pointer;
}

.join-us-title:hover {
	background-color:#8a8c8f;	
}

.join-us-title h3 {
	background:url(/uploads/d5_template/btn-arrow-up-down.png) 194px 0px no-repeat;
	border:solid 1px #FFF;
	color:#FFF;
	font-size:22px;
	height:41px;
	line-height: 41px;
	margin:0 auto;
	width:214px;
}

.join-us-title.active h3 {
	background:url(/uploads/d5_template/btn-arrow-up-down.png) 194px -41px no-repeat;
}

/* Floor Plan
-----------------------------------------------------------------*/

#floorplan #mapplic {
	/*height:650px !important;	*/
}

/* Dining Video
-----------------------------------------------------------------*/

#dining-video video {
	left:0 !important;
	transform:none !important;
}

/* Menu Search 
-----------------------------------------------------------------*/
#search_box {
	width: 180px;
	background: rgba(255,255,255,0.85);
	padding:10px 15px;
	position: absolute;
	right: 28px;
	top: 32px;	
}

#search_text {
	background:none !important;	
	border:none;
	border-bottom: 1px solid #6d6e71;
	color: #6d6e71;
	line-height:1.5;		
	width:100%;
}

.search_result_item {
	border-bottom: 1px dashed #c2c2c2;
	color: #6d6e71;
	height:auto;
	line-height:1.5;
	padding:10px 0;	
}

#search_result {
	max-height:500px;	
	overflow: hidden;	
}

#search_result h3 {
	border-bottom: 1px solid #aa9d83;
	color: #aa9d83;
	font-size: 18px;
	line-height: 25px;
	margin-top:10px;
	margin-bottom:0;
}

#search_no_result {
	color:#6d6e71;
	padding-top:10px;
}

/* Index Mobile Animation
-----------------------------------------------------------------*/
.index-animation {
	display:block;
	height:auto;
	overflow:hidden;
	position:relative;
	width:100%;
}

@media (min-width: 768px) {
	.index-animation {
		display:none;
	}	
}

.index-animation .animation {
	display:block;
	height:auto;
	position:absolute;
	top:0;
	width:100%;
}

.index-animation .anime01 {	
	animation: girl-start 0.8s ease-in-out, girl-cycles 4s 0.8s infinite linear;		
	z-index:10;	
}

.index-animation .anime02 {	
	animation: box-start-1 0.9s ease-in-out, box-cycles-1 8s 0.9s infinite linear;		
	z-index:9;	
}

.index-animation .anime03 {	
	animation: box-start-2 1s ease-in-out, box-cycles-1 6s 1s infinite linear;		
	z-index:8;	
}

.index-animation .anime04 {	
	animation: box-start-3 1.2s ease-in-out, box-cycles-1 4s 1.2s infinite linear;		
	z-index:10;	
}

.index-animation .anime05 {	
	animation: box-start-4 1.1s ease-in-out, box-cycles-1 7s 1.1s infinite linear;		
	z-index:11;	
}

.index-animation .anime06 {	
	animation: box-start-5 1.2s ease-in-out, box-cycles-5 5s 1.2s infinite linear;		
	z-index:12;	
}

@keyframes girl-start {
    from {left:0; top:20%;}
    to {left:0; top:0;}
}

@keyframes girl-cycles {
    0%   {left:0; top:0;}
    12%  {left:0.2%; top:-0.6%;}
	25%  {left:0.5%; top:-1%;}
	38%	 {left:0.8%; top:-0.4%;}
    50%  {left:1%; top:0;}
	62%  {left:0.7%; top:0.7%;}
	75%  {left:0.5%; top:1%;}
    88%  {left:0.3%; top:0.3%;}
    100% {left:0; top:0;}
}

@keyframes box-start-1 {
    from {left:0; top:-20%; transform:rotateZ(-10deg);}
    to {left:0.7%; top:0.7%; transform:rotateZ(0);}
}

@keyframes box-cycles-1 {    
	0%  {left:0.7%; top:0.7%;}
	12%  {left:0.5%; top:1%;}
    25%  {left:0.3%; top:0.3%;}    
	38%   {left:0; top:0;}
    50%  {left:0.2%; top:-0.6%;}
	62%  {left:0.5%; top:-1%;}
	75%	 {left:0.8%; top:-0.4%;}
    88%  {left:1%; top:0;}
	100% {left:0.7%; top:0.7%;}
}

@keyframes box-start-2 {
    from {left:0; top:-20%; transform:rotateZ(10deg);}
    to {left:0.7%; top:0.7%; transform:rotateZ(0);}
}

@keyframes box-start-3 {
    from {left:0; top:-30%; transform:rotateZ(20deg);}
    to {left:0.7%; top:0.7%; transform:rotateZ(0);}
}

@keyframes box-start-4 {
    from {left:0; top:-30%; transform:rotateZ(-5deg);}
    to {left:0.7%; top:0.7%; transform:rotateZ(0);}
}

@keyframes box-start-5 {
    from {left:8%; top:-30%; transform:rotateZ(25deg);}
    to {left:8.7%; top:0.7%; transform:rotateZ(0);}
}

@keyframes box-cycles-5 {    
	0%  {left:8.7%; top:0.7%;}
	12%  {left:8.5%; top:1%;}
    25%  {left:8.3%; top:0.3%;}    
	38%   {left:8%; top:0;}
    50%  {left:8.2%; top:-0.6%;}
	62%  {left:8.5%; top:-1%;}
	75%	 {left:8.8%; top:-0.4%;}
    88%  {left:9%; top:0;}
	100% {left:8.7%; top:0.7%;}
}

.filing {
	background: rgba(255,255,255,0.8);
	bottom: 0;
	display: inline-block;
	font-family: "TradeGothicLTStdLight", "黑体", "SimHei", "华文黑体", "STHeiti", "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-size: 12px;
	padding: 2px 5px;
	position: fixed;
	right: 0;
	z-index: 2000;
}

/* Index Footer
-----------------------------------------------------------------*/
.btn-show-footer {
	background-color:#6d6e72;	
	bottom:0;
	cursor:pointer;
	height:80px;
	left:0;
	padding:0 90px;
	position:absolute !important;
	overflow:hidden;
	width:100%;
	z-index:100;
}

.btn-show-footer:hover { background-color:#646568; }

.btn-hide-footer {
	background-color:#6d6e72;		
	cursor:pointer;
	height:40px;
	left:0;
	padding:0 90px;
	position:absolute !important;
	top:0;
	width:100%;
	z-index:100;
}

.btn-hide-footer:hover { background-color:#646568; }

.btn-show-footer i, .btn-hide-footer i {
	color:#FFF;
	font-size:30px;
	height:40px;
	left:0;
	line-height:40px;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
}

.btn-show-footer p, .btn-hide-footer p {
	color:#FFF;
	font-family: "TradeGothicLTStdLight", "Microsoft JhengHei", "STHeiti", "华文黑体","SimHei", "黑体", Arial, sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:40px;
    margin-bottom: 0;
    
}

.index-footer {
	bottom:0px;
	display:none;
	left:0;
	position:absolute !important;
	width:100%;	
	z-index:101;
}

/* -------------------------------- */
/*   Media Query                    */
/* -------------------------------- */
@media (min-width: 1567px) {	
	#concierge-icon .portfolio-item .portfolio-image img:first-child {
		display:none !important;
	}
	
	#concierge-icon .portfolio-overlay h3 {
		margin-top:34%;
	}
	
	.concierge-min-height {
		min-height:320px;	
	}
}

@media (min-width: 992px) and (max-width: 1566px) {
	.concierge-min-height {
		min-height:550px;	
	}	
}

@media (max-width: 1120px) {
	#left-side h1 {
		font-size:60px;
	}
}

@media (max-width: 991px) {
	.menu-qrcode {
		background-color:#848487;
		bottom:0;	
		left:0;
		margin-left:-50px;				
		position:relative;		
	}
	
	.show-tablet {
		display: block !important;
	}
	
	/* Index
	-----------------------------------------------------------------*/
	body.stretched #header.full-header .container {
		height:auto;
	}
	
	.cqifs-index {
		margin-top:0;		
	}
	
	.tp-bannertimer {	
		top:0 !important;
	}	
		
	/* Menu
	-----------------------------------------------------------------*/	
	
	#header.project-header #header-wrap {
		padding-top:80px;			
	}
	
	body.stretched #header.full-header .container {
		padding:0 !important;
	}
	
	#header.full-header #logo {
		left:50%;
		margin-left:-40px;
		top:-80px;
	}
	
	#header.full-header #logo img {
		height:80px;		
		width:80px;
	}
	
	#primary-menu-trigger {
		height:32px;
		line-height:32px;
		top:0;
		width:32px;
	}	
	
	#header.full-header #primary-menu {
		margin-top:32px !important;		
	}
	
	#header.full-header #primary-menu > ul,
	#header.full-header #primary-menu > div > ul {
		background-color:#848487;
		padding-bottom:24px !important;
		padding-top:24px !important;		
		text-align:center;
	}
	
	#primary-menu {
		display: block;		
	}
		
	#primary-menu ul li {
		border-top: none;
		text-align:center !important;
	}
	
	#primary-menu ul li a {
		font-size:16px !important;		
		/*display:inline-block;*/
	}
	
	#primary-menu ul li .lang {		
		margin:0 auto;
		position: relative;
		top:0;
		right:0;
		width:62px;
	}
	
	#primary-menu ul li .social-media {		
		margin: 16px auto 0;
		position: relative;
		top:0;
		right:0;
	}
	
	#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
		padding:0;
	}
	
	#primary-menu ul ul {
		background-color:#c2c2c2 !important;
		/*border-top:1px #aa9d83 solid !important;
		border-bottom:1px #aa9d83 solid !important;		*/
	}
	
	#primary-menu ul ul li {
		border:none !important;		
	}
	
	#primary-menu ul ul li > a, #primary-menu ul:hover ul li > a {	
		color: #646568 !important;		
	}	
	/*
	.social-media {
		margin-left:7px;
	}
	*/
	#search {
		right:37px;
	}	
	
	
	/* Shop List Page
	-----------------------------------------------------------------*/		
	.shopping-title {
		margin-top:-50px !important;		
	}
	
	#shop-list .portfolio-item {
		padding: 0 25px;
	}
	
	/* Shop Detail Page
	-----------------------------------------------------------------*/		
	.btn-backshoplist {
		left:15px;		
	}
	
	.btn-gotofloorplan {
		right:15px;		
	}
	
	/* Detail Cover
	-----------------------------------------------------------------*/
	.revo-slider-emphasis-text {		
		max-width: 600px;
		width: 600px;
	}	
	
	/* Footer
	-----------------------------------------------------------------*/	
	#footer .container {
		width:100% !important;
	}
	
	#footer .container .col_one_fifth {
		margin:0 0 40px !important;
		width:100% !important;		
	}
	
	#footer .container .col_two_fifth {
		margin-bottom:40px;
		width:100%;
	}
	
	#footer .container h4 {
		margin:0 auto;		
		text-align:center;
		width:230px;
	}
	
	.group-members > div {		
		width:100%;
	}
	
	.group-members > div img {
		display:block;
		margin:5px auto;
		max-width:102px;
		width:auto;
	}
	
	.group-members > div img.group-members-sl,
	.group-members > div img.group-members-sr {
		float: none;
		margin:15px auto;
		width: 48px;
	}
	
	/* Footer
	-----------------------------------------------------------------*/
	.footer-widgets-wrap .col_one_fifth {
		text-align:center;
	}
	
	.footer-logo {
		margin:0 auto 12px;
	}
	
	#footer .footer-widgets-wrap p {
		text-align:center;		
	}
	
	#footer .footer-widgets-wrap ul {				
		margin:0 auto !important;
		width:230px;	
	}
	
	#footer .footer-widgets-wrap h4:first-child {
		border-top:solid 1px #b6b7b8;
		padding-top:6px;
	}	
	
	#footer .footer-widgets-wrap ul li {
		background:none;
		float:none;
		padding:5px 0;
		text-align:center;
	}
	
	/* Concierge Services
	-----------------------------------------------------------------*/
	.concierge-container {
		padding:40px 50px;
		width:100%;
	}	
	
	/* Cinema
	-----------------------------------------------------------------*/
	#Madeon08 {
		overflow:visible;		
	}
	
	#Madeon08 {
		height:auto !important;
	}
	
	#right-side {
		display:none;
	}
	
	#Madeon08 .vidbg, .global-overlay {
		height:50vh !important;		
	}
	
	#stars, #stars2, #stars3 {
		display:none;		
	}
	
	#left-side h1 {
		font-size:40px;		
	}
	
	#left-side {		
		height:60vh !important;
		padding:150px 0 0 !important;		
	}
	
	.light-btn {
		display:none !important;
	}
	
	/* Floor Plan
	-----------------------------------------------------------------*/
	
	#floorplan {
		width:100% !important;		
	}
	
	#floorplan #mapplic {
		/*height:400px !important;	*/
	}
	
	/* Index Footer
	-----------------------------------------------------------------*/
	.btn-show-footer, .btn-hide-footer { display:none; }
	
	.index-footer {
		display: block !important;		
		position: relative !important;
	}
	
	/* Event Detail
	-----------------------------------------------------------------*/	
	.content-wrap.event-wrap {
		padding:30px 0;		
	}	
}

@media (min-width: 767px) and (max-width: 1480px) {
	#concierge-icon .portfolio-item {
		width:50% !important;		
	}
	
	#concierge-icon .concierge-locker {
		background:#e3e3e3 url(/uploads/images/concierge-icon-03.png) center center no-repeat;		
	}
	
	#concierge-icon .concierge-atm {
		background:#eeeeee url(/uploads/images/concierge-icon-04.png) center center no-repeat;		
	}
}

@media (max-width: 767px) {		
	.show-destop {
		display:none !important;
	}
	
	.show-mobile {
		display:block !important;
	}
	/* Index
	-----------------------------------------------------------------*/
	.index-title {
		margin-top:-110px;		
	}
	
	.revo-slider-desc-text {				
		line-height:40px;
		margin-top:-100px;
	}
	
	.ares {
		margin-bottom:20px;		
	}
	
	.cqifs-index {
		display:none !important;
	}
	
	/* List Page
	-----------------------------------------------------------------*/
	.btn-gotosearch {
		border:2px solid #a89b82;
		display:table;
		height:50px;
		padding:5px;
		width:100%;
	}
	
	.btn-gotosearch > span {
		padding-top:12px;		
	}
	
	.btn-gotosearch > span > i {
		bottom:5px;		
	}
	
	.shop-list-menu ul {
		height:95px;
		padding:0;
	}
	
	.shop-list-menu ul li {		
		width:33%;
	}
	
	.shop-list-menu ul li a {
		font-size:15px;
		height:95px;
		line-height:95px;		
	}
	
	.shop-list-menu ul li.floorplan-btn {
		border-bottom:1px solid #bebfc1;		
		float:none;
		width:100%;						
	}
	
	.shop-list-menu ul li.floorplan-btn a {
		background-image: url(../images/menu-floor-icon.png);
		background-size:	17px 26px;
		height:50px;
		line-height:50px;
		margin:0 auto;
		width:100px;
	}
	
	.shop-list-menu ul li.menuline1,
	.shop-list-menu ul li.menuline2 {
		margin:40px 0;		
	}
	
	.shop-list-submenu {		
		/*min-height:214px;*/
	}
	
	.shop-list-submenu .portfolio-filter {
		padding:0 15px;		
	}
	
	.shop-list-submenu .portfolio-filter li a {
		border-radius:12px !important;
		font-size:13px;
		margin: 10px 0;
		padding:8px 10px 3px !important;
	}
	
	#shop-list-name.portfolio-filter li a {
		margin-right:0;
	}		
	
	#shop-list .portfolio-item {
		padding: 0 15px;
	}	
	
	#shop-list .portfolio-item .shop-item-logo {
		width:22%;		
	}
	#shop-list .portfolio-item .shop-item-logo img {
		width:70px;
	}	
	#shop-list .portfolio-item .shop-item-name {
		padding-top:6px;
		width:50%;
	}
	#shop-list .portfolio-item .shop-item-floor {
		padding-top:6px;
		width:20%;
	}	
	
	#shop-list .portfolio-item .shop-item-phone {		
		width:8%;
	}
	#shop-list .portfolio-item .shop-item-phone span,
	#shop-list .portfolio-item .shop-item-opentime {
		display:none;
	}
	
	#shop-list .portfolio-item .shop-item-phone a {
		border-left:1px solid #bebfc1;
		padding-left:6px;
	}
	
	#shop-list .portfolio-item .shop-item-phone > a::after {
		content: "\e672";
		font-size:24px;
		top:-7px;
	}
	
	/* Shop Detail Page
	-----------------------------------------------------------------*/
	.shop-detail-bg {	
		background: #eeeeee;	
	}
		
	#shop-detail {
		width:100% !important;
	}
	
	#shop-detail > .col_half {
		background-color:#FFF;
		padding:0 15px 68px;
		margin:0 !important;
	}
	
	#shop-detail > .col_half.col_last {
		background-color:#eeeeee;
		padding:0;
	}
	
	#shop-detail .shop-content {
		text-align:center;
		margin-top:0;	
	}
	
	#shop-detail .shop-content .new {
		bottom:auto;
		line-height:27px;
		margin:0 auto 24px;
		position:relative;
		right:auto;		
	}
	
	#shop-detail .shop-img {
		margin:0 !important;
	}
	
	#shop-detail .shop-img img {
		display:block;
		max-width:460px;
		margin:0 auto;
		width:60%;
	}	
	
	#shop-detail .shop-content .media {
		margin-bottom:17px;
	}
	
	.map-floor {
		font-size:55px;
		left:15px;
	}
	
	.btn-backshoplist {
		bottom:0;		
		left:50%;
		margin-left:-53px;
		top:auto;	
	}
	
	.btn-gotofloorplan {
		bottom:0;				
		left:50%;
		margin-left:-60px;
		top:auto;
	}
	
	/* Detail Cover
	-----------------------------------------------------------------*/
	.revo-slider-emphasis-text {		
		max-width: 450px;
		width: 450px;
	}	
	
	/* Fonts line height
	-----------------------------------------------------------------*/		
	.btn-backshoplist, .btn-gotofloorplan {
		line-height:32px;
	}
	
	.related-brand-title h3 {		
		line-height: 45px;
	}
	
	#footer .footer-widgets-wrap h4,
	#footer .footer-widgets-wrap h4:first-child {		
		padding-top:10px;		
	}
	
	.footer-social-media .footer-btn-wechat, .footer-social-media .footer-btn-weibo {
		line-height:33px;		
	}
	
	/* Footer
	-----------------------------------------------------------------*/	
	#footer .container {
		width:100% !important;
	}
	
	#footer .container .col_two_fifth {
		display:none !important;
	}
	
	.portfolio-desc .new {		
		line-height:27px;
	}	
	
	/* Aboutus
	-----------------------------------------------------------------*/	
	#allmap {		
		height: 400px;
	}
	
	
	/* Membership
	-----------------------------------------------------------------*/	
	.col_three_fifth.col_membership {
		width: 100%;	
	}
	
	.membership_table {
		display: none;
	}
	
	.membership_table_mobile {
		display: table;
	}
	
	.qrcode {
		height:auto;
		width:100%;
	}
	.qrcode .code-service,
	.qrcode .code-subscribe {
		float: none;
		width:100%;
	}	
	
	/* Concierge Services
	-----------------------------------------------------------------*/	
	.concierge-wrap {
		padding-left:0;
		/*padding-top:450px;
		/*padding-top:50%;*/
	}
	
	.concierge-img {		
		display: none;				
	}
	
	.concierge-container {
		padding:40px 25px;
	}
	
	#concierge-icon .portfolio-item {
		width:100% !important;		
	}
	
	/* Contact Us
	-----------------------------------------------------------------*/
	#contact-us, #contact-us p {
		text-align:center;
	}
	
	/* Join Us
	-----------------------------------------------------------------*/
	#content-join-us .col_one_third div {
		background:none;		
		min-height:inherit;
		padding:0;		
	}
	
	#content-join-us .col_one_third div p {	
		min-height:inherit;
	}		
	
}

@media (max-width: 479px) {	
	.concierge-foodinfo-detail h3, .concierge-nursery-detail h3 {
		display:none;
	}
	
	/* List Page
	-----------------------------------------------------------------*/	
	.btn-gotosearch > span {
		padding-top:5px;		
	}	
}

@media (max-width: 359px) {
	/* Cinema
	-----------------------------------------------------------------*/
	#left-side {				
		padding:75px 0 0 !important;		
	}	
}	

@media screen and (orientation: landscape) and (max-device-height: 640px) and (max-device-width: 1136px) { /* Resolution of iPhone 5s */
	.mobile_warning {
		display:	block;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {	
	.mobile_warning {
		background-image: url(../images/warning_2x.gif);
		background-size:	220px 160px;
	}
	
	.social-media .btn-wechat {
		background-image: url(../images/btn-wechat-2x.png);		
		background-size:	25px 50px;
	}
	
	.social-media .btn-weibo {
		background-image: url(../images/btn-weibo-2x.png);		
		background-size:	25px 50px;	
	}
	
	#search .btn-search {
		background-image:url(../images/btn-search-2x.png);
		background-size:	17px 34px;		
	}
	
	#search_text {
		background-image:url(../images/icon-search-2x.png);
		background-size:	17px 17px;	
	}	
	
	#shop-detail .shop-content .media .website {
		background-image: url(../images/shopping-btn-website-2x.png);		
		background-size:	26px 52px;		
	}
	
	#shop-detail .shop-content .media .weibo {
		background-image: url(../images/shopping-btn-weibo-2x.png);		
		background-size:	26px 52px;		
	}
	
	.footer-social-media .footer-btn-wechat {
		background-image: url(../images/footer-btn-wechat-2x.png);	
		background-size:	25px 50px;		
	}
	
	.footer-social-media .footer-btn-weibo {
		background-image: url(../images/footer-btn-weibo-2x.png);	
		background-size:	25px 50px;		
	}
	
	.shop-list-menu ul li.floorplan-btn a {
		background-image: url(../images/menu-floor-icon-2x.png);
		background-size:	17px 26px;	
	}
}