/* CSS Document */
/*Common*/
body {
	margin: 0px auto;
	font-size: 10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
img {
	border: 0px;
}
ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
li {
	padding-bottom: 5px;
}
A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #666666; text-decoration:underline;
}

.unnamed1 {background-color: #E5E5E5}
.unnamed2 {background-color: #FFFFFF}
.unnamed3 {background-color: #BDD1F7}
#f {border-collapse:collapse;}

/*UL*/
#csscontent_center ul {
	list-style: square;
	padding-left: 25px;
}
/*Color*/
.color_white {
	color: #FFFFFF;
}
.color_black {
	color: #000000;
}
.color_gray,.under_line {
	color: #333333;
}
.color_alert {
	color: #FF0000;
}
/*Table*/
#csscontent_center table {
	padding: 2px;
	width: 100%;
	border: 0px;
}
/*Button*/
.cssinput {
	border: #CCCCCC solid 1px;
}
/*Style*/
#csscontent_padding{
	padding-top: 8px;
}
.style_padding_top,.style_padding,.style_padding_border,#csscenter,#csscontent_top,.style_padding_top_center {
	padding-top: 15px;
}
.style_padding,.style_padding_border,#cssintro_top {
	padding-bottom: 15px;
}
.style_padding_border {
	border-bottom: #CCCCCC solid 1px;
}
.style_padding_top_center,.style_center {
	text-align: center;
}
/*Clear Float*/
#cssclear_float {
	clear: both;
}
/*Under Line*/
.under_line {
	text-decoration: underline;
}
/*Title*/
#csscontent_title {
	height: 20px;
	color: #716F6F;
}
#csscontent_top {
	height: 10px;
	background: url(../images/line.gif) no-repeat;
}
/*Framework*/
#csscontent_center,#cssproduct_bottom,#cssdetail_project_bottom {
	/*width: 228px;*/
	padding-bottom: 15px;
}
#csscenter {
	border-bottom: #CCCCCC solid 1px;
}
#cssnav {
	padding-top: 14px;
	height: 36px;
	background: url(../images/cssnav.gif) no-repeat;
}
#cssnav ul li {
	float: left;
	display: inline;
	width: 96px;
	margin-left: 30px;
	font-size: 11pt;
}
/*csscontent*/
#csscontent{
	/*height: 10px;*/
}
#csscontent {
	width: 928px;
	text-align:left;
}
/*cssleft*/
#cssleft {
	width: 245px;
	float: left;
}
#csssearch,#csslink,#csscontact {
	/*width: 228px;*/
	padding-left: 8px;
	color: #002B93;
}
/*csssub_nav*/
/*
#csssub_nav {
	width: 243px;
}
*/
#csssub_nav_title,#csssub_nav_content ul li {
	/*width: 208px;*/
	padding-left: 35px;
}
#csssub_nav_title {
	line-height: 31px;
	background: url(../images/csssub_nav_title.gif) no-repeat;
}
#csssub_nav_content ul li {
	height: 22px;
	padding-top: 8px;
	padding-bottom: 0px;
	background: url(../images/csssub_nav_content.gif) no-repeat;
}
/*csssearch*/
#csssearch_professional {
	height: 30px;
}
#key_professional {
	width: 94px;
}
.btn_search {
	margin-bottom: -4px;
}
/*csscontact*/
#link_content,#csscontact_tel,#csscontact_fax {
	width: 222px;
	border: #CCCCCC solid 3px;
}
#csscontact_tel,#csscontact_fax {
	width: 167px;
	height: 28px;
	padding-left: 55px;
	line-height: 28px;
}
#csscontact_tel {
	background: url(../images/img_tel.gif) no-repeat;
}
#csscontact_fax {
	margin-top: 5px;
	background: url(../images/img_fax.gif) no-repeat;
}
/*cssright*/
#cssright {
	width: 646px;
	float: left;
	padding: 0px 10px 0px 10px;
	margin-left:15px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
}
#csscenter {
	padding-bottom: 35px;
}
#csscopyright{
	line-height: 12px;
	font-size: 9pt;
	color: #666666;
}

