@import url("base.css"); @import url("style.css");

body{padding-top:35px; background:url(../images/user/bgImg.gif) top repeat-x}
a:hover {text-decoration:underline}
#header{ width:956px; padding-bottom:10px; margin:0 auto}
#mainBody{width:956px; margin:0 auto; padding-bottom:30px; overflow:auto; background:#FFF}
.bgImg {background:url(../images/user/main_bg.gif)!important}
#user_logo{overflow:auto}
#user_logo img{margin:2px 45px; float:left}
#user_logo .user_li{ margin:50px 20px 0 0; float:right}
#user_logo #welcome {font-size:13px; font-weight:bold; color:#5ABD00; margin:0 10px;}
#user_nav{width:940px; height:34px; padding:22px 16px 0 0; background:url(../images/user/nav.gif)}
#header a:hover {text-decoration:none}
#user_nav dd{width:77px; height:23px; margin:0 10px; font:14px/25px "宋体"; text-align:center; float:right; display:inline}
#user_nav .now a{font:bold 13px/25px "宋体"; color:#5ABD00; background:url(../images/user/active_bg.gif) no-repeat; display:block}

/*++++++ User Manage +++++++++++++++++++++++++++++++++++++++*/
#pageLeft {width:270px; padding-top:50px; background:url(../images/user/m_shadow.gif) 253px 0 no-repeat; float:left}
#userMenu li {height:35px; padding:15px 0 0 80px; font:13px/12px "宋体"; letter-spacing:1px;}
#userMenu .now {background:url(../images/user/menu_bg.gif); font-weight:bold; color:#FFF}
#userList li {padding:0px 0 0 65px; font:13px/30px "宋体", Arial; display:block}
#userList img {background:url(../images/user/user_bg.gif); padding:7px 12px 13px 7px;}
#userList .name {padding-left:0; height:22px; font:bold 13px/18px "宋体", Arial; color:#5ABD00; text-align:center;}
#pageRight {width:655px; min-height:500px; _height:500px; padding:40px 15px 15px 15px; float:left}
#pageRight dt {width:98px; height:48px; font:bold 13px/25px "宋体"; color:#666; text-align:right; padding-right:20px; float:left}
#pageRight dd {width:500px; line-height:24px; height:48px; float:left}
#pageRight dd a {color:#555; text-decoration:underline; margin:0 3px}
#pageRight dd a span {color:#FF6600; font:bold 13px/15px Arial;}

/*---------------------------*/
#pageBody {min-height:500px; _height:500px; overflow:auto; padding:35px;}
* html #pageBody {overflow:visible}
#pageBody h2 {font-size:14px; line-height:24px; color:#5ABD00; margin-bottom:40px; border-bottom:1px dotted #CCC; text-indent:10px;}
#pageBody tr{height:48px; background:url(../images/user/table_bg.gif); text-align:center}
#pageBody .align_left {text-align:left; padding-left:30px}
#pageBody #nav {height:27px; line-height:27px; margin-bottom:20px; border-bottom:1px solid #C7C7C7; }
#pageBody #nav li {height:26px; padding:0 15px; margin-left:20px; background:#F0F0F0; text-align:center; border:1px solid #C7C7C7; float:left}
#pageBody #nav .button{border:0; background-color:#FFF; margin-top:-3px; float:right}
#pageBody .now {border-bottom:1px solid #FFF!important; background:#FFF!important}

