/* CSS Document HZ2009 */

/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}  */
*{margin:0 auto;}
body {
margin-top:0;
margin-bottom:0;
text-align:center;
background:url(../img/bodybg.gif);
}
td{
font-size:12px;
}
#navyht{
font-size:12px;
color:#ffffff;
font-weight:normal;
margin:2px auto;
width:970px;
height:31px;
background:url(../img/nav1.gif);
}
#navyht a:link, #navyht a:visited{
display:block;
line-height:23px;
width:89px;
background:url(../img/navcell1.gif) no-repeat bottom;
font-weight:normal;
color:#000000;
text-decoration:none;
}
#navyht a:hover{
display:block;
line-height:23px;
width:89px;
font-weight:normal;
color:#990099;
text-decoration:underline;
background:url(../img/navcell2.gif) no-repeat bottom;
}
.main{
width:1000px;
height:auto;
border:#000000 solid 1px;
background:#ffffff;
margin:0 auto
}
#head {
background:url(../img/headbg.gif) repeat-x;
}
#headleft{
background:url(../img/headleft.gif) no-repeat;
}
#headright{
background:url(../img/headright.gif) no-repeat;
}
#bottom{
background:url(../img/bottombg.gif) repeat-x;
}
.info{
margin-top:5px;
height:60px;
width:auto;
border-top:dashed 1px #000000;
text-align:left;
}
#welcome{
margin-top:10px;
height:16px;
width:100%;
text-align:left;
font-size:12px;
color:#666666;
}
/* css in default1.asp(reserve) */
#profile{
margin-top:10px;
width:202px;
height:150px;
float:left;
border-right:1px solid #999999;
}
#jkgl{
margin-top:10px;
width:202px;
height:150px;
float:left;
border-right:1px solid #999999;
}
#yht{
margin-top:10px;
width:202px;
height:150px;
float:left;
border-right:1px solid #999999;
}
#news{
margin-top:10px;
width:202px;
height:150px;
float:left;
}
/*----------end------------*/
td a:link,td a:visited{
font-size:12px;
color:#666666;
text-decoration:none;
}
td a:hover{
font-size:12px;
color:#000000;
text-decoration:underline;
}
/*---------Main list on default.asp:start------------*/
.rollboder {BORDER: 0;}
.rollleft {FLOAT: left; WIDTH: 400px;}
.rollleft STRONG {COLOR: #666}
.rollcenter {WIDTH: 30px; TEXT-ALIGN: center}
.rollright {FLOAT: right; WIDTH: 40px; TEXT-ALIGN: center}
.rollright IMG {VERTICAL-ALIGN: middle}
ul#menuback {
margin: 50px auto;
list-style: none;
background: url(../images/menu-bg.jpg);
width: 800px;
overflow: auto;	
}
ul#menuback li.shutter {
width: 200px;
height: 100px;
display: block;
float: left;
}
ul#menuback li#shutter1 {
background: url(../images/shutter-africanplains.jpg) no-repeat; 
}
ul#menuback li#shutter2 {
background: url(../images/shutter-reptiles.jpg) no-repeat; 
}
ul#menuback li#shutter3 {
background: url(../images/shutter-aviary.jpg) no-repeat; 
}
ul#menuback li#shutter4 {
background: url(../images/shutter-arcticzone.jpg) no-repeat; 
}
a.link {
width: 200px;
height: 100px;
display: block;
background: url(../images/window.png) no-repeat bottom center;
text-indent: -9999px;
}
/*-----------Main list on default.asp:end----------*/
.boxtop{
text-align:left;
font-size:12px;
width:900px;
height:36px;
background:url(../img/bg_box.gif) no-repeat;
margin:0 auto;
overflow:hidden
}
.headline{
margin-top:12px;
margin-left:42px;
font-weight:bold;
font-size:12px;
color:#666666;
width:80%;
text-align:left;
}
.box{
width:898px;
height:auto;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
margin:0 auto;
overflow:hidden
}
.boxtop339{
text-align:left;
font-size:12px;
width:325px;
height:36px;
background:url(../img/bg_box_bt_339.gif) no-repeat;
overflow:hidden
}
.box339{
width:323px;
height:282px;
font-size:12px;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
overflow:hidden
}
.boxtop652{
text-align:left;
font-size:12px;
width:565px;
height:36px;
background:url(../img/bg_box_bt_652.gif) no-repeat;
overflow:hidden
}
.box652{
width:563px;
height:282px;
font-size:12px;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
overflow:hidden
}
.box652 .left{
width:275px;
height:100%;
border:0;
margin:0;
float:left;
}
.box652 .right{
width:275px;
height:100%;
border:0;
margin:0;
float:right;
}
.box652 #right_1{
width:275px;
height:100%;
border:0;
margin:0;
float:right;
}
.box652 #right_2{
width:275px;
height:100%;
border:0;
margin:0;
float:right;
}
.videohead{
width:275px;
float:right;
height:14px;
margin-top:0.5em;
margin-bottom:0.5em;
font-size:12px;
color:#2D7F29;
font-weight:normal;
text-align:left;
}
.hideline{
font-size:12px;
background:url(../img/bg_rili_nav.gif) bottom repeat-x;
}
.hide{
font-size:12px;
color:#2D7F29;
font-weight:bold;
background:url(../img/bg_type.gif) no-repeat bottom;
}
.show{
font-size:12px;
color:#333333;
background:url(../img/bg_type1.gif) no-repeat bottom;
}
#news_1{
height:200px;
margin-top:8px;
width:90%;
display:block;
}
#news_2{
height:200px;
margin-top:8px;
width:90%;
display:none;
}
.subline_head{
width:100%;
height:14px;
margin-top:0.5em;
margin-bottom:1em;
font-size:12px;
color:#2D7F29;
font-weight:bold;
text-align:left;
}
.sublines{
width:100%;
height:14px;
margin-top:0.5em;
font-size:12px;
text-align:left;
}
.entry{
width:100%;
height:14px;
margin-top:6px;
font-size:12px;
text-align:right;
}
.entry a:link, .entry a:visited{
font-size:12px;
color:red;
text-decoration:none;
}
.entry a:hover{
font-size:12px;
color:#FF33CC;
text-decoration:none;
}
.yxdwggp{
width:90%;
height:16px;
border:1px solid #CCCCCC;
background:#EAEAEA;
text-align:center;
font-size:12px;
color:#666666;
padding-top:0.4em;
margin-bottom:0.8em;
}
/*----on web:newscenter.asp and new.asp----*/
.bigtitle{
margin-top:1em;
border-bottom:#999999 solid 1px;
width:90%;
height:30px;
font-size:25px;
font-weight:bold;
color:#000066;
text-align:center;
}
.newsinfo{
margin-top:0.2em;
width:90%;
height:12px;
font-size:12px;
color:#666666;
}
.newslist{
width:80%;
height:30px;
color:#666666;
font-size:12px;
text-align:left;
border-bottom:#999999 1px dashed;
}
.listlyb:link, .listlyb:visited{
font-size:12px;
color:#333333;
text-decoration:none;
}
.listlyb:hover{
font-size:12px;
color:#666666;
text-decoration:none;
}
.listcolor00:link{
font-size:12px;
color:#333333;
text-decoration:none;
}
.listcolor00:visited{
font-size:12px;
color:#333333;
text-decoration:none;
padding-right:10px;
background:url(../img/hook.gif) no-repeat right center;
}
.listcolor00:hover{
font-size:12px;
color:#666666;
text-decoration:none;
}
.listcolor01:link{
font-size:12px;
color:#ff0000;
text-decoration:none;
}
.listcolor01:visited{
font-size:12px;
color:#ff0000;
text-decoration:none;
padding-right:10px;
background:url(../img/hook.gif) no-repeat right center;
}
.listcolor01:hover{
font-size:12px;
color:#FF33CC;
text-decoration:none;
}
.listcolor02:link{
font-size:12px;
color:#0000ff;
text-decoration:none;
}
.listcolor02:visited{
font-size:12px;
color:#0000ff;
text-decoration:none;
padding-right:10px;
background:url(../img/hook.gif) no-repeat right center;
}
.listcolor02:hover{
font-size:12px;
color:#6161EF;
text-decoration:none;
}
.listpage{
width:80%;
height:30px;
color:#666666;
font-size:12px;
text-align:center;
}
.listpage a:link, .listpage a:visited{
font-size:12px;
color:#333333;
text-decoration:none;
}
.listpage a:hover{
font-size:12px;
color:#666666;
text-decoration:none;
}
.normaltitle{
margin-top:1em;
border-bottom:#999999 solid 1px;
width:90%;
height:auto;
font-size:20px;
font-weight:bold;
color:#000066;
text-align:center;
}
.newscontent{
margin-top:3em;
width:90%;
height:auto;
FONT-SIZE:12px;
COLOR: #000000;
text-align:left;
LINE-HEIGHT:20px;
FONT-FAMILY: "ËÎÌå"
margin-bottom:2em;
}
/*-----end-----*/
.videolist{
width:80%;
height:auto;
color:#666666;
font-size:12px;
text-align:left;
border-bottom:#999999 1px dashed;
}
.vheadline:link{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#000000;
}
.vheadline:visited{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#000000;
padding-right:10px;
background:url(../img/hook.gif) no-repeat right center;
}
.vheadline:hover{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#666666;
}
.videotitle{
width:80%;
height:16px;
font-size:14px;
color:#000000;
font-weight:bold;
text-align:left;
}
.videotitle span{
font-size:12px;
color:#666666;
font-weight:normal;
}
.digg{
width:147px;
height:36px;
}
.digg a:link, .digg a:visited{
display:block;
line-height:36px;
width:147px;
background:url(../img/dig1.gif) no-repeat;
text-decoration:none;
font-size:12px;
color:#666666;
}
.digg a:hover{
display:block;
line-height:36px;
width:147px;
background:url(../img/dig2.gif) no-repeat;
font-size:12px;
color:#666666;
text-decoration:none;
}
.describe{
width:480px;
border-top:1px dashed #cccccc;
height:auto;
text-align:left;
font-size:12px;
color:#666666;
padding-top:1em;
margin-bottom:3em;
}
/*---------jkgl--------*/
.toplogin{
width:898px;
border:1px solid #CCCCCC;
height:38px;
font-size:12px;
color:#666666;
margin:0 auto;
margin-bottom:0.3em;
}
.toplogin input{
border:1px solid #CCCCCC;
font-size:12px;
}
.toplogin a:link, .toplogin a:visited{
font-size:12px;
color:#000000;
text-decoration:underline;
}
.toplogin a:hover{
font-size:12px;
color:#000000;
text-decoration:underline;
}
.step{
width:154px;
height:53px;
margin-top:2em;
margin-left:21px;
float:left;
}
.stepdes{
margin:0 auto;
width:95%;
height:50px;
clear:both;
font-size:12px;
color:#666666;
text-align:left;
padding-top:1.5em;
}
.interval{
height:13px;
width:900px;
}
.pgnr{/*ÆÀ¹ÀÄÚÈÝ¿ò*/
width:625px;
height:60px;
border:1px solid #cccccc;
margin-top:1.5em;
margin-left:1.5em;
font-size:12px;
color:#666666;
}
.pgnr1{/*wellsource¿ò*/
width:625px;
height:60px;
border:1px solid #cccccc;
margin-top:1.5em;
margin-left:1.5em;
font-size:12px;
color:#666666;
}
.pgnr p{
float:left;
margin-top:0.5em;
margin-left:0.5em;
}
.pgnr img{
float:right;
width:26px;
height:25px;
margin-right:0.5em;
margin-top:0.5em;
}
.pgnr td{
table-layout:fixed;
word-break:break-all;
}
.spetop{
margin-top:1.5em;
background:#EAEAEA;
width:200px;
height:30px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-size:12px;
color:#666666;
text-align:left;
}
.spetop p{
margin-top:0.7em;
margin-left:0.5em;
font-size:12px;
color:#666666;
}
.specontent{
width:200px;
height:auto;
border:1px solid #CCCCCC;
}
.spe{
width:175px;
height:55px;
margin-top:0.5em;
}
.partner{
width:175px;
height:45px;
margin-top:0.5em;
}
.jkzs{
width:280px;
height:14px;
color:#666666;
font-size:12px;
margin-top:0.7em;
text-align:left;
}
/*------end--------*/