/*index.asp*/
#cssindex_body {
	background: url(../images/bg.gif);
}
#cssindex_flash {
	width: 750px;
	margin-top: 5px;
	border: #CCCCCC solid 4px;
}
#cssindex_download {
	width: 750px;
	margin-top: 5px;
	text-align: right;
}
/*webintro.asp*/
#cssintro_top {
	height: 52px;
	background: url(../images/cssintro_top.gif) no-repeat;
	padding-top: 47px;
	padding-left: 80px;
}
#cssintro_top ul li {
	line-height: 20px;
}
#cssintro_name_c,#cssintro_name_e {
	letter-spacing: 1px;
}
#cssintro_name_c {
	font-size: 16pt;
}
#cssintro_name_e {
	font-size: 12px;
	color:#888888;
}
#csscontent_padding ul li {
	float: right;
	display: inline;
	color:#999999;
}
/*webproduct.asp*/
#cssproduct_top {
	height: 7px;
	background: url(../images/cssproduct_top.gif) no-repeat;
	overflow: hidden;
}
#cssproduct_middle {
	height: 10px;
	border-left: #CAD4DB solid 1px;
	border-right: #CAD4DB solid 1px;
}
#cssproduct_bottom {
	height: 7px;
	background: url(../images/cssproduct_bottom.gif) no-repeat;
}
/*webproject.asp*/
#cssproject_content ul li {
	float: left;
	display: inline;
	width: 230px;
	height: 30px;
}
/*webprofessional.asp*/
#cssprofessional_title ul li,#cssprofessional_content ul li {
	float: left;
	display: inline;
}
#cssprofessional_title ul li {
	font-weight: bold;
}
#li_professional_sequence {
	width: 30px;
}
#li_professional_title {
	width: 390px;
}
#li_professional_author,#li_professional_update,#li_professional_count {
	width: 90px;
}
/*webmessage.asp
#cssmessage_content ul li {
	height: 25px;
}*/
#cssmessage_content p {
	margin-left: 160px;
}
.input_webmessage,.input_webmessage_conent {
	border: #999999 solid 1px;
}
.input_webmessage_label{
vertical-align:top;
}
.input_webmessage {
	width: 350px;
	height: 16px;
}
.input_webmessage_conent {
	width: 530px;
}

/*Template*/
#d_a_left {
	width: 130px;
	float: left;
	border-right: #ccc 1px dashed;
	margin-right: 20px;
}
#d_a_right {
	float: left;
}
#d_a_right ul li {
	width: 800px;
	margin: 5px 0px;
	padding: 5px 0px;
	border-bottom: #ebebeb 1px dashed;
	line-height: 20px;
}
.css_ta {
	width: 800px;
	height: 280px;
}
.css_a_title {
	width: 70px;
	text-align: right;
	float: left;
}
.css_t_content {
	margin-top: 5px;
	margin-left: 70px;
}
/*endTag*/
.endTag {
	CLEAR: both; MARGIN: 0px auto;
}
.endTag UL {
	FLOAT: left;
}
.endTag LI {
	FLOAT: left; FONT-SIZE: 12px; COLOR: #EC7500;
}
.endTag A {
	COLOR: #007F54
}
.endTag .active {
	BACKGROUND: #FFFFFF;
	padding-left:15px; 
	padding-right:15px; 
	padding-top:7px;
}
.endTag .noactive {
	padding-left:15px; 
	padding-right:15px; 
	padding-top:7px;
}
.endTag A:visited {
	COLOR: #007F54
}
.endTag A:hover {
	COLOR: #007F54;
	font-size:12px;
}


.endTagImg {
	CLEAR: both; 
	MARGIN: 0px auto;
	HEIGHT: 65px;
}
.endTagImg UL {
	FLOAT: left;
}
.endTagImg LI {
	MARGIN: 0px; padding:2px 8px 2px 8px; FONT-SIZE: 13px; COLOR: #EC7500;
	float:left;
}
.endTagImg IMG {
	BORDER: #ccc 1px solid;
}
.endTagImg .active {
	BACKGROUND: url(../images/jiantou.gif) no-repeat 88px
}
.endTagImg .active IMG {
	BORDER-RIGHT: #1f3a87 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #1f3a87 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #1f3a87 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #1f3a87 1px solid
}
.endTagImg .active IMG:hover {
	BORDER-RIGHT: #bc2931 1px solid; BORDER-TOP: #bc2931 1px solid; BORDER-LEFT: #bc2931 1px solid; BORDER-BOTTOM: #bc2931 1px solid
}
.endTagImg A:visited {
	COLOR: #007F54
}
.endTagImg A:hover {
	COLOR: #007F54;
	font-size:13px;
}

.endContent {
	CLEAR: both;
}
.endContent .list {
	PADDING-TOP: 2px;
}
.endContent .list UL {
	FLOAT: left;
	PADDING-BOTTOM: 5px; 
}
.endContent .list LI {
	CLEAR: both; 
	FONT-SIZE: 12px;
	TEXT-ALIGN: left
}
/*Template*/
#deDiv01{
	width:928px;
}
#deDiv01_a_01,#deDiv01_a_02,#deDiv01_a_03,#deDiv01_a_04,#deDiv01_a_05,#deDiv01_a_06{
	width: 258px;
	margin-top:8px;
	border:#CCCCCC 1px solid;
}
#deDiv01_b_01,#deDiv01_b_02,#deDiv01_b_03,#deDiv01_b_04,#deDiv01_b_05,#deDiv01_b_06{
	border:#CCCCCC 1px solid;
	margin-top:8px;
	margin-right:8px;
	margin-left:8px;
}
#deDiv01_c_01,#deDiv01_c_02,#deDiv01_c_03,#deDiv01_c_04,#deDiv01_c_05,#deDiv01_c_06{
	border:#CCCCCC 1px solid;
	margin-top:8px;
}