/*-----------------------------*/
#mainHead {width:905px; height:32px; padding:10px 25px 0 26px; margin:0 auto; background:url(../images/user/topBar_bg.gif)}
#mainHead .btn {cursor:pointer; float:right; margin-left:6px}
#mainHead span {line-height:25px; float:left}
#pageBody .msg {width:855px; border-bottom:1px dotted #CCC; padding:10px 15px; position:relative; overflow:auto; float:left}
#pageBody .msg .tools {position:absolute; top:5px; right:12px}
#pageBody .msg .tools img,a {cursor:pointer}
#pageBody .msg .friendImg {font:13px/25px "宋体", Arial; float:left; overflow:auto; display:block; text-align:center}
#pageBody .msg .friendImg img{border:1px solid #CCC; margin:0 6px; padding:3px}
#pageBody .msg .friend {width:600px; padding-left:20px; float:left}
#pageBody .msg .friend dt {width:70px; padding:7px 0 0px 0; font-weight:bold; float:left}
#pageBody .msg .friend dd {width:510px; line-height:18px; margin:5px 0; letter-spacing:1px; overflow:auto; float:left}
#pageBody .msg .friend dd a {color:#666; text-decoration: underline;}
#pageBody .msg ul {margin-left:20px; line-height:22px; float:left}
#pageBody .msg .note {color:#999; margin-bottom:10px}
#pageBody .infoPhoto {width:80px; line-height:14px; text-align:center; color:#5ABD00; overflow:hidden; float:left}
#pageBody .infoPhoto img {padding:6px 11px 10px 8px; background:url(../images/user/icoBg_60.gif); display:block}
#pageBody #inviteFd {width:450px; margin-left:20px; float:left}
#pageBody #inviteFd .note{font:13px/20px Arial,"宋体"; color:#0C3; margin-bottom:20px}
#pageBody #inviteFd li { margin:8px 0}
#pageBody #inviteFd strong {width:70px; font:13px/25px Arial,"宋体"; float:left; display:block}
#pageBody .emailBox {width:350px; padding:12px 0; float:left}
#pageBody #emailList {width:350px; padding:6px; border:3px double #E3E3E3; margin-bottom:10px; float:left; font:13px/20px Arial;}
#pageBody #emailList span {display:block; border-bottom:1px dotted #E0E0E0} 
/*----------------------------*/
#pageBody .shareList {padding:10px 0; overflow:auto}
#pageBody .shareList dl {width:600px; padding-bottom:13px; font:13px/20px "宋体", Arial; margin-left:80px; background:url(../images/base/box600_Bt.gif) bottom;}
#pageBody .shareList dt {height:30px; padding:15px 20px 0 20px; text-align:right; background:url(../images/base/box600_Tp.gif)}
#pageBody .shareList dt strong {color:#75C800; float:left}
#pageBody .shareList dt span {font-size:12px}
#pageBody .shareList dd {padding:0 20px 0 20px; letter-spacing:1px; background:url(../images/base/box600_Md.gif)}
#pageBody .shareList .more {text-align:right; font-size:12px; padding-bottom:6px; margin-top:-6px}


/*++++++++++++++ proscenium  +++++++++++++++++++++++++++++++++++++++++++++++++++*/
.blog_nav{background:url(../images/blog/nav.gif)!important}
#blogLeft {width:270px; padding-top:30px; background:url(../images/user/m_shadow.gif) 253px 0 no-repeat; float:left}
#aboutMe { width:260px; padding:34px 0 0 5px; background:url(../images/blog/aboutMe.gif) 5px 0 no-repeat;}
#aboutMe ul {border:1px solid #83D80B; border-top:0; width:223px; padding:20px 0 10px 20px; overflow:auto}
#aboutMe li {font:13px/26px "宋体", Arial; color:#727409; display:block}
#aboutMe .photo img {background:url(../images/user/user_bg.gif); margin-left:35px; padding:7px 12px 13px 7px;}
#aboutMe .name {height:22px; padding-right:20px; font:bold 14px/20px "宋体", Arial; color:#5ABD00; text-align:center;}
#aboutMe .me_ico {background:url(../images/blog/ico_arrow.gif) 198px 9px no-repeat; padding-right:30px}
#aboutMe .sns a {font:bold 12px/35px "宋体"; color:#239FE3; margin-right:30px}
#aboutMe .sns img {margin:0 8px -2px 0}

