/* 

	project: internet services - 2nd edition
	author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
@import url("http://blog.123papa.cn/link123.css");
*{ margin: 0; padding: 0; }* 
body { 
	font: .7em Verdana,Arial, "宋体", "Trebuchet MS", Tahoma, sans-serif;  
	line-height: 150%;
	background: #fff; 
	color: #484848; 
}
img{ border:0px;}
a {	color: #484848;	background: inherit; text-decoration:none;}
a:hover { color: #1477B1; background: inherit; text-decoration:underline;}

h1 { font: normal 2.0em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
h1 a { color: #f97d01; background: inherit; }
.orange { color: #1477B1; }
sup { font-size: .5em; }

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #1477B1; background: inherit; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
h3 a{color:#fff; text-decoration:none;}
h3 a:hover{color:#1477B1; text-decoration:none;}
p {	margin: 0 0 5px 0; }
.txt1{margin: 0; padding: 0; border: 1px solid #666; color: #000000; background: #fff;}
.txtCSS01{margin: 0; padding: 0; border: 1px solid #666; color: #000000; background: #fff;}
ul { list-style : none; }

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 100%;
}
.content_center {
    margin: 0 auto;
	width: 100%;	
}

#container
{
  text-align:center;
  margin:0 auto;
  width:600px;
  height:500px;
}
/******滚动新闻*******/
.hotnews
{

}
.di3bnr1 {
	PADDING-TOP: 15px
}
.di3bnr1a {

	FLOAT: left
}
.di3bnr1a IMG {
	BORDER: #999999 1px solid; PADDING-RIGHT: 5px;PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; 
}
.di3bnr1b {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 58%;margin-top:0;word-wrap: break-word;word-break: normal;
}
.di3bnr1b h2 {
	FONT-SIZE: 12px;
}
.di3bnr1c {
	PADDING-LEFT: 20px; FLOAT: left; PADDING-TOP: 5px
}
/******  滚动新闻  END   *******/


