/*CSS for jfsys website  --JFSYS-Yanglei-*/

/* Page Elements---------------------------------------------------------------------------------*/
/* Scrollbar properties only support Internet Explorer 5.5+ */
BODY {
	scrollbar-face-color : #D6EFFF;
	scrollbar-shadow-color : #CCCCCC;
	scrollbar-highlight-color : #CCCCCC;
	scrollbar-3dlight-color : #FFFFDF;
	scrollbar-darkshadow-color : #FFFCDF;
	scrollbar-track-color : #FFFFFF;
	scrollbar-arrow-color : #000000;
	BORDER-BOTTOM : 0px;
	BORDER-LEFT : 0px;
	BORDER-RIGHT : 0px;
	BORDER-TOP : 0px;
	FONT-FAMILY : Verdana, Arial, Helvetica;
	FONT-SIZE : 9pt;
	MARGIN : 0px 0px 0px 0px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../../images/bg_body.gif);
	text-align: center;
}

A {
	COLOR: #333333;
	TEXT-DECORATION:none;
}
A:hover {
     COLOR: #FFCC00; 
     TEXT-DECORATION: underline;
}

A:active {
	COLOR: #165B8D;
	TEXT-DECORATION: none;
}

hr{
	border: dotted;
	height: 1px;
}

image{
	border:0px;
}

table {
   line-height:120%;
   font-size: 9pt;
}

thead {
	background: #4E6B6D;
	color:#FFFFFF;
	font-size: 9pt;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
   white-space: nowrap;
}

form {
    border: none;
    margin: 0;
}

iframe{
	border: 0px;
	width: 100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 9pt;
}

/* Classes ---------------------------------------------------------------------------------*/
.job_desc{
	background-color: #FFFFE1;
}
/* IDs --------------------------------------------------------------------------------------*/
#button_space{
	padding: 10px;
}

#button_space input{
	background-color: #ff7e16;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px #666666 dotted;
	color: #FFFFFF;
}

#column{
	width: 953px;
}

#column_table{
	width: 100%;
}

#column_table_center{
	width: 380px;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	text-align: center;
	vertical-align: top;
}

#column_table_center #cases{
	margin-top: 20px;
	width:350px;
	height: 330px;
	margin-bottom: 20px;
}

#column_table_center #cases #title{
	width:350px;
	height: 131px;
	background-image: url(../../images/title_cases.gif);
}

#column_table_center #cases #text{
	width:350px;
	height: 130px;
	background-image: url(../../images/bg_cases_text.gif);
}

#column_table_center #cases #text_td{
	width:310px;
	text-align: left;
	padding-right: 20px;
	vertical-align: top;
}

#column_table_center #cases #dot{
	width:40px;
	text-align: center;
	vertical-align: top;
}

#column_table_center #cases #more{
	width:350px;
	height: 40px;
	text-align: right;
	background-image: url(../../images/bg_cases_more.gif);
	padding-right: 20px;	
	padding-top: 20px;
}

#column_table_center #images_show{
	width: 360px;
}

#column_table_center #images_show #title{
	width: 350px;
	height: 30px;
	background: url(../../images/title_tellyou.gif) no-repeat;
}

#column_table_center #images_show #img_left{
	width: 180px;
	height: 120px;
	border-right: 1px #CCCCCC dotted;
	text-align: center;
}

#column_table_center #images_show #img_right{
	width: 180px;
	height: 120px;
	text-align: center;
}

#column_table_center #images_show #text_left{
	text-align: left;
	border-right: 1px #CCCCCC dotted;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px #CCCCCC dotted;
}

#column_table_center #images_show #text_right{
	text-align: left;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px #CCCCCC dotted;
}

#column_table_left{
	width: 170px;
	vertical-align: top;
}

#column_table_left #contact{
	width: 170px;
	vertical-align: top;
}

#column_table_right{
	width: 400px;
	vertical-align: top;
	padding-top: 20px;
	text-align: center;
}

