﻿@charset "utf-8";

@import url("base.css");
#wrap{ margin:0 auto; width:960px;}

#pageHeader{width:960px; height:90px;}
#pageHeader .logo{width:220px; height:80px; float:left; padding-top:5px;}
/*nav star */
#pageHeader .nav{width:480px; height:50px; padding-top:30px; float:left;}
#pageHeader #nav{width:465px;clear:both;overflow:hidden;padding-left:15px;}
#pageHeader #nav li{padding:5px 0;width:52px;float:left;text-align:center;margin-right:12px;list-style:none;}
#pageHeader #nav li a{display:block;cursor:pointer;color:#333;text-decoration:none;}
#pageHeader #nav li a span{background:url(../img/google_icons.jpg) no-repeat;display:block;width:52px;height:37px;margin-bottom:5px;}
#pageHeader #nav li a:hover{text-decoration:underline;}

#pageHeader #nav li#info_1 a:hover{color:#54a70d;}
#pageHeader #nav li#info_2 a:hover{color:#3c78e6;}
#pageHeader #nav li#info_3 a:hover{color:#96cfec;}
#pageHeader #nav li#info_4 a:hover{color:#e8d50f;}
#pageHeader #nav li#info_5 a:hover{color:#ea4f4b;}
#pageHeader #nav li#info_6 a:hover{color:#54a70d;}
#pageHeader #nav li#info_7 a:hover{color:#da3a08;}

#pageHeader #nav li#info_1 a span{background-position:0 0;}
#pageHeader #nav li#info_2 a span{background-position:0 -37px;}
#pageHeader #nav li#info_3 a span{background-position:0 -74px;}
#pageHeader #nav li#info_4 a span{background-position:0 -111px;}
#pageHeader #nav li#info_5 a span{background-position:0 -148px;}
#pageHeader #nav li#info_6 a span{background-position:0 -185px;}
#pageHeader #nav li#info_7 a span{background-position:0 -223px;}

#pageHeader div.text{text-align:center;position:absolute;left:0;top:0px;cursor:pointer;display:none;}
#pageHeader div.text div.border{white-space:nowrap;padding:2px;line-height:14px;display:block;_padding-top:4px;}
#pageHeader div.text div.leftright{height:1px;overflow:hidden;clear:both;}
#pageHeader div.text div.leftright .left{width:1px;height:1px;float:left;}
#pageHeader div.text div.leftright .right{width:1px;height:1px;float:right;}
#pageHeader div.text div.topline{margin:0 1px;height:1px;overflow:hidden;}
#pageHeader div.text div.arrow{background:url(../img/google_icons.jpg) no-repeat -260px 0;width:8px;height:4px;margin:0 auto;position:relative;top:-1px;overflow:hidden;}

#pageHeader div.text1 div.border{border-left:1px solid #54a70d;border-right:1px solid #54a70d; background-color:#FFFFFF;}
#pageHeader div.text1 div.leftright .left{background-color:#54a70d;}
#pageHeader div.text1 div.leftright .right{background-color:#54a70d;}
#pageHeader div.text1 div.topline{background-color:#54a70d;}
#pageHeader div.text1 div.arrow{background-position:-260px 0;}

#pageHeader div.text2 div.border{border-left:1px solid #3c78e6;border-right:1px solid #3c78e6;background-color:#FFFFFF;}
#pageHeader div.text2 div.leftright .left{background-color:#3c78e6;}
#pageHeader div.text2 div.leftright .right{background-color:#3c78e6;}
#pageHeader div.text2 div.topline{background-color:#3c78e6;}
#pageHeader div.text2 div.arrow{background-position:-260px -37px;}

#pageHeader div.text3 div.border{border-left:1px solid #96cfec;border-right:1px solid #96cfec;background-color:#FFFFFF;}
#pageHeader div.text3 div.leftright .left{background-color:#96cfec;}
#pageHeader div.text3 div.leftright .right{background-color:#96cfec;}
#pageHeader div.text3 div.topline{background-color:#96cfec;}
#pageHeader div.text3 div.arrow{background-position:-260px -74px;}

#pageHeader div.text4 div.border{border-left:1px solid #e8d50f;border-right:1px solid #e8d50f;background-color:#FFFFFF;}
#pageHeader div.text4 div.leftright .left{background-color:#e8d50f;}
#pageHeader div.text4 div.leftright .right{background-color:#e8d50f;}
#pageHeader div.text4 div.topline{background-color:#e8d50f;}
#pageHeader div.text4 div.arrow{background-position:-260px -111px;}

