
/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {
	background: transparent url('../images/background01.jpg') 0% 0% repeat padding-box;
	opacity: 1;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:0;padding:0 }

table#subject {
	width: 960px;
	height: 70px;
	color: #373634;
	background-color: rgba(0, 0, 0, 0.08);
	letter-spacing: 0px;
}

td#title {
	padding-left: 57px;
	font: normal normal bold 18px/36px Segoe UI;
}

td#account {
	padding-right: 20px;
	font: normal normal bold 14px/15px Segoe UI;
}

table#separate {
	width: 960px;
	height: 38px;
	opacity: 0.1;
}

div#footer-org {
	width: 960px;
	height: 40px;
	background: #455A9F 0% 0% no-repeat padding-box;
	opacity: 1;
	text-align: right;
}

div#footer-org span {
	padding-right: 19px;
	font: normal normal normal 14px/32px Segoe UI;
	letter-spacing: 0px;
	color: #FFFFFF;
}

table#footer-copyright {
	border-collapse: collapse;
	width: 960px;
	height: 53px;
	font: normal normal normal 14px Segoe UI;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-align: right;
}

table#footer-copyright td {
	padding: 0; 
	margin: 0;
}

table#footer-copyright #contact {
	text-align: left;
	vertical-align: bottom;
}

table#footer-copyright #contact img {
	display: block;
	margin-left: 0;
	margin-top: 0;
}

table#login {
	width: 960px;
	height: 450px;
}

table#login td#input {
	width: 384px;
	font: normal normal normal 14px/36px Segoe UI;
	letter-spacing: 0px;
	color: #222222;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
}

table#login td#input span {
	text-align: center;
	vertical-align: bottom;
}

table#login #input input.input {
	width: 202px;
	height: 34px;
	padding: 0px 10px 0px 10px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #727272;
	border-radius: 19px;
	opacity: 1;
}

table#login #input a#forget {
	color: #0032FF;
	opacity: 1;
}

table#login td#process {
	background: transparent linear-gradient(180deg, #F6F2F6 0%, #F6F2F6 100%) 0% 0% no-repeat padding-box;
	opacity: 1;
}

.cover-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.desc1 {
	font: normal normal bold 20px/27px Segoe UI;
	letter-spacing: 2px;
	color: #353535;
}

.desc2 {
	font: normal normal normal 14px/19px Segoe UI;
	letter-spacing: 2.8px;
	color: #353535;
}

.desc3 {
	font: normal normal normal 14px/36px Segoe UI;
	letter-spacing: 0px;
	color: #3F3F3F;
}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */
a img{border:0}
p.indent {text-indent:20px;margin:10px 0;}  
p {margin:10px 0px;}
table p{margin:10px;}
#col-rightall ul.ul-list {margin:0px 0; list-style:none;}
#col-rightall ul.ul-list li {padding:0px 0;}
#col-rightall ul.ul-list span.date {padding-right:0;}
#col-rightall ol li { list-style-position: inside; }
#col-rightall ol { margin-left:25px; text-indent:-25px;list-style-type:none;}
#col-rightall ol ol  { list-style-type:decimal;margin-left:25px; text-indent:-18px;}
#col-rightall ol ol  ol {list-style-type:square;margin-left:25px; text-indent:-25px;}
#col-rightall ol ol  ol  ol{ list-style-type:lower-roman;margin-left:25px; text-indent:-25px;}
#col-rightall ul  { padding-left:15px;list-style-type:none;}
#col-rightall ul ul { padding-left:15px;list-style-type:square;}