#column_table_right #mission_bg{
	margin-top: 20px;
	width: 351px;
	height: 79px;
	background-image: url(../../images/mission_02.gif);
}

#column_table_right #mission_title{
	width: 351px;
	text-align: left;
	font-weight: bold;
	padding:10px;
}

#column_table_right #mission{
	width: 351px;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
}

#column_table_right #vision{
	width: 351px;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
}

#column_table_right #vision_title{
	width: 351px;
	text-align: left;
	font-weight: bold;
	padding:10px;
}

#column_table_right #line{
	width: 400px;
	height: 5px;
	background-image: url(../../images/line.gif);
}

#column_table_right #title{
	height: 30px;
	background: url(../../images/title_news.gif) no-repeat;
	text-align:right;
	padding-top:5px;
	padding-left:130px;
}

#column_table_right #news_time{
	text-align: left;
	height: 30px;
	padding-left: 10px;
	font-weight: bold;
	color: #fc7203;
}

#column_table_right #news_content{
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px #CCCCCC dotted;
}

#footer{
	width: 955px;
	height: 30px;
	background-image: url(../../images/bg_footer.gif);
	margin-bottom: 20px;
	color:#FFFFFF;
}

#footer a{
	color: #FFFFFF;
}

#friend_links{
	padding: 10px;
}

#footer #text{
	padding:5px;
}

#goback{
	width: 100%;
	text-align: right;
	padding: 10px;
}

#graphic_arts{
	padding-top:2px;
}

#graphic_arts #ad{
	float: left;
	height: 250px;
	width: 660px;
	/*background-image: url(../../images/ad.jpg);*/
}

#graphic_arts #left{
	float: left;	
	width: 290px;
	/*border: 1px #333333 solid;*/
}

#graphic_arts #one_sentence{
	color:#073b60;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
	/*border: 1px #333333 solid;*/
}

#graphic_arts #service{
	float: left;
	width: 290px;	
	text-align: left;
	background-color: #F6F6F6;
	/*border: 1px #333333 solid;*/
}

#graphic_arts #service table{
	width: 290px;
}

#graphic_arts #service td{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}

#graphic_arts #service #service_title{
	background-color: #FFFFFF;
	padding-top: 3px;
	background-image: url(../../images/bg_service.gif);
}

#header{
	background-image: url(../../images/bg_header.gif);
	width: 955px;
	height: 125px;
	margin-top: 20px;
	text-align: left;
}

#help{
	text-align: left;
	padding: 20px;
	line-height: 200%;
}

#history{
	text-align: right;
	width: 170px;
}

#history #title{
	background-image: none;
	width: 170px;
	font-weight:bold;
	padding-right: 5px;
	padding-top: 5px;
	border-top: 1px #CCCCCC solid;
	height: 25px;
}

#history #list{
	width: 170px;
	padding-right: 15px;
	padding-bottom: 20px;
}

#industry{
	width: 160px;
	height: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../../images/bg_industry.gif);
}

#industry #list{
	height: 30px;
	text-align: left;
	padding-left: 10px;
	background: url(../../images/bg_industy_list.gif) no-repeat 10px 8px;
	filter: Alpha(Opacity=95);
}

#industry_title{
	height: 36px;
	width: 160px;
	background: url(../../images/title_industry.gif) no-repeat;
}

#job_desc{
	background-color: #ffffe1;
	border: 1px #999999 solid;
	padding: 10px;
}

#job_table{
	width: 100%;
	text-align: left; 
}

#job_title{
	font-weight: bold;
}

#job_title a{
	color: #2274B2;
	font-weight: bold;
}

#job_table td{
	border-bottom: 1px #CCCCCC dotted;
	padding-top: 10px;
	padding-left: 30px;
	vertical-align: top;
}

#job_table thead{
	padding-top: 10px;
	padding-left: 30px;
	background-color: #E7E7E7;
	font-weight: bold;
	color: #555555;
}

#line{
	height: 1px;
	width: 100%;
	background-image: url(../../images/bg_line.gif);	
}

