@charset "utf-8";
/* CSS Document */
html,body{ 
	width:100%;
}
div#top_bar{
	width:100%;
	height:12%;
	background-image: url(/images/phone_background.jpg) !important;
	top:2%;
   
}
div#logo{
    position: fixed;
    top: 7.4%;
    padding-left: 7%;
    width:45%;
}
div#logo img {
    max-height: 100%;
}
div#phone_menu_iron{
    position: absolute;
    margin-top: 10%;
    right: 7%;
    width: 7%;
    height: 6em;
    overflow: hidden;
}
div#phone_menu_iron_container {
    position: absolute;
    width: 100%;
}
div.iron_on{
	top:0;
	left:0;
}
div.iron_off{
	top:0;
	left:100%;
}

div#logo_menu_wrapper{
	position:relative;
	width:100%;
	height:50%;
}
div#request_selector_wrapper{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    background-color:#ebebec;
    border-bottom:5px solid #F4F4F4;
}
div#link_index_english a{
	text-decoration:none;
	color:#b3b3b3;
}
div#goAdvanceSearch{
	font-size:0.9em;
	padding-top:1.2%;
	padding-right:7%;
}
div#goAdvanceSearch a{
	text-decoration:none;
	color:#b3b3b3;
}
div#link_index_english{
	font-size:0.9em;
	padding-top:1.5%;
	padding-left:7%;
	float:left;
}
div#search{
	width:30%;
	padding-top:0.5%;
	padding-bottom:1%;
	position:relative;
}
input.search_keyword{
	font-size:0.95em;
	padding-left:1%;
	padding-right:1%;
	padding-top:0.1%;
	padding-bottom:1.5%;
	text-align:center;
	border-radius:19px;	
	border:1px solid #D6D7D8;
	width:100%;
}
div#search_image{
	position:absolute;
	padding-left:4%;
	padding-top:3%;
	padding-bottom:3%;
	width:15%;
}
div#close_image{
	position:absolute;
	right:1%;
	padding-top:3%;
	padding-bottom:1%;
	width:15%;
}
div#menu{
	display:none;
}
div#goAdvanceSearch
{
    float:right;
	padding-left:3%;	
}
div#search
{
    float:right;
	padding-left:3%;	
}
/*page 1*/
div#banner{
	position: fixed;
    width: 100%;
    padding-top:16%;
    z-index: 70;
    overflow: hidden;
    background-image: url(/images/phone_background.jpg)!important;
    padding-bottom:3%;
	}
div#left_arrow{
	position:absolute;
	top:53%;
	width:8%;
	left:0px;
	z-index:80;
	cursor:pointer;
	text-align:center;
}
div#right_arrow{
	position:absolute;
	top:53%;
	right:0px;
	width:8%;
	z-index:80;
	cursor:pointer;
	text-align:center;
}
div#banner_background{
	position:absolute;
	width:100%;
	bottom:4.3%;
	z-index:2;
	background:rgba(0,0,0,0.5);
}
div#banner_text{
	display:block;
	margin-left:7%;
	float:left;
	width:65%;
	padding:1.2% 0%;
	word-break:keep-all;
    white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}
div#banner_nav{
	display: inline-block;
    width: 15%;
    height: 20%;
    position: absolute;
    right: 7%;
    bottom: 15%;
}
div#banner_text span{
	display:block;
	line-height:1.2em;
	vertical-align:middle;
	color:white;
	text-align:left;
	width:100%;
	word-break:keep-all;
    white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}
span.en{
	font-size:1.2em;
	font-family:  "Myriad Pro", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.cn{
	font-size:0.9em;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	
}
div#focus{
	position: absolute;
    height: 100%;
    width: 100%;
    z-index: 988;
}
#focus .btn{
	position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
    line-height: 40%;
	}
#focus .btn span{
	display:inline-block;
	zoom:2;
	width:9%;
	height:100%;
	font-size:4em;
	margin-left:3.5%;
	cursor:pointer;
	background:#fff;
	}
#focus .btn span.on{
	border:1px;
	border-color:rgba(255,255,255,0.5);
	background:#fff;
	}
div.page_spliter{
	width:100%;
	height:10%;
	text-align:center;
}
div#page_bottom{
	display: none;
}
div#down_arrow{
	display: none;
}
div#phone_menu {
    position: fixed;
    display: none;
    left: 0px;
    background: rgba(0,0,0,0.8);
    height: 100%;
    width: 100%;
    z-index: 1000;
    margin-top:15.5%;
}
 div#phone_menu ul {
    margin-left: 28%;
    height: 100%;
    list-style-type: none;
    padding-top: 25%; 
    width:44%;  
 }
 div#phone_menu ul li {
    position: relative;
    display: block;
    list-style-type: none;
    padding-bottom: 5%;
    padding-top:5%;
    border-bottom:1px solid #faab8a;
    text-align:center;
    width:100%;
}
 div#phone_menu ul li a {
    vertical-align: middle;
    font-weight: normal;
    font-family: "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    text-decoration: none;
    color:white;
    font-size:2em;
}
/*page 2*/
div#aboutus{
    position: relative;
    width: 100%;
    height:3em;
    margin-top: 61%;
    padding-top:8%;
}

