/* CSS Document */
body { margin:0; font-size:12px; font-family:Arial; background:#292936; color:#fff;}
ul{ margin:0; padding:0; list-style:none;}
h1{ margin:0; padding:0; font-size:12px;}
p{ margin:0; padding:0;}
img{ border:none;}
a{ color:#b1b1b1; text-decoration:none;}
a:hover{ color:#fff;}
#container{ width:100%; background:#404051 url(images/topbg.png) repeat-x top;}
/*-----头部内容-----*/
#header{ margin:0 auto; width:976px; height:363px;}
#logo{ width:292px; height:70px; float:left; background:url(images/logobg.png) no-repeat; padding:18px 0 0 44px;}
#topl{ height:29px; background:url(images/topr.png) no-repeat right; float:right; margin-right:12px; display:inline;}
#topl ul{ display:block; height:29px; padding:0 5px; float:left; background:url(images/topl.png) no-repeat left;}
#topl ul li{ float:left; padding:7px 12px 0 12px; line-height:14px; background:url(images/split.png) no-repeat right 5px;}
#topl ul .none{ background:none;}
#nav{ width:964px; height:39px; float:left;}
#ulbgout{ height:35px; float:right; background:#101015 url(images/navbgr.png) no-repeat top right;}
#ulbg{ height:35px; float:left; background:url(images/navbgl.png) no-repeat top left;}
#nav ul{ padding:4px 3px 0 4px;}
#nav ul li{ float:left; margin-right:1px; display:inline;}
#nav a{ height:31px; float:left; padding:0 0 0 15px; background:url(images/libgl.png) no-repeat left top; text-decoration:none; line-height:14px;}
#nav a span{ float:left; display:block; background:url(images/libgr.png) no-repeat right top; padding:9px 18px 8px 3px; color:#eee; text-align:center;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span{ color:#fff;}
#nav a:hover { background-position:0% -31px;}
#nav a:hover span { background-position:100% -31px;}
#nav #selected a { background-position:0% -62px;}
#nav #selected a span { background-position:100% -62px;}
#banner{ width:780px; height:205px; float:left;}
#login{ width:196px; height:205px; float:left;}
#pgtop{ width:964px; height:30px; float:left; background:url(images/pagebodytop.jpg) no-repeat; padding:0 0 0 12px;}
#pgtop span{width:296px; height:22px; line-height:15px; display:block; float:left; padding:8px 0 0 20px; font-size:14px; color:#23232F;}
/*-----中间部分内容-----*/
#pagebody{ margin:0 auto;  width:952px; height:330px; padding:0 12px; background:url(images/pgbg.png);}
#pagebody h1{ color:#23232F;}
#sideleft{ float:left; width:278px; height:292px; padding:19px;}
#sideleft p{ padding:10px 0 0 0; color:#fff; line-height:20px;}
#middle{ float:left; width:278px; height:292px; padding:19px 19px 9px 19px;}
#middle p{ padding:12px 0; line-height:14px;}
#middle p img{ width:265px; height:170px;}
#middle .pro a{ width:265px; height:170px; display:block; border:6px #313140 solid;}
#middle .pron{ padding:0 0 12px 0;}
#middle .pron a{ color:#BB2D7D;}
#middle .proc{ padding:0 0 12px 0;}
#sideright{ float:left; width:278px; height:292px; padding:19px;}
#sideright ul{ padding:10px 0 0 0;}
#sideright ul li{ padding:8px 0 8px 30px; background:url(images/sign.jpg) no-repeat center left;}
#sideright a{ color:#fff;}
#sideright a:hover{ color:#DA288A;}
#sideright p a{ display:block; float:right; padding:10px 0 0 0;}
/*-----底部内容-----*/
#footer{ width:100%; height:175px; padding-top:2px; background:url(images/footbg.png) repeat-x;}
#bottom{ margin:0 auto; width:952px; height:175px; padding:0 12px; background:url(images/botbg.png) repeat-y;}
#bottom p{ padding:20px 0 0 19px; color:#636378; width:50%;}
#bottom p a{ color:#DA288A;}
#bottom p a:hover{ color:#ccc;}
#bottom p span{ margin-right:15px;}
#bottom ul{ padding:5px 18px 0 0; float:right;}
#bottom ul li{ padding:6px 0 0 0; text-align:right; color:#636378;}
#bottom ul li a{ margin-left:15px;}
/*-----内容页样式-----*/
#ccontainer{ width:100%; background:#404051 url(images/ctopbg.png) repeat-x top;}
#cheader{ margin:0 auto; width:976px; height:232px;}
#cbanner{ width:976px; height:104px; float:left;}
#cpagebody{ margin:0 auto; width:976px; overflow:hidden; background:url(images/cbodybg.png) repeat-y;}
#csideleft{ float:left; width:197px; padding:10px 0 0 12px; background:url(images/sidenavtop.png) no-repeat 12px top;}
#csideleft p{ float:left; width:197px; height:50px; background:url(images/sidenavbt.png) no-repeat top;}
#sidenav { width:197px; float:left;}
#sidenav li{ background:url(images/sidenavli.png) no-repeat; padding:9px 0 0 33px; width:164px; height:25px;}
#sidenav li a:hover{ color:#A31561;}
#sidenav .sp{ background:url(images/spli.png) no-repeat;}
#cmiddle{ float:left; width:505px; padding:0 25px 0 15px;}
#cmiddle h1{ width:505px; height:29px; background:url(images/locabg.png) repeat-x bottom; font-weight:normal; padding:14px 0 0 0;}
#cmiddle h1 a{ color:#fff;}
#main{ width:505px; padding:5px 0 20px 0;}
#csideright{ float:left; width:220px;}
#csideright h1{ height:43px; line-height:42px; color:#fff;}
#csideright p{ width:197px; height:99px; background:url(images/crtbl.png) no-repeat;}
#csideright .spac{ height:15px; background:none;}
#csideright span{ display:block; padding:15px 24px 0 18px; line-height:14px; color:#252330;}
#csideright .title a{ font-weight:bold; color:#BB2D7D;}
#csideright .title a:hover{ text-decoration:underline;}
#csideright .con{ padding:5px 24px 0 18px;}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}