#list_table{
	width: 100%;
	text-align: left; 
}

#list_table td{
	border-bottom: 1px #CCCCCC dotted;
	padding-top: 10px;
	padding-left: 30px;
	vertical-align: top;
	background:  url(../../images/dot_person.gif) no-repeat 7px 10px;
}



#main{
	width: 955px;
	background-color: #FFFFFF;
	border-left: 1px #606060 solid;
	border-right: 1px #606060 solid;
	border-top: 1px #999999 dotted;
}

#menu_01{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_01.jpg) no-repeat;
}

#menu_02{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_02.jpg) no-repeat;
}

#menu_03{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_03.jpg) no-repeat;
}

#menu_04{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_04.jpg) no-repeat;
}

#menu_05{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_05.jpg) no-repeat;
}

#menu_06{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_06.jpg) no-repeat;
}

#menu_07{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_07.jpg) no-repeat;
}

#menu_08{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_08.jpg) no-repeat;
}

#menu_09{
	width: 250px;
	height: 500px;
	text-align: right;
	background: url(../../images/bg_menu_09.jpg) no-repeat;
}

#menu_quick_link{
	text-align: right;
}

#menu_table{
	width: 240px;
}

#menu_table td{
	height: 30px;
	border-bottom: 1px #CCCCCC dotted;
	padding-left: 15px;
	padding-bottom: 10px;
	vertical-align: top;
	padding-top: 7px;
	font-weight: bold;
	background: url(../../images/dot_menu.gif) no-repeat 0px 11px;
}

#menu_table td a{
	color: #054F85;
}

#menu_text{
	text-align: left;
	width: 90%;
	padding-right: 10px;
	padding-top: 10px;
}

#menu_title{
	width: 100%;
	height: 45px;

}

#navigation{
	width: 893px;
	height: 58px;
	margin-left: 60px;
	margin-top: 4px;
	background-image: url(../../images/bg_navigator.gif);
}

#navigation #list{
	padding-top: 30px;
	padding-left: 20px;
}


#news_nav{
	padding:20px;
}

#news_nav a{
	color:blue;
}

#request{
	cursor: hand;
}

#secondpage_left{
	width: 250px;
	height: 500px;
	vertical-align: top;
	border-right: 1px #CCCCCC solid;
}

#secondpage_right{
	width: 725px;
	vertical-align: top;
	text-align: center;
}

#secondpage_right #title{
	width: 100%;
	height: 60px;
	background-image: url(../../images/bg_second_page.gif);
	padding-top: 15px;
	padding-left: 30px;
	font-weight: bold;
	text-align: left;
	color: #B92126;
	font-size: 12pt;
	font-family: Arial;
}

#secondpage_right #list_title{
	width: 100%;
	height: 30px;
	padding-left: 30px;
	padding-top:5px;
	font-weight: bold;
	text-align: left;
}

#secondpage_right #list_title a{
	color: #415266;
}

#secondpage_right #news{
	width: 650px;
	margin-top: 10px;
}

#secondpage_right #news_date{
	width: 80px;
	height: 20px;
	text-align: left;
	color: #FC7203;
	vertical-align: top;
	background-color: #F6F6F6;
	padding-left: 5px;
}

#secondpage_right #news_title{
	text-align: left;
	border-bottom: 1px #CCCCCC dotted;
}

#secondpage_right #content{
	width: 95%;
	text-align: left;
 	line-height: 150%;
}

#secondpage_right #desc{
	width: 95%;
	text-align: left;
	border-bottom: 1px #CCCCCC dotted;
	margin-bottom: 10px;
	padding: 10px;
}

#title{
	float: left;
	width: 550px;
	height: 62px;
	background-image: url(../../images/en_title.gif);
	/*border: 1px #333333 solid;*/
}

#version{
	float: left;
	width: 370px;
	height: 32px;
	text-align: right;
	padding-top: 30px;
	padding-right: 30px;	
	font-weight: bold;
	/*border: 1px #333333 solid;*/
}