#pageHeader div.text5 div.border{border-left:1px solid #ea4f4b;border-right:1px solid #ea4f4b;background-color:#FFFFFF;}
#pageHeader div.text5 div.leftright .left{background-color:#ea4f4b;}
#pageHeader div.text5 div.leftright .right{background-color:#ea4f4b;}
#pageHeader div.text5 div.topline{background-color:#ea4f4b;}
#pageHeader div.text5 div.arrow{background-position:-260px -148px;}

#pageHeader div.text6 div.border{border-left:1px solid #54a70d;border-right:1px solid #54a70d;background-color:#FFFFFF;}
#pageHeader div.text6 div.leftright .left{background-color:#54a70d;}
#pageHeader div.text6 div.leftright .right{background-color:#54a70d;}
#pageHeader div.text6 div.topline{background-color:#54a70d;}
#pageHeader div.text6 div.arrow{background-position:-260px -185px;}

#pageHeader div.text7 div.border{border-left:1px solid #da3a08;border-right:1px solid #da3a08;background-color:#FFFFFF;}
#pageHeader div.text7 div.leftright .left{background-color:#da3a08;}
#pageHeader div.text7 div.leftright .right{background-color:#da3a08;}
#pageHeader div.text7 div.topline{background-color:#da3a08;}
#pageHeader div.text7 div.arrow{background-position:-260px -222px;}
/*nav end*/

/*search*/
#pageHeader .search{width:220px; height:50px; float:right; padding-top:50px;}

#containerWrap {height:100%;width:100%;}

#container {position:relative;width:970px;margin:20px auto 0; padding:0 0 10px;overflow:hidden;background:url("../img/main/bg_sidebar.gif") repeat-y;}
/*sidebar*/
#sidebar {float:left;z-index:1;}
#sidebar {width:220px;margin:0 20px 0 0;border-top:1px solid #DDD;}
#sidebar h4 {width:200px;margin:0 0 10px;border-bottom:2px solid #ABABAB;}
#sidebar h4 img {margin:0 0 5px;}
#sidebar .allLink {position:absolute;top:0;right:0;}
#sidebar .allLink a {padding:0 10px 0 0;font-size:12px;line-height:14px;background:url("../img/common/bu_skArrow35.gif") no-repeat 100% 2px; color:#339999;}
/*login*/
#sidebar .loginArea {margin:3px 4px 20px;padding:10px 0 0;border:1px solid #EEE;background-color:#F2F2F2;}
#sidebar .login {width:200px;margin:0 auto;padding:0 0 7px; height:100px;}
#sidebar .login .idpw {float:left;height:58px;width:123px;}
#sidebar .login .idpw input {height:17px;width:125px;margin-bottom:2px;padding:4px 0 0 4px;}
	*+html #sidebar .login .idpw input {margin:-1px 0 2px;}
	* html #sidebar .login .idpw input {margin:-1px 0 2px;}
#sidebar .login .idpw input.id {background:#FFF url("../img/main/bg_loginId.gif") no-repeat 7px 5px;}
#sidebar .login .idpw input.pw {background:#FFF url("../img/main/bg_loginPw.gif") no-repeat 7px 5px;}
#sidebar .login .loginBtn {float:right;}
#sidebar .login .loginBtn .submit{border-top-width: 0px; border-left-width: 0px; background: url(../img/bg_btn.gif) no-repeat -5px -6px; border-bottom-width: 0px; width: 53px; height: 62px; border-right-width: 0px;	font-size: 14px;font-weight: bold;color: #666666; padding-left:3px; padding-bottom:3px;text-align: center;}
#sidebar .login .check {clear:both;color:#DDD;margin:0 0 7px;letter-spacing:-1px;word-spacing:-1px;}
#sidebar .login .check input {margin-right:3px;}
#sidebar .login .check label {color:#8B8B8B;font-size:12px; padding:0 8px 0 0;}
#sidebar .login .check .help a {color:#8B8B8B;font-size:12px;}
#sidebar .login .search {width:180px;padding:8px 0 0;overflow:hidden;background:url("../img/common/lhd_gr21.gif") repeat-x;}
#sidebar .login .search .join {float:left;}
#sidebar .login .search .join a {padding:0 0 0 8px;color:#69C;font-weight:bold;letter-spacing:-1px;background:url("../img/common/bu_skArrow74.gif") no-repeat 0 30%;}
#sidebar .login .search .idpwSearch {float:right;}
#sidebar .login .search .idpwSearch a {color:#69C;font-size:12px;letter-spacing:-1px;line-height:13px;}

