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

body { margin:0; background:#fff url(../images/header-top.jpg) no-repeat top center; font:normal 13px Tahoma, Geneva, sans-serif;}
body img { border:0;}
ul { margin:0; padding:0; list-style:none;}
้้h1 { margin:0; padding:0;}
a { color:#000; text-decoration:none;}
a:hover { color:#ff0000; text-decoration:none;}
#wrap { width: 980px; margin:0 auto;}
#header { width:980px; height:300px;}
#content { width:980px; background:#06F; overflow:hidden; background:url(../images/fill-body.jpg) repeat-y;}
#content-top { width:980px; height:80px; background:url(../images/top-h.png);}
#content-bot { width:980px; height:80px; background:url(../images/bottom-h.jpg);}
#content-left {width:290px; float:left;  margin-left:20px; display:inline;}
#main-menu { width:290px;  }
#main-menu h1 { width:290px; height:47px; background:url(../images/main-manu.jpg) no-repeat; text-indent:-9999px;  margin:0; padding:0;}
#main-menu ul { margin:0 20px 0 20px; width:250px;}
#main-menu li { border-bottom:1px dashed #B6DBED; padding:0 0 5px 20px; background:url(../images/bullet.jpg) no-repeat left 5px; margin:5px 0 5px 0;}
#main-menu li a { display:block; color:#0F5BA6; font-weight:bold; font-size:15px;}
#main-menu li a:hover { color:#FF4608;}
#con-picture img { margin: 0 0 0.2em 0; background:#f2f2f2; padding:7px; border:1px solid #ccc; }

#sub-menu { width:290px; margin-top:20px; }
#sub-head { width:290px; height:52px; background:url(../images/login-head.gif) no-repeat; text-indent:-9999px; margin:0; padding:0; overflow:hidden;}
#sub-head1 { width:290px; height:52px; background:url(../images/login-head-login.gif) no-repeat; text-indent:-9999px; margin:0; padding:0; overflow:hidden;}
#sub-mid { width:290px; background:url(../images/login-mid.gif) repeat-y; margin:0; padding:0; padding-bottom:20px; overflow:hidden;}
#sub-mid ul {margin:0 30px 0 50px; width:210px;}
#sub-mid li { padding:0 0 0 15px; background:url(../images/sub-bullet.gif) no-repeat left 5px; margin:10px 0 10px 0;}
#sub-mid li a { font-size:14px; color:#0467A2;}
#sub-mid li a:hover { color:#F00;}
#sub-bot { background:url(../images/Sub-manu-bottom.jpg) no-repeat; width:290px; height:30px;}
#sub-menu h1 { margin-left:50px; font-size:20px; color:#333;}

#content-right {width:625px; float:left; margin-left:16px; padding:0 5px 10px 15px;}
#content-right p { text-indent:2em;}
#content-right h2 { width:560px; border-bottom:2px solid #E1F0F3; background:url(../images/arrow.gif) no-repeat left 5px; padding:0 0 0 30px; font-size:14px; margin-left:20px; color:#333; padding-bottom:3px;}

#content-t { width:600px; height:20px; background:url(../images/pagemain-top.jpg) no-repeat; overflow:hidden;}
#content-m { width:580px; background:url(../images/pagemain-bg.jpg) repeat-y; padding:10px 0 10px 20px; overflow:hidden;}
#content-m ul { margin-left: 27px;}
#content-m li { float:left; padding:10px;}
#content-m h3 { margin:0 0 10px 0; padding:0;}
#content-b { width:600px; height:20px; background:url(../images/pagemain-bottom.jpg) no-repeat;}

#footer {width:100%; background:url(../images/bg-footer.jpg) repeat-x; height:150px;}
#copyright { width:980px; margin:0 auto; text-align:center;}

#bar { width:555px; height:43px; background:url(../images/bar.jpg) no-repeat; padding:17px 0 0 70px; font-size:14px; color:#fff; font-weight:bold;}

#content-rule { margin-left:20px;}

.red { color:#F00;}
.bold { font-weight:bold;}

#formrefill { width:400px; overflow:hidden;}
#formrefill label { width:150px; float:left; margin:5px 0 5px 0;}
#formrefill input { float:left; width:200px; margin:5px 0 5px 0;}
#formrefill button { clear:both; margin-left:130px; cursor:pointer; width:100px; height:30px; background:url(../images/btn-getitem.gif) no-repeat; border:0; }

.myform{
margin:0 auto;
width:500px;
padding:14px;
}

#reward { width:200px; overflow:hidden;}
#reward ul { margin:0; padding:0;}
#reward ul li a { padding:0 0 0 20px; margin:2px 0 2px 0; font-size:13px;}
#btn1 { display:none;}