/* global */
body {background:white url(../images/social_new/main-bg.gif) top repeat-x; color:#545454;}
.page-width {width:960px; zoom:1;}

/* #header */
#header {height:126px; background:url(../images/social_new/main-header-bg.gif);}
#header .l-shadow,
#header .r-shadow {float:left; _margin:0 -3px 0 0; width:5px; height:126px; background:url(../images/social_new/main.gif);}
#header .r-shadow {float:right; _margin:0 0 0 -3px; background-position:-5px 0;}
#header .banner {height:86px;}
#header .banner a.logo {float:left; width:240px; height:86px; text-indent:-99999px; background:url(../images/social_new/main-banner.jpg);}
#header .banner .right {float:right; width:700px; height:86px; background:url(../images/social_new/main-banner.jpg) right top no-repeat; overflow:hidden;}
#header .banner .right a {color:#545454;}
#header .banner .right a:hover {color:#DC5211;}
#header .banner .right div {float:right; display:inline; margin:60px 20px 0 0;}
#header .banner .right div span,
#header .banner .right div span a {color:#D62C09;}

#header .nav {height:40px; background:url(../images/social_new/main.gif) 0 -610px;}
#header .nav .rc {float:right; width:15px; height:40px; background:url(../images/social_new/main.gif) -15px 0;}
#header .nav ul {float:left; height:40px; background:url(../images/social_new/main.gif) -30px 0 no-repeat; overflow:hidden;}
#header .nav ul li {float:left; margin-left:-1px; padding:0 40px 0 41px; height:33px; line-height:33px; overflow:hidden; background:url(../images/social_new/main.gif) -299px -90px no-repeat;}
#header .nav ul li a {font-size:14px; font-weight:bold; color:white;}
#header .nav ul li a.current,
#header .nav ul li a:hover {color:#B6050B;}

/* wrapper */
#wrapper {padding:8px 5px 0 260px; _padding-left:257px;/*IE6 3px bug*/ background:url(../images/social_new/main-sidebar.gif) repeat-y; zoom:1;}

/* #menu */
#menu {float:left; display:inline; width:260px; margin-left:-260px; padding-bottom:5px; _margin-bottom:-15px;}
#menu sup,
#menu sub {position:absolute; width:1px; height:1px; overflow:hidden; background:#F2D1C0; _display:none;}
#menu sup.l {top:-1px; left:-1px;}
#menu sup.r {top:-1px; right:-1px;}
#menu sub.l {bottom:-1px; left:-1px;}
#menu sub.r {bottom:-1px; right:-1px;}
#menu .module {margin:0 0 10px 20px; _margin-left:23px;/*IE6 3px bug*/ width:208px; border:1px solid #F15D13; position:relative; overflow:visible; background:white;}
#menu .module h2 {padding-left:38px; height:24px; line-height:24px; color:white; border-bottom:1px solid #FA6604; background:url(../images/social_new/main.gif) -30px -90px;}
#menu .module h3 {height:26px; line-height:26px; overflow:hidden; font-size:12px; border-bottom:1px solid #D9D9D9; background:url(../images/social_new/main.gif) 0 -450px;}
#menu .module h3 a {display:block; color:#DB5412; text-decoration:none;}
#menu .module h3 a.plus {font-weight:normal;}
#menu .module h3 img {float:left; margin:9px 7px 0 15px; width:7px; height:7px; background:url(../images/social_new/main.gif);}
#menu .module h3 a.plus img {background-position:-245px -100px;}
#menu .module h3 a.minus img {background-position:-245px -90px;}
#menu .module ul {margin:8px auto 7px; width:190px;}
#menu .module ul li {float:left; display:inline; margin-top:-1px; width:100%; height:28px; border-top:1px dotted #E0E0E0;}
#menu .module ul li a {display:block; padding-left:30px; height:28px; line-height:28px; background:url(../images/social_new/main.gif) -290px -157px no-repeat; color:#545454; text-decoration:none;}
#menu .module ul li a:hover,
#menu .module ul li a.current {background-position:-290px -132px; color:#DC5211;}

/* #main */

/* .g-box */
.g-box {margin-bottom:15px; zoom:1;}
.g-box a {color:#DC5211;}
.g-box .title {height:26px; line-height:26px; background:url(../images/social_new/main.gif) 0 -200px;}
.g-box .title h2 {float:left; padding-left:15px; width:90px; height:26px; line-height:26px; overflow:hidden; color:white; background:url(../images/social_new/main.gif) 0 -130px;}
.g-box .title h2.txt6 {width:120px; background-position:-80px -165px;}
.g-box .title h2.txt8 {width:150px; background-position:-130px -490px;}
.g-box .title div {float:right; width:5px; height:26px; background:url(../images/social_new/main.gif) -105px -130px;}
.g-box .title span {float:right;}
.g-box .title ul {float:left; height:20px; margin:3px 0 0; overflow:hidden;}
.g-box .title ul li {float:left; display:inline; margin-left:-10px; padding-left:10px; padding-right:14px; height:20px; line-height:20px; background:url(../images/social_new/main.gif) -294px -420px no-repeat;}
.g-box .m {border:1px solid #D7D7D7; border-top:0; background:white; zoom:1;}
.g-box .m-info {padding:20px 0; text-align:center;}
.g-box .m-info strong {font-size:14px; color:#E62E07;}
.g-box .m-info img {display:inline-block; width:100px; height:100px; vertical-align:middle; background:url(../images/social_new/main.gif) 0 -660px;}
.g-box table {margin-top:-1px; width:100%; background:#D7D7D7; table-layout:fixed;}
.g-box table td {padding:4px; line-height:18px; word-wrap:break-word; background:white;}
.g-box table td.no-record {color:#999;}
.g-box table tr.t td {background:#EAEAEA; color:#555; font-weight:bold;}
.g-box table td.t {font-weight:bold;}

.g-box-em .title {background-position:0 -230px;}
.g-box-em .title h2 {background-position:-120px -130px;}
.g-box-em .title div {background-position:-225px -130px;}
.g-box-em .m {border-color:#F15D13; background:#FEF8D6;}
.g-box-em .m strong {padding:0 5px; color:#DE5312;}
.g-box-em .m div {float:left; padding:6px 0; width:33%; line-height:20px;}
.g-box-em .m div span {float:left; margin-left:15px;}
.g-box-em .m div span.name {font-size:14px; font-weight:bold; color:#2F2F2F;}
.g-box-em .m .line {display:block; padding:0; width:100%; height:0; overflow:hidden; border-top:1px solid #FCD5AA;}

/* .g-btn */
.g-btn-outer {margin:0 auto 15px; text-align:center;}
.g-btn-outer input {display:inline-block; width:70px; height:25px; line-height:25px; overflow:hidden; font-weight:bold; color:white; background:url(../images/social_new/main.gif) 0 -165px; border:0; cursor:pointer;}

/* .g-sbtn */
.g-sbtn-apply,
.g-sbtn-look,
.g-sbtn-save {width:43px; height:18px; overflow:hidden; border:0; background:url(../images/social_new/main.gif) -230px -360px; text-indent:-99999px; cursor:pointer;}
.g-sbtn-look {background-position:-230px -380px;}
.g-sbtn-save {background-position:-230px -400px;}

/* .g-tab */
.g-tab {margin-bottom:15px; height:24px; border-bottom:1px solid #F35C13;}
.g-tab a {float:left; margin-right:10px; padding-right:15px; background:url(../images/social_new/main.gif) right -295px;}
.g-tab a:hover {text-decoration:none;}
.g-tab a span {float:left; padding-left:15px; height:24px; line-height:24px; font-size:14px; font-weight:bold; color:#878787; background:url(../images/social_new/main.gif) 0 -295px; cursor:pointer;}
.g-tab a.current {background-position:right -265px;}
.g-tab a.current span {background-position:0 -265px; color:white;}

/* .g-tbar */
.g-tbar {margin-bottom:15px; height:26px; line-height:26px; *line-height:30px; _line-height:26px; overflow:hidden; background:url(../images/social_new/main.gif) 0 -325px; zoom:1;}
.g-tbar .l,
.g-tbar .r {float:left; width:15px; height:26px; background:url(../images/social_new/main.gif) -240px -130px;}
.g-tbar .r {float:right; width:5px; background-position:-255px -130px;}
.g-tbar span {float:left;}
.g-tbar input,
.g-tbar select {float:left; margin:4px 5px; font-size:12px;}
.g-tbar select {*margin:3px 5px 0;}
.g-tbar input.text {padding:1px 2px 0; height:15px; border:1px solid #DBDBDB;}
.g-tbar input.common_date_input {background:white url(../images/social_new/date.gif) right top no-repeat;}
.g-tbar input.btn {width:43px; height:18px; border:0; background:url(../images/social_new/main.gif) -230px -360px; text-indent:-99999px; cursor:pointer;}
.g-tbar input.btn-ck {background-position:-230px -380px;}

/* .g-ts */
.g-ts {position:relative; margin-bottom:15px; padding:8px 10px 10px; border:1px solid #D8D8D8; background:#FDFDFD; overflow:visible;}
.g-ts sup,
.g-ts sub {position:absolute; width:1px; height:1px; overflow:hidden; background:white; _display:none;}
.g-ts sup.l {top:-1px; left:-1px;}
.g-ts sup.r {top:-1px; right:-1px;}
.g-ts sub.l {bottom:-1px; left:-1px;}
.g-ts sub.r {bottom:-1px; right:-1px;}
.g-ts h3 {padding-left:20px; height:20px; line-height:20px; background:url(../images/social_new/main.gif) -284px -400px no-repeat;}
.g-ts p {margin-top:5px; line-height:18px;}
.g-ts p a {color:#DC5211; text-decoration:underline;}

/* .g-list */
ul.g-list {margin-bottom:15px; _margin-left:3px; zoom:1;}
ul.g-list li {float:left; width:100%; height:26px; line-height:26px; *line-height:30px; _line-height:26px; overflow:hidden; border-bottom:1px dotted #E0E0E0;}
ul.g-list li div {float:left; padding-left:10px; background:url(../images/social_new/main.gif) -298px -364px no-repeat;}
ul.g-list li span {float:right;}
ul.g-list li a {color:#545454;}

/* .g-article */
.g-article h1 {margin:0 0 15px; padding:0; height:20px; line-height:20px; font-size:18px; color:#555; text-align:center;}
.g-article p {margin:0 0 15px; padding:0; line-height:20px; font-size:14px;}

/* .multipage */
ul.multipage {margin-bottom:15px; _margin-left:3px; zoom:1;}
ul.multipage li {float:left; display:inline; margin-right:5px; height:22px; line-height:22px; color:#666;}
ul.multipage li.current {font-weight:bold;}
ul.multipage li span.no_page,
ul.multipage li.link a {float:left; padding:0 5px; height:20px; line-height:20px; overflow:hidden; border:1px solid #C5C5C5; background:url(../images/social_new/main.gif) 0 -203px; color:#676767;}
ul.multipage li.link a:hover {text-decoration:none; border-color:#FFA981; background-position:0 -233px; color:#FB7A40;}
ul.multipage li span.no_page {border-color:#DCDCDC; background:#F3F3F3; color:#A3A3A3;}

/* .shortcuts */
ul.shortcuts {margin:0 0 15px -16px; zoom:1; _margin-left:1px;}
ul.shortcuts li {float:left; display:inline; margin:0 0 0 16px; _margin:0 5px; width:221px; height:80px; overflow:hidden;}
ul.shortcuts li a {position:relative; display:block; padding:13px 0 13px 75px; width:146px; height:54px; line-height:18px; color:#A5A5A5;}
ul.shortcuts li a h3 {color:#DC3803;}
ul.shortcuts li a:hover {background:url(../images/social_new/main.gif) 0 -360px; color:#666; text-decoration:none;}
ul.shortcuts li a div {position:absolute; width:64px; height:64px; top:8px; left:6px; background:url(../images/social_new/main-shortcuts.gif); cursor:pointer;}
ul.shortcuts li a:hover div {background-position:-64px 0;}
ul.shortcuts li a.lqtc div {background-position:-128px;}
ul.shortcuts li a.lqtc:hover div {background-position:-192px;}
ul.shortcuts li a.tggj div {background-position:-256px;}
ul.shortcuts li a.tggj:hover div {background-position:-320px;}
ul.shortcuts li a.tgzn div {background-position:-384px;}
ul.shortcuts li a.tgzn:hover div {background-position:-448px;}
ul.shortcuts li a.grzl div {background-position:-512px;}
ul.shortcuts li a.grzl:hover div {background-position:-576px;}
ul.shortcuts li a.lyfk div {background-position:-640px;}
ul.shortcuts li a.lyfk:hover div {background-position:-704px;}

/* gbook */
.gbook {margin-bottom:15px; border-bottom:1px dotted #DDD;}
.gbook p {margin:0 0 15px; line-height:18px;}
.gbook-t {position:relative; margin-bottom:15px; padding-left:20px; height:26px; line-height:26px; background:#EEE;}
.gbook-t span {float:left; width:150px;}
.gbook-t span font {color:#DC5211;}
.gbook-t sup,
.gbook-t sub {position:absolute; width:1px; height:1px; overflow:hidden; background:white; _display:none;}
.gbook-t sup.l {top:0; left:0;}
.gbook-t sup.r {top:0; right:0;}
.gbook-t sub.l {bottom:0; left:0;}
.gbook-t sub.r {bottom:0; right:0;}
.gbook-t-em {background:#FFEBC6;}
.gbook-t-em sup.l {display:block; width:15px; height:26px; background:url(../images/social_new/main.gif) -260px -130px;}
.gbook-reply {display:block; margin:0 auto 15px; padding:5px; width:600px; height:200px; border:1px solid #CBCBCB; border-right-color:#F0EFEF; border-bottom-color:#F0EFEF; font-size:12px; line-height:18px;}

/* .page-no-menu */
.page-no-menu #header .nav ul {background-position:-30px -40px;}
.page-no-menu #header .l-shadow {background-position:-10px 0;}
.page-no-menu #menu {display:none;}
.page-no-menu #wrapper {padding:8px 5px 0; background:none;}
.page-no-menu ul.list,
.page-no-menu ul.multipage {margin-left:0;}

/* #footer */
#footer {width:100%; min-width:960px; height:40px; line-height:40px; border-top:2px solid #FD5709; color:#FD5001; text-align:center;}