@charset "utf-8";
/* CSS Document */
html,body{ 
	height: 100%;
}
div#top_bar{
	vertical-align:middle;
	height:17%;
}
div#logo{
	position:absolute;
	top:83%;
	width:23%;
	height:100%;
	margin-left:3.5%;
	margin-top:-1.5%;
}
div#phone_menu_iron{
	display:none;
}
div#menu{
	position:absolute;
	top:73%;
	right:3%;
	margin-top:1.3em;
}
div#logo_menu_wrapper{
	position:relative;
	width:100%;
	height:50%;
}
div#request_selector_wrapper{
	position:fixed;
	top:2.5%;
	z-index:100;
	width:30%;
	padding-left:66.3%;
}
div#phone_menu{
	display:none;
}
div#menu ul {
	margin-right:0px;
	margin-left:30px;
	height:4em;
	line-height:2em;
	list-style-type:none;
}
div#menu ul li {
	float:right; 
	position:relative;
	display:inline-block;
}
li.spliter
{
	width:2px;
	height:2.5em;
	background-color:#92a67b;
	display:inline-block;
	margin-left:2em;
	margin-right:2em;
}
div#menu ul li a{
	width:auto;
	display:inline-block;
	color:#92a67b;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	font-family: "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	text-decoration:none; 
	font-size:1.5em;
	letter-spacing:6px;
}
div#menu ul li:hover a {
	color:#c3874c;
}
/*page 1*/
div#banner{
	position:absolute;
	top:17%;
	width:100%;
	height:74%;
	overflow:hidden;
	}
div#left_arrow{
	position:absolute;
	top:38%;
	width:6%;
	left:0px;
	z-index:80;
	cursor:pointer;
	text-align:center;
}
div#right_arrow{
	position:absolute;
	top:38%;
	right:0px;
	width:6%;
	z-index:80;
	cursor:pointer;
	text-align:center;
}
div#banner_background{
	position:absolute;
	width:100%;
	bottom:0;
	z-index:2;
	background:rgba(0,0,0,0.5);
}
div#banner_text{
	display:block;
	margin-left:5%;
	float:left;
	width:70%;
	padding:0.6% 0%;
	word-break:keep-all;
    white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}

div#banner_nav{
	display:inline-block;
	width:15%;
	height:10%;
	position:absolute;
	right:5%;
	bottom:15%;
}
div#banner_text span{
	display:block;
	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:300%;
	font-family:  "Myriad Pro", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.cn{
	font-size:190%;
	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;
	_display:inline;
	_zoom:1;
	width:5.2%;
	height:100%;
	_font-size:0;
	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{
	position:absolute;
	top:91%;
	background-image:url('/images/background-image.jpg');
	background-repeat:repeat;
}
div#down_arrow{
	width:10%;
	height:100%;
	margin:0 auto;
	z-index:999;
}
div#down_arrow img
{
	max-height:100%;
}
div#fullscreen_page{
	width:100%;
	height:100%;
}
/*page 2*/
div#aboutus{
	width:100%;
	overflow:hidden;
	height:11%;
	margin-top:1%;
}
div#aboutus_text{
	width:50%;
	display:block;
	margin:0 auto;
}
span.aboutus_cn, span.aboutus_en{
	display:block;
	text-align:center;
	width:550px;
	margin:auto;
	color:#92a67b;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.aboutus_cn
{
	font-size:130%;
	padding-top:3%;
	padding-bottom:0.5%;
}
span.aboutus_en{
	font-size:100%;
	padding-bottom:3%;
	padding-top:0.5%;
	letter-spacing: 1em;
}
div#aboutus_wrapper{
	background-image:url('/images/intro.jpg');
	height:auto;
}
div#aboutusArea{
	background-color:rgba(242,242,242,0.75);
	width:80%;
	display:inline-block;
	margin-left:10%;
	margin-top:4.4%;
	margin-bottom:4%;
}
div#aboutus_content{
	width:33%;
	float:left;
	height:auto;
	display:inline-block;
}
div#aboutus_content{
	padding:6% 18%;
}
div#intro
{
	padding-bottom:1%;
}
div#intro p{
	color:black;
	font-size:1.2em;
	line-height:2.2em;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	word-spacing: 10px;
	white-space: 10px;
	font-weight:540;
}
p.introTitle{
	font-size:1.5em!important;
}
/*page 3*/
div#amazingshanghai{
	display:block;
	width:100%;
	height:9.2%;
	margin-top:0.3%;
	margin-bottom:0.4%;
	overflow:hidden;
}
div#amazingshanghai_text{
	width:50%;
	display:block;
	margin:0 auto;
	height:100%;
	overflow:hidden;
}
span.amazingshanghai_cn, span.amazingshanghai_en{
	display:block;
	text-align:center;
	width:550px;
	margin:auto;
	color:#92a67b;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.amazingshanghai_cn
{
	font-size:130%;
	padding-top:3%;
	padding-bottom:0.5%;
}
span.amazingshanghai_en{
	font-size:100%;
	padding-bottom:3%;
	padding-top:0.5%;
	letter-spacing: 1em;
}
div#amazingshanghai_wrapper{
	width:100%;
	background-color: #e6e0de;
}
div#caseArea{
	margin-left:10%;
	padding-top:2%;
	min-height:36em;
}
div.case_images{
	width:95%;
	margin:2.5% auto;
}
div.cases{
	float:left;
	width:19.2%;
	margin-right:4%;
	margin-bottom:1.5%;
	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:1em;
	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:50%;
	margin-left:24.7%;
}