#myFriend {width:260px; padding:34px 0 0 5px; margin:25px 0; background:url(../images/blog/myFriend.gif) 5px 0 no-repeat;}
#myFriend .intro {border:1px solid #FFCF3B; border-top:0; width:231px; padding:10px 0 20px 12px; overflow:auto}
#myFriend .intro a {color:#727409}
#myFriend .intro P strong {width:110px; height:28px; background:url(../images/blog/ico_arrow.gif) no-repeat; padding-left:25px; float:left}
#myFriend .intro table {float:left}
#myFriend .intro td {width:78px; height:88px; color:#727409; text-align:center}
#myFriend .intro td img {padding:0 8px 8px 0; background:url(../images/blog/friendBg.gif)}
#myFriend .intro td span {height:15px; line-height:15px; text-align:center; overflow:hidden; display:block}
#caller {width:260px; padding:34px 0 0 5px; background:url(../images/blog/caller.gif) 5px 0 no-repeat}
#caller ul {border:1px solid #53D1F9; border-top:0; width:223px; padding:12px 0 12px 20px; overflow:auto;}
#caller ul li {width:205px; height:49px; margin:10px 0; overflow:hidden; line-height:18px;}
#caller li img {padding:2px; border:1px solid #CCC; margin-right:13px; display:inline; float:left}
#caller li a {color:#5ABD00}
#caller li strong {font:bold 14px/20px Arial; _margin-top:-16px; color:#777; margin-bottom:8px; display:block}

#blogRight {width:663px;min-height:520px; _height:520px; padding:20px 10px 15px 0; float:left}
#blogRight .coteBox {width:645px; padding:5px 12px 12px 10px; margin-bottom:15px; position:relative; overflow:hidden}
#blogRight .coteBox .title {font:bold 14px/30px Arial; color:#499B00; border-bottom:1px solid #CCC; margin-bottom:12px; display:block}
#blogRight .coteBox .more {position:absolute; top:15px; right:22px;}
#blogRight .related li {width:610px; padding-left:20px; font:13px/22px Arial, "宋体"; color:#888; background:url(../images/base/li.gif) no-repeat 5px -2px; position:relative}
#blogRight .related li strong {font:normal 12px/22px Arial, "宋体"; margin-right:4px; color:#666}
#blogRight .related li span {position:absolute; top:1px; right:5px;}
#blogRight .related li span a {color:#008DE9}
#maps {width:635px; height:500px; border:3px solid #DBDBDB}
#maps .mapLog {width:290px; height:240px; overflow:auto}
#maps .mapLog li {width:255px; line-height:22px}
#maps .mapLog a {font:bold 15px/20px Arial; color:#5CBC00; text-decoration:underline}
#maps .mapLog span{ color:#FF6600;}
#maps .mapLog strong {font-weight:normal; color:#008DE9; margin:0 5px}

#tourLine .header {height:30px; padding:0 5px; border-bottom:1px solid #999; margin-bottom:15px}
#tourLine .header h1 {font:18px/30px "黑体"; color:#06A902; float:left}
#tourLine .header ul {height:22px; font:12px/22px "宋体"; text-align:center; float:right}
#tourLine .header li {width:90px; margin:7px 2px -1px 2px; border:1px solid #999; background:#EFEFEF; cursor:pointer; float:left; display:inline}
#tourLine .header .now {background:#fff; border-bottom:1px solid #fff; font-weight:bold}
#tourLine .listView {width:655px; height:78px; padding-bottom:9px; margin:10px 0; border-bottom:1px solid #CCC}
#tourLine .listView .imgBox {width:78px; height:68px; padding:2px; margin:5px 10px 0 8px; border:1px solid #CCC; float:left; display:inline}
#tourLine .listView dl {width:380px; height:68px; float:left}
#tourLine .listView dt a {font:17px/26px "黑体";color:#67C30A;}
#tourLine .listView dd {line-height:16px; padding-top:1px}
#tourLine .listView .overflow {height:32px; overflow:hidden}
#tourLine .listView a {margin:0 5px; color:#0d93e5;}
#tourLine .listView p {width:150px; font-size:14px; text-align:center; color:#888; padding:8px 0 0 20px; display:block; float:left;}
#tourLine .listView big {font-size:25px; color:#FEA541}
#tourLine .listView span {width:135px; height:22px; margin:5px auto; font:11px/22px Arial,"宋体"; text-align:center; color:#fff; background:#BCBCBC; overflow:hidden; display:block}
#tourLine .listView span a {font:bold 13px/22px Arial,"宋体"; color:#FFF}