#sidebar .login .xinxi{ margin-top:5px}
#sidebar .login .touxiang{ width:64px; height:64px; float:left}
#sidebar .login .touxiang img{ width:64px; height:64px}
#sidebar .login .ziliao{float:left;padding-left:10px;line-height: 20px;}
#sidebar .login .kongjian{width:100%;float:left; margin-top:11px}
#sidebar .login .btn_space {border-top-width: 0px; border-left-width: 0px; background: url(../img/gexiu.gif) no-repeat 0px 0px; border-bottom-width: 0px; overflow: hidden; width: 59px; margin-right: 4px; height: 17px; border-right-width: 0px;display: block; float:left}
#sidebar .login .btn_mcenter {border-top-width: 0px; border-left-width: 0px; background: url(../img/gexiu.gif) no-repeat 0px -34px; border-bottom-width: 0px; overflow: hidden; width: 59px; margin-right: 4px; height: 17px; border-right-width: 0px;display: block; float:left}
#sidebar .login .btn_out {border-top-width: 0px; border-left-width: 0px; background: url(../img/gexiu.gif) no-repeat 0px -69px; border-bottom-width: 0px; overflow: hidden; width: 40px; height: 17px; border-right-width: 0px;display: block; float:left}
#sidebar .login .user_info {overflow: hidden; height: 80px}
#sidebar .login .mail {padding-left: 15px; background: url(../img/gexiu.gif) no-repeat 0px -103px}
#sidebar .login .mail a {color: #ff6600;text-decoration: underline;}

#sidebar .login .activ {padding-right: 0px; padding-left: 10px; font-weight: normal; font-size: 12px; background: url(../img/gexiu.gif) no-repeat 0px -128px; float: right; padding-bottom: 0px; color: #e91212; padding-top: 0px}
#sidebar .login .activ a {color: #e91212}
#sidebar .login .activ a:visited {color: #e91212}
#sidebar .login .activ a:hover {color: #e91212}