ul.ul-01 {margin:5px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../images/ul-01.gif") 0 50% no-repeat; font-size:85%;}
ul.ul-list {margin:5px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
#tray li a:hover {background:url("../images/tray-hover.gif");}
    #tray li#tray-active a {background:url("../images/tray-active.gif");}
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; }

    #header {position:relative; padding:0px;margin:0;}

    #tray {margin:0px;padding:0px;position:relative; width:960px; height:45px; background:url("../images/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 120%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:0 2px 0 2px; background:url("../images/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    

.f-left {text-align:left}
.f-right {text-align:right}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: news
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:87px; margin-top:15px; background:url("../images/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-indextop {width:960px; height:87px; margin-top:15px; background:url("../images/col-top_index.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-indexbottom {width:960px; height:87px; margin-top:15px; background:url("../images/col-bottom_index.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {background:url("../images/col.gif") 0 0 repeat-y;}
#col-text {float:left;width:910px; padding:10px 20px;}
#col-index {float:left;width:958px;height:410px; border:0.1em solid #DFDFDF;margin:15px 0;}
	#col-index #index-left  {float:left;width:465px; padding:0;margin:0;}
	#col-index #index-right  {float:left;width:493px; padding:0;margin:0;}
#col-index img{ border:0;}
	/* ----------------------------------------------------------------------------------------------------------
4-2) page:技術項目
---------------------------------------------------------------------------------------------------------- */
    #col #col-left {float:left;  width:780px; margin-right:1px; padding:10px 20px;}
    #col #col-right {float:left;width:100px; padding:10px 10px;}
	/* ----------------------------------------------------------------------------------------------------------
4-2) page:inside
---------------------------------------------------------------------------------------------------------- */

#cols2-top {width:960px; height:85px; margin-top:15px; background:url("../images/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../images/cols2.gif") 0 0 repeat-y;}

	#col-top #col-left {float:left;width:950px; padding:40px 0px 0px 20px;}
    #cols2-top #col-left {float:left;  width:120px; margin-right:1px; padding:40px 20px 0px 20px;}
    #cols2-top #col-right {float:left;width:750px; padding:40px 20px 0px 20px;}
	#cols2-top #col-right_result {float:left;width:750px; padding:5px 15px 0px 20px;}
	#cols2-top #col-right_result2 {float:left;width:750px; padding:30px 15px 0px 20px;}
	#cols2-top #col-rightall  {float:left;width:750px; padding:40px 20px 0px 20px;}
    #cols2 #col-left {float:left;  width:140px; margin-right:1px; padding:10px 10px;}
    #cols2 #col-right {float:left;width:650px; padding:10px 10px;}
    #cols2 #col-rightbox  {float:left;width:100px; padding:10px 10px;}
	#col #col-rightbox  {float:left;width:100px; padding:10px 10px;}
	#cols2 #col-rightall  {float:left;width:750px; padding:10px 10px;}
	
	

	
	
	
#col-top #col-left {float:left;  width:960px; margin-right:1px; padding:40px 20px 0px 20px;}





h4{margin:0; font-size:18px;text-align:center }
#cols2 .box {margin-top:15px;}
h4{background:url("../images/dot-02.gif") 0 50% repeat-x;}
h4 span {padding-right:10px;}
h4{color:#DD1600;}
h4 span{background-color:#FFF;}
   
   
   
    .col {float:left; width:308px; padding:0 1px; margin-right:15px;}
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:7px 15px 12px 50px; background:url("../images/cols3-title.gif") 20px 40% no-repeat; font-size:120%;}

        .col-text {padding:20px; border-top:1px solid #DFDFDF;}
        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */
ul.newslist {list-style:none;
	PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 20px
}
ul.newslist li {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline-block; BACKGROUND: url(../images/dot.gif) repeat-x left bottom; PADDING-TOP: 10px
}
ul.newslist li b {
	PADDING-LEFT: 16px; WIDTH: 140px; DISPLAY: block; BACKGROUND: url(../images/li_arr.png) no-repeat left 6px; FLOAT: left; COLOR: #acacac; FONT-WEIGHT: normal
}

ul.newslist li a {
    display:inline-block;
    float: none !important;
    width: 600px;
}
.loginout{float:right;margin:-30px 40px 10px 0px; }

/* ----------------------------------------------------------------------------------------------------------
5) index
---------------------------------------------------------------------------------------------------------- */
ul.indexnews {list-style:none;
	PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 10px
}
ul.indexnews li {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/dot.gif) repeat-x left bottom; PADDING-TOP: 10px
}
ul.indexnews li b {
	PADDING-LEFT: 16px; WIDTH: 120px; DISPLAY: block; BACKGROUND: url(../images/li_arr.png) no-repeat left 6px; FLOAT: left; COLOR: #acacac; FONT-WEIGHT: normal
}

ul.indexnews li a {
    display:inline-block;
    float: none !important;
    width: 300px;
}

/*================成果展示===================*/
.result_title {font-size:26px;FONT-WEIGHT:bold; color:#1388c5;line-height:30px;padding: 0 0 0 5px;}
.result_title_team {font-size:26px;FONT-WEIGHT:bold; color:#1388c5;margin:0 ;line-height:30px;padding:0PX 0 20px 5px; }
.padding_top5px {padding:5PX 0 0px 5px; }