/*news CSS Document */

BODY { background: #820000 url(../images/new/bg_img.jpg) repeat-X; FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif; margin:0; padding:5px 0 0 0; font-size:12px; color:#464646; }

A:active { COLOR: #464646 }
A:visited { COLOR: #464646; TEXT-DECORATION: none }
A:hover { COLOR: #929292; TEXT-DECORATION: none }
A:link { COLOR: #464646; TEXT-DECORATION: none }

#header { width:955px; height:100px; background:#FFFFFF; }
 #header .header_bg { width:955px; height:65px; background:#B60307 url(../images/new/header_bg.jpg); text-align:left }
  #header .header_bg .header_corner_left { width:4px; height:65px; background: url(../images/new/header_corner_left.jpg); float:left }
  #header .header_bg .header_corner_right { width:4px; height:65px; background: url(../images/new/header_corner_right.jpg); float:right }
  #header .header_bg .header_logo { width:200px; height:65px; background: url(../images/new/header_logo.jpg); float:left }
   #header .header_bg .header_logo .header_name { float:right;margin-right:4px;margin-top:26px;color:#FFF;font-size:14px; }
  #header .header_bg .header_bill { width:600px; height:50px; float:left; margin-top:8px; padding-left:100px; }
 #header .header_menu { margin:4px; width:945px; height:60px; background:#EBEBEB url(../images/new/header_b_bg.jpg); text-align:left }
  #header .header_menu .header_menu_left { width:6px; height:60px; background: url(../images/new/header_corner_b_left.jpg); float:left }
  #header .header_menu .header_menu_right { width:6px; height:60px; background: url(../images/new/header_corner_b_right.jpg); float:right }
  #header .header_menu .header_menu_text { width:933px; height:60px; float:left; line-height:28px; color:#4D4D4D; font-size:12px }
  #header .header_menu .header_menu_text ul{ list-style-type:none; margin:0; padding:0;}
  #header .header_menu .header_menu_text li{ float:left; padding:0 8px 0 8px; background:url(../images/new/header_b_line.gif) no-repeat right center; }
  #current { position:absolute; margin:-10px 0 0 5px;}
  #new { position:absolute; margin:-10px 0 0 312px;}

/*home logo*/
#header .header_bg .home_logo { width:260px; height:65px; background: url(../images/new/home_logo.jpg); float:left }
   #header .header_bg .home_logo .home_name { float:right;margin-right:4px;margin-top:26px;color:#FFF;font-size:14px; }
  #header .header_bg .home_bill { width:540px; height:50px; float:left; margin-top:8px;}

#footer { background:#FFFFFF; width:955px; border-top:1px solid #E8E8E8; margin-top:10px; clear:both }
 #footer .footer_logo { float:left; width:600px!important; width:800px; height: 65px; border-top: 5px solid #F2F2F2; background: #FFFFFF url(../images/new/arting365_logo.gif) top left no-repeat; padding-left: 200px;text-align:left; }
 #footer .footer_bug { background: #FFFFFF; float:right; width:155px; height: 65px; line-height:65px; border-top: 5px solid #F2F2F2; text-align:center; }
  #footer .footer_bug img { margin-top:20px}
 #footer .footer_logo p { border-left: 1px solid #C5C5D8; padding-left: 10px; margin: 15px 0 -12px 0; color: #666; font-size: 12px }

/*news content*/

#allbody { background:#F5F5F5 url(../images/new/allbodybg.jpg) top repeat-x; width:955px; }
  #main { width:945px; text-align:left }
    #nav_bar { padding:4px 4px 2px 4px }
    #main_position { padding:2px 4px 2px 4px }

  #left_main { float:left; width:700px; padding:0 0 4px 0; }
    #left_box { float:left; width:700px; background:#FFF url(../images/new/box_right.gif) right top no-repeat; border:1px solid #C6C6C6; overflow-x:hidden;  }
      .content_title { float:left; font-family: 'Verdana', '', ''; font-weight:bold; font-size:18px; color:#000; width:695px; text-align:center; overflow:hidden; height: 40px!important; height: 55px; line-height: 40px; padding-top:20px; overflow:hidden}
      #content_title_describe { clear:both; padding-top:3px; padding-bottom:3px; border-top:1px solid #EAEAEA; background:#F7F7F7; color:#999999; margin:5px; text-align:center; height:15px; line-height:15px; font-size:12px; }

    .pagelink { text-align:center; margin:5px 0 8px 0!important; margin:0 0 8px 0; font-size: 12px; clear:both; font-family:"" }
    .pageLink b { font-size:12px; color:#fff; font-weight:bold; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; text-align:center;height:18px;background: #DFDFDF; display:inline-block; padding:4px 6px; font-family:"" }
    .pageLink a { font-size:12px;text-align:center; height:18px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; background: #F5F5F5; display:inline-block; padding:4px 6px; font-family:""; vertical-align:top;}
    #content_text { widht:660px; padding:0 19px 0 19px; overflow-x:hidden; text-align:left; font-size: 14px; text-decoration: none; line-height: 160%; clear:both; word-wrap:break-word; word-break:break-all;}
	  #content_text img { max-width: 650px; width: expression(this.width > 650 ? 650: true); border:none}
	  #content_text ul{ font-size:14px; }
	  #content_text li{text-align:left; padding:9px 12px 6px; font-size:14px; clear:both; line-height:23px;}
	  #content_text h2{ font-size:14px;  line-height: 160%; }
	  #content_text p{ font-size:14px;  line-height: 160%; }
	  #content_text .icon{ margin:3px 0 0; border:0;}
	  #content_text table{table-layout:fixed; font-size:14px; }
	  #content_text td{ overflow:hidden; text-overflow:ellipsis;}
	  #content_text a{text-decoration:underline; color: #1f3a87;}
	  #content_text a:hover{color: #bc2931;}
	#editor { clear:both; color:#999999; margin:10px; text-align:right; height:18px; line-height:16px; font-size:12px; }

	#left_arttalk { float:left; margin-top:4px; width:700px; background:#FFF; border:1px solid #D1D1D1;}

	#left_comment { float:left; margin-top:4px; width:700px; background:#FFF url(../images/new/box_right.gif) right top no-repeat; border:1px solid #D1D1D1; font-size:12px; font-weight:normal;}
	  #comment_title { padding:15px; font-size:14px; font-weight:bold; }
	  #comment_title a { font-size:12px; font-weight:normal; color:#666666 }
	  #comment_main { float:left; width:100%; background:#EFEFEF; text-align:center; padding:20px 0 20px 0; }
	  #comment_content { float:left; width:500px; text-align:right; }
	  #comment_visits { float:right; width:180px; text-align:left; }
		#comment_content textarea { width:460px; height:120px;background:#FFF url(../images/new/combg.jpg) no-repeat right center;border:1px solid #cccccc; font-size:12px; color:#999999}
		#comment_visits .name_input { width:80px;height:20px; border:1px solid #CCCCCC; margin:2px; }
		#comment_visits .img_code { width:80px;height:20px; border:1px solid #CCCCCC; margin:2px; }
		#comment_visits .pic_code { margin:2px 2px 2px 47px; border:1px solid #CCCCCC; }
		#comment_visits .comement_button{ border-bottom:#999999 1px solid;border-right:#999999 1px solid;border-left:#E8E8E8 1px solid;border-top:#E8E8E8 1px solid; background:#F9F9F9; width:80px; height:22px; *padding-top:3px; color:#737373; font-weight:normal; margin:2px 2px 2px 47px; }

  #right_main { width:240px;float:right; font-size:12px;font-weight:normal;}
    #right_box { width:240px; }
	  .right_ad { width:240px; overflow:hidden; overflow:hidden;}

  #right_relate { float:left; width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px }
    .relate_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
	.relate_content { text-align:left; margin:5px; height:285px!important; height:305px!important; height:300px; overflow-y:scroll; overflow-x:hidden }
	.relate_content ul { list-style-type:none; width:210px; margin:0px; padding:0px; }
	.relate_content li { background: url(../images/new/dot.gif) 0 6px no-repeat; margin-left:5px; padding-left:15px; padding-bottom:0px!important;padding-bottom:4px;line-height:20px; height:20px; overflow:hidden }

  #right_espread { float:left; width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px }
    .espread_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
	.espread_content { text-align:center; margin:5px; padding:4px; width:220px }

  #left_espread { clear:both; margin:10px;}
    .left_espread_content { width:468px; height:42px; border:1px solid #F6F6F6; padding:5px;}


/*news sort*/
  #sort_main { float:left; background:#EAEAEA; width:700px; border:1px solid #C6C6C6; overflow-x:hidden; }
   .sort_title { width:100%; line-height:22px; margin:8px; }
   .sort_name { font-size:20px; font-family:'' }


  #sort_list { text-align:center; float:right; width:100%!important; width:695px}
   #sort_list ul { margin:0; padding:0; list-style:none; text-align:center }
   #sort_list li { float:left; width:676px!important; width:684px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #C2C2C2; background: #F5F5F5; padding:4px 4px 8px 4px!important;padding:4px 4px 4px 4px ; margin:8px!important; margin:4px; overflow:hidden }
     .sort_list_left { float: left; width: 120px; }
	 .sort_list_left img { margin-top:2px }
	 .sort_list_right { float: right; width:556px!important; width:554px; text-align: left; }
	 .sort_list_right_title { font-size:14px; height:20px; line-height:20px; font-weight:bold; }
	 .sort_list_right_title_res{ font-size:12px; height:20px; line-height:20px; color: #B4B4B4; border-bottom:1px dashed #ACACAC}
     .sort_list_right_describe { font-size:12px; line-height:20px; color: #6C6C6C; padding-top:5px;}

  .sort_page { clear:both; padding-top:4px }

  #sort_subject { float:left; background:#EAEAEA url(../images/new/nav_top.gif) no-repeat left center; width:692px!important; width:700px; border:1px solid #C6C6C6; overflow-x:hidden; padding:4px!important; padding:4px 4px 8px 0; margin:0 0 4px 0; }
   .sort_nav { float:right; }
   .sort_nav ul { margin:0; padding:0; list-style:none; text-align:center }
   .sort_nav li { float:left; background:#FFFEDF; width:112px!important;width:120px; border-top:1px solid #FFF; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; border-left:1px solid #FFF; padding:4px ; margin:4px; }


	  #right_pink { float:left;  width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px; }
		  .pink_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
		  .pink_content { text-align:center;}
			.pink_content ul { list-style:none; width:220px; margin-left:16px!important; margin-left:0px; margin-bottom:5px; padding:0 }
			  .pink_content li { float:left;width:108px; margin-bottom:10px }
			  .pink_img{ width:98px }
			  .pink_img_title{ width:100px; line-height:20px; height:20px; overflow:hidden}
			  .pink_img_title a { color:#888888}
			  .pink_img_title a:visited { color:#888888}
		      .pink_img_title a:hover { color:#2F2F2F}
			  .pink_content li img { border:1px solid #F3F3F3; background: #FAFAFA }

	  #right_arttalk { float:left; width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px; padding-bottom:4px; }
	    .arttalk_bar { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
		.arttalk_content { text-align:left; margin:5px; padding:4px }
		  .search_left { float:left; width:180px;height:20px;border:1px solid #9E9E9E; border-right:none; }
		    .search_left input { width:175px; height:18px; border:none; padding:0; margin:0; }
			.search_button { float:left; width:32px;height:20px;border:1px solid #9E9E9E; text-align:left; border-left:none; }
			.search_keyword {  float:left; width:216px; padding:2px; font-weight:normal}

/***************************************Big tab setup***********************************************/
#menu_box ul li h1,h2,h3,h4,h5,h6,form {
	margin:0;
	padding:0;
	}
#menu_box {
	background:#FFF;
	overflow:hidden;
	}

.menu_content {
	clear:both;
	font-size:12px;
	}

.li_menu {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	background:url(../images/li_unactive_bg.jpg) top center repeat-x #FFF;
	line-height:28px;
	border-right:1px solid #AFAFAF;
	}

.li_menu_header {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	background:url(../images/li_bg.jpg) 0 -280px no-repeat #FFF;
	line-height:28px;
	}

.li_menu li {
	text-align:center;
	float:left;
	cursor:pointer;
	color: #616161;
	width:96px;
	}

.li_menu li h3 {
	font-size:12px;
	font-weight:normal;
	line-height:24px;*line-height:25px;
	height:28px;
	overflow:hidden;
	padding:0px;
	text-align:center;
	}

/***************************************red tab setup***********************************************/
.redSize {
	width:518px!important;
	width:518px;
	}
.redTopSize {
	width:517px!important;
	width:518px;
	}
.redMainSize {
	width:516px!important;
	width:518px;
	border:1px solid #AFAFAF;
	border-top:none;
	height:301px!important;
	height:300px;
	}
.li_red_header_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) top no-repeat #FFF!important;
	}
.li_red_header_over h3 {
	color:#FFF!important;
	}
.li_red_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -28px no-repeat #FFF!important;
	}
.li_red_over h3 {
	color:#FFF!important;
	}

/***************************************yellow tab setup***********************************************/
.yellowSize {
	width:518px!important;
	width:518px;
	}
.yellowTopSize {
	width:517px!important;
	width:518px;
	}
.yellowMainSize {
	width:516px!important;
	width:518px;
	border:1px solid #AFAFAF;
	border-top:none;
	height:301px!important;
	height:300px;
	}
.li_yellow_header_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -56px no-repeat #FFF!important;
	}
.li_yellow_header_over h3 {
	color:#FFF!important;
	}
.li_yellow_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -84px no-repeat #FFF!important;
	}
.li_yellow_over h3 {
	color:#FFF!important;
	}

/***************************************blue tab setup***********************************************/
.blueSize {
	width:518px!important;
	width:518px;
	}
.blueTopSize {
	width:517px!important;
	width:518px;
	}
.blueMainSize {
	width:516px!important;
	width:518px;
	border:1px solid #AFAFAF;
	border-top:none;
	height:336px!important;
	height:335px;
	}
.li_blue_header_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -112px no-repeat #FFF!important;
	}
.li_blue_header_over h3 {
	color:#FFF!important;
	}
.li_blue_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -140px no-repeat #FFF!important;
	}
.li_blue_over h3 {
	color:#FFF!important;
	}

/***************************************green tab setup***********************************************/
.greenSize {
	width:518px!important;
	width:518px;
	}
.greenTopSize {
	width:517px!important;
	width:518px;
	}
.greenMainSize {
	width:516px!important;
	width:518px;
	border:1px solid #AFAFAF;
	border-top:none;
	height:301px!important;
	height:300px;
	}
.li_green_header_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -168px no-repeat #FFF!important;
	}
.li_green_header_over h3 {
	color:#FFF!important;
	}
.li_green_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -196px no-repeat #FFF!important;
	}
.li_green_over h3 {
	color:#FFF!important;
	}

/***************************************purple tab setup***********************************************/
.purpleSize {
	width:518px!important;
	width:518px;
	}
.purpleTopSize {
	width:517px!important;
	width:518px;
	}
.purpleMainSize {
	width:516px!important;
	width:518px;
	border:1px solid #AFAFAF;
	border-top:none;
	height:301px!important;
	height:300px;
	}
.li_purple_header_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -224px no-repeat #FFF!important;
	}
.li_purple_header_over h3 {
	color:#FFF!important;
	}
.li_purple_over {
	position:relative;
	color:#fff;
	background:url(../images/li_bg.jpg) 0 -252px no-repeat #FFF!important;
	}
.li_purple_over h3 {
	color:#FFF!important;
	}

/******************* Mini tab setup*****************/
.ColumnContent{
	clear:both;
	overflow:hidden;
	font-size:12px;
	padding-bottom:2px;*padding-bottom:6px;
	}
.columnBar{
	/*padding-left:1px!important;
	padding:0 0 0 3px;*/
	padding:0;
	margin:0 0 4px 0;
	list-style:none;
	float:left;
	background:url(../images/menublock.jpg) bottom center repeat-x #FFF;
	line-height:20px;
	border-bottom:1px solid #8E8E8E;
	}
.columnBar li{
    text-align:center;
	float:left;
	cursor:pointer;
	margin:-1px 0 -1px -2px;
	padding:2px 0px 0 0px;
	background:url(../images/menuline.gif) no-repeat right center;
	}
.columnBar li h3{
	color: #9E9E9E;
	font-size:12px;
	font-weight:normal;
	line-height:20px;*line-height:22px;
	height:20px;
	overflow:hidden;
	padding:0px;
	text-align:center;
	}
.columnBarOver{
	position:relative;
	margin:-1px 0 -1px -2px;
	padding:2px 0px 0 0px;
	line-height:20px;
	border-style:solid;
	border-width:1px 1px 0 1px;
	border-color: #8E8E8E #8E8E8E #8E8E8E #8E8E8E;
	background:url(../images/menuover.jpg) top center repeat-x #FFF!important;
	}
.columnBarOver h3{
	color:#555555!important;
	}

/*******************navigation tab setup*****************/
.navigationSize{
	width:418px!important;
	width:420px;
	}

.navigationBar li {
    width:82px;
	margin:-1px 0 -1px -2px;
	padding:2px 0px 0 0px;
	}

#navigationmain{
	border: #BFBFBF 1px solid;
	overflow:hidden;
	margin:6px 0 0 0;
	background:#FFF;
	}

#navigationmain h1,h2,h3,h4,h5,h6,form{
	margin:0;
	padding:0;
	}
/*******************hr_box tab setup*****************/
.hr_boxSize{
	width:418px!important;
	width:420px;
	}

.hr_boxBar li {
    width:135px;
	}

#hr_boxmain{
	height:205px;
	border: #BFBFBF 1px solid;
	overflow:hidden;
	margin:6px 0 0 0;
	background:#FFF;
	}

#hr_boxmain h1,h2,h3,h4,h5,h6,form{
	margin:0;
	padding:0;
	}
/*******************software tab setup*****************/
.softwareSize{
	width:418px!important;
	width:420px;
	}

.softwareBar li {
    width:205px;
	}

#softwaremain{
	height:205px;
	border: #BFBFBF 1px solid;
	overflow:hidden;
	margin:6px 0 0 0;
	background:#FFF;
	}

#softwaremain h1,h2,h3,h4,h5,h6,form{
	margin:0;
	padding:0;
	}
/*******************books tab setup*****************/
.booksSize{
	width:418px!important;
	width:420px;
	}

.booksBar li {
    width:205px;
	}

#booksmain{
	height:205px;
	border: #BFBFBF 1px solid;
	overflow:hidden;
	margin:6px 0 0 0;
	background:#FFF;
	}