.myInfo {margin:3px 4px 30px;padding:5px 5px 10px;border:1px solid #EEE;background-color:#F2F2F2;} /* -------------------------------------????????????----------------------------*/

#sidebar .Service {margin:0 0 20px 10px;}
#sidebar .Service .serviceList {width:208px;overflow:hidden;}
#sidebar .Service .serviceList li {float:left;height:22px;width:68px;}
#sidebar .Service .serviceList li a {padding:0 0 0 12px;background:url("../img/common/bu_skCross88.gif") no-repeat 0 1px;}
#sidebar .Service .serviceList li img {margin:0 0 0 1px;}
#sidebar .Service .otherService {width:190px;padding:7px 0 0 10px;background:url("../img/common/lhd_gr21.gif") repeat-x;}
#sidebar .Service .otherService a {padding:2px 0 2px 18px;line-height:16px;}
#sidebar .Service .otherService .freeCharge {margin:0 15px 0 0;background:url("../img/common/ic_freeCharge.gif") no-repeat;}
#sidebar .Service .otherService .joinEvent {background:url("../img/common/ic_joinEvent.gif") no-repeat;}


/*topic */
#sidebar .topic {width:200px;margin:0 0 24px 10px;}
#sidebar .topic {position:relative;overflow:hidden;}
#sidebar .topic h4 {margin:0 0 10px;border-bottom:2px solid #ABABAB;}
#sidebar .topic h4 img {margin:0 0 5px;}
#sidebar .topic .topicList{overflow: hidden;height: 53px;}
#sidebar .topic .topicList li {float:left;height:18px;width:200px;white-space:nowrap;}
#sidebar .topic .topicList li a {float:left;padding:0 0 0 5px;white-space:nowrap;background:url("../img/common/bu_blSquare22.gif") no-repeat 0 4px;}
#sidebar .topic .topicList li a:hover {color: #339999;}
#sidebar .topic .allLink {position:absolute;top:0;right:0;}
#sidebar .topic .allLink a {padding:0 6px 0 0;font-size:12px;line-height:14px;background:url("../img/common/bu_skArrow35.gif") no-repeat 100% 2px;}
/*event*/
#sidebar .event {position:relative;width:200px;margin:0 0 30px 10px;}
#sidebar .event .eventList {overflow:hidden;}
#sidebar .event .eventList li {width:100%;margin:0 0 5px;overflow:hidden;}
#sidebar .event .eventList li .bannerImg {float:left;height:48px;width:48px;margin:0 7px 0 0;overflow:hidden;border:1px solid #CCC;}
#sidebar .event .eventList li .desc {float:left;width:130px;padding:5px 0 0;color:#444;letter-spacing:-1px;line-height:18px;}
#sidebar .event .eventList li .desc span{float:right;}
#sidebar .event .eventList li .desc .term {color:#ABABAB; float:left;}
#sidebar .event .noEvent {padding:20px 0 0;color:#ABABAB;font-size:11px;text-align:center;}

#sidebar .tempBanner {margin:-5px 0 30px;text-align:center;} /* */
#sidebar .tempBanner .gameBanner {margin:0 0 10px;} /* */
/*站长推荐*/
#user_recomm { position: relative; float: left; margin:0; width: 220px; height: 130px; overflow: hidden; }
#user_recomm h2 { position: absolute; left: 10px; top: 0px; width: 36px; height: 120px; background: url(../img/showuser.gif) no-repeat 0 0; text-indent: -9999px; z-index: 10; }
#user_recomm .s_avatar { float: left; padding: 0px 5px 15px 30px; }
#user_recomm .s_avatar a { display: block; width:100px; height:100px; background: #FFF; }
#user_recomm .s_avatar img { max-height:100px; max-width:100px; zoom: expression( function(elm) { if (elm.width > 180 || elm.height > 120 ){ if (elm.width>elm.height) { elm.width=120; } else{ elm.height=120; } } elm.style.zoom = '1'; }(this) ); }
.safari_hack { }
#user_recomm .s_cnts { padding: 0px 10px 15px 0; line-height: 1.5em; }
#user_recomm h3 { margin-bottom: 3px; font-weight: 700; }


/*maincontent*/
#mainContent {float:left;width:480px;}
#mainContent #focus_banner{ width:480px; height:220px;}
#mainContent ul#portfolio li img{border: 0px solid #ccc; padding: 0px;}
#mainContent .focus_topic{position:relative; width:468px!important; width:478px; height:20px!important; height:30px;background:#fff; padding:5px; overflow:hidden; border:1px solid #DDD; }
/*#mainContent .focus_topic a{color:#FFFFFF; font-weight:bolder; }*/
#mainContent .focus_topic ul{ padding:1px 0 0 5px;  }
#mainContent .focus_topic ul li {width:460px;line-height:20px;word-break:break-all; }
#mainContent .focus_topic ul li a{color: #FF9900}
#mainContent .focus_topic ul li .character25 {float:left;width:35px;}
#mainContent .focus_topic ul li .character25 img{width:20px; height:20px;}
#mainContent .focus_topic ul li .updateCont {float:left;width:400px;margin:-2px 0 0;}



/* today */
#mainContent .focusWrap {position:relative;width:480px; margin:20px 0;}
#mainContent .tabArea3 {float:left;width:480px;}
#mainContent .tabArea3 .tab {float:left;width:365px !important;width:480px;height:31px;padding:0 20px 0 95px;background:url('../img/table_md_bg2.gif') no-repeat;text-align:right;}
#mainContent .tabArea3 .tab li {float:left;width:121px;height:19px !important; height:31px; padding-top:12px;background:url('../img/table_tab.gif') no-repeat;text-align:center;cursor:pointer; }
#mainContent .tabArea3 .tab li.on {background-position:0 -31px;color:#11ACA0;font-weight:bold;}
#mainContent .tabArea3 .tab .ui-tabs-selected { background-position:0 -31px; color:#11ACA0; font-weight:bold;}	
#mainContent .tabArea3 .tab .ui-tabs-selected a{color:#11ACA0; font-weight:bold;}	
#mainContent .ui-tabs-hide{display: none;}	

/*item-list*/
/* BLOG */
#mainContent .today_list{float:left;width:464px !important; width:480px; height:165px; padding:8px 8px;background:url('../img/table_bg2.gif') no-repeat}
#mainContent .today_list div.photo {height: 90px; margin-left:2px;}
#mainContent .today_list div.photo img {height: 80px; border:3px solid #c1c1c1; width:80px;}
#mainContent .today_list a.photo {float: left;}
#mainContent .today_list a.comment {text-overflow : clip; display: block;line-height: 14px; padding-top: 3px; margin-left: 100px; color: #666; }
#mainContent .today_list  a.comment span {color: #F4730B; font-weight:bold; font-size:14px; font-family:"黑体" Arial, Helvetica, sans-serif;}
#mainContent .today_list  a.comment p{color:  #999; text-indent : 22px; text-overflow : clip; height:70px !important; height:60px; overflow:hidden; margin-top:5px;}
#mainContent .today_list ul { margin:5px 0 0 -8px; padding-left:0; list-style:none; clear: left; }
#mainContent .today_list ul li { position:relative; height:20px; background:url("../img/im/line.gif") repeat-x left bottom; width:100%; }
#mainContent .today_list ul li .n{font-size:12px; color:#666; float:left;}
#mainContent .today_list ul li .bar {}
#mainContent .today_list ul li .title { position:absolute; z-index:0; left:0px; text-decoration:none; background:url("../img/im/bulletD0.gif") no-repeat left 9px; padding-left:6px; padding-top:3px; white-space:nowrap; overflow:hidden; }
#mainContent .today_list ul li .title a { color:#555555;  text-decoration:none; }
#mainContent .today_list ul li .title .n a { font-weight:bolder; color:#009999;}
#mainContent .today_list ul li .title a:hover { text-decoration:underline; }
#mainContent .today_list ul li .title span.comment { color:#FE6700; }
#mainContent .today_list ul li .title span.comment a { color:#FE6700; }
#mainContent .today_list ul li .date { position:absolute; z-index:1; right:0px; margin-left:5px; margin-top:6px; font-size:11px; }

/*BBS */
#mainContent .tabArea3 .prodL4 {float:left; width:470px !important; width:480px;height:167px !important; height:175px;padding:8px 5px 0 5px;background:url('../img/table_bg2.gif') no-repeat}
#mainContent .tabArea3 .prodL4 li {float:left;width:105px;margin-right:10px;text-align:center; cursor:pointer}
#mainContent .tabArea3 .prodL4 li.noMargin {margin:0;}
#mainContent .tabArea3 .prodL4 li .img {width:92px;height:92px;margin-bottom:5px;}
#mainContent .tabArea3 .prodL4 li .img img {border:1px solid #e3e3e3;}
#mainContent .tabArea3 .prodL4 li .name {width:105px;height:25px;overflow:hidden;font-size:11px;}
#mainContent .tabArea3 .prodL4 li .priceD {height:14px;text-decotation:line-through;font-size:11px;font-weight:normal;}
#mainContent .tabArea3 .prodL4 li .price {font-size:11px;font-weight:bold;color:#11ACA0;}
/* imageshow */
#mainContent .imageshow {width:480px;margin:0 0 20px;}
/* */
#mainContent #mainArea9 {clear:both;float:left;width:480px;padding-top:13px; display: inline; background:url('../img/colorbg.gif') no-repeat;}
#mainContent #mainArea9 .tab {clear:both; padding:6px 10px 6px 0; width:100px; float:right;}
#mainContent #mainArea9 .tab li {float:left; width:18px;height:18px;margin-left:0px;cursor:pointer; overflow:hidden; } 
#mainContent #mainArea9 .tab li a {padding-left:20px;}
#mainContent #mainArea9 .imageTitle .rr .on {background-position:0 -18px;}
#mainContent #mainArea9 .product {clear:both;float:left;width:474px;padding:0 3px;}
#mainContent #mainArea9 .product li {float:left;width:105px;_width:115px;margin:0 5px;_margin:0 0px;text-align:center;cursor:pointer;}
#mainContent #mainArea9 .product li .img img {border:1px solid #dedede;margin:3px 0 10px;}
#mainContent #mainArea9 .product li .name {width:115px;height:26px;font-size:11px;color:#5c5c5c;overflow:hidden;}
#mainContent #mainArea9 .product li .sprice {height:14px;font-size:11px;text-decoration:line-through;}
#mainContent #mainArea9 .product li .price {font-size:11px;font-weight:normal;}
#mainContent #mainArea9 .a3 {float:left;width:176px;}
#mainContent #mainArea9 #image1, #styleInPlein1 {background:url('../img/no01.gif') no-repeat; }
#mainContent #mainArea9 #image2, #styleInPlein2 {background:url('../img/no02.gif') no-repeat;}
#mainContent #mainArea9 #image3, #styleInPlein3 {background:url('../img/no03.gif') no-repeat;}
#mainContent #mainArea9 #image4, #styleInPlein4 {background:url('../img/no04.gif') no-repeat;}


/* member list */
#mainContent .todayProfile {position:relative; width:480px;margin:20px 0;overflow:hidden;}
#mainContent .todayProfile h3 {height:16px;margin:0 0 5px;border-bottom:2px solid #ABABAB;}

#mainContent .todayProfile .allLink {position:absolute;top:0;right:0;}
#mainContent .todayProfile .allLink a {padding:0 6px 0 0;font-size:12px;line-height:14px;background:url("../img/common/bu_skArrow35.gif") no-repeat 100% 2px;}
#mainContent .todayProfile #scrollable {
	width:480px;
	padding:10px 0 2px 0px;
	background-color:#fff;
	height:52px;
	position:relative;
	}
