/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

@font-face {
    font-family: myFont;
    src: url(../font/AvenirNextLTPro-Regular.otf);
}
@font-face {
    font-family: myFontItalic;
    src: url(../font/AvenirNextLTPro-It.otf);
}

body{
	margin:0;
	padding:0;
	/*font-family: myFont;*/
	font-family: myFont,'Nunito';
	font-size:62.5% !important;
	overflow:hidden;
	height:100%;
	background-color:#1c1c1c !important;
}

/* Basic Styles */
#container{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;	
	background-color:#1c1c1c;
}
#header_container{
	position:relative;
	left:0;
	bottom:-182px;
	width:100%;	
	background-color:#1c1c1c;
}
.pj_body{
	height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.pj_container{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
    overflow-y: scroll;
}
#image{
	padding-left:25%;
	width:100%;
}
#image img{
	width:65%;
	padding-top:3.5%;
}
header{
	position:absolute;
	left:0;
	top:85%;
	width:100%;
	height:70px;	
	background-color:#1c1c1c;
	z-index:100000;
}
a:focus {outline:none !important;}
a::-moz-focus-inner {border:0 !important;}
a, img {
    border:none;
    outline:none;
}
a {
	color:#1c1c1c !important;
	text-decoration:none;
}
#logo{
	float:left;
	width:25%;
	height:83px;
	background-color:#1c1c1c;
	z-index:50 !important;
}
#logo img{
	width:280px;
	display: block;
	margin: 0 auto;
	z-index:50 !important;
	
}
nav {
	float:left;
	height: 83px;
	width: 75%;
	background:#1c1c1c;
	font-size: 11pt;
	font-family: myFont,'Nunito';
	/*position:absolute;*/
	/*border-bottom: 0px solid #283744;*/
	z-index:3000;
}
nav ul {
	float:left;
	padding: 5px 0 0 0;
	margin: 0 auto;
	/*width: 100%;*/
	height: 83px;
}

nav li {
	display: inline;
	float: left;
}
nav a:first-child{
	padding-left:0px;
}
nav a {
	color: #999 !important;
	display: inline-block;
	/*width: 130px;*/
	text-align: center;
	/*padding:0 80px;*/
	text-decoration: none;
	line-height: 83px;
	/*text-shadow: 1px 1px 0px #283744;*/
}
nav li a {
	/*border-right: 1px solid #576979;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
/*nav a:hover, nav a:active {
	background-color: #8c99a4;
}*/
nav a:hover, nav a:active, .active {
	color:#fff !important;
	text-decoration:none;
}
nav a#pull {
	display: none;
	text-decoration:none;
}
#submn {
	display: none;
	text-decoration:none;
}
#slidesubmenu{
	display:none;
	font-size: 8pt;
}
#showsubmenu{
	cursor:pointer;
}
.sh-cur{
	cursor:pointer !important;
}
#projectshow{
	display:none;
}
/*-----form-----*/
#name:focus,#subject:focus,#tel:focus,#email:focus,#message:focus {
    border-color: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(163, 163, 163, 0.8);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(163, 163, 163, 0.8);
    outline: -webkit-focus-ring-color auto 5px;
	color:#999999;
}
.form-control{
	  background-color:#323232 !important; 
	  border-color:#323232 !important;
	  margin-top:3px;
	  color:#999999;
}
.btn btn-default{
	  background-color:#b2b2b2 !important; 
	  color:#212121;
	  margin-top:3px !important;
}
.btn-group-justified{
	 padding:0px !important;
	 border-spacing:1px;
	 
}

#message{margin-bottom:3px;}
.btn-default {
	background: #b2b2b2 !important;
	color: #212121 !important;
	border-color:#b2b2b2 !important;
}
 
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{
	background: #b2b2b2 !important;
	box-shadow: none;
}
* {
   -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   border-radius: 0 !important;
}
textarea { resize:none; }

/*-----home-----*/
#imageleft{
	width:25%;
	float:left;
	display:block;
}
#imageslide{
	position:relative;
	width:75%;
	float:left;
	margin-top:4%;
}

/*-----introduction-----*/
#content{
	opacity:0;
	max-width:310px;
	max-height:200px;
	padding-left:25%;
	clear:both;
	color:#d0d0d0;
	text-align:justify;
	z-index:100000;
}


