@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
html {-webkit-text-size-adjust: none;}
img, object {
	max-width: 100%;
	max-height: 100%;
}
img{
	border:0px;
}
a{
	text-decoration:none;
}
body{
	background-color:#3c3c3c;
	background-size:100% 100%;
	background-repeat:repeat-y;
	background-attachment:fixed;
	overflow:hidden;
}
div#register{
	position:fixed;
	bottom:7%;
	right:3%;
	font-family: "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:white;
	font-size:90%;
	z-index:800;
	width:30%;
}
div#register_icp{
	text-align:right;
	font-size:90%;
}
div#register_container{
	float:right;
	width:3.5%;
	padding-right:5px;
}
div#register_text{
	float:right;
	vertical-align:bottom;
}
div#register img{
	vertical-align:top;
}
div#register a{
	font-family: "Myriad Pro", "微软雅黑", "SimHei", "STHeiti", "shangyu", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:white;
	font-size:90%;
	vertical-align:bottom;
	line-height:90%;
}
div#n_text{
	position:fixed;
	top:48%;
	left:49%;
	height: 3%;
	width:5%;
	z-index:1000;
}
div#processbar {
	position:fixed;
	top:50%;
	left:20%;
	height: 1px; 
	width: 0px; 
	background-color:#FFF;
	z-index:1000;
}
div#load_images{
	display:none;
}
div#arrow{
	position:fixed;
	top:0;
	left:0;
	width:9%;
	z-index:980;
}
div#arrow img{
	vertical-align:top;
}
div#arrow_down{
	position:fixed;
	bottom:0;
	left:0;
	width:9%;
	z-index:980;
}
div#arrow_down img{
	vertical-align:bottom;
}
div#background_image{
	width:100%;
	height:100%;
	z-index:1;
}
div#changed_image{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:600;
}
div#changed_image img{
	display:none;
}
div#logo{
	position:fixed;
	top:2%;
	right:3%;
	width:13%;
	z-index:1000;
}
div#top{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:16%;	
}
div#bottom{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:6%;
}
div#html_bottom{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:30%;
}
div#project_bottom{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:15%;
}
div#project_detail_bottom{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:30%;
}
div#top, div#bottom, div#html_bottom, div#project_bottom, div#project_detail_bottom{
	z-index:888;
	background:rgba(0,0,0,0);
}
div#content_top{
	width:100%;
	left: 0;
	top: -100%;
	background:rgba(0,0,0,0.8);
	background-image:url('../img/border.png');
	background-repeat:repeat-x;
	background-position:100% 100%;
}
div#content_bottom{
	width:96%;
	left: 2%;
	bottom:-100%;
	background:rgba(0,0,0,0.8);
	background-image:url('../img/border.png');
	background-repeat:repeat-x;
	background-position:0 0;
	vertical-align:middle;
	line-height:300%;
}
div#content_top, div#content_bottom{
	position:absolute;
	height:100%;
}
div#content_top_wrapper{
	position:absolute;
	top:28%;
	left:0;
	width:100%;
}
div#icon{
	margin-left:3%;
	width:0.75%;
	margin-right:6.25%;
	display:inline-block;
	vertical-align:top;
	word-break: break-all;
	word-wrap:break-word;
}
div#menu{
	width:90%;
	display:inline-block;
	vertical-align:top;
	word-break: break-all;
	word-wrap:break-word;
}
div#menu ul{
	list-style-type:none;
	vertical-align:middle;
}
div#menu ul li{
	float:left; 
	position:relative;
	color:#77787B;
	padding-right:3%;
	text-align:left;
}
div#menu ul li a{
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	text-decoration:none; 
	letter-spacing:0px;
	word-spacing:0px;
	padding:0 3px !important;
}
div#menu ul li:hover a {
	color:#FFF;
}
div#menu ul li ul {
	display: none;
	list-style-type:none;
}
div#menu ul li:hover ul{
	display:block; 
	position:absolute; 
	top:100%; 
	left:0; 
	min-width:1200%;
}
div#menu ul li:hover ul li {
	float:left;
	min-width:6%;
	width:auto !important;
	color:#d0c113;
	text-align:left;
	padding-top:1.6%;
	padding-bottom:1.6%;
}
div#menu ul li:hover ul li a{
	text-decoration:none;
}
div#language{
	float:left;
	margin-left:1.1%;
	width:7%;
	height:100%;
}
.font_type_1{
	font-size:100%;
	font-family:  "Levenim MT", "SimHei", "STHeiti", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#77787B;
}
.font_type_2{
	font-size:85%;
	font-family:  "Levenim MT", "SimHei", "STHeiti", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#FFF;
}
span#chinese{
	cursor:pointer;
}
span#english{
	cursor:pointer;
}
.onhover{
	color:#FFF !important;
}
.offhover{
	color:#77787B !important;
}
.inline{
	float:left;
	width:12%;
}
div.text{
	float:left;
	width:25%;
	height:100%;
	vertical-align:top;
	margin-right:2%;
}
p#title{
	line-height:300% !important;
}
p#content{
	word-wrap: break-word; 
	word-break: normal; 
	line-height:200%;
	vertical-align:top;
}
p#content img{
	max-height:none !important;
}
hr{
	height:1px;
	border:0px;
	text-align:left;
}
hr.width_30{
	width:28%;
}
hr.width_50{
	width:50%;
}
hr.width_60{
	width:60%;
}
div#solgoan{
	float:right;
	margin-right:1.1%;
	width:30%;
	height:100%;
}
div#solgoan ul{
	list-style-type:none;
	vertical-align:middle;
}
div#solgoan ul li{
	float:right; 
	color:#77787B;
	text-align:center;
}
div#solgoan ul li a{
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	text-decoration:none; 
	letter-spacing:0px;
	word-spacing:0px;
	margin:0 3px !important;
	padding: 0px;
}
div#solgoan ul li a:hover{
	cursor:default;
}
div#project_detail_menus{
	float:right;
	margin-right:1.1%;
	width:20%;
	height:100%;
}
div#project_detail_menus ul{
	list-style-type:none;
	vertical-align:top;
	padding-top:2%;
}
div#project_detail_menus ul li{
	float:left; 
	color:#77787B;
	text-align:center;
	line-height:200%;
}
div#project_detail_menus ul li a{
	text-align:center;
	vertical-align:top;
	font-weight:normal;
	text-decoration:none; 
	letter-spacing:0px;
	word-spacing:0px;
	margin:0 3px !important;
	padding: 0px;
	color:#77787B;
}
div#project_detail_menus ul li:hover a {
	color:#FFF !important;
}
div.project_text{
	float:left;
	width:60%;
	height:100%;
	vertical-align:top;
}
div#project_type{
	float:left;
	width:20%;
	height:100%;
	vertical-align:top;
}
div#project_type a{
	text-decoration:none; 
}
div#project_items{
	float:left;
	width:80%;
	height:100%;
	vertical-align:top;
	padding-top:0.8%;
}
div#project_detail{
	float:left;
	width:80%;
	height:100%;
	vertical-align:top;
	padding-top:1%;
}
div#project_items ul{
	list-style-type:none;
	vertical-align:middle;
}
div#project_items ul li{
	float:left; 
	line-height:200%;
}
div#project_items ul li a{
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	text-decoration:none; 
	letter-spacing:0px;
	word-spacing:0px;
	color:#77787B !important;
}
div#project_items ul li:hover a {
	color:#FFF !important;
}
div#project_background_image{
	width:100%;
	height:100%;
	z-index:1;
}
div.image_container{
	position:absolute;
	top:0;
	width:19.5%;
	margin-left:0.25%;
	margin-right:0.25%;
	z-index:888;
}
div.image_container a img, div.project_detail_image_container a img{
	max-height:none !important;
}
div#project_detail_image{
	width:100%;
	height:100%;
	z-index:1;
}
div.project_detail_image_container{
	position:absolute;
	top:0;
	width:81%;
	margin-left:0.5%;
	margin-right:0.5%;
	z-index:878;
}
div#before_mask{
	position:fixed;
	top:0;
	left:0;
	width:9.5%;
	height:100%;
	z-index:878;
}
div#after_mask{
	position:fixed;
	top:0;
	left:90.5%;
	width:9.5%;
	height:100%;
	z-index:878;
}
div#container1{
	left:0;
}
div#container2{
	left:20%;
}
div#container3{
	left:40%;
}
div#container4{
	left:60%;
}
div#container5{
	left:80%;
}
div.hide_panel, div.hide_image{
	display:none !important;
}
div#left_arrow{
	position:absolute;
	width:1.5%;
	top:48%;
	left:3%;
	z-index:1000;
}
div#right_arrow{
	position:absolute;
	width:1.5%;
	top:48%;
	right:3%;
	z-index:1000;
}
div#left_arrow a:hover, div#right_arrow a:hover{
	cursor:pointer;
}
div#right_text{
	position:absolute;
	width:1.5%;
	top:50%;
	right:5.6%;
	z-index:1000;
	display:none;
}
p.project_text{
	position:absolute;
	top:50%;
	text-align:center;
	width:100%;
	text-decoration:none;
}
a.index_content{
	text-decoration:none;
	color:#FFF;
	font-size:150%;
}
div.index_content_container_map{
	width:45%;
}
div.index_content_container_partner{
	width:27%;
	display:inline-block;
}
div.index_content_container_partner_url{
	display:inline-block;
	vertical-align:top;
	padding-left:6%;
}
a:hover.index_content{
	color:#77787B;
}
.mask{
	z-index:880;
	background:rgba(0,0,0,0.84);
	position:absolute;
	left:0;
	top:0;
}
div#detail_background_image, div#detail_changed_image{
	position:fixed;
	top:0;
	left:10%;
	width:80%;
	height:100%;
}
div#detail_background_image img{
	max-height:none !important;
}
div#detail_changed_image img{
	display:none;
	max-height:none !important;
}
div#focus{
	position:fixed;
	bottom:0px;
	right:13%;
	width:15%;
	height:5%;
	z-index:988;
}
#focus .btn{
	position:absolute;
	width:100%;
	height:20%;
	padding-left:5%;
	padding-right:5%;
	left:0;
	top:10%;
	text-align:right;
	line-height:40%;
	margin-bottom:4%;
	}
#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{
	background:#fff;
	}