div#aboutus_text{
	position: absolute;
    left: 15%;
    width: 70%;
}
span.aboutus_cn, span.aboutus_en{
	display: block;
    text-align: center;
    margin: auto;
    color: #92a67b;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.aboutus_cn
{
	font-size: 1em;
}
span.aboutus_en{
	font-size: 1em;
    padding-bottom: 0.3em;
    letter-spacing: 0.5em;
}
div#aboutus_wrapper{
	background-color:#d5dde0;
    height: auto;
}
div#aboutusArea{
	width:80%;
	display:inline-block;
	margin-left:10%;
}
div#aboutus_content{
	padding: 6% 5%;
}
div#intro
{
	padding-bottom:1%;
}
div#intro p{
	color: #92a67b;
    font-size: 0.9em;
    line-height: 1.8em;
    font-family: "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    word-spacing: 0.2em;
}
p.introTitle{
	font-size:1.1em!important;
}
/*page 3*/
div#amazingshanghai{
	overflow:hidden;
    height:3.7em;
    position: relative;
    width: 100%;
  
}
div#amazingshanghai_text{
	position: absolute;
    top: 0;
    left: 15%;
    width: 70%;
}
span.amazingshanghai_cn, span.amazingshanghai_en{
	display: block;
    text-align: center;
    margin: auto;
    color: #92a67b;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.amazingshanghai_cn
{
	font-size: 1em;
    padding-top: 0.6em;
}
span.amazingshanghai_en{
	font-size: 1em;
    padding-bottom: 0.6em;
    letter-spacing: 0.5em;
}
div#amazingshanghai_wrapper{
	width:100%;
	background-color: #e6e0de;
}
div#caseArea{
	margin-left:7%;
	padding-top:7%;
}
div.case_images{
	width:95%;
	margin:2.5% auto;
}
div.cases{
	float:left;
	width:45%;
	margin-right:2%;
	margin-bottom:4%;
	display:inline-block;
	background-color:rgba(255,255,255,0.9);
}
div.cases:hover div.case_title{
	color: #c3874c;
}
div.cases:hover div.case_product{
	color: #c3874c;
}
div.case_title,div.case_product{
	margin-top:2.5%;
	width:90%;
   word-break:keep-all;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   font-size:0.8em;
	padding:0.1em 0em;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#595959;
	font-weight:548;
	line-height:1.2em;
	height:1.2em;
}

div.casePage{
	display:inline-block;
	width:60%;
	margin-left:20%;
	padding-bottom:2%;
	padding-top:2%;
}

div.casePageText{
	text-align: center;
    font-family: "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    padding-top: 2%;
    padding-bottom:10%;
}
div.casePageText a{
	text-decoration:none!important;
	color: #92a67b;
	font-size:1.1em;
}
div.page_area{
	text-align:center;
	padding-bottom:6%;
}
div.casePageText a:hover{
	color: #c3874c;
}
div.exhibitionsMask{
	margin-top:10%;
	padding-top:16.5%;
}
/*未来活动首页*/
div#indexFutureFair{
	width:100%;
	background-color:#d5dde0;
	display:inline-block;
}
div#indexFutureFair_lists{
	display:none;
}
div#indexFutureFair_lists_phone{
	padding-bottom:1.5% !important;
	margin:auto;
	padding-left:6%;
	margin-top:1.5%;
	padding-right:6%;
	min-height:;
}
div.indexFutureFair_item{
	font-size:0.9em;
}
table#index_table_first{
   text-align:center;
   padding-top:6%;
   padding-bottom:3%;
    width:97%;
   padding-left:1.5%;
   color:#92a67b;
}
table#index_futureFair{
	 text-align:center;
	 padding-left:1.5%;
	 padding-bottom:3%;
	 width:97%;
}
table#index_table_first th{
	 padding-bottom:3%;
	 padding-left:1.5%;
	border-bottom:1px solid white;
}
table#index_futureFair td{
	padding-right:1.5%;
	 padding-left:1.5%;
	padding-bottom:3%;
	padding-top:3%;
	color:#595959;
	border-bottom:1px solid white;
}
table#index_futureFair td a{
	color:#92a67b;
	font-weight:bold;
	letter-spacing: 0.1em; 
}
table#index_futureFair td a:hover{
	color:#c3874c;
	font-weight:bold;
	letter-spacing: 0.1em; 	
}