#scrollable a {
	width:48px;
	display:block;
	float:left;
	margin-right:6px;
	line-height:110%;
	text-align:center;
	}
.items {
	height:52px;
	margin-left:8px;
	float:left;
	width:430px !important;
	font-size:.95em;
}
.items a {
	display:block;
	float:left;
	width:48px;
	height:52px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
.items a img:hover { border:2px solid #FF9900}
.items a img{width:48px; height:48px;}
.items a.active {
	cursor:default;
}
#scrollable img {
	margin-bottom:5px;
	}
#scrollable a.prev, #scrollable a.next {
	display:block;
	width:15px;
	height:23px;
	float:left;
	cursor:pointer;
	}
#scrollable a.prev {
	background:url("../img/button/Prev.png") no-repeat;
	margin:15px 0px 0 0px;
	}
#scrollable a.next {
	background:url("../img/button/Next.png") no-repeat;
	margin:15px 0 0 12px;
	}

/*右侧开始*/
#subContent {float:right;width:220px;}
#subContent .adBox {height:220px;width:220px;margin:0 0 10px;overflow:hidden;}
#subContent .serviceBanner {margin:0 0 10px;}
#subContent .serviceBanner li {border-top:1px solid #DDD;}
#subContent .serviceBanner li.first {border-top:0;}