#booksmain h1,h2,h3,h4,h5,h6,form{
	margin:0;
	padding:0;
	}
/******************* passport tab setup*****************/
.passportContent{
	clear:both;
	overflow:hidden;
	font-size:12px;
	background:#FFF;
	border-right:1px solid #9A9A9A;
	}
.passportBar{
	margin:0;
	padding:0;
	float:left;
	line-height:35px;
	}
.passportBar li{
	list-style:none;
    text-align:center;
	float:left;
	cursor:pointer;
	background:url(../images/pass_libg.gif) no-repeat top center;
	}
.passportBar li h3{
	color: #9E9E9E;
	font-size:12px;
	font-weight:normal;
	line-height:35px;
	height:35px;
	overflow:hidden;
	}
.passportBarOver{
	position:relative;
	margin:0px;
	padding:0px;
	line-height:35px;
	background:url(../images/pass_libg_over.gif) top center repeat-x #FFF!important;
	}
.passportBarOver h3{
	color:#555555!important;
	/*text-decoration: underline;*/
	}
.passportSize{
	width:403px!important;*width:405px;
	}

.passportBar li {
    width:98px;
	}

#passportmain{
	clear:both;
	overflow:hidden;
	margin:6px 0 0 0;
	background:#E1E1E1;
	}