/*yht products*/
.pdct{
width:90%;
height:100px;
}
.pdct p{
font-size:12px;
color:#333333;
margin:1em;
float:left;
width:50%;
text-align:left;
}
.pdct img{
margin:1em;
float:right;
border:#999999 1px solid;
padding:2px;
}
.pdctr{
width:90%;
height:100px;
}
.pdctr img{
margin:1em;
float:left;
border:#999999 1px solid;
padding:2px;
}
.pdctr p{
font-size:12px;
color:#333333;
margin:1em;
float:right;
width:50%;
text-align:left;
}
.pdct a:link, .pdct a:visited{
font-size:12px;
color:#666666;
text-decoration:none;
}
.pdct a:hover{
font-size:12px;
color:#000000;
text-decoration:underline;
}
.pdctr a:link, .pdctr a:visited{
font-size:12px;
color:#666666;
text-decoration:none;
}
.pdctr a:hover{
font-size:12px;
color:#000000;
text-decoration:underline;
}
.magzine{
width:808px;
height:90px;
border:1px solid #999999;
}
.magzine img{
margin:0.5em;
float:left;
border:#999999 1px solid;
padding:2px;
}
.magzine p{
font-size:12px;
color:#333333;
margin:1em;
float:right;
width:85%;
text-align:left;
}
/*end*/
/*site map*/
#sitemap{
font-size:12px;
color:#000000;
}
#sitemap h4,#sitemap h5, #sitemap h6{
font-weight:bold;
margin:0;
padding:0;
}
#sitemap a:link, #sitemap a:visited{
font-size:12px;
color:#000000;
text-decoration:underline;
}
#sitemap a:hover{
font-size:12px;
color:#666666;
text-decoration:underline;
}
/*end*/
/*on lukezhang.asp*/
.pager{
height:15px;
width:45px;
color:#333333;
background-color:#CCCCCC;
border:solid 1px #000000;
float:left;
margin-left:1em;
}
.number{
height:15px;
width:15px;
color:#333333;
background-color:#CCCCCC;
border:solid 1px #000000;
float:left;
margin-left:1em;
}
.numberred{
height:15px;
width:15px;
color:#333333;
background-color:#FF3366;
border:solid 1px #ff0000;
float:left;
margin-left:1em;
}
.number a{
display:block;
width:13px;
height:13px;
}
.numberred a{
display:block;
width:13px;
height:13px;
}
/*end*/