#subContent .memberUpdateInfo {position:relative;width:200px!important;width:220px;margin:0 0 10px;padding:10px 9px 9px;overflow:hidden;border:1px solid #DDD;background-color:#F5F5F5; }
#subContent * html .memberUpdateInfo {padding-bottom:7px;}
#subContent .memberUpdateInfo h3 {height:19px;border-bottom:1px solid #DDD;}
#subContent .memberUpdateInfo .reload {position:absolute;top:11px;right:9px;}
#subContent .memberUpdateInfo .reload a {float:right;padding:0 12px 0 0;font-size:11px;letter-spacing:-1px;background:url("../img/common/bu_reload.gif") no-repeat 100% 40%;}
#subContent .memberUpdateInfo .more {margin:7px 0 0;text-align:right;}
#subContent .memberUpdateInfo .more a {padding:0 8px 0 0;font-size:11px;letter-spacing:-1px;background:url("../img/common/bu_skDown53.gif") no-repeat 100% 40%;}
#subContent .memberUpdateInfo .close {float:right;margin:7px 0 0;}
#subContent .memberUpdateInfo .close a {padding:0 8px 0 0;font-size:11px;letter-spacing:-1px;background:url("../img/common/bu_skUp53.gif") no-repeat 100% 40%;}
#subContent .memberUpdateInfo .layerPager {float:left;margin:6px 0 0;}
#subContent .memberUpdateInfo .updateList li {width:200px;padding:8px 0;overflow:hidden;line-height:16px;word-break:break-all;background:url("../img/common/lhd_gr21.gif") repeat-x 0 100%;}
#subContent .memberUpdateInfo .updateList li .character25 {float:left;width:35px;}
#subContent .memberUpdateInfo .updateList li .character25 img{width:30px; height:30px;}
#subContent .memberUpdateInfo .updateList li .updateCont {float:left;width:160px;margin:-2px 0 0;}
#subContent * html .memberUpdateInfo .updateList li .updateCont {margin:-1px 0 0;}
#subContent .memberUpdateInfo .updateList li .newMember {color:#69C;}
#subContent .memberUpdateInfo .updateList li .num {color:#69C;}
#subContent .memberUpdateInfo .updateList li a:hover .num {text-decoration:underline;}

