@charset "utf-8";
/* CSS Document */

#head{ background:url(images/96joy_logo.gif) left top no-repeat;}
#head ul{ background: url(images/96joy_nav.gif) no-repeat; margin-left:212px; height:45px;}
#head ul li{ float:left; display:inline;}

.word{ background: url(images/96joy_word.gif) no-repeat; margin-left:286px; height:47px; }
.nav1{ margin-left:88px;}
.nav2{ margin-left:55px;}
.nav3{ margin-left:58px;}
.nav4{ margin-left:55px;}

#container{ width:838px; margin:0 auto; background:url(images/96joy_24.gif) repeat-y;}
#login{ background:url(images/96joy_21.gif) top left no-repeat; padding:12px 13px 4px 13px;}
#login ul{width:813px; height:28px; background:#DBDBDB; display:block;  border:#AAA 1px solid; }
#login ul li{ float:left; display:inline; margin-top:6px; margin-left:13px;}
#login input{ border:#AAA 1px solid;}
#login h1{margin-top:2px; font-weight: normal; color:#616161;}
.zc{border:#AAA 1px solid; height:18px; background:#FFF; width:145px; text-align:center;}
.red{ color:#ff0000;}
.blue{ color:#256D96;}


#row1{ padding:0 0 6px 12px;}
#row1 #xyx{ float:left; background:url(images/96joy_xyx.gif) top left; width:220px; height:267px;}
#row1 #xyx h1{ margin:30px 0 15px 30px;}
#row1 #xyx ul{  margin-left:45px;}
#row1 #xyx ul li{width:130px; line-height:20px; list-style-image:url(images/96joy_33.gif);}
#row1 #xyx ul a{ color:#29142A}
#row1 #xyx ul a:hover{ color:#B12E00}
#banner{ float:left;padding-top:27px;  width:469px; height:240px; background: url(images/96joy_bn.gif);}
#pic{ height:267px; width:137px; background:url(images/96joy_pic.gif) no-repeat; float:left; }
#row2{ clear:both;}
#right{ float:left; width:243px; height:515px; background:url(images/96joy_rbg.gif);}
#right p{ width:233px; margin:10px 0 6px 0; background:#660099;}
#right #yxph{ background:url(images/96joy_31.gif) no-repeat; height:213px;}
#right #wjph{background:url(images/96joy_ph.gif) no-repeat; height:213px; margin-top:6px}
#left{ padding:0 6px 0 12px; }
.left_width{ width:588px;float:left; }

#menu{ background: url(images/96joy_38.gif) no-repeat top left; width:203px; height:254px; float:left;}
#menu ul{ margin-left:80px; margin-top:48px;}
#menu ul li{ height:50px;}
#xw{ background:url(images/96joy_xw.gif) no-repeat ;float:right; padding-left:25px; height:254px; overflow:hidden;}
.xw_1{width:336px; height:254px; }
#xw h2{ margin:16px 0 31px 0;}
#xw li{ line-height:26px;}
#xw li a{ color:#FFF;}
#xw li a:hover{ color:#FFFF66; text-decoration:underline;}
#xw p{ float:left;display:inline; padding:0 5px 0 5px;}
#xw p img{ border:#fff solid 2px;}
#dj{ background:url(images/96joy_45.gif) no-repeat; width:571px; height:254px; }
#dj h3{ float:left; padding:70px 20px 0 20px;}
#dj p{ width:71px; height:18px; background:#FFBB37; border:#FFCE6E solid 1px; text-align:center;}
#dj p a{ display:block; margin-top:2px; color:#AC0000;}
#dj p a:hover{ color:#FF4200; text-decoration:underline;}
#dj li A:hover IMG { border:#930A64 solid 2px;}
#dj ul{ float:left; width:450px; padding-top:27px;}
#dj ul li{ float:left; padding:7px;}
#dj ul li img{ border:#FFEC6A solid 2px;}
.dj_top{ margin-top:6px;}
.in{padding-left:6px;}
#foot{ background:url(images/foot.gif) no-repeat;height:41px;}
#foot a{color:#3E003E; padding:0 3px;}
#foot a:hover{ text-decoration:underline;}
#foot h1{ float:left; color:#3E003E; font-weight:normal; padding-top:13px; padding-left:30px; display:inline;}
#foot h2{ float: right;color:#3E003E; font-weight:normal;padding-top:13px; padding-right:25px; display:inline;}
.foot_position{width:876px; margin:10px auto; }
.bottom{ clear:both; background:url(images/96joy_35.gif); height:15px;}

/* 091014 */
#row2 #yxph ul li{width:130px; list-style-image:url(images/96joy_33.gif);}
#row2 #wjph ul li{width:130px; list-style-image:url(images/96joy_33.gif);}