body{background:url(/static/img/home/body.gif);padding-bottom:30px;}

#header:after,#bodyArea:after{content:''; display: block; clear:both}
#mainnav a,#personal_nav a,#his_nav a{text-indent: -2000px; overflow: hidden;}

#wrapper{width:950px;margin:20px auto 0;padding: 0 27px 0 26px;background:url(/static/img/home/wrapper1.gif) repeat-y;}
#wrapper_ec{width:950px;padding: 0 0 0 0;background-color:#fff;}
#mainnav a{text-indent: -2000px; overflow: hidden;}
#header{border-top:1px solid #CDCDCD;padding:14px 20px;margin:0 -20px;position:relative;height:82px; z-index:1;line-height:17px;}
#logo{float:left;width:177px;padding:7px 0 0 12px;}
#banner{float:right;width:721px;}
#headerop{position:absolute;bottom:112px;right:0px;overflow:hidden}
#headerlogin{position:absolute;bottom:-32px;right:15px;overflow:hidden;}
#headerlogin li, #headerop li{float:left;padding-right:10px;margin:0 -2px 0 10px;background: url(/static/img/home/headerlogin.gif) right center no-repeat;}
#toptime{position:absolute;top:-20px;left:0;font-family: Verdana;color:#828281;}
#toptime em{color:#FDAB2E;font-weight:bold;font-style:normal;margin-left:5px;}

#mainnav div{height:23px;overflow:hidden;position:relative;padding:12px 0 15px 5px;background:url(/static/img/home/dot_x.gif) repeat-x;}
#mainnav a{float:left;margin-right:15px;display:inline;width:52px;height:23px;background:url(/static/img/home/mainnav3.gif) no-repeat;}
#mainnav a#nav_home:hover{background-position:0 -28px;}
#mainnav a#nav_mymixiu{width:77px;background-position:-600px 0;}
#mainnav a#nav_mymixiu:hover{background-position:-600px -28px;}
#mainnav a#nav_searchfriend{width:77px;background-position:-686px 0;}
#mainnav a#nav_searchfriend:hover{background-position:-686px -28px;}
#mainnav a#nav_invitefriend{width:77px;background-position:-770px 0;}
#mainnav a#nav_invitefriend:hover{background-position:-770px -28px;}
#mainnav a#nav_member{background-position:-65px 0;}
#mainnav a#nav_member:hover{background-position:-65px -28px;}
#mainnav a#nav_showcase{width:75px;background-position:-854px 0;}
#mainnav a#nav_showcase:hover{background-position:-854px -28px;}
#mainnav a#nav_fad{background-position:-210px 0;}
#mainnav a#nav_fad:hover{background-position:-210px -28px;}
#mainnav a#nav_group{background-position:-276px 0;}
#mainnav a#nav_group:hover{background-position:-276px -28px;}
#mainnav a#nav_diary{background-position:-343px 0;}
#mainnav a#nav_diary:hover{background-position:-343px -28px;}
#mainnav a#nav_album{background-position:-408px 0;}
#mainnav a#nav_album:hover{background-position:-408px -28px;}
#mainnav a#nav_vote{background-position:-474px 0;}
#mainnav a#nav_vote:hover{background-position:-474px -28px;}
#mainnav a#nav_ecshop{background-position:-540px 0;}
#mainnav a#nav_ecshop:hover{background-position:-540px -28px;}
#mainnav a#nav_formpost{width:51px;background-position:-939px 0;}
#mainnav a#nav_formpost:hover{background-position:-939px -28px;}

