body{background:#446CC1; font:9pt/120% Arial, Helvetica, sans-serif;}
*{margin: 0; padding: 0;}
img{border: none;}
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
h1,h2,h3,h4,h5,h6{font:10pt Arial, Helvetica, sans-serif;}
button{cursor: pointer;}
/* main */
#main{background: #8CADF0; width: 788px;border-top: solid 1px #E6E6E6; position: relative;}
/* logo */
#logo{ height: 60px; background: url(../img/logo/quan_logo.jpg) no-repeat 2em center; width: 778px;}
#logo span{float: right; padding: 0 1em; margin-top: 40px;}
#logo a{color: #009; text-decoration:none; padding: 0 3px;}
#logo a:hover{color: #fff; text-decoration:none }
#logo b{ visibility: hidden; line-height: 60px; letter-spacing: 1em; font-size: 3em;}
/* nav */
#nav{line-height: 33px; color: #ccc; padding: 0 1em; margin-bottom: 9px; font-size: 10pt;}
#nav a{color: #fff; text-decoration:none; padding: 0 4px;}
#nav a:hover{color:#02f;}
/* contain */
#contain{position: relative; left: 110px;top:0; background: #fff; width: 678px; height:830px}
#contain h2{background: url(../Img/bg/quan_index_tbg.gif) repeat-x 0 5px; line-height: 30px; padding: 0 2em;}
/* banner */
.banner{text-align: center; margin: 5px auto;}
/* mid */
#mid{width: 422px; margin-left: 5px;}
/* so */
#so{padding: 8px 2em; clear: both;}
#so span{ color: #333; float: left;padding-top: 16px!important;padding-top: 9px;font-size: 10pt; cursor: default;}
.soinput{border: solid 1px #D0D9DF; background: url(../Img/bg/input1.gif) repeat-x; padding: 0 3px; height: 21px; line-height: 21px;}
#sobot{position: relative; left: 0; top: 11px!important; top: 4px; border: none;}
/* grouplist */
#grouplist,#grouplist2{ border-top: solid 1px #ccc;}
#grouplist dl,#grouplist2 dl{line-height: 22px; padding: 0 5px;}
#grouplist dt,#grouplist2 dt{font-weight: bold; padding: 0 2em;}
#grouplist dd,#grouplist2 dd{position: relative; border-bottom: dashed 1px #ccc; height: 80px; padding-top: 6px;}
#grouplist dd h4{position: absolute; top: 10px; left: 30px;}
#grouplist2 h4{position: absolute; top: 10px; left: 80px;}
#grouplist dd p{text-indent: 2em;}
#grouplist2 dd p{padding-left: 80px; margin-top: 30px;}
#grouplist dd img{width: 16px; height: 16px; position: relative; left: 0; top: 0; margin: 4px; padding: 1px; border: solid 1px #ccc; }
#grouplist2 dd img{width: 60px; height: 60px; position: absolute; left: 0; top: 0; margin: 4px; padding: 1px; border: solid 1px #ccc;}
#grouplist dd div,#grouplist2 dd div{position: absolute; right: 0; top: 8px; text-align: center; width: 67px; height: 71px; background: url(../Img/bg/quan_join.gif) no-repeat;}
#grouplist dd div span,#grouplist2 dd div span{ font:20pt/150% Fixedsys; color: #000; text-decoration: none;}
#grouplist dd div a,#grouplist2 dd div a{display: block; margin-top: 5px; color: #039;}
#grouplist dd a{color: #369;}
/* hotgroup */
#hotgroup{ margin: 5px; padding: 5px 8px 10px 5px;}
#hotgroup ul{list-style: none; line-height: 140%;}
#hotgroup ul li{float: left; width: 31%; height: 70px; overflow: hidden; position: relative; margin-left: 1%; padding-top: 5px;}
#hotgroup ul li img{ float: left; margin: 2px 5px; }
#hotgroup h5 a{color: #369; font-weight: bold;}

/* rightlist */
#rightlist{position: absolute; left: 432px; top: 140px; width: 240px;}
/* setgroup */
#setgroup{border: solid 1px #CECECE; padding: 4px; text-align: center;}
#setgroup div{background: #F5F9FF; width: 100%; padding-bottom: 9px;}
#setgroup p{ text-align: left; margin: 5px;}
#setgroup h3{font-weight: bold; line-height: 28px;}
#setgroup button{border: solid 1px #ccc; background: #F7F7F7; color: #666; padding: 3px 0 0 0; margin: 0 auto;}
/* setup group */
#setupgroup ul{list-style: none; line-height: 33px; display: block;}
#setupgroup li{float: left;width: 151px; margin:5px 0 9px 10px; position: relative;}
#setupgroup li img{ position: absolute; left: 8px; top: 5px;}
#setupgroup li a:link,#setupgroup li a:visited{display: block; text-indent: 36px; border: solid 1px #C5C5C5; background: #F7F7F7; width: 100%; text-decoration: none;}
#setupgroup li a:hover{ background:#F2F8FD; border: solid 1px #2885DC;}
#setupgroup h3{line-height: 30px; font-weight: bold }
#setupgroup dl{clear: both; margin: 6px 16px; border: solid 1px #C5C5C5; padding: 5px; line-height: 140%}
#setupgroup dt{font-weight: bold; line-height: 24px;}
#setupgroup dd{padding: 5px 8px;}
#setupgroup fieldset{border: none; clear: both; padding:0 16px;}
#setupgroup fieldset legend{ font: bold 11pt/30px Arial; margin-left: 2em;}
#setupgroup label{display: block; margin-bottom: 9px;}
#setupgroup label span{float: left; margin-top: 5px; width: 80px; text-align: right;}
#setupgroup label input,#setupgroup label select{border: solid 1px #D0D9DF; height: 20px; line-height: 20px; padding-left: 3px; margin-left: 5px;}
#setupgroup label textarea{border: solid 1px #D0D9DF; line-height: 20px; padding-left: 3px; margin-left: 5px;}
#setupgroup button{background: #557BBC; border: 1px solid #fff; line-height: 22px; color: #fff; font-weight: bold;}
#setupgroup code{border: solid 1px #000; display: block; width: 100px; text-align: center; margin: 5px auto;}
#setupgroup label a{color: #369;}
/* commend */
#commend{ padding-bottom: 6px;}
#commend ul{list-style: none; margin: 3px 5px;}
#commend li{margin-bottom: 5px; line-height: 120%; clear: both;}
#commend li img{ float: left; width: 53px; height: 53px; padding: 2px; margin: 0 8px 5px 3px; border: solid 1px #ccc;}
#commend li b a{color: #039; text-decoration: underline;}
/* commendploy */
#commendploy{margin: 0 auto}
#commendploy dd{text-align: center; margin: 5px auto; line-height: 24px;}
.rim{background: #fff url(../Img/bg/quan_index_tbg.gif) repeat-x; margin: 5px 0; border: solid 1px #CECECE;}
.rim h4{font-weight: bold; padding: 0 8px; line-height: 28px;}
.rim2{ border: solid 1px #C5C5C5; padding: 8px 6px; margin-bottom: 8px;}
.rim3{ background: #EBFFD5; border: solid 1px #8EB86C; line-height: 22px; padding: 0 1em;}
/* leftlist */
#leftlist{position: absolute; left: 0; top: 38px; width: 110px;}
#leftlist dl{line-height: 28px; text-align: center; font-size: 10pt; font-weight: bolder;}
#leftlist dt{border-bottom:solid 1px #fff; font-size: 11pt; color: #fff;}
#leftlist dd{background: #557BBC; border-bottom: solid 1px #fff;}
#leftlist dd a{color: #fff; display: block; text-decoration: none; width: 100%;background: #557BBC;}
#leftlist dd a:hover{background:#8CADF0;}
#leftlist h2{background: #6393FE; line-height: 24px;border-bottom:dashed 1px #ddd; text-align: center; font-weight: bold;}
#leftlist ul{ list-style: none;}
#leftlist ul li{text-align: center;}
#leftlist ul li img{width: 60px; height: 60px; padding: 2px;border: solid 1px #000; background: #fff; margin: 5px auto;}
#leftlist ul li a{display: block; line-height: 20px;}
/* page */
.page{text-align: right; padding: 0 1em; line-height: 35px;}
/* foot */
#foot{clear: both; line-height: 24px; text-align: center;}
#foot a{padding: 0 5px;}
/* linkcolor */
a:link,a:visited{color: #000; text-decoration: underline;}
a:hover{color: #009; text-decoration: none;}
a.blue:link,a.blue:visited{color: #039}
a.blue:hover{color: #f00;}