body
{
background-color:#1568a5/*#2e78b7*/;
overflow-x:hidden;
}

#wrapper
{
width:970px;
margin:0 auto;

font-size:12px;
font-family:verdana;
}
#header
{
width:970px;
height:120px;
background-color:#438cca;
}
#banner
{
margin:0 auto;
width:970px;
height:260px;
}
#navigation
{
height:59px;
  background-image:url("../images/button-image1.png")
}
#content
{
width:970px;
background-image:url("../images/pagebg.png");
height:840px;

}
#text
{
width:910px;
margin-left:30px;
margin-right:30px;
line-height:1.6;
}
#top
{
width:910px;
height:610px;
}
#top-pro
{
width:910px;
height:1010px;
padding-bottom:10px;
}
#middle
{
width:910px;
height:200px;
}
#rad
{
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #ccc;
}
#top-left
{
float:left;
width:600px;
}
#bottom-left
{
float:left;
width:600px;
}
#categories
{
margin-left:45px;
float:left;
color:#144884;
width:260px;
font-size:13px;
font-family:verdana;
background-color:#fff;
font-weight:bold;
}
#categories li
{
padding-left:10px;
padding-top:6px;
padding-bottom:6px;
padding-right:10px;
border-bottom-color:#ccc;
border-bottom-style:inset;
border-bottom-width:2px;

}

#categories ul
{
list-style-type:none;
}
#categories li a
{

text-decoration:none;
color:#438cca;
}
#categories li a:hover
{
color:#000;
}
.icon
{
float:right;
margin-right:30px;
margin-top:20px;
color:#fff;
}
.para
{
text-align:center;
margin-top:30px;
margin-bottom:10px;
margin-left:35px;
margin-right:10px;
}
#address
{
margin-right:8px;
float:right;
height:200px;
width:280px;
background-image:url("../images/test_09.gif");
}
#footer
{
text-align:center;
height:40px;
color:#fff;
width:970px;
padding-top:20px;
background-image:url("../images/bottom-strip-bg.png");
}
#footer a
{
color:#fff;
font-size:11px;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}



/*--1-*/
h1
{
color:#438cca;
font-size:15px;
display:inline;
}
h2
{
color:#6c6363;
font-size:14px;
display:inline;
}
#middle1
{
margin-top:1%;
width:910px;
height:250px;
}
#middle2
{
margin-top:1%;
width:910px;
height:500px;
}
#formula
{
color:#e2850c;
}
.table_text{
padding-left:20px;
}
.table_text1{
color:#1568a5;
padding-left:20px;
}
#feed_table td
{
border:1px solid grey;
}
#feed_table
{
width:520px;
}
#feed_table a
{
color:#000;
text-decoration:none;
}
#content1
{
width:970px;
background-image:url("../images/pagebg.png");
height:940px;

}
#content2
{
width:970px;
background-image:url("../images/pagebg.png");
height:1440px;

}
#content-pro
{
width:970px;
background-image:url("../images/pagebg.png");
height:1010px;

}
#top14
{
width:910px;
height:570px;
}
#top12
{
width:910px;
height:610px;
}
#top2
{
width:910px;
height:770px;
}
#en-matter{
border:2px solid #eee;
box-shadow:10px 10px 10px #ccc ;
-webkit-box-shadow:10px 10px 10px #ccc ;
-moz-box-shadow:10px 10px 10px #ccc ;
-o-box-shadow:10px 10px 10px #ccc ;
width:520px;
height:600px;
margin-bottom:20px;
margin:0 auto;
}

#s1,#s3
{
line-height:2.1;
 margin-left:20%;
}
#s1 ul,#s2 ul,#s3 ul
{
list-style-image:url("../images/arrow.png");
}

#s2
{margin-left:30%;
line-height:3;
}
#s1 a,#s2 a,#s3 a
{
color:#0066cc;
text-decoration:none;
}
#s1 a:hover,#s2 a:hover,#s3 a:hover
{
text-decoration:underline;
}

#top-pro 
{
list-style-type:none;
}
#top-pro a
{
font-weight:bold;
text-decoration:none;
color:#438cca;
}
#top-pro  a:hover
{
color:#000;
}

/*--------------animation------------*/
#banner-one
{
margin:0 auto;
width:970px;
height:260px;
background-image:url("../images/for-animation/bg1.jpg");
}
#banner-seven
{
margin:0 auto;
width:970px;
height:260px;
background-image:url("../images/for-animation/bg7.jpg");
}
#banner-11
{
margin:0 auto;
width:970px;
height:260px;
background-image:url("../images/for-animation/bg11.jpg");
}
#banner-12
{
margin:0 auto;
width:970px;
height:260px;
background-image:url("../images/for-animation/12.jpg");
}
#banner-13
{
margin:0 auto;
width:970px;
height:260px;
background-image:url("../images/for-animation/bg13.jpg");
}
#banner1
{
float:right;
margin-top:4%;
margin-right:4%;
}
#banner-five
{
margin:0 auto;
width:970px;
height:260px;
background-image:url("../images/for-animation/bg5.jpg");
}