#member_right {FLOAT: left; width: 220px}
#create_spaces {width: 43px;}
#membertopten{ width:220px;  margin-top:7px;}
.toptentit{ height:21px; padding:10px 0 0 7px; background: url(../img/bg_member_toptentit.jpg) no-repeat; position:relative;font-family: "Lucida Grande",Arial,"PMingLiU","Lucida Sans Unicode",Verdana,sans-serif,Tahoma,}
.toptentit UL {position:absolute; right:4px; bottom:0px!important; bottom:-1px;list-style:none;}
.toptentit UL li{ text-align:center; float:right; background:url(../img/bg_member_buttongray.gif) no-repeat bottom;}
.toptentit UL LI A {display: block; font-size: 9px; width: 43px; cursor: pointer; color: #fff; padding-top: 5px; height: 13px}
.toptentit UL LI A:hover {color: #fff}
.toptentit UL LI A:visited {color: #fff}
.toptentit UL LI IMG {display: block}
.toptentit UL LI.redon {background: url(../img/bg_member_buttonred.gif) no-repeat bottom}
.toptenbox {}
.toptenbox UL {list-style-type: none}

.toptenmred {background: url(../img/member_top1.gif) #a8bdc3 no-repeat 12px 30px; margin-bottom: -3px; padding-top: 5px; border-bottom: #fff 1px solid; height: 58px; text-ALIGN: right}
.toptenmgray {margin-bottom: -3px; border-bottom: #888 2px solid; height: 55px; background-color: #999; text-ALIGN: right}
.toptenmgray A:hover { color:#FF9900}
.toptenbox UL LI DL {margin-right: 4px; padding-top: 3px; height: 48px}
.toptenbox UL LI DT {FLOAT: right; width: 48px; height: 48px}
.toptenbox UL LI DD {margin-top: 4px; font-weight: bold; FLOAT: right; width: 130px; color: #fff; line-height: 14px; margin-right: 12px; height: 14px}
.toptenbox UL LI DD img{ margin-right:5px}
.toptenbox UL LI DD A {color: #fff}
.toptenbox UL LI DD A:visited {color: #fff}
.toptenli{ height:23px; overflow:hidden; border-left:#d7d7d7 0px solid; border-right:#d7d7d7 0px solid;}
*+html .toptenli { margin-bottom:-3px;} 
.img16 img{ width:16px; height:16px;}
UNKNOWN {margin-bottom: -3px}

.toptenli tbody tr.alt td { background: #F1F1F1;}
.toptenbox .brbbot_gray {background: url(../img/bg_brbtb_gray.gif) #f1f1f1 repeat-x 50% bottom}
.t_value{ font-size:30px; text-align:center; width:35px;padding:22px 0px 0px 5px; position: absolute; z-index: auto;font-family: "Lucida Grande",Arial,}
.t_value span{ color:#666; font-weight: bold;}
.toptenbox li{ margin:0px!important;margin:-3px;} 
.toptenbox dt{ padding-right:0px!important;padding-right:0px; } 
.toptenli table{ }
.toptenbox ul{padding:0px!important;  padding:0px 3px 0px 3px; }

#create_spaces {width: 43px;}

.toptenbox .zuotop3 {background: url(../img/bg.gif) no-repeat 0px -144px;height: 8px;overflow: hidden;}
.bbsli {width: 100%}
.bbsli TH {font-weight: normal; background: #efefef; text-ALIGN: left}
.gray {font-weight: normal; text-ALIGN: left}
.bbsli TD {font-size: 11px; background: url(../img/bg_groupbbslidot.gif) repeat-x 0px 100%; color: #888; font-family: Arial,PMingLiU; height: 32px}
.bbsli SPAN {padding-left: 12px; background: url(../img/bg_groupbbsli.gif) no-repeat 3px 5px}
.toptenli td{ background:#e2e2e2; text-align:right; height:23px; margin:0; padding:0; line-height:23px;}
.toptenli .gray td{ background:#f1f1f1; }
.toptentd{ padding-left:12px; text-align: right!important;}
.toptentd SMALL{ padding-right:10px}
.toptenli td p{ height:11px; width:24px; line-height:11px; text-align:center; color:#fff; background:url(../img/bg_toptenli.gif) no-repeat; float:right;}
.toptenli TD A {color: #666}

.toptenbox .brbbot_gray {background: url(../img/bg_brbtb_gray.gif) #f1f1f1 repeat-x 50% bottom}
.bodybox {margin-top: 5px!important;; margin-left: auto; width: 941px; margin-right: auto; padding-top: 0px!important;}

#member_show{FLOAT: left; margin: 0 0px 7px 0; width: 694px;background: #efefef; }

#member_show .zuotop1 {background: url(../img/bg.gif) no-repeat 0px -184px;height: 8px;overflow: hidden;}
#member_show .zuotop3 {background: url(../img/bg.gif) no-repeat 0px -192px;height: 8px;overflow: hidden;}
#member_show .brbcontent_gray {padding:10px;height:auto; background: #efefef; }

#member_show span{font-size: 12px;color: #999999;}
#member_show .r_option { float: right; font-size: 12px; font-weight: normal;margin-top: 2px; }
#member_show .r_option A{ color: #666666!important;}

.member_list {padding-right: 11px; margin-top: 5px; padding-left: 11px; background: #333; padding-bottom: 11px; padding-top: 11px; height:200px}
.member_list LI {display: inline; FLOAT: left; margin: 1px; width: 48px; height: 48px}
.member_list LI a:hover{width: 48px;height: 48px;overflow: hidden;}
.member_list LI a:hover img{width: 40px;height: 40px;border: 4px solid #333;}
.member_tools {padding-right: 150px; display: inline; font-weight: bold; FLOAT: right; position: relative; margin-top:-4px; color:#636363}
.member_tools .but_refresh {right: 0px; position: absolute; top: -4px}


/* shopping */
#subContent .shopping {position:relative;width:209px;padding:10px 0 10px 9px;overflow:hidden;border:1px solid #DDD;background-color:#FFF;}
#subContent .shopping h5 {margin:0 0 5px;}
#subContent .shopping .goSite {position:absolute;top:10px;right:51px;}
#subContent .shopping .goSite a {font-size:12px;letter-spacing:-1px;}
#subContent .shopping .goSite a.auction {padding:0 0 0 4px;background:url("../img/common/lhd_gr11.gif") no-repeat 0 3px;}
#subContent .shopping .listPager {position:absolute;top:9px;right:12px;padding:0 0 0 1px;}
#subContent .shopping .listPager a {padding:0 0 0 1px;}
#subContent .shopping .listPager a img {margin:0 0 0 -2px;}
#subContent .shopping .list {width:206px;margin:0 0 0 3px;overflow:hidden;}
#subContent .shopping .list li {float:left;width:58px;margin:0 10px 0 0;text-align:center;}
#subContent .shopping .list li span a img {height:58px;width:58px;}
#subContent .shopping .list li div {margin:5px 0 0;}
#subContent .shopping .list li div a {color:#7D7D7D;font-size:12px;line-height:12px;}
#subContent .shopping .list li div a span {letter-spacing:-1px;}


/*footer*/

#pageFooter {clear:both;width:960px;margin:0 auto;padding:0 0 40px;border-top:1px solid #DFDDDD;}
#pageFooter .logo {float:left;width:150px;margin:12px 15px 0 0;}
#pageFooter .footerMenu {float:left;margin-top:19px;overflow:hidden;}
#pageFooter .footerMenu li {float:left;}
#pageFooter .footerMenu li a {color:#4D4D4D;font-size:12px;}
#pageFooter .footerMenu li span {padding:0 4px 0 5px;color:#D8D8D8;font-size:12px;}
#pageFooter .familySite {display:inline;float:right;width:169px;margin:15px 30px 0 0;}
#pageFooter .familySite li {float:left;}
#pageFooter .company {clear:both;margin:0 0 5px 71px;font-size:12px;line-height:17px;}
#pageFooter .company span {color:#D8D8D8;}
#pageFooter .copyright {clear:both;height:10px;margin:0 0 0 165px;}