div.casePageText{
	text-align: center;
    font-family: "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    padding-top: 1%;
    padding-bottom:4%;
}
div.casePageText a{
	text-decoration:none!important;
	color: #92a67b;
	font-size:1.5em;
}
div.page_area{
	text-align:center;
	padding-bottom:4%;
}
div.casePageText a:hover{
	color: #c3874c;
}
div.exhibitionsMask{
	margin-top:9%;
}
/*page 4*/
div#roomlist,div#roomlist2{
	display:block;
	width:100%;
	height:9.2%;
	margin-top:0.3%;
	margin-bottom:0.4%;
	overflow:hidden;
}
div#roomlist_text{
	width:50%;
	display:block;
	margin:0 auto;
	height:100%;
	overflow:hidden;
}
span.roomlist_cn, span.roomlist_en{
	display:block;
	text-align:center;
	width:550px;
	margin:auto;
	color:#92a67b;
	font-family:  "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
span.roomlist_cn
{
	font-size:130%;
	margin-top:3%;
	margin-bottom:0.5%;
}
span.roomlist_en{
	font-size:100%;
	margin-bottom:3%;
	margin-top:0.5%;
	letter-spacing: 1em;
}
div#product{
	width:100%;
	background-color:#e6e0de;
	display:inline-block;
}
div#product_lists{
	padding-bottom:1.5% !important;
	margin:auto;
	padding-left:11%;
	margin-top:1.5%;
	padding-right:10%;
	min-height:22em;
	
}
div.product_item{
	position:relative;
	display:inline-block;
	width:14%;
	border:1px solid white;
	vertical-align:top;
	margin-left:1%;
	margin-bottom:1.5%;
	background-color:#e6e0de;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
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:-1em;
}
/*未来活动首页*/
div#indexFutureFair_lists_phone{
	display:none;
}
div#indexFutureFair{
	width:100%;
	background-color:#d5dde0;
	display:inline-block;
}
div#indexFutureFair_lists{
	padding-bottom:1.5% !important;
	margin:auto;
	padding-left:11%;
	margin-top:1.5%;
	padding-right:10%;
	min-height:36em;
}
div.indexFutureFair_item{
	width:92%;
	margin-left:4%;
	
}
table#index_table_first{
   letter-spacing: 0.3em;
   text-align:center;
   width:100%;
   padding-top:1%;
   padding-bottom:1%;
    width:94%;
   padding-left:3%;
   color:#92a67b;
   font-size:1.2em;
}
table#index_futureFair{
	 text-align:center;
	 padding-left:3%;
	 padding-bottom:3%;
	 width:97%;
	 font-size:1em;
}
table#index_futureFair td{
	padding-right:3%;
	 padding-left:1%;
	padding-bottom:3%;
	padding-top:3%;
	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#indextableSpliter{
	margin-left:3%;
	 width:94%;
	height:1px;
	background-color:white;
}
/*未来活动*/
div.futureFairMask{
	margin-top:9%;
}

/*未来活动详情页*/
div.futureFairDetailMask{
	margin-top:8%;
}
div#futureFair{
	padding-top:4%;
	width:100%;
	background-color:#d5dde0;
	display:inline-block;
}
div#futureFairTop{
    padding-bottom: 2%;
    margin-left: 20%;
    font-size: 1.5em;
    color: #92a67b;
    font-weight: bold;
    width: 60%;
    letter-spacing: 0.2em;
    border-bottom:1px solid white;
}
div#futureFairDetailarea{
	padding-top:2%;
	padding-bottom:3%;
	min-height:35em;
	width:50%;
	padding-left:25%;
}
div#futureFairTitle{
	text-align:center;
	padding-bottom:2%;
	width:50%;
	margin-left:25%;
	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%;
}
div#futureFaircontent img{
	max-width:100%;
}
table{
    max-width:100%!imporatnt;
    width:100%!imporatnt;
    word-break: break-all;
    font-size: 0.6em;
}
div#back {
    float: left;
    padding-top: 5%;
    padding-bottom: 4%;
    padding-left: 80%;
    font-size: 1.05em;
}
div#back a {
    text-decoration: none;
    color: #595959;
    font-size: 1.05em;
}
div#go_top {
    float: left;
    padding-top: 2.8%;
    padding-bottom: 4%;
   padding-left: 3%;
}
div#top_text {
    padding-right: 2%;
    padding-top: 9%;
}
div#go_top a {
    color: black;
    text-decoration: none;
    font-size: 1.05em;
}
#pagelist{height:30px; display:block; padding-top:25px;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;}