@charset "UTF-8";

<!--
body {
	font-size: 12px !important;
	font-family: sans-serif, Arial, Helvetica;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* mozila firefox */
	background-image: -moz-linear-gradient(75% 25% 270deg, #7EC9CC, #62A4A3);
	/* web kit */
	background-image: -webkit-gradient(linear, 1% 20%, 1% 0%, from(#62A4A3),
		to(#7EC9CC) );
	/* internet explorer */
	filter: progid:  DXImageTransform.Microsoft.gradient(startColorstr=  '#7EC9CC',
		endColorstr=  '#62A4A3' );
	background: #7EC9CC; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background :
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYzdjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MmE0YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background : -moz-linear-gradient( top, #7EC9CC 0%, #62a4a3 100%);
	/* FF3.6+ */ background : -webkit-gradient( linear, left top, left
	bottom, color-stop( 0%, #7EC9CC), color-stop( 100%, #62a4a3));
	/* Chrome,Safari4+ */ background : -webkit-linear-gradient( top,
	#7EC9CC 0%, #62a4a3 100%); /* Chrome10+,Safari5.1+ */ background :
	-o-linear-gradient( top, #7EC9CC 0%, #62a4a3 100%); /* Opera 11.10+ */
	background : -ms-linear-gradient( top, #7EC9CC 0%, #62a4a3 100%);
	/* IE10+ */ background : linear-gradient( top, #7EC9CC 0%, #62a4a3 100%
	); /* W3C */ filter : progid : DXImageTransform.Microsoft.gradient (  
	startColorstr = '#7EC9CC', endColorstr = '#62a4a3', GradientType = 0);
	/* IE6-8 */
	background-position: center;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYzdjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MmE0YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #7EC9CC 0%, #62a4a3 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7EC9CC),
		color-stop(100%, #62a4a3) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7EC9CC 0%, #62a4a3 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7EC9CC 0%, #62a4a3 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7EC9CC 0%, #62a4a3 100%);
	/* IE10+ */
	background: linear-gradient(top, #7EC9CC 0%, #62a4a3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#7EC9CC',
		endColorstr='#62a4a3', GradientType=0 );
}

#ul_menu a {
	text-decoration: none;
	color: #1E5155;
}

#ul_menu a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}

#ul_menu a.active {
	color: #FFFFCC;
}

#footter {
	font-size: 9px;
	color: 111;
	text-align: right;
	width: 1010px;
	height: 80px;
	margin: auto auto 0;
}

#main-table {
	width: 1010px;
}

#ul_menu {
	width: 650px;
}

#ul_menu li {
	text-indent: -5px;
	float: left;
	margin-left: 40px;
}

/*  project information page */
.display_spot {
	position: relative;
	width: 210px;
	height: 250px;
	padding: 10px;
	font-size: 13px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

.display_spot div {
	border: solid thin #cdcdcd;
	padding: 2px;
}

.display_spot h3 {
	position: relative;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 14px;
}

.display_spot img {
	position: relative;
	max-width: 203px;
	max-height: 195px;
}

.hide {
	display: none;
}

.list-number-paginator {
	list-style-type: none;
	/*width: 580px;*/
	height: 35px;
	text-align: center;
}

.list-number-paginator li {
	float: left;
	width: 22px;
	color: rgb(220, 220, 220);
	text-align: center;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: rgb(102, 153, 255);
}

.list-number-paginator li:hover {
	float: left;
	width: 22px;
	color: #757575;
	margin-left: 5px;	
	cursor: pointer;
}

.list-number-paginator-selected {
	color: #757575 !important;
	text-decoration: none;
}

.more-picture {
	margin-bottom: 0px;
	bottom: 0px;
}

/* article page */
#article-panel {
	background-color: #1E5155;
	border-radius: 10px 10px 10px 10px;
	color: #EFEFEF;
	height: 550px;
	margin-left: 0px;
	position: relative;
	width: 670px;
	-moz-border-radius: 10px; /* mozila firefox*/
	-webkit-border-radius: 10px; /* webkit */
}

.article-header {
	bottom: 40px;
	margin: 0 60px 80px auto;
	position: relative;
	top: 40px;
	width: 300px;
}

#article-panel  div h3 {
	font-size: 28px;
	margin-bottom: 0px;
	bottom: 0px;
	margin-top: 0px;
	position: relative;
	text-align: right;
}

.text-is-line {
	font-size: 8px;
	color: 1E5155;
	text-align: right;
}

.article-description {
	width: 460px;
	padding: 8px;
	text-indent: .5em;
	float: left;
	margin-left: 10px;
	font-size: 11px;
}

.div-img {
	border: solid #fefefe;
	width: 129px;
	height:87px;
	float: left;
	margin-left: 20px;
}
.div-img img {
	width: 129px;
	height:87px;
}

.article-spot {
	height: 100px;
	margin-bottom: 10px;
}

/* about us */
.textdetail {
	font-size: 11px;
	padding: 8px;
}

.textdetail p {
	text-indent: 3em;
	text-align: left;
}
-->