#passportmain h1,h2,h3,h4,h5,h6,form{
	margin:0;
	padding:0 0 0 20px;
	}

/******************* slide style *****************/
.SlideMainRoll {
	FILTER: progid:DXImageTransform.Microsoft.Slide(slidestyle=SWAP,Bands=1); CURSOR: pointer
}
#SlideMain {
	width:410px;
	height:318px;
	overflow:hidden;
}
#SlideMenu {
	position:absolute;
	margin:-60px 0 0 20px;
	width:410px;
	height:60px;
}
#SlideMenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#SlideMenu ul li {
	float:left;
	margin:5px;
	width:50px;
	height:50px;
	overflow:hidden;
	background:none;
}
#SlideMenu ul li img {
	width:50px;
	height:50px;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:#C2C2C2 #171717 #171717 #C2C2C2;
}
.SlideMenuOver {
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.SlideMenuOut {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}

iframe {
	border:none;
	padding:0px;
	margin:0px;
}
.companytitle a{ font-size:12px; color:#ffffff; list-style:none; text-align:right; 
}
.display_navigation_1 { float:left; width:412px; text-align:center; height:60px; }
.display_navigation_1 ul{ list-style:none; margin:4px 0 0 0; padding:0px; }
.display_navigation_1 li{ float:left; padding-left:25px; margin:0 0 4px 10px; margin:0 0 4px 7px; background:#FAFAFA url(/templets/arting/images/menu_gray_bg.gif) 10px 7px no-repeat; width:98px;*width:125px; height:20px; height:22px; line-height:20px; line-height:22px; font-size:12px; overflow:hidden; text-align:left;border-width:1px;border-style:solid;border-color:#F5F5F5 #DBDBDB #DBDBDB #F5F5F5; }