/*未来活动*/
div.futureFairMask {
    margin-top: 10%;
    padding-top: 16.5%;
}
div.FutureFairs_item{
	font-size:0.8em!important;
}
/*未来活动详情页*/
div.futureFairDetailMask{
	margin-top: 10%;
    padding-top: 16.5%;
    background-color:#d5dde0;
}
div#futureFair{
	padding-top:4%;
	width:100%;
	display:inline-block;
	background-color:#d5dde0;
}
div#futureFairTop{
    padding-bottom: 2%;
    margin-left: 5%;
    font-size: 1.2em;
    color: #92a67b;
    font-weight: bold;
    width: 90%;
    letter-spacing: 0.2em;
    border-bottom:1px solid #92a67b;
}
div#futureFairDetailarea{
	padding-top:2%;
	padding-bottom:3%;
	min-height:;
	width:86%;
	padding-left:7%;
}
div#futureFairTitle{
	text-align:center;
	padding-bottom:2%;
	width:80%;
	margin-left:10%;
	color: #595959;
    font-size: 1.2em;
    font-weight:bold;
    letter-spacing: 0.1em; 
}
div#futureFaircontent{
	 line-height: 2em;
     font-size: 1.1em;
     padding-bottom:3%;
    max-width:100%!imporatnt;
    width:100%;
    overflow:hidden;
    color: #595959;
    
}
div#futureFaircontent img{
	max-width:100%;
}
div#futureFaircontent table{
    max-width:100%!imporatnt;
    width:100%!imporatnt;
    word-break: break-all;
    font-size: 0.6em;
}
div#futureFaircontent video{
	max-width:100%;
}
div#back {
    float: left;
    padding-top: 7%;
    padding-bottom: 4%;
    padding-left: 58%;
    font-size: 1.05em;
}
div#back a {
    text-decoration: none;
    color: #595959;
    font-size: 1.05em;
}
div#go_top {
    float: left;
    padding-bottom: 4%;
   padding-left: 8%;
}
div#top_text {
    padding-right: 2%;
    padding-top: 9%;
}
div#go_top a {
    color: black;
    text-decoration: none;
    font-size: 1.05em;
}
/*page 4*/
div#roomlist,div#roomlist2{
	overflow:hidden;
    height:3.7em;
    position: relative;
    width: 100%;
}
div#roomlist_text{
	position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
    width: 80%;
}
span.roomlist_cn, span.roomlist_en{
	display: block;
    text-align: center;
    margin: auto;
    color: #92a67b;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.roomlist_cn
{
	font-size: 1em;
    padding-top: 0.6em;
}
span.roomlist_en{
	font-size: 1em;
    padding-bottom: 0.6em;
    letter-spacing: 0.5em;
}
div#product{
	width:100%;
	background-color:#e6e0de;
	display:inline-block;
}
div#product_lists{
	padding-bottom:3.5% !important;
	margin:auto;
	padding-left:7%;
	margin-top:6.5%;	
}
div.product_item{
	float: left;
	width:42%;
	border:1px solid white;
	vertical-align:top;
	margin-right:1%;
	margin-bottom:1.5%;
	background-color:#e6e0de;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
    display: inline-block;
    
}
div.product_images{
}
div.item_text
{
	padding-left:2%;
	padding-top:5%;
	padding-bottom:5%;
}
div.item_content{
	font-size:0.9em;
	padding:0.2em 0em;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#92a67b;
	overflow:hidden;
	width:90%;
   word-break:keep-all;
   white-space:nowrap;
   text-overflow:ellipsis;
}
div.item_content_red a{
	text-decoration:none;
	color:#c3874c!important;
}
div.productPage{
	display:inline-block;
	width:50%;
	margin-left:24.4%;
	margin-top:-2em;
}
div#footer_bar{
	display:none;
}
div#footer_bar_phone{
	border-top:2px solid white;
	width:87%;
	text-align:center;
	background-color:#f2efee;
	color:#d2a563;
	font-size:0.8em;
	padding-top:1%;
	padding-bottom:3%;
	padding-left:13%;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
div#footer_bar_phone_area{
	padding-top:3%;
	padding-bottom:3%;
}
div#footer_bar_phone a{
	color:#d2a563;
}
div.codePhone{
	float:left;
	width:30%;
	padding-right:8%;
	padding-left:5%;
}
div.phoneFooterLine{
	height:1px;
	width:82%;
	background-color:white;
	margin-top:3%;
	margin-bottom:3%;
}
div.footerInfoPhone{
	text-align:left;
	padding-left:18%;
}
div.footerInfoPhoneEn{
	text-align:left;
	padding-left:2%;
}
#pagelist{height:30px; display:block; padding-top:5px;vertical-align:middle;}
.pagePrev, .pageNext{width:25px; height:25px; display:inline-block;line-height:25px;vertical-align:middle;}
.pageButton{width:25px; height:25px; display:inline-block;line-height:25px;vertical-align:middle;text-decoration:none;}
.pageButton:hover{cursor:pointer;color:#d11d04;text-decoration:none;}
.currentButton a{color:#d11d04!important;text-decoration:none;}
.pageButton a:hover{color:#d11d04;text-decoration:none;}
.pageButton a{color:#595959;width:25px;display:inline-block;height:25px;line-height:25px;text-decoration:none;}
#IE_Text{display:none;}