.header { 
	height: 61px;
	color: #808080;
	margin: 0;
	padding: 0 0 3px 0;
	width:100%;
	background: #fff url(images/headbg.gif) no-repeat top right;
	border-bottom:  solid 1px #c6c6c6;
	/*background:#003571 url(images/top-3dot.gif) repeat-x bottom left;*/
}
/*.hdb
{ padding:0; margin:0; font-size:0px;background:#003571 url(images/top-3dot.gif) repeat-x bottom left; width:100%;height:3px;}*/
.logo h1{ background:url(images/logo2.gif) no-repeat bottom left; height:60px; margin-bottom:5px;}
.top_info {
	float: right;
	margin-top:35px;
	padding: 5px 25px 4px 25px;
	color: #1477B1;
}
.top_info a{color:#1477B1; text-decoration:none;}
.top_info a:hover{color:#666666; text-decoration:none;}
.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #FFF;
	background: #FF9148 url(images/menubg2.gif) repeat-x;
	text-align:center;
	margin-top:1px;
	border-bottom:solid 6px #dddddd;
}
.bar ul{
width:100%;
text-align:center;
}
	.bar li { 
		padding: 6px 0 6px 0;
		color: #FFEADC;
		float:left;
	}
	
	.bar .active { 
		background: #B70000 url(images/bar.gif) repeat-x; 
		color: #fff;
		font-weight: bold; 
	}
	.bar li a { 
	    padding: 9px 35px;
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
		border-right:solid 1px #FFFFFF;
	}
	.bar a:hover {
	    padding: 9px 35px;
		background: #B70000 url(images/bar.gif) repeat-x;
		color: #FFF; 
		text-decoration:underline;
	}




.bar1 { 
	clear: both;
	font-size: 1.1em;
	height: 28px; 
	color: #999;
	background: #ffffff url(images/bgOFF.gif) repeat-x;
	text-align:center;
	margin-top:1px;
}
.bar1 ul{
width:100%;
text-align:center;
}
	.bar1 li { 
		padding: 4px 0 3px 0;
		color: #999;
		float:left;
	}
	
	.bar1 li a { 
	    padding: 6px 35px;
		font-weight: bold;
		color: #999; 
		background: inherit;
		text-decoration: none;
		border-right:solid 1px #fff;
	}
	.bar1 .active1 { 
		background: #ffffff url(images/bgOFF.gif) repeat-x;
		font-weight: bold; 
	}
	.bar1 .active1 a:hover{ 
		padding: 6px 35px;
		background: #1477B1;
		color: #fff; 
		text-decoration:underline;
	}
	.bar1 a:hover {
	    padding: 7px 35px;
		background: #1477B1; 
		color: #fff; 
		text-decoration:underline;
	}

/* Top Pic form */
.Top_pic
{
height:231px;
width:100%;
text-align:center;
background: #eee;
}
/* search form */
.search_field { 
	background: #fff ; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 12px 10px 10px;
	margin: 5px 0;
}
	input.search { 
		width: 292px; 
		border: 0;
		background: #FFF url(images/input.gif) no-repeat;
		padding: 4px; 
		color: #666;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.submit {
		background: #00407e url(images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 65px;
		margin: 0 5px 0 5px;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
	}
	.submit1
	{
		background: #eee url(images/searchdot.gif) no-repeat;
		border: 0;
		width: 17px;
		height:18px;
		margin: 0 10px 3px 10px;
	}
	.grey { color: #808080; background: inherit; font-weight: normal; }
	.search_form { float: right; }


.IndexBox
{
position:relative;
    margin: 0 auto;
	width: 99%;
	padding:6px 0 0 0;
}
/* left side
   --------- */
   #menu ul
{
list-style: none;
margin: 0px;
width:100%;
}

#menu li
{
background: none;
padding: 0px;
}

#menu a
{
display: block;
position: relative;
width: 100%;
height: 27px;
margin-bottom: 1px;
text-decoration: none;
padding-left: 5px;
padding-top: 11px;
padding-bottom: 6px;
text-transform: lowercase;
}

#menu a:hover
{
color: #999;
}
#menu1 a{background: #F9F9F9 url(images/mbg1.gif) no-repeat center right;}
#menu1 a:hover{background: #F9F9F9 url(images/mbg11.gif) no-repeat center right;}

#menu2 a{background: #F9F9F9 url(images/mbg2.gif) no-repeat center right;}
#menu2 a:hover{background: #F9F9F9 url(images/mbg22.gif) no-repeat center right;}

#menu3 a{background: #F9F9F9 url(images/mbg3.gif) no-repeat center right;}
#menu3 a:hover{background: #F9F9F9 url(images/mbg33.gif) no-repeat center right;}

#menu4 a{background: #F9F9F9 url(images/mbg4.gif) no-repeat center right;}
#menu4 a:hover{background: #F9F9F9 url(images/mbg44.gif) no-repeat center right;}

#menu5 a{background: #F9F9F9 url(images/mbg5.gif) no-repeat center right;}
#menu5 a:hover{background: #F9F9F9 url(images/mbg55.gif) no-repeat center right;}

#menu6 a{background: #F9F9F9 url(images/mbg6.gif) no-repeat center right;}
#menu6 a:hover{background: #F9F9F9 url(images/mbg66.gif) no-repeat center right;}

#menu7 a{background: #F9F9F9 url(images/mbg7.gif) no-repeat center right;}
#menu7 a:hover{background: #F9F9F9 url(images/mbg77.gif) no-repeat center right;}

#menu8 a{background: #F9F9F9 url(images/mbg8.gif) no-repeat center right;}
#menu8 a:hover{background: #F9F9F9 url(images/mbg88.gif) no-repeat center right;}


.more
{
padding-left:20px;
font-size:12px;
float:right;
height:30px;
/*background:url(images/h2bg4.gif) no-repeat bottom left ;*/
}
.more1
{
float:right;
padding-right:30px;
/*background:url(images/h2bg4.gif) no-repeat bottom left ;*/
}
.title
{
	float:left;
	padding: 0 0 0 0px;
	height:30px;
}
.left {
	float: left;
	width: 25.2%;
	border-right: solid 1px #999999;
}
.left a {color: #414141;background: inherit;}
.left a:hover { color: #d41a28; background: inherit; }

.left h2 {
	clear: both;
	/*background:url(images/h2bg33.gif) repeat-x bottom left ;*/
	color: #414141;
	font: bold 1.3em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 5px 0;
    height:30px;
	line-height:30px;
}
	.left_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 280px;
		background: #FFF url(images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 70px;
		margin: 10px 0;
	}
	.left_box {
		margin: 0 0 0 0;  
		padding: 6px 25px 0 25px;
		/*background: #fafafa;*/
		color: #414141;
		/*border:solid 1px #c6c6c6;
		height:200px;*/
	}
	.left_box_pro
	{
	float:left;
	width:97.2%;
	    margin: 0 0 10px 0; 
		color: #000; 
		background: #fff; 
		padding: 3px 5px 3px 10px;
	}
	.img
	{
        width:176px;
		height:180px;
	    margin:0 5px 0 5px;
        float:left;
		text-align:center;
	}
		.img img
	{
	border:solid 1px #3770a8;
	}
	.img a img
	{
	border:solid 1px #3770a8;
	}
	.img a:hover img
	{
	border:solid 1px #E0692A;
	}
	
	/* center side
   ---------- */
   .centerbox
   {
    float: left;
	width: 46%;
	margin: 0 0 0 1%;
	padding-bottom:36px;
	border-right: solid 1px #999999	;
   }
   .centerbox h2 {
	clear: both;
	/*background:url(images/h2bg3.gif) repeat-x bottom left ;*/
	color: #414141;
	font: bold 1.3em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 8px 0;
    height:30px;
	line-height:30px;
}
.centerNewsBox
{
	height:120px;
    margin:5px 10px 5px 0; 
    padding: 5px 0px 10px 25px;
	/*background: #fafafa;*/
	color: #414141;
	/*border:solid 1px #c6c6c6;
	height:200px;*/
}
.centerBBox
{
    margin:5px 5px 5px 0; 
    padding: 5px 0 0 0;
	float:left;
	width:96%;
}
.centerBBox div
{
float:left;
margin-left:5px;
width:48%;
}
.centerBBox div h2
{
font-size:12px;
background: #566ba2;
height:20px;
line-height:20px;
padding-left:20px;
color:#FFFFFF;
}
.centerBBox div p
{
padding: 5px;
}
.centerBBox div p img
{
float:right;
}

   
		
/* right side
   ---------- */
		
.right {
	float: left;
	width: 26%;
	margin: 0 0 0 1%;
}
	.right h2 {
	clear: both;
	/*background:url(images/h2bg3.gif) repeat-x bottom left ;*/
	color: #414141;
	font: bold 1.3em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 8px 0;
    height:30px;
	line-height:30px;
}
	    #h301 {
		background: #BDBDBD url(images/TBNews2.gif) no-repeat center right ;
		}
		#h302 {
		background: #BDBDBD url(images/TBLogin2.gif) no-repeat center right ;
		}
		#h303 {
		background: #BDBDBD url(images/TBcontact2.gif) no-repeat center right ;
		}
	.right_articles {
	    width:93%;
		background: #fafafa;
		color: #414141;
		border:solid 1px #c6c6c6;
		padding: 5px 3% 10px 3%;	
		margin: 0 0 6px 0;
		float:left;
	}
	.right_articles1
	{
	text-align:center;
	    width:99%;
	    background: #fff;
		color: #414141;
		border:solid 1px #c6c6c6;
		padding: 6px 0 6px 0;	
		margin: 0 0 6px 0;
		float:left;
	}
	.right_articles li{
	margin-left:20px;
	list-style-image:url(images/arrow1.gif)
	}
	.notice {
		background: #eee;
		color: #808080;
		padding: 12px 8px;	
		margin: 0 0 3px 0;
	}
	.imgtd
	{
	background:url(images/mgbg.gif) left center no-repeat;
	}
	.imgtd1
	{
	background:url(images/sy_jt.gif) left center no-repeat;
	}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	line-height: 2em;
}
.footer a { color: #484848; }
.ftop
{
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
text-align:left;
background:#eee;
padding-left:25px;
}
.ftop a{ padding:0 10px 0 10px;}
.fbottom
{
padding: 15px 15px 15px 0;
text-align:right;
background:#fafafa;
}