#personal_nav,#his_nav{height:27px;margin-bottom:10px;}
#personal_nav{position:relative;z-index:5;}
#personal_nav li,#his_nav li{float:left;height:27px;line-height:27px;}
#personal_nav a,#his_nav a{float:left;width:109px;background:url(/static/img/trade/personal_nav3.gif) no-repeat;height:26px;}
#personal_nav li{position:relative;}
#personal_nav a:hover,#personal_nav li.on a#my_home,#his_nav a:hover{background-position:0 -28px;}
#personal_nav a#my_home{width:94px;}
#personal_nav a#my_message{background-position:-94px 0;}
#personal_nav a#my_message:hover,#personal_nav li.on a#my_message{background-position:-94px -28px;}
#personal_nav a#my_diary{background-position:-203px 0;}
#personal_nav a#my_diary:hover,#personal_nav li.on a#my_diary{background-position:-203px -28px;}
#personal_nav a#my_photo{background-position:-312px 0;}
#personal_nav a#my_photo:hover,#personal_nav li.on a#my_photo{background-position:-312px -28px;}
#personal_nav a#my_vote{background-position:-421px 0;}
#personal_nav a#my_vote:hover,#personal_nav li.on a#my_vote{background-position:-421px -28px;}
#personal_nav a#my_showcase{width:118px;background-position:-530px 0;}
#personal_nav a#my_showcase:hover,#personal_nav li.on a#my_showcase{background-position:-530px -28px;}
#personal_nav a#my_friend{width:110px;background-position:-648px 0;}
#personal_nav a#my_friend:hover,#personal_nav li.on a#my_friend{background-position:-648px -28px;}
#personal_nav a#my_record{width:92px;background-position:-758px 0;}
#personal_nav a#my_record:hover,#personal_nav li.on a#my_record{background-position:-758px -28px;}
#personal_nav a#my_change{width:100px;background-position:-850px 0;}
#personal_nav a#my_change:hover,#personal_nav li.on a#my_change{background-position:-850px -28px;}
#personal_nav ul ul{display:none;overflow:hidden;position:absolute;top:27px;left:0;border:1px solid #FEC480;width:107px;background:#FFFBE8;}
#personal_nav ul.my_sc_ul{width:116px;}
#personal_nav ul ul li{float:none;margin-top:-1px;width:100%;border-top:1px dashed #FEC480;}
#personal_nav ul ul a{float:none;display:block;padding-left:28px;width:auto;text-indent:0;background:url(/static/img/trade/icon_folder.gif) 6px no-repeat;}
#personal_nav ul ul a,#personal_nav ul ul a:hover{background:url(/static/img/trade/icon_folder.gif) 6px no-repeat;}
#personal_nav li.i_pencil a,#personal_nav li.i_pencil a:hover{background:url(/static/img/trade/icon_pencil.gif) 8px 6px no-repeat;}
#personal_nav li.i_album a,#personal_nav li.i_album a:hover{background:url(/static/img/trade/icon_album.gif) 8px 6px no-repeat;}
#personal_nav li.i_vote a,#personal_nav li.i_vote a:hover{background:url(/static/img/trade/icon_vote.gif) 8px 6px no-repeat;}
#personal_nav li.i_case a,#personal_nav li.i_case a:hover{background:url(/static/img/trade/icon_case.gif) 8px 6px no-repeat;}
#personal_nav li.i_out a,#personal_nav li.i_out a:hover{background:url(/static/img/group/icon_out.gif) 8px 6px no-repeat;}

#his_nav a{width:100px;background-image: url(/static/img/trade/his_nav2.gif);}
#his_nav a#his_home{width:97px;}
#his_nav a#his_home:hover,#his_nav li.on a#his_home{background-position:0 -28px;}
#his_nav a#his_diary{background-position:-97px 0;}
#his_nav a#his_diary:hover,#his_nav li.on a#his_diary{background-position:-97px -28px;}
#his_nav a#his_photo{background-position:-197px 0;}
#his_nav a#his_photo:hover,#his_nav li.on a#his_photo{background-position:-197px -28px;}
#his_nav a#his_vote{background-position:-297px 0;}
#his_nav a#his_vote:hover,#his_nav li.on a#his_vote{background-position:-297px -28px;}
#his_nav a#his_showcase{background-position:-397px 0;}
#his_nav a#his_showcase:hover,#his_nav li.on a#his_showcase{background-position:-397px -28px;}
#his_nav a#his_friend{background-position:-497px 0;}
#his_nav a#his_friend:hover,#his_nav li.on a#his_friend{background-position:-497px -28px;}
#his_nav a#his_board{background-position:-597px 0;}
#his_nav a#his_board:hover,#his_nav li.on a#his_board{background-position:-597px -28px;}
#his_nav a#his_message{width:126px;background-position:-697px 0;}
#his_nav a#his_message:hover,#his_nav li.on a#his_message{background-position:-697px -28px;}
#his_nav a#his_addfirend{width:127px;background-position:-823px 0;}
#his_nav a#his_addfirend:hover,#his_nav li.on a#his_addfirend{background-position:-823px -28px;}

#bodyArea{background: url(/static/img/home/dot_x.gif) repeat-x scroll left bottom}

#footer{margin:0 -20px;width:990px;clear:both;padding-bottom:23px;border-bottom:1px solid #ccc;line-height:17px;}
#footer ul{position:relative;left:50%;float:left;margin:30px 0 8px;display:table;}
@media screen and (-webkit-min-device-pixel-ratio:0){ #footer ul{display:block;}}
#footer li{float: left;padding:4px 0 3px 8px;position:relative;left:-50%;margin-right:6px;display:inline;background: url(/static/img/home/footerline.gif) 0 8px no-repeat;}
#footer li.first{padding-left:30px;background: url(/static/img/home/orange.gif) no-repeat;}
#footer a{color:#000;}
#footer p{clear: both;text-align: center;}