/*---- userBlog -----------------------------------*/
#userLog h2 {border-bottom:1px dotted #999; height:30px; font:bold 15px/30px "宋体", Arial;}
#userLog h2 a {color:#666; float:left}
#userLog h2 .note {font:13px/16px Arial,"宋体"; width:260px; height:10px; padding:7px; display:block; overflow:hidden}
#userLog .date {line-height:18px; color:#888; margin-bottom:10px; display:block}
#userLog #logText {margin-bottom:10px; display:block}
#userLog #logText p {font:14px/25px "宋体", Arial; margin-bottom:10px; color:#444;}
#userLog .infoBox {width:630px; padding:10px 0 20px 10px; margin:10px 0; border-bottom:1px dotted #CCC; overflow:auto}
#userLog .infoBox img {padding:3px; border:1px solid #D9D9D9; float:left}
#userLog .infoBox dl {width:500px; height:103px; padding-left:15px; position:relative; float:left}
#userLog .infoBox dt {width:365px; height:20px; padding-right:135px; overflow:hidden}
#userLog .infoBox dt a {font:bold 15px/24px Arial; text-decoration:underline; margin-right:5px; color:#5CBC00}
#userLog .infoBox dd {font-size:13px; line-height:20px}
#userLog .infoBox .text{height:56px; overflow:hidden}
#userLog .infoBox .more {position:absolute; top:2px; right:10px}
#userLog .look_up {padding:6px 10px; background:#EEE; overflow:auto}
#userLog .look_up span a {color:#FF6600; float:left}
#userLog .look_up strong a {color:#499B00; float:right}
#comment_post {width:645px; margin-top:-15px; overflow:auto}
#comment_post strong{width:98px; text-align:right; padding-right:12px; font:12px/25px "宋体"; display:block; float:left}
#comment_post li{margin:6px 0;}

#userLog #inputBox {margin:15px 0;}
#userLog #inputBox dl {width:650px; margin-bottom:2px; overflow:hidden}
#userLog #inputBox .collapsed {width:650px; height:27px}
#userLog #inputBox dt {height:28px; background:url(../images/blog/barBg_22.gif); cursor:pointer;}
#userLog #inputBox dd {padding:3px 10px; line-height:30px}
#userLog #inputBox .inputBar{width:460px; float:left; overflow:auto}
#userLog #inputBox .cor_L {width:85px; height:23px; padding:5px 0 0 25px; background:url(../images/blog/corL_22.gif) no-repeat; float:left;}
#userLog #inputBox .cor_R {width:33px; height:21px; padding:7px 0 0 5px; background:url(../images/blog/corR_22.gif); float:right;}
#userLog #inputBox dd strong {padding-left:15px; line-height:28px; margin-right:120px;}
#userLog #inputBox .journeyInfo {color:#555; margin:5px 0 10px 0}
#userLog #inputBox .journeyInfo td {background:url(../images/user/table_bg.gif) bottom; padding-left:7px}

/*---- friend -----------------------------------*/
#friend .myFriend {width:620px; border-bottom:1px dotted #CCC; padding:10px; overflow:auto; float:left}
#friend .myFriend ul {width:500px; padding-left:15px; float:left}
#friend .myFriend .userName a {font:bold 14px/20px Arial; text-decoration:none; color:#54B000;}
#friend .myFriend li {font:13px/18px "宋体", Arial; padding:4px 0; letter-spacing:1px; overflow:auto}
#friend .myFriend li strong {width:80px; height:18px; display:block; float:left}
#friend .myFriend li a {color:#666; text-decoration: underline;}
#friend .userInfo {font:13px/25px "宋体", Arial; float:left; overflow:auto; display:block; text-align:center}
#friend .userInfo img{border:1px solid #CCC; margin:0 6px; padding:3px}

/*---- album -----------------------------------*/
#album {width:627px; padding:0 11px; overflow:auto;}
#album .photo .imgDiv {width:630px; height:520px; border:2px solid #EEE; margin:20px 0 20px 0;} 
#album .photo .imgBox {width:630px; height:520px; display:table-cell; vertical-align:middle; position:relative}
#album #imgBar {position:static; +position:absolute; top:50%; display:block;}
#album #imgBar img {display:block; max-width:600px; max-height:490px; position:static; +position:relative; top:-50%; margin:0 auto}
#album .imgPaging {text-align:center; font:13px/20px "宋体", Arial; margin:15px 0;}
#album .imgPaging a {padding:3px 20px; margin-right:15px; display:inline; cursor:pointer; border:1px solid #999;}

#album .blk {position:relative; padding-left:10px; margin-left:-10px;}
#album .pcont {width:595px; height:130px; padding:5px; margin-left:15px; border:1px dotted #CCC; overflow:hidden; float:left;}
#album .ScrCont {width:12000px; text-align:center; line-height:14px}
#album .ScrCont a {width:105px; padding:4px; margin-right:5px; border:1px solid #E4E4E4; color:#727409; display:inline; overflow:hidden; float:left}
#album .ScrCont a:hover {border:1px solid #35AEFF; color:#008DE9; text-decoration:none}
#album .ScrCont a span {width:105px; height:13px; margin-top:4px; color:#555; display:block; overflow:hidden}

#album .blk #photoList {float:left;}
#album .albumClass p{width:215px; float:left; padding:15px 0; text-align:center; overflow:auto}
#album .albumClass p a {width:180px; height:183px; font:bold 13px/18px "宋体", Arial; color:#727409; display:block; overflow:hidden}
#album .albumClass p img {border:3px double #CCC; padding:3px; max-width:160px; max-height:145px; display:block}
#album .albumClass p span{height:165px; display:block;}
#album .btnL {position:absolute; top:45px; left:4px; cursor:pointer}
#album .btnR {position:absolute; top:45px; left:633px; cursor:pointer}

/*--- public -----------------------------------*/
.blogSns {padding:10px; font:13px/18px "宋体", Arial; color:#666}
.blogSns .note {padding-bottom:15px; font-weight:bold}
.blogSns .addFriend li {margin:5px}
.blogSns .addFriend li span {width:60px; float:left; display:block}
.blogSns .addFriend .msgBox {width:280px; height:80px; float:left;}
.shareList {padding:10px 0; overflow:auto}
.shareList dl {width:560px; padding-bottom:13px; font:13px/20px "宋体", Arial; margin-left:80px; background:url(../images/base/box560_Bt.gif) bottom;}
.shareList dt {height:33px; padding:12px 20px 0 20px; text-align:right; background:url(../images/base/box560_Tp.gif)}
.shareList dt strong {color:#75C800; float:left}
.shareList dt span {font-size:12px}
.shareList dd {padding:0 20px 0 20px; color:#777; letter-spacing:1px; background:url(../images/base/box560_Md.gif)}
.shareList .userInfo {width:80px; line-height:25px; text-align:center; overflow:hidden; float:left}
.shareList .userInfo img {padding:6px 11px 10px 8px; background:url(../images/user/icoBg_60.gif)}

/*--- footer -----------------------------------*/
#footer{width:950px; height:27px; line-height:27px; margin: 0 auto; background-image:url(../images/user/footerBg.gif)}
#footer .cor1{width:12px; height:27px; background-image:url(../images/user/footerCor.gif); float:left}
#footer .cor2{width:12px; height:27px; background:url(../images/user/footerCor.gif) right; float:right}
#footer span{ color:#fff; float:left; text-indent: 10px;}
#footer p{color:#fff; height:27px; float:right; text-align:right; padding-right:20px; letter-spacing:1px}

/*+++ administrator ++++++++++++++++++++++++++++++++++++++++++*/
.admin_bg{background:url(../SManage/images/login_bg.gif) repeat-x!important; padding:0}
#loginBox {width:320px; height:227px; padding:110px 0 0 81px; margin:170px auto 110px auto; background:url(../SManage/images/loginImg.gif);}
#loginBox .btnBox{padding:20px 0 0 43px}
.admin_copy{ font:13px/15px Arial; color:#B9B9B9; text-align:center}
.admin_copy a {color:#B9B9B9}