@charset "utf-8";

div#content div.wapper {
padding-top: 6px;
margin: 15px 0px;
border-top: 1px #CCCCCC solid;
}

div#content div.item1,
div#content div.item2,
div#content div.item3,
div#content div.item4,
div#content div.item5,
div#content div.item6,
div#content div.item7 {
padding-left: 158px;
padding-right: 6px;
background-repeat: no-repeat;
width: 196px;
}

div#content div.item1,
div#content div.item3,
div#content div.item6,
div#content div.item5
 {
background-position: 6px top;
border-right: 1px #CCC dotted;
float: left;
}


div#content div.item2,
div#content div.item4,
div#content div.item7 {
background-position: left top;
float: right;
}

div#content div.item1 {
background-image: url(image/ph_item01.jpg);
}

div#content div.item2 {
background-image: url(image/ph_item02.jpg);
}

div#content div.item3 {
background-image: url(image/ph_item03.jpg);
}

div#content div.item4 {
background-image: url(image/ph_item04.jpg);
}

div#content div.item5 {
background-image: url(image/ph_item05.jpg);
}

div#content div.item6 {
background-image: url(image/ph_item06.jpg);
}

div#content div.item7 {
background-image: url(image/ph_item07.jpg);
}

div#content div h3 {
margin-bottom: 10px;
padding: 14px 2px;
border-bottom: 2px #AEDFDF solid;
border-top: 2px #AEDFDF solid;
color: #009999;
font-size: 1.1em;
font-weight: bold;
}

div#content div h3 span{
font-weight:normal;
color:#000000;
}

div#content font.attention {
font-size:0.8em;
font-weight:normal;
color:#FF0000;
}

div#content div.wapper ul {
list-style:disc;
list-style-position:outside;
margin: 0px 3px;
padding: 0px 1.0em;
}

div#content div a.go_shop,
div#content div a.go_material,
div#content div a.go_periodical {
margin-bottom:6px;
margin-top:8px;
background-position: left top;
background-repeat: no-repeat;
display: block;
width: 191px;
text-indent: -9998px;
}

div#content div a.go_shop {
background-image: url(image/btn_go_shop.gif);
height: 27px;
}

div#content div a.go_shop:hover {
background-image: url(image/btn_go_shop_on.gif);
}

div#content div a.go_material {
background-image: url(image/btn_go_material.gif);
height: 21px;
}

div#content div a.go_material:hover {
background-image: url(image/btn_go_material_on.gif);
}

div#content div a.go_periodical {
background-image: url(image/btn_go_periodical.gif);
height: 27px;
}

div#content div a.go_periodical:hover {
background-image: url(image/btn_go_periodical_on.gif);
}


div#content div.banners {
padding-bottom: 6px;
padding-top: 32px;
text-align: center;
}

div#content div.banners a {
margin: 0 6px;
}

div#content  hr{
height:1px;
color:#CCCCCC;
}

#content div.feature {
padding: 16px 16px 0px;
background-color: #FBF4D4;
border: 1px #F7E9B0 solid;
float: left;
width: 702px;
margin: 10px 0 20px;
}

#content div.feature h3{
padding: 0;
margin: 0;
padding-bottom: 10px;
border: none;
font-weight: bold;
font-size: 1.2em;
}

#content div.feature th{
color: #333;
float:left;
font-size: 1em;
font-weight: bold;
margin-bottom: 1em;
text-align:left;
vertical-align:top;
}

#content div.feature th span{
color: #1FA5A5;
font-size: 1.6em;
font-weight: bold;
margin-right: 0.5em;
padding-left: 0.3em;
border-left: 4px solid #1FA5A5;
}

#content div.feature td {
font-size: 0.9em;
margin-bottom: 1em;
padding-left:15px;
padding-bottom:10px;
vertical-align:top;
}