.border_box{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

}
.foreword_p{
	text-align:left;
	font-size:1.2em;
}
/* Building_Construction.jsp */

.hkust{
	margin-top:50px;
	position:relative;
}

.hkust img{width:100%;}

.hkust_title{
	color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:25px 40px;
	text-align:center;
	font-size:1.4em;
	line-height:120%;
	background:#aa243f;
	opacity:0.85;
}

.dialog_outer{
	background:url(../images/dialog_bg.png) repeat-y center center;
	padding:30px 0 0 0;
}
.dialog_outer ul{
	display:block;
	width:50%;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.dialog_outer li {
	display:inline-block;
	width:100%;
	height:auto;
	margin-top:40px;
	padding:0 23px 0 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.dialog_outer ul.waterfall_left li{
	margin-top:48px;
}
.dialog_outer ul.waterfall_left li:nth-child(1) {
	margin:0;
}
.dialog_outer ul.waterfall_right li {
	padding:0 20px 0 21px;
}

.load_more {
	width:135px;
	clear:both;
	float:none;
	padding:55px 0;
	margin:0 auto;
}
.load_more  a{
	display:block;
	width:100%;
	background:#aa243f;
	padding:18px 0;
	line-height:90%;
	text-align:center;
	font-size:1.1em;
	color:#fff;
}

.dialog_box{
	width:100%;
	border:solid 1px #b2b2b2;
	border-radius:10px;
}
.building_dialog_year{
	background:#f85129;
	padding:15px;
	width:100%;
	position:relative;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:bold;
	font-size:1.2em;
	line-height:90%;
	color:#fff;
}
.dialog_icon{
	display:block;
	width:29px;
	height:20px;
	background:url(../images/dialog_icon.jpg) repeat-y center center;
	position:absolute;
	bottom:6px;
	right:-29px;
}
.dialog_outer ul.waterfall_right .dialog_icon{
	background:url(../images/dialog_icon_left.jpg) repeat-y center center;
	left:-29px;
}
.building_dialog_img{
	width:100%;
}
.building_dialog_img img{
	width:100%;
}

.building_dialog_title{
	background:#fff;
	padding:13px 20px 13px 13px;
	width:100%;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-weight:bold;
	font-size:1.2em;
	line-height:140%;
}
.building_dialog_title a{
	color:#f85129;
}
.building_dialog_title a img{
	display:inline-block;
	padding:5px 0 0 10px;
}
/* Building_Construction.jsp  end */

/* Civil_Engineering.jsp */
.civil_dialog .building_dialog_year{
	background:#14a050;	
}
.civil_dialog .dialog_icon{
	background-image:url(../images/green_dialog_icon.jpg) ;
}
.civil_dialog  ul.waterfall_right .dialog_icon{
	background-image:url(../images/green_dialog_icon_left.jpg);
}
.civil_dialog .building_dialog_title a{
	color:#333;
}
/* Civil_Engineering.jsp end */


/* maintenance.jsp */
.maintenance_dialog .building_dialog_year{
	background:#2477a3;	
}
.maintenance_dialog .dialog_icon{
	background-image:url(../images/blue_dialog_icon.jpg) ;
}
.maintenance_dialog  ul.waterfall_right .dialog_icon{
	background-image:url(../images/blue_dialog_icon_left.jpg);
}
.maintenance_dialog .building_dialog_title a{
	color:#333;
}
/* maintenance.jsp end */


/* maintenance.jsp */
.housing_dialog .building_dialog_year{
	background:#913170;	
}
.housing_dialog .dialog_icon{
	background-image:url(../images/violet_dialog_icon.jpg) ;
}
.housing_dialog  ul.waterfall_right .dialog_icon{
	background-image:url(../images/violet_dialog_icon_left.jpg);
}
.housing_dialog .building_dialog_title a{
	color:#333;
}
/* maintenance.jsp end */

/* Project_Detail */
.img_big{
	clear:both;
	padding:70px 0 20px 0;
}
.img_big img{
	display:block;
	margin:0 auto;
	max-width:100%;
	width:auto;
}
.img_little_box table{
	margin:0 auto;
}
.img_little_box ul{
	display:block;
	width:auto;
	height:auto;
}
.img_little_box ul li{
	display:block;
	float:left;
	width:145px;
	height:107px;
	cursor:pointer;
	margin:0 6px;
	opacity:0.5;
	padding-bottom:1px;
	border-bottom:solid 4px #f4f1f1;
}
.img_little_box ul li img{
	width:145px;
	height:107px;
}
.img_little_box ul li.click_li{
	opacity:1;
	border-bottom:solid 4px #aa243f;
}

.project_table{
	border-top:solid 1px #dbd8d8;
	color:#333;
	margin-top:50px;
}
.project_table tr td:nth-child(1){
	color:#aa243f;
	font-weight:bold;
	font-size:1.2em;
}
.content_title{
	text-transform:uppercase;
}
/* Project_Detail end */


/* hkust_select */
.hkust_select{ background:#e4e4e4; padding:25px 0px 20px 0px; }
.hkust_s_up{ padding:0 22px; padding-bottom:20px;}
.hkust_s_down{ padding:0 2%;}
.hk_down_left{ width:712px; height:38px; float:left; }
.dleft_l{ width:4px; height:38px; background:url(../images/chosen/search_left.jpg) no-repeat; float:left;}
.dleft_c{ width:704px; height:38px; background:url(../images/chosen/search_center.jpg) repeat-x; float:left; padding-top:8px\9;}
.dleft_r{width:4px; height:38px; background:url(../images/chosen/search_right.jpg) no-repeat; float:right;}
.dleft_input{ padding:0 20px;  width:650px; height:36px; color:#7a7a7a; margin-top:1px; height:22px\9; font-family: inherit; }
.hk_down_right{float:right; background:#aa243f;  cursor:pointer; width:10%; height:38px; line-height:38px; text-align:center;}
.hk_down_right p{  font-size:13px;  font-weight:bold;  color:#fff;}