/*-----process-----*/
.hd_process{
	position:absolute;
	left:0;
	top:55%;
	width:100%;
	height:70px;	
	background-color:#1c1c1c;
	z-index:100000;
}
.hd_process_moveup{
	position:absolute;
	left:0;
	bottom:15%;
	width:100%;
	height:70px;	
	background-color:#1c1c1c;
	z-index:100000;
}
#process_content{
	clear:both;
	padding:0;
}
#submenu_content{
	clear:both;
	padding-left:25%;
}
#submenu{
	/*position:absolute;
	left:0;
	bottom:-35%;*/
	width:100%;
	padding-top:0px;
	/*padding-left:39.8%;*/
	
	font-size:1.1em;
}
#submenu ul{
	float:left;
	list-style:none;
	text-decoration:none;
	padding-left:0;
	display:block;
}
#submenu ul li{
	padding-bottom: 12px;
}
#submenu a{
	color:#999 !important;
	text-decoration:none;
}
#submenu a:hover, #submenu a:active, .menuactive{
	color:#fff !important;
	text-decoration:none;
}

#submenu p{
	float:left;
	max-width:310px;
	max-height:200px;
	text-align:justify;
	color:#999;
}
#pc_paragraph{
	float:left !important;
	max-width:310px !important;
	max-height:200px !important;
	list-style:outside !important; 
	color:#999 !important; 
	padding-left:10px !important;
	/*text-align:justify !important;*/
}
#pc_paragraph li{
	padding-bottom:2px !important;
}

.process_submenu{
	padding-top:0.9% !important;
}

#process_inner_content1{
	/*text-align:left !important;*/
	display:block;
}
#process_inner_content2{
	clear:both;
	font-size:1.1em;
	float:left;
	max-width:310px;
	max-height:200px;
	text-align:left !important;
	color:#999;
	list-style:outside;
	display:none;
}
#construction_inner_content{
	float:left;
	max-width:310px;
	max-height:200px;
	text-align:justify;
	color:#999;
	display:block;
}
#cs_paragraph{
	float:left !important;
	max-width:310px !important;
	max-height:200px !important;
	list-style:outside !important; 
	color:#999 !important; 
	padding-left:10px !important;
	/*text-align:justify !important;*/
}
#cs_paragraph li{
	padding-bottom:2px !important;
}
#development_inner_content2{
	clear:both;
	font-size:1.1em;
	float:left;
	max-width:310px;
	max-height:200px;
	text-align:justify;
	color:#999;
	display:none;
}
/*#image{
	padding-left:25%;
	padding-top:1.1%;
	width:100.85%;
	display:block;
}*/

#image_p{
	padding-left:25%;
	width:75%;
	display:block;
}


