body{ font:9pt/120% Arial, Helvetica, sans-serif;position: relative;width: 778px; background: #fff;}
td{font-size:9pt;}
*{margin: 0;padding: 0;}
img{border: none;}
h1,h2,h3,h4,h5,h6{font:9pt Arial;}
button{cursor: pointer;}
.center{text-align: center;}
.block{display: block;}
/* top */
#top{background: url(../img/bg/my_topbg.gif) repeat-x;}
#top h1,#top h2,#top h3{position: absolute;color: #fff;}
#top h1{top: 70px; left: 99px; font: bold 14pt Arial;z-index: 4;}
#top h2{top: 96px; left: 90px;}
#top h3{right: 20px; top: 16px; padding-right: 70px; height: 30px; font-weight: bold;}
#top h3 img{ position: absolute; right: 0; top: -5px; margin-left: 8px;}
#top #logo{background: url(../img/bg/my_top_left.gif) no-repeat; height: 139px; position:relative;}
#top #logo img{position: absolute; top: 20px; left: 36px; z-index: 3;}
#top #banner{position: absolute; right: 70px; top: 50px;}
#top a{color: #fff; text-decoration: none;}
#top a:hover{text-decoration: underline;}
/* nav */
#nav{background: #5E5E5E; line-height: 22px; color: #ccc; padding: 0 1em;}
#nav a{color: #fff; text-decoration: none; padding: 0 5px;}
#nav a:hover{color: #eee; text-decoration: underline;}
#nav b{float: right;}
#SenFe_5{background: #999; line-height: 22px; padding: 0 2em; color: #fff;}
#SenFe_5 a{color: #fff; padding: 0 4px;}
#SenFe_6 ul{list-style: none;}
#SenFe_6 li{float: left; width: 16%; text-align: center;}
#SenFe_6 li div{width: 75px; height: 60px; overflow: hidden; border: solid 1px #ccc; background: #fff; padding: 2px;}
#SenFe_6 li div img{width: 75px;}
#SenFe_6 p{ clear: both;padding: 3px;}
/* setting */
#setting{margin: 6px 3px;}
/* save */
#save,#SenFe_8{border: solid 1px #7B9EBC; background:#ffc; padding: 3px 1em; margin: 6px auto;}
#save button{height: 20px; overflow: hidden; margin-right: 8px;}
/* contain */
#contain{ padding:6px 3px; position: relative; top: 0; left: 0;}
#contain h2{background: #EDFFFF; line-height: 22px; padding: 0 9px; font-weight: bold; color: #004897; border-bottom: solid 1px #7B9EBC;}
#contain h2 b{font:8pt tahoma ; cursor: pointer; background: #FF7300; color: #fff; padding-left: 2px; border: solid 1px #fff;}
#contain h6{background: #CAEEFA; line-height: 22px; padding: 0 8px; font-weight: bold; color: #3F3F3F}
#contain address{ font:9pt Arial;color: #004897; position: absolute; right: 18px; top: 9px; z-index: 11}
#contain address a{color: #004897; padding: 0 3px;}
/* groupinfo */
#groupinfo{width: 530px;margin: 8px 0 8px 15px;}
#groupinfo dl{margin-left: 110px; line-height: 140%; color: #666;}
#groupinfo dd{margin-bottom: 3px;}
#groupinfo dl span{float: left; width: 70px; text-align: right; margin-right: 3px; color: #000;}
#groupinfo #invite{position: absolute; top: 140px; left: 13px; width: 120px;}
/* board */
#board{position: absolute; top: 33px; right: 14px; width: 210px;}
#board marquee{height: 110px; margin: 8px auto; padding: 5px;}
#board marquee p{text-indent: 2em; line-height: 140%;}
/* picshow */
#picshow { padding:9px 0; line-height:22px;}
#picshow ul{list-style:none;}
#picshow li{ float:left; width:20%; text-align:center;}
#picshow li div{ margin:0 auto; width:110px; height:100px; overflow:hidden; border:solid 1px #ccc; padding:2px;}
#picshow li img{ width:110px;}
#picshow form{padding: 9px;}
#picshow form h4{font-weight: bold;}
#picshow form label{ display: block; padding: 9px 0;}
#picshow form label input{	height: 17px; overflow: hidden; padding:2px 0 0 2px;border-top-width:1px; border-left-width:1px;}
#picshow form label textarea{padding:2px 0 0 2px;border-top-width:1px; border-left-width:1px;}
#picshow form label span{float: left; width: 80px; text-align: right;}
#picshow form iframe{height: 23px; overflow: hidden; padding-left: 77px;}
/* picvisit */
#picvisit{ margin:8px auto; width:500px; padding:2px; border:1px solid #ddd;}
#picvisit img{max-width:500px;width:expression(document.body.clientWidth > 500 ? "500px" : "auto" );}
/* groupclub */
#groupclub,#groupphoto{margin: 9px;}

#groupclub ul{list-style: none; line-height: 150%; margin-bottom: 8px;}
#groupclub li{float: left; width: 33%; height: 20px; text-align: center;}
#groupclub li a{color: #005DB5;}
#groupclub dl{clear: both; text-align: left; border-top: solid 1px #666; height: 99px; padding: 5px 0;}
#groupclub dd{float: left; width: 33%; line-height: 180%;}
#groupclub dl span{float: left; width: 80px; text-align: right; margin-right: 3px; color: #c30;}
#clubimg{list-style: none; clear: both;}
#clubimg li{text-align: center; width: 16.5%;}
#clubimg li div{width: 100px; height: 75px; overflow: hidden; background: #f1f1f1; margin: 5px auto;padding: 2px; border: solid 1px #ccc;}
#clubimg li div img{width: 150px; }
/* grouppost */
#grouppost{clear:both;}
#grouppost dl{border-bottom:solid 1px #D2E2F2; color: #333;}
#grouppost dt,#grouppost dd{height: 24px; line-height: 24px; overflow: hidden;}
#grouppost dd button{line-height: 17px; height: 18px; overflow: hidden; border: solid 1px #7B9EBC; background: #EDFFFF; margin-top: 2px; margin-left: 8px;}
#grouppost .dd1{background: #FBFFFF;}
#grouppost .dd2{border-bottom:solid 1px #D2E2F2; padding: 0 8px;background: #F8FFFF;}
#grouppost .dd3{border-bottom:solid 1px #D2E2F2;padding: 0 8px;}
#grouppost h3{line-height: 30px; padding: 0 1em;}
#grouppost dl p{float: left; border-top:solid 1px #D2E2F2; border-left: solid 1px #D2E2F2; text-align: center;}
#grouppost dl .post1{width: 40%; text-align: left;padding-left: 3px!important; padding-left: 4px;}
#grouppost dl .post1 img{float: left; margin: 5px 5px 0 0}
#grouppost dl .post2{width: 25%}
#grouppost dl .post3{width: 12%}
#grouppost dl .post4{width: 22%}
#grouppost dl .post5{width: 19%; text-align: right; padding-right: 6px; height: 24px;}
#grouppost dl .post6{width: 79%; text-align: left; padding-left:6px; height: 24px;}
#grouppost dl .post7{width: 25%}
#grouppost dl .post8{width: 15%}
#grouppost dl .post9{width: 10%}
#grouppost dl .post10{width: 15%}
#grouppost dl .post11{width: 34%}
#grouppost ul li h4{line-height:30px;font-weight:bold;}
#grouppost ul{list-style: none;/* border-bottom:solid 1px #D2E2F2;*/ color: #333;}
#grouppost ul li{line-height: 140%;border-bottom:solid 1px #D2E2F2; padding: 3px 9px; clear:both;}
#grouppost ul .li1{background: #F0FFFF;border-bottom:solid 1px #D2E2F2;}
#grouppost form{padding: 8px;}
#grouppost form label{display: block; padding: 4px 0;}
#grouppost form label span{float: left; width: 40px; text-align: right; margin-top: 4px;}
/* groupphoto */
#groupphoto ul{list-style: none; height: 80px;}
#groupphoto li{float: left; width: 16%; text-align: center;}
#groupphoto li img{padding: 2px; border: solid 1px #eee; width: 75px; height: 75px;}
/* keyword */
#keyword{padding: 9px;}
#keyword label{ display: block; margin: 9px 0; color: #999;}
#keyword label input{ height: 18px; line-height: 17px; overflow: hidden; padding: 1px 0 0 2px;}
#keyword label span{float: left; width: 80px; text-align:right; margin-right: 3px;margin-top: 4px;color: #000;}
/* rim */
.rim{border: solid 1px #7B9EBC;margin-bottom: 6px;position: relative;}
.rim1{border: solid 1px #10A2D1;}
.rim2{background: #EDFFFF; border: solid 1px #7B9EBC; padding: 8px; margin-bottom: 6px;}
.rim3{border: solid 1px #CAE2F8; background: #EFF7FE; line-height: 30px; margin: 8px; padding: 0 1em;}
/* button */
.bot1,.bot2{border: none; margin-left: 5px;overflow: hidden;}
.bot1{background: url(../img/bg/bot_my.gif) no-repeat;line-height: 16px;height: 21px; padding-top: 2px!important; width: 65px;}
.bot2{ background: url(../img/bg/bot_my2.gif) no-repeat; height: 24px; line-height: 24px; width: 97px;}
a.bot3:link,a.bot3:visited,a.bot3:hover{ background: url(../img/bg/bot_my2.gif) no-repeat; margin-left:5px; padding: 4px 15px;line-height: 24px;}
/* page */
.page{line-height: 24px; text-align: right; padding: 0 2em;}
.page a{padding: 0 4px;}
.page b{color: #069; padding: 0 2px;}
/* footer */
#footer{clear: both; line-height: 180%; text-align: center; border-top: solid 1px #666; margin: 0 3px;}
#footer a{line-height: 30px; color: #00439E; text-decoration: none;}
#footer a:hover{color: #333; text-decoration: underline;}
/* input */
.input1{ border: solid 1px #CAE2F8; background: #fff; color: #1989D7}
/* a color */
a:link,a:visited{color: #3F3F3F; text-decoration: none;}
a:hover{color: #039; text-decoration: underline;}
/* other color */
.red{color: #f00;}
.skyblue{color: #1989D7; line-height: 30px; padding-left: 1em; font-size: 10pt;}