@media screen and (min-width: 1281px) {
nav ul {
	width:77%;
}
nav li{
	width: 16.6667%;
    width: calc(100% / 6);
	text-align:left;
}
nav li:first-child{
	text-align:left;
}
nav li:nth-child(2) a{
	padding-left:17%;
}
nav li:nth-child(4) a{
	padding-left:18%;
}
nav li:nth-child(5) a{
	padding-left:20%;
}
nav li:nth-child(6) a{
	padding-left:35%;
}
nav li:last-child {
	text-align:right;
}
#submenu_content{
	clear:both;
	padding-left:25%;
}
#submenu ul{
	padding-left:16%;
}
#submenu p{
	padding-left:17%;
}
.p_process{
	float:left;
	padding-left:18%;
	width:550px !important;
	max-width:550px !important;
	max-height:200px;
	text-align:justify;
	color:#999;
}
#image_p img{
	width:77%;
	padding-top:4.5%;
}
.center-page-process{
	width:57.5%;
	margin:0 auto;
	position:absolute;
	top:9%;
	left:25%;
}
#imageslides{
margin-left:25%; 
margin-top:3.5%;
clear:both;
}
.restricted-widths{/*max-width:800px*/
width:77%;
}
#subcontent p{
	font-size:9pt;
	width:28%;
	/*height:7%;*/
	max-width:370px;
	/*max-height:220px;*/
	line-height:14px;
	padding-left:25%;
	color:#d0d0d0 !important;
	text-align:justify;
}

}
@media screen and (max-width: 1280px) {
nav ul {
	width:87%;
}
nav li{
	width: 16.6667%;
    width: calc(100% / 6);
	text-align:left;
}
nav li:first-child{
	text-align:left;
}
nav li:nth-child(2) a{
	padding-left:17%;
}
nav li:nth-child(4) a{
	padding-left:18%;
}
nav li:nth-child(5) a{
	padding-left:20%;
}
nav li:nth-child(6) a{
	padding-left:35%;
}
nav li:last-child {
	text-align:right;
}
#submenu_content{
	clear:both;
	padding-left:25%;
}
#submenu ul{
	padding-left:19%;
}
#submenu p{
	padding-left:15%;
}
.p_process{
	float:left;
	padding-left:18%;
	width:450px !important;
	max-width:450px !important;
	max-height:200px;
	text-align:justify;
	color:#999;
}
#image_p img{
	width:87%;
	padding-top:3.5%;
}
.center-page-process{
	width:65.5%;
	margin:0 auto;
	position:absolute;
	top:9%;
	left:25%;
}
#imageslides{
margin-left:25%; 
margin-top:3.5%;
clear:both;
}
.restricted-widths{/*max-width:800px*/
width:87%;
}
#subcontent p{
	font-size:9pt;
	width:36%;
	/*height:7%;*/
	max-width:440px;
	/*max-height:220px;*/
	line-height:14px;
	padding-left:25%;
	color:#d0d0d0 !important;
	text-align:justify;
}
#construction_inner_content{
	display:block;
}
}




#image_ps{
	padding-top:3%;
	width:100%;
	display:none;
}
#image_ps img{
	width:100%;
}

/*-----projects-----*/
.hd_projects{
	position:fixed;
	left:0;
	bottom:15%;
	width:100%;
	height:70px;	
	background-color:#1c1c1c;
	z-index:100000;
}
#bottombar{
	clear:both;
	position:absolute;
	left:0;
	top:95%;
	width:100%; 
	padding:0; 
	height:200%;
	background-color:#1c1c1c;
	display:block;
	z-index:-1 !important;
}
.s_all{
	color:#ffffff;
}
.imgWrap {
  position: relative;
}

.imgDescription {
  position: absolute;
  width:100%;
  color: #fff;
  margin:0 auto;
  text-align:center;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);
  font-size:11pt;
  
  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}

.imgDescription_ie {
  position: absolute;
  width:100%;
  height:100%;
  color: #fff;
  margin:0 auto;
  text-align:center;
  top:50%;
  left:0%;
  transform: translate(0%, -50%);
  transform: -webkit-translate(0%, -50%);
  transform: -ms-translate(0%, -50%);
  
  font-size:11pt;
  
  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription, .imgWrap:hover .imgDescription_ie {
  visibility: visible;
  opacity: 1;
}

/*-----contact-----*/
.content_detail{
	width:50%;
	max-width:630px;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
  	transform: -webkit-translate(-50%, -50%);
  	transform: -ms-translate(-50%, -50%);
}
.content_detail_ie{
	width:50%;
	max-width:630px;
	height:50%;
	max-height:300px;
	position: absolute;
    top:0;
    right: 0;   
    left: 0;
    bottom:0;
    margin:auto;
}
.row_height{
	
}
.form_detail{
	/*width:27%;
	min-width:360px;*/
	
	width:360px;
	
	/*float:left;*/
}
.contact_detail{
	/*width:23%;
	min-width:270px;*/
	
	width:270px;
	
	/*float:left;*/
	padding:0 0 0 1%;
}
.contact_detail img{
	width:100%;

}

/*-----scrollbar-----*/
#vertical-scrollbar-demo {
	height: 410px;
	width: 600px;
}
.tbscroll td{padding-right:10px;}
.center-page{
	width:56%;
	max-width:650px;
	margin:0 auto;
	position:absolute;
	top:40%;
	left:50%;
	transform: translate(-50%, -40%);
  	transform: -webkit-translate(-50%, -40%);
  	transform: -ms-translate(-50%, -40%);
}
.center-page-ie{
	width:56%;
	max-width:650px;
	/*height:50%;*/
	max-height:410px;
	position: absolute;
    top:0;
    right: 0;   
    left: 0;
    bottom:0;
    margin:auto;
}
.tx_right{
	text-align:right;
}
/*-----publication-----*/
.publication-center-page{
	/*max-width:600px;*/
	width:50%;
	margin:0 auto;
	position:absolute;
	left:50%;
	top:35%;
	transform: translate(-50%, -35%);
  	transform: -webkit-translate(-50%, -35%);
  	transform: -ms-translate(-50%, -35%);
}
.publication-center-page-ie{
	
	/*max-width:600px;
	height:50%;
	max-height:400px;*/
	width:50%;
	position: absolute;
    /*top:10%;*/
    right: 0;   
    left: 0;
    bottom:0;
    margin:auto;
}
.publication-sm-center-page{
	clear:both;
	position:relative;
	top:0;
	left:0;
	padding:3%;
}
.sm_text{
	font-size: 6pt !important;
	font-family: myFont,'Nunito';
}

/*-----show/hide-----*/
.content_detail{
	display:block;
}
.content_detail_ie{
	display:block;
}
.content_detail_sm{
	display:none;
}
#scrollbar{
	display:block;
}
#sm_scrollbar{
	display:none;
}
#collaboration{
	display:block;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 1100px) {
	body{
		overflow-y:scroll;
	}
	
	header{
		position:relative;
		left:0;
		top:0;
		width:100%;
		background-color:#1c1c1c;
	}
	.hd_projects{
		position:relative;
		left:0;
		top:0;
		width:100%;
		background-color:#1c1c1c;
	}
	
	#logo{
		width:100%;
		background-color:#1c1c1c;
		border-bottom: 1px solid #3f3f3f;
	}
	#logo img{
		width:220px;
		display: block;
		margin: 0 auto;
		
	}
	
	nav {
  		height: auto;
		width:100%;
		z-index:3000;
  	}
  	nav ul {
  		width: 100%;
  		display: none;
  		height: auto;
		z-index:3000;
		padding:0;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #3f3f3f;
		border-right: 1px solid #3f3f3f;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	
	nav li:first-child{
		text-align:left;
	}
	nav li:nth-child(2) a{
		padding-left:0;
	}
	nav li:nth-child(4) a{
		padding-left:0;
	}
	nav li:nth-child(5) a{
		padding-left:0;
	}
	nav li:nth-child(6) a{
		padding-left:0;
	}
	nav li:last-child {
		text-align:left;
	}
	
	
	/*show hide menu*/
	nav a#pull {
		display: block;
		background-color: #1c1c1c;
		width: 100%;
		position: relative;
		float:left;
		padding:0px;
		height:40px;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pulls {
		/*padding-right:15px;*/
		width: 30px;
		height: 30px;
	}
	#submn {
		display: block;
	}
	#menu{margin-top:-17px;}
	
	#projectshow{
		display:block;
	}
	
	
	.tpborder{
		/*border-top: 1px solid #576979;*/
	}
	.content_detail{
		display:none;
	}
	.content_detail_ie{
		display:none;
	}
	.content_detail_sm{
		display:block;
		width:100%;
	}
	.content_detail_sm img{
		float:left;
		width:100%;
		padding:5%;
	}
	.content_detail_sm p{
		clear:both;
		width:100%;
		padding-left:5%;
		color:#999;
		font-size: 9pt;
	}
	.content_detail_sm div{
		width:100%;
		padding:3% 5% 5% 5%;
	}
	.content_detail_sm form{
		background-color:#323232 !important; 
	  	border-color:#1c1c1c !important;
	  	width:100% !important;
	  	color:#999999;
	}
	.content_detail_sm form button{
		width:100%;
	}
	#scrollbar{
		display:none;
	}
	#sm_scrollbar{
		clear:both;
		display:block;
		color:#999999;
		padding:3%;
	}
	#sm_scrollbar table{
		width:100%;
	}
	/*#vertical-scrollbar-demo {
		width:100%;
		height:100%;
	}
	.tbscroll{
		width:100%;
	}*/
	
	/*-----home-----*/
	#imageleft{
		display:none;
	}
	#imageslide{
		position:relative;
		width:100%;
		opacity:1;
	}
	/*-----introduction-----*/
	#subcontent p{
		font-size:9pt;
		width:100%;
		padding-left:0;
		/*height:7%;*/
		max-width:550px;
		/*max-height:220px;*/
		color:#d0d0d0 !important;
		text-align:justify;
	}
	
	/*-----process-----*/
	.hd_process{
		position:relative;
		left:0;
		top:0;
		width:100%;
		background-color:#1c1c1c;
	}
	#process_content{
		padding:3%;
	}
	#image_p{
		display:none;
	}
	#image_ps{
		clear:both;
		display:block;
		width:100%;
	}
	#submenu_content{
	clear:both;
	padding-left:0%;
	}
	#submenu{
		padding-top:15px;
		padding-left:0;
		font-size:1.1em;
	}
	#submenu ul{
		display:none;
	}
	#submenu p{
		padding-left:0;
		max-width:800px;
	
	}
	#process_inner_content1{
		display:none;
	}
	#process_inner_content2{
		padding:0 3% 3% 3%;
		font-size:1.1em !important;
		max-width:800px !important;
		display:block;
	}
	#development_inner_content2{
		margin-top:-1%;
		padding:0 3% 3% 3%;
		font-size:1.1em;
		max-width:800px;
		display:block;
	}
	#construction_inner_content{
		display:none;
	}
	#slidesubmenu li{
		background-color:#282828 !important;
	}
	.center-page-process{
		clear:both !important;
		width:100%;
		position:relative;
		top:0;
		bottom:0;
		left:0;
		padding-top:0%;
		margin-top:0;
	}
	#bottombar{
		display:none;
	}
	#imageslides{
		margin-left:0; 
		margin-top:3%;
		clear:both;
	}
	.restricted-widths{/*max-width:800px*/
		width:100%;
	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	
	header{
	position:relative;
	left:0;
	top:0;
	width:100%;
	background-color:#1c1c1c;
	}
	.hd_projects{
		position:relative;
		left:0;
		top:0;
		width:100%;
		background-color:#1c1c1c;
	}
	#logo{
		width:100%;
		background-color:#1c1c1c;
		border-bottom: 1px solid #3f3f3f;
	}
	#logo img{
		width:220px;
		display: block;
		margin: 0 auto;
		
	}
	nav {
		border-bottom: 0;
		width:100%;
		z-index:3000;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav li a {
		border-bottom: 1px solid #3f3f3f;
		border-right: 1px solid #3f3f3f;
	}
	nav a#pull {
		display: block;
		background-color: #1c1c1c;
		width: 100%;
		position: relative;
		float:left;
		padding:0px;
		height:40px;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pulls {
		/*padding-right:15px;*/
		width: 30px;
		height: 30px;
	}
	#submn {
		display: block;
	}
	#projectshow{
		display:block;
	}
	nav li:first-child{
		text-align:left;
	}
	nav li:nth-child(2) a{
		padding-left:0;
	}
	nav li:nth-child(4) a{
		padding-left:0;
	}
	nav li:nth-child(5) a{
		padding-left:0;
	}
	nav li:nth-child(6) a{
		padding-left:0;
	}
	nav li:last-child {
		text-align:left;
	}
	#menu{margin-top:-17px;}
	.tpborder{
		/*border-top: 1px solid #576979;*/
	}
	.content_detail{
		display:none;
	}
	.content_detail_ie{
		display:none;
	}
	#scrollbar{
		display:none;
	}
	#sm_scrollbar{
		clear:both;
		display:block;
		color:#999999;
		padding:7%;
	}
	#sm_scrollbar table{
		width:100%;
	}
	#collaboration{
		display:none;
	}
	/*-----home-----*/
	#imageleft{
		display:none;
	}
	#imageslide{
		position:relative;
		width:100%;
		opacity:1;
	}
	/*-----introduction-----*/
	#subcontent p{
		font-size:9pt;
		width:100%;
		padding-left:0;
		/*height:7%;*/
		max-width:550px;
		/*max-height:220px;*/
		color:#d0d0d0 !important;
		text-align:justify;
	}
	/*-----process-----*/
	.hd_process{
		position:relative;
		left:0;
		top:0;
		width:100%;
		background-color:#1c1c1c;
	}
	#process_content{
		padding:3%;
	}
	#image_p{
		display:none;
	}
	#image_ps{
		clear:both;
		display:block;
		width:100%;
	}
	#submenu_content{
		clear:both;
		padding-left:0%;
	}
	#submenu{
		padding-top:15px;
		padding-left:0;
		font-size:1.1em;
	}
	#submenu ul{
		display:none;
	}
	#submenu p{
		padding-left:0;
	}
	#process_inner_content1{
		display:none;
	}
	#process_inner_content2{
		padding:3% 5% 3% 5%;
		font-size:1.1em;
		max-width:800px;
		display:block;
	}
	#development_inner_content2{
		margin-top:-3%;
		padding:0 5% 3% 5%;
		font-size:1.1em;
		max-width:800px;
		display:block;
	}
	#construction_inner_content{
		display:none;
	}
	
	#slidesubmenu li{
		background-color:#282828 !important;
	}
	.center-page-process{
		clear:both !important;
		width:100%;
		position:relative;
		top:0;
		bottom:0;
		left:0;
		padding-top:0%;
		margin-top:0;
	}
	#bottombar{
		display:none;
	}
	#imageslides{
		margin-left:0; 
		margin-top:3%;
		clear:both;
	}
	.restricted-widths{/*max-width:800px*/
		width:100%;
	}

}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	
	header{
	position:relative;
	left:0;
	top:0;
	width:100%;
	background-color:#1c1c1c;
	}
	.hd_projects{
		position:relative;
		left:0;
		top:0;
		width:100%;
		background-color:#1c1c1c;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
		z-index:3000;
	}
	nav li a {
		border-bottom: 1px solid #3f3f3f;
	}
	nav li:first-child{
		text-align:left;
	}
	nav li:nth-child(2) a{
		padding-left:0;
	}
	nav li:nth-child(4) a{
		padding-left:0;
	}
	nav li:nth-child(5) a{
		padding-left:0;
	}
	nav li:nth-child(6) a{
		padding-left:0;
	}
	nav li:last-child {
		text-align:left;
	}
	.content_detail{
		display:none;
	}
	.content_detail_ie{
		display:none;
	}
	#scrollbar{
		display:none;
	}
	#sm_scrollbar{
		clear:both;
		display:block;
		color:#999999;
		padding:12%;
	}
	#sm_scrollbar table{
		width:100%;
	}
	/*-----home-----*/
	#imageleft{
		display:none;
	}
	#imageslide{
		position:relative;
		width:100%;
		opacity:1;
	}
	/*-----introduction-----*/
	#subcontent p{
		font-size:9pt;
		width:100%;
		padding-left:0;
		/*height:7%;*/
		max-width:550px;
		/*max-height:220px;*/
		color:#d0d0d0 !important;
		text-align:justify;
	}
	/*-----process-----*/
	.hd_process{
		position:relative;
		left:0;
		top:0;
		width:100%;
		background-color:#1c1c1c;
	}
	#process_content{
		padding:3%;
	}
	#image_p{
		display:none;
	}
	#image_ps{
		clear:both;
		display:block;
		width:100%;
	}
	#submenu_content{
		clear:both;
		padding-left:0%;
	}
	#submenu{
		padding-top:15px;
		padding-left:0;
		font-size:1.1em;
	}
	#submenu ul{
		display:none;
	}
	#submenu p{
		padding-left:0;
	}
	#process_inner_content1{
		display:none;
	}
	#process_inner_content2{
		padding:3% 5% 3% 5%;
		font-size:1.1em;
		max-width:800px;
		display:block;
	}
	#development_inner_content2{
		margin-top:-3%;
		padding:0 5% 3% 5%;
		font-size:1.1em;
		max-width:800px;
		display:block;
	}
	#construction_inner_content{
		display:none;
	}
	
	#slidesubmenu li{
		background-color:#282828 !important;
	}
	.center-page-process{
		clear:both !important;
		width:100%;
		position:relative;
		top:0;
		bottom:0;
		left:0;
		padding-top:0%;
		margin-top:0;
	}
	#bottombar{
		display:none;
	}


}