@charset "utf-8";

/********************************************/
/*				page framework				*/			
/********************************************/
#page-wrapper{
	width:987px;
	margin:0 auto;
	background:url(../images/bg-page.gif) repeat-y;
}
#head{
	background:url(../images/bg-head.jpg) left top no-repeat;
	height:192px;
	position:relative;
}
#logo{
	width:100px;
	height:35px;
	margin-left:7px;
	text-indent:-9999px;
}
#logo a{
	display:block;
	width:110px;
	height:35px;
}
#search-form{
	width:260px;
	position:absolute;
	left:680px;
	top:2px;
}
#kv, #kv a{
	width:100%;
	height:155px;
}
#kv a{
	display:block;
}
#navigation{
	width:987px;
	background:url(../images/navigation.jpg) no-repeat ;
}
.article #navigation{
	background:url(../images/navigation-article.jpg) no-repeat;
}
.action #navigation{
	background:url(../images/navigation-action.jpg) no-repeat;
}
.blogtools #navigation{
	background:url(../images/navigation-tools.jpg) no-repeat;
}
.account #navigation{
	background:url(../images/navigation-account.jpg) no-repeat;
}
#content-box{
	width:100%;
}
#content{
	float:left;
	width:690px;
	padding-right:10px;
	min-height:500px;
	position:relative;
}
#sidebar-right{
	float:left;
	width:265px;
	padding:0 0 0 10px;
}
#footer{
	background-color:#333;
	height:26px;
	width:100%;
	text-align:center;
}
.clearfix:after{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}/* 這是對Firefox進行的處理，因為Firefox支持生成元素，而IE所有版本都不支持生成元素 */
.clearfix{
  display: inline-block;
}/* 這是對 Mac 上的IE瀏覽器進行的處理 */
html[xmlns] .clearfix{
	display: block;
}
.clearit{
	clear:both;
}

/********************************************/
/*			global html elements			*/			
/********************************************/
body{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:140%;
	letter-spacing:1px;
	background-color:#d6dbae;
	color:#666;
}
a,
a:hover,
a:link,
a:visited{
	outline:none;
}
h1{
	background:url(../images/h1.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
}
h4{
	font-weight:bold;
}
.sub-section{
	background-color:#f2f2f2;
	margin:10px 0 10px 20px;
	padding:5px 10px;
}
.sub-section .title{
	color:#333;
}
.sub-section .title a,
.sub-section .title span{
	font-size:15px;
	font-weight:bold;
}
ul.list-square li{
	color:#38831d;
	list-style-position:inside;
	list-style-type:square;
	line-height:180%;
}
ul.list-square li a,
ul.list-square li a:hover,
ul.list-square li a:link,
ul.list-square li a:visited{
	color:#289900;
}
ul.list-square li span{
	padding-left:10px;
	color:#333;
}
ul.list-square li img{
	width:20px;
	height:20px;
	vertical-align:text-bottom;
	margin-left:5px;
}
a.more{
	font-size:13px;
	font-weight:bold;
	color:#624710;
}
/*-----------------form-----------------*/
fieldset{
	color:#333;
	line-height:150%;
}
label{
	font-size:15px;
}
label.fieldname{
	float:left;
	width:85px;
}
input[type="text"]{
	border:2px solid #ccc;
	padding:1px;
}
input[type="text"].data{
	float:left;
	font-size:12px;
}
select{
	font-size:12px;
}
textarea{
	word-wrap:break-word;
}
legend{
	color:#333;
	font-size:15px;
	font-weight:bold;
}
input[type="button"],
input[type="submit"]{
	font-size:12px;
	padding:0 5px;
}
input[type="file"]{
	line-height:200%;
	font-size:12px;
	margin-left:5px;
}
input[type="radio"],
input[type="checkbox"]{
	margin-right:5px;
	vertical-align:middle !important;
	vertical-align:baseline;
}
.form-item{
	padding:3px 0;
	width:520px;
}
.remark{
	font-size:12px;
	line-height:23px;
	vertical-align:baseline;
	padding:5px 10px 3px 20px;
	margin-left:20px;
	color:#fff;
	background:url(../images/remark-tri.gif) left center no-repeat #c00;
	display:none;
}
.form-notice{
	font-size:11px;
	color:#093;
	padding:0 0 5px 85px;
}
.btn-area{
	padding-top:10px;
	/*text-align:center;*/
}
.nolabel{
	font-size:15px;
	padding:20px 0 0 85px;
}
br{
	letter-spacing:0;
}
/********************************************/
/*					head					*/	
/********************************************/
#navigation.logon{
	background-position:left -100px;
}
#navigation ul{
	margin-left:7px;
}
#navigation ul li{
	float:left;
	height:42px;
}
#navigation ul li a{
	display:block;
	height:42px;
	text-indent:-9999px;
}
#navigation ul li.article,
#navigation ul li.article a{
	width:171px;
}
#navigation ul li.action,
#navigation ul li.action a{
	width:196px;
}
#navigation ul li.tool,
#navigation ul li.tool a{
	width:163px;
}
#navigation ul li.signup{
	width:280px;
}
#navigation ul li.signup a{
	width:198px;
}
#navigation ul li.mypage{
	width:280px;
}
#navigation ul li.mypage a{
	width:198px;
}
#navigation ul li.signoff,
#navigation ul li.signoff a{
	width:85px;
}
#navigation ul li.home,
#navigation ul li.home a{
	width:80px;
}
#navigation ul li.signoff,
#navigation ul li.signoff a{
	width:85px;
}
#navigation ul li ul.sub-cate{
	visibility:hidden;
}
#navigation ul li:hover ul.sub-cate{
	visibility:visible;
}
#navigation ul.sub-cate{
	position:absolute;
	background-color:#c8a582;
	z-index:10;
	margin:0;
}
#navigation ul.sub-cate li{
	border:1px solid #fff;
	float:none;
	width:160px;
	height:20px;
	margin:2px;
}
#navigation ul.sub-cate li a,
#navigation ul.sub-cate li a:link,
#navigation ul.sub-cate li a:visited{
	text-indent:0;
	text-align:center;
	color:#fff;
	width:160px;
	height:20px;
	text-decoration:none;
	background-color:#c8a582;
}
#navigation ul.sub-cate li a:hover{
	background-color:#d1b498;
}
#search-form input[type="text"]{
	margin-right:5px;
	width:185px;
}
/********************************************/
/*					footer					*/	
/********************************************/
#footer{
	padding-top:5px;
}
#footer ul li{
	font-size:11px;
	display:inline;
	border-left:1px solid #fff;
	padding:0 10px;
}
#footer ul li:first-child{
	border-left:none;
}
#footer a,
#footer a:hover,
#footer a:link,
#footer a:visited{
	color:#fff;
	text-decoration:none;
}
/********************************************/
/*					sidebar					*/	
/********************************************/
#sidebar-right h3{
	background:url(../images/bg-sidebar.jpg) no-repeat;
	width:265px;
	text-indent:-9999px;
}
#sidebar-right h3.title-notice{
	background-position:left -800px;
	height:55px;
}
#sidebar-right h3.title-announce{
	background-position:left top;
	height:55px;
}
#sidebar-right h3.title-newpost{
	background-position:left -180px;
	height:55px;
}
#sidebar-right h3.title-tag{
	background-position:left -340px;
	height:40px;
}
#sidebar-right h3.title-new-article{
	background-position:left -500px;
	height:40px;
}
#sidebar-right h3.title-hot-article{
	background-position:left -550px;
	height:40px;
}
#sidebar-right h3.title-new-action{
	background-position:left -400px;
	height:40px;
}
#sidebar-right h3.title-hot-action{
	background-position:left -450px;
	height:40px;
}
.side-section1 .mid,
.side-section2 .mid{
	padding:0 20px;	
}
.side-section1 .mid{
	background:url(../images/bg-sideblock.jpg) left top repeat-y;
}
#sidebar-right ul li,
#sidebar-right ol li{
	line-height:120%;
	border-bottom:1px dotted;
	padding-top:5px;
	padding-bottom:5px;
}
#sidebar-right ul li span,
#sidebar-right ul li span a{
	color:#624710;
	font-size:11px;
	*font-size:10px;
}
#sidebar-right ul li span a{
	text-decoration:underline;
}
ul.list-circle li{
	list-style-type:disc;
	list-style-position:inside;
}
#sidebar-right ol li{
	list-style-type:decimal;
	list-style-position:inside;
}
ul.list-circle li a,
ul.list-circle li a:hover,
ul.list-circle li a:link,
ul.list-circle li a:visited{
	color:#5334bf;
	text-decoration:none;
}
ul.list-circle li a:hover{
	text-decoration:underline;
}
.side-section1 .bottom1{
	background:url(../images/bg-sidebar.jpg) left -135px no-repeat;
	width:265px;
	height:40px;
	text-indent:-9999px;
}
.side-section1 blockquote{
	background:url(../images/quote.gif) left top no-repeat;
	padding:0 15px 5px 30px;
	font-size:13px;
	font-weight:bold;
	color:#85603c;
	letter-spacing:0px;
	word-wrap:break-word;
	overflow-x:hidden;
}
.side-section1 blockquote a,
.side-section1 blockquote a:link,
.side-section1 blockquote a:visited{
	color:#85603c;
	text-decoration:none;
}
.side-section1 blockquote a:hover{
	text-decoration:underline;
}
.side-section1 .bottom{
	background:url(../images/bg-sidebar.jpg) left -288px no-repeat;
	width:265px;
	height:40px;
	text-indent:-9999px;
}
.side-section1{
	margin-bottom:10px;
}
a.author-link{
	padding-left:20px;
	display:block;
	background:url(../images/quote.gif) right bottom no-repeat;
	height:18px;	
	letter-spacing:0px;
}
a.author-link,
a.author-link:hover,
a.author-link:link,
a.author-link:visited{
	color:#666;	
}
img.event-img{
	padding:10px;
}
.side-section2{
	margin-bottom:20px;
}
.cloud a{
	padding:0 5px;
	color:#85603c;
}
a.tag-xl{
	font-size:36px;
	line-height:160%;
}
a.tag-l{
	font-size:30px;
	line-height:160%;
}
a.tag-m{
	font-size:24px;
	line-height:160%;
}
a.tag-s{
	font-size:18px;
	line-height:160%;
}
a.tag-xs{
	font-size:12px;
	line-height:160%;
}
ul.list-star{
	padding-right:25px;
}
ul.list-star li{
	background:url(../images/bg-sidebar.jpg) left -620px no-repeat;
	list-style:none;
	list-style-position:outside;
	padding-left:25px;
}
ul.list-star li a,
ul.list-star li a:link,
ul.list-star li a:visited{
	color:#666;
	text-decoration:none;
}
ul.list-star li a:hover{
	text-decoration:underline;
}
.stats{
	color:#333;
	padding:20px 0;
	background:url(../images/bg-sideblock.jpg) -300px top no-repeat;
}
a.rss{
	background:url(../images/bg-sidebar.jpg) left -700px no-repeat;
	display:block;
	width:100px;
	height:55px;
	text-indent:-9999px;
}
/********************************************/
/*		signup form/login form				*/	
/********************************************/
h1.title-signup{
	background-position:left -60px;
}
h1.title-login{
	background-position:left top;
}
#signup-form,
#login-form{
	margin:10px 0 0 80px;
}
.separation1{
	margin:0 0 15px 20px;
	border-bottom:2px solid #81b06a;
}
img.intro{
	margin:0 0 0 100px;
}
.prompt{
	color:#093;
	padding:0 5px 5px 5px;
}
#login-form .btn-area{
	text-align:center;
}
/********************************************/
/*					terms					*/	
/********************************************/
h1.terms{
	background:none;
	text-indent:0;
	font-size:25px;
	height:25px;
	padding:8px 0;
	font-family:SimHei;
}
.service-rule{
	padding:20px;
}
.service-rule ul{
	margin:20px 0;
	padding:0 20px 0 40px;
	
}
.service-rule h2{
	font-size:15px;
	font-weight:normal;
	color:#34B1D4;
	padding-bottom:15px;
}
.service-rule h2 a{
	color:#34B1D4;
}
.service-rule h3{
	font-size:12px;
	font-weight:bold;
	margin:10px 0;
}
.notice-1 li{
	list-style:square;
	margin-bottom:20px;
}
#service-rule-wrapper {
	margin:30px;
	padding:10px 20px;
	border:1px solid #ccc;
	height:350px;
	overflow:auto;
	font-size:11px;
	background:#fafafa;
}
ol.readme{
	padding-left:50px;
}
ol.readme li{
	list-style-position:outside;
	list-style-type:decimal;
	padding-bottom:15px;
}
/********************************************/
/*					index					*/	
/********************************************/
h1.index-action {
	background-position:left -480px;
}
h1.index-other{
	background-position:left -540px;
}
h1.index-alley{
	background-position:left -600px;
}
img.index-img{
	float:left;
	padding:4px;
	margin-right:10px;
	border:1px solid #999;
}
.index-article-main{
	padding-bottom:10px;
}
.index-action-main .block,
.index-article-main .block{
	float:left;
	width:430px;
	clear:right;
}
.index-article-main .block{
	width:330px;
}
a.link-action,a.link-action:hover,a.link-action:link,a.link-visited{
	color:#fff;
	background-color:#4fa103;
	padding:3px 10px 3px 5px;
	text-decoration:none;
	letter-spacing:0.1em;
}
a.link-action:hover{
	text-decoration:underline;
}
h2.index-record{
	color:#393;
	font-size:14px;
	font-weight:bold;
	font-family:"Arial Unicode ms";
	letter-spacing:0;
}
.index-action-counter{
	color:#333;
	padding-bottom:15px;
}
ul.index-action-list,
ul.index-article-list{
	border-bottom:2px dotted #999;
}
ul.index-action-list li,
ul.index-article-list li{
	position:relative;
	float:left;
	width:204px;
	padding:8px 8px 35px;
	margin-right:3px;
	/*border:8px solid #d9e8dc;*/
	height:205px;
	overflow:hidden;
}
ul.index-action-list li{
	background:url(../images/bg-index-list.jpg) left top no-repeat;
}
ul.index-article-list li{
	background:url(../images/bg-index-list.jpg) left -300px no-repeat;
}
ul.index-action-list .action-title,
ul.index-article-list li .article-title{
	font-weight:bold;
	height:36px;
	margin:3px 0 5px 0;
	border-bottom:2px dotted #999;
	overflow:hidden;
}
ul.index-action-list .action-title{
	color:#378122;
}
ul.index-article-list li .article-title{
	color:#39c;
}
.index-leader,
.index-author{
	font-size:13px;
}
.index-leader{
	min-height:30px;
	color:#333;
	background:url(../images/bg-level.gif) no-repeat;
	overflow-x:hidden;
}
.index-author{
	color:#000;
}
img.rep{
	vertical-align:middle;
}
.level{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:5px;
	width:90px;
	padding:3px 0;
}
.index-leader .level{
	height:18px;
	padding-left:4px;
	float:left;
}
.id-SECRET{
	background-position:left top;
}/*不告訴你*/
.id-INLOVE{
	background-position:left -100px;
}/*戀愛中*/ 
.id-CONTACT{
	background-position:left -200px;
}/*交往中*/
.id-LOSTLOVE{
	background-position:left -300px;
}/*失戀中*/ 
.id-SINGLE{
	background-position:left -400px;
}/*單身中*/ 
.id-SEPARATE{
	background-position:left -500px;
}/*分居中*/ 
.id-MARRIED{
	background-position:left -600px;
}/*結婚啦*/
.abstract{
	height:57px;
	overflow:hidden;
	margin-bottom:5px;
	word-wrap:break-word;
}
ul.index-action-list .counter,
ul.index-article-list .counter{
	text-align:center;
	color:#333;
	padding-bottom:10px;
}
span.counter-s{
	color:#ac4ea2;
	font-weight:bold;
}
.index-article-main .article-sentence{
	color:#2e95cf;
	font-size:15px;
	font-weight:bold;
	padding-bottom:15px
}
.index-author-main{
	font-size:15px;
	font-weight:bold;
	color:#666;
	padding-bottom:20px;
}
.index-article-main .block a.more,
ul.index-article-list a.more{
	display:inline;
	color:#fff;
	background-color:#39c;
	padding:3px 10px 3px 5px;
	text-decoration:none;
	letter-spacing:0.1em;
	font-weight:normal;
}

ul.index-action-list a.link-action,
ul.index-article-list a.more{
	position:absolute;
	bottom:63px;
	left:63px;
}
.join{
	vertical-align:text-bottom;
}
.index-action-main a.action-sentence{
	padding-left:16px;
	background:url(../images/quote-green.gif) left top no-repeat;
}
span.endquote{
	padding-right:16px;
	background:url(../images/quote-green.gif) right bottom no-repeat;
}
/********************************************/
/*				article						*/	
/********************************************/
h1.title-article{
	background-position:left -360px;
}
.article-header{
	height:60px;
	clear:both;
}
.article-header .date,
.action-main .date,
.article-main .date{
	background:url(../images/bg-date.gif) left top no-repeat;
	color:#000;
	float:left;
	width:38px;
	height:40px;
	padding:4px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	margin-right:10px;
	line-height:20px;
}
.article-header .date span,
.header .date span{
	color:#fff;
}
h2.article-sentence,
.article-main h2,
.article-main h1.article-name,
.action-main h1{
	/*float:left;*/
	font-size:24px;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	font-weight:bold;
	color:#393;
	line-height:24px;
	width:600px;
	background:none;
	text-indent:0;
	height:auto;
	padding-bottom:5px;
}

.action-main h1 a,
.action-main h1 a:link,
.action-main h1 a:visited,
.action-main h1 a:hover{
	color:#393;
	text-decoration:none;
}
.action-main h1 a:hover{
	text-decoration:underline;
}
.figure-box{
	width:340px;
	margin:auto;
}
.article-picture{
	padding:4px;
	border:1px solid #999;
}
.article-caption{
	color:#333;
	font-size:11px;
	width:320px;
	padding:5px 0;
	text-align:center;
}
.article-text{
	/*font-size:13px;
	line-height:160%;*/
	padding-bottom:10px;
}
.function{
	background-color:#f2f2f2;
	padding:10px;
}
.other-article{
	color:#333;
	font-size:14px;
	font-weight:bold;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	letter-spacing:0;
}
h1.title-comment{
	background-position:left -420px;
	clear:both;
}
#action-logs,
#article-comments{
	margin:0 0 20px 40px;
	width:578px;
	background-color:#f3f6fb;
}
.log-header{
	height:48px;
	width:573px;
	position:relative;
	padding-left:5px;
	background:url(../images/bg-log.gif) left top no-repeat;
}
a.proposer{
}
.log-header a.proposer,
.log-header span.proposer{
	padding:3px 5px 2px 20px;
	background:url(../images/icon-person.gif) left -250px no-repeat;
}
.log-header .right{
	float:right;
	width:28px;
	height:33px;
	margin-top:-42px;
	padding:15px 0 0 20px;
	background:url(../images/bg-log.gif) right top no-repeat;
}
.log-header .name-box{
	padding-top:10px;
}
.log-bottom{
	height:20px;
	background:url(../images/bg-log.gif) left -100px no-repeat;
}
.log-bottom .right{
	float:right;
	width:48px;
	height:8px;
	background:url(../images/bg-log.gif) right -100px no-repeat;
}
.add-article-comment{
	background:url(../images/bg-tweet-list.jpg) left -600px repeat-x #f5f5f5;
	padding:30px 15px 10px 15px;
	margin-bottom:20px;
}
.add-article-comment input.who{
	border:1px solid #7f9db9;
	margin-bottom:10px;
}
.add-article-comment textarea{
	vertical-align:top;
	width:620px;
}
.add-article-comment .btn-area{
	text-align:center;
}
/********************************************/
/*			  article-cate					*/	
/********************************************/
h1.cate-life{
	background:url(../images/h1-cate.gif) left top no-repeat;
}
h1.cate-work{
	background:url(../images/h1-cate.gif) left -60px no-repeat;
}
h1.cate-family{
	background:url(../images/h1-cate.gif) left -120px no-repeat;
}
h1.cate-love{
	background:url(../images/h1-cate.gif) left -180px no-repeat;
}
h1.cate-friend{
	background:url(../images/h1-cate.gif) left -240px no-repeat;
}
h1.cate-pet{
	background:url(../images/h1-cate.gif) left -300px no-repeat;
}
h1.cate-travel{
	background:url(../images/h1-cate.gif) left -360px no-repeat;
}
h1.cate-food{
	background:url(../images/h1-cate.gif) left -420px no-repeat;
}
h1.cate-other{
	background:url(../images/h1-cate.gif) left -480px no-repeat;
}
img.cate-img{
	border:1px solid #999999;
	float:left;
	margin:0 10px;
	padding:4px;
}
.intro-text,
.intro-article{
	padding-top:5px;
	background:url(../images/bg-cate-list.jpg) left bottom no-repeat;
}
.intro-text p,
.intro-article p,
.intro-text .intro-wrap{
	padding:10px 20px 20px 100px;
	background:url(../images/flower.jpg) left 5px no-repeat;
	font-size:14px;
	font-weight:bold;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	min-height:95px;
	*height:95px;
}
.intro-text p{
	color:#4d7a21;
}
.intro-article p{
	color:#34b0cb;
}
a.create-action{
	display:block;
	width:170px;
	height:40px;
	margin:5px 0;
	background:url(../images/btn-create-action.gif) left top no-repeat;
	text-indent:-9999px;
}
a.create-article{
	display:block;
	width:160px;
	height:40px;
	margin:5px 0;
	background:url(../images/btn-create-article.gif) left top no-repeat;
	text-indent:-9999px;
}
.cate-action-main{
	margin-bottom:20px;
}
.cate-action-main .block{
	float:left;
	width:320px;
	clear:right;
}
a.go-action,
a.go-action:hover,
a.go-action:link,
a.go-action:visited{
	background:url(../images/btn-link-action.gif) left top no-repeat;
	display:block;
	width:125px;
	height:38px;
	text-indent:-9999px;
	margin:auto;
}
.newrecord{
	background:url(../images/icon-person.gif) left -500px no-repeat;
	height:30px;
	text-indent:-9999px;
}
a.record-action,
a.record-action:link,
a.record-action:visited{
	float:left;
	width:450px;
	color:#666;
	padding-right:20px;
	text-decoration:none;
}
a.record-action:hover{
	text-decoration:underline;
}
.article-2col{
	width:330px;
	float:left;
}
.left{
	margin-right:10px;
}
.article-item-tall,
.article-item-short{
	width:330px;
	margin-bottom:10px;
	background-color:#f3f1eb;
}
.item-wrapper{
	padding:10px 12px 8px;
}
.category{
	height:30px;
	color:#624710;
}
.category span{
	color:#624710;
	font-size:12px;
}
.category a,
.category a:hover,
.category a:link,
.category a:visited{
	font-size:12px;
	color:#624710;
	text-decoration:underline;	
}
.category img.topic-icon{
	float:none;
	vertical-align:middle;
}
.header-l{
	height:82px;
	overflow:hidden;
}
.header-l .block{
	float:left;
	width:200px;
}
.header-s{
	height:40px;
	overflow:hidden;
}
.article-item-tall .headshot,
.article-item-short .headshot{
	border:none;
	padding:0 2px 2px 0;
	margin-right:8px;
	background:url(../images/shadow.gif) right bottom no-repeat;
}
h3.name{
	font-size:13px;
	font-weight:bold;
	color:#666;
	height:20px;
}
h3.name a,
h3.name a:hover,
h3.name a:link,
h3.name a:visited{
	color:#666;
}
.header-l h3.name{
	margin-top:5px;
}
.header-s h3.name{
	margin-top:20px;
}
.article-title a,
.article-title a:link,
.article-title a:visited{
	display:block;
	position:absolute;
	width:306px;
	height:16px;
	font-size:15px;
	font-weight:bold;
	color:#3399d7;
	overflow:hidden;
	text-decoration:none;
	word-wrap:break-word;
	
}
.article-title a:hover{
	overflow:visible;
	width:306px;
	height:auto;
	background-color:#fff;
	border:1px solid #8EA6CC;
}
.header-l .article-title{
	width:205px;
	height:35px;
}
.header-l .article-title a,
.header-l .article-title a:link,
.header-l .article-title a:visited{
	width:215px;
	height:35px;
}
.header-l .article-title a:hover{
	height:auto;
}
.article-item-tall .abstract{
	height:180px;
	overflow:hidden;
	border:none;
	color:#666;
	line-height:18px;
	padding-top:5px;
}
.article-item-short .abstract{
	height:30px;
	overflow:hidden;
	border:none;
	color:#666;
	line-height:18px;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:7px;
}
.article-item-tall .function,
.article-item-short .function{
	height:25px;
	padding:5px 0 0 10px;
	background-color:#eae6d9;
}
.abstract a.more,
.abstract a.more:hover,
.abstract a.more:link{
	color:#666;
	font-weight:normal;	
}
img.article-img{
	margin:auto;
	padding-bottom:5px;
}
img.headshot40{
	border:1px solid #666;
	vertical-align:middle;
	width:40px;
	height:40px;
}
.fixer{
	position:absolute;
	right:15px;
	top:15px;
}
.log-header .fixer{
}
.comment-header .fixer{
	padding-top:5px;
}
a.delete-box{
	display:block;
	width:13px;
	height:15px;
	background:url(../images/icon-person.gif) left -450px no-repeat;
}
.alert{	
	position:absolute;
	width:92px;
	height:44px;
	background:url(../images/bg-alert.gif) center top no-repeat;
	padding:8px 10px;
	margin:-70px 0 0 -53px;
	text-align:center;
	z-index:5;
}
.alert a,
.alert a:hover,
.alert a:link,
.alert a:visited{
	padding:0 5px;
	color:#666;
	text-decoration:underline;
	cursor:pointer;
}
.alert a.ok,
.alert a.ok:hover,
.alert a.ok:link,
.alert a.ok:visited{
	color:#b27304;
}
.add-comment{
	border-left:1px solid #cce1f2;
	border-right:1px solid #cce1f2;
}
.add-comment fieldset{
	background-color:#fff;
	margin:0 auto;
	padding:5px 15px;
	width:445px;
}
a.login-comment,
a.login-comment:hover,
a.login-comment:link,
a.login-comment:visited{
	cursor:pointer;
	border:1px solid #b5b5b5;
	padding:2px;
	color:#666;
	background-color:#fff;
	font-size:11px;
	text-decoration:none;
	display:block;
	width:120px;
	height:14px;
	line-height:14px;
	margin:auto;
	text-align:center;
	background:url(../images/bg-tweet-list.jpg) left top repeat-x;
}
.add-comment textarea{
	width:99%;
}
.comment-btn{
	text-align:right;
}
/********************************************/
/*				action						*/	
/********************************************/
h1.title-action{
	background-position:left -240px;
}
.headshot,
a img.headshot{
	float:left;
	width:80px;
	height:80px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
}
.form-item img.headshot{
	margin:5px;
}
.section-wrapper{
	margin-left:20px;
}
li.action-item{
	/*background:url(../images/bg-cate-list.jpg) center top no-repeat;*/
	padding-top:10px;
	margin-bottom:10px;
	border-top:1px dashed #999;
}
li.action-item .header{
	border-bottom:1px dotted #999;
	height:40px;
	margin:20px 0 10px;
	clear:both;
}
h2.title-cate{
	background:none;
	float:left;
	font-family:SimHei;
	font-size:26px;
	color:#4fa103;
	width:480px;
	line-height:40px;
}
li.action-item:first-child{
	background:none;
}
li.action-item .calculate{
	float:right;
	padding-top:18px;
	width:200px;
	text-indent:0;
	position:absolute;
	right:0;
	bottom:5px;
	text-align:right;
}
a.counts,
a.counts:hover,
a.counts:link,
a.counts:visited{
	padding:3px 5px 2px 20px;
	background:url(../images/icon-person.gif) left -250px no-repeat;
	color:#624710;
}
img.action-img{
	float:left;
	left:0;
	padding:4px;
	margin-right:20px;
	border:1px solid #999;
	background-image:#fff;
}
li.action-item .block{
	float:left;	
	width:450px;
	clear:right;
}
li.action-item img.action-img{
	width:160px;
	height:120px;
}
a.action-name,
a.action-name:hover,
a.action-name:link,
a.action-name:visited{
	display:block;
	color:#393;
	font-size:16px;
	font-weight:bold;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	text-decoration:none;
	margin-bottom:5px;
}
a.action-name:hover{
	text-decoration:underline;
}
.action-main h2,
a.action-sentence,
a.action-sentence:hover,
a.action-sentence:link,
a.action-sentence:visited{
	display:block;
	color:#39c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:5px;
}
.action-main h2{
	/*text-indent:55px;*/
	font-size:13px;
	float:left;
}
.newest{
	/*1026demobackground:url(../images/icon-person.gif) left -350px no-repeat;*/
	height:30px;
	text-indent:-9999px;
	position:relative;
}
.record{
	padding:10px;
	background-color:#ECF3EB;
	border-bottom:1px solid #fff;
	width:649px;
	display:none;
	height:0/*1026demo*/
}
.record .date{
	color:#38831D;
	font-weight:bold;
	float:left;
	width:85px;
}
a.record-title,
a.record-title:link,
a.record-title:visited{
	float:left;
	width:560px;
	color:#666;
	text-decoration:none;
}
a.record-title:hover{
	text-decoration:underline;
}
.action-main,
.article-main{
	position:relative;
	border-bottom:2px dotted #999;
	margin-bottom:10px;
	padding-bottom:10px;
	overflow:hidden;
	word-wrap:break-word;
	width:660px;
}
.action-main{
	padding-bottom:40px;
}
.article-main img.article-img{
	float:left;
	padding:4px;
	margin-right:20px;
	margin-bottom:10px;
	border:1px solid #999;
	width:320px;
	height:240px;
}
.action-main img{
	float:left;
	margin-bottom:10px;
}
.action-main img.action-img{
	width:210px;
	margin-right:20px;
}
.article-main .block{
	float:left;
	width:300px;
	min-height:280px;
	height:auto;
	*height:280px;
}
.header .pageview{
	padding-bottom:8px;
}
.header .pageview a{
	color:#393;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.header .pageview a:hover{
	text-decoration:underline;
}
.action-main .namecard .pageview{
	color:#666;
	padding-right:20px;
		display:inline;
}
.bookmark{
	float:right;
	width:110px;
	margin-top:-30px;
}
span.counter{
	font-size:20px;
	color:#c09;
	padding:0 5px;
}
a.origin{
	padding:3px 5px 2px 20px;
	background:url(../images/icon-person.gif) left -300px no-repeat;
	color:#624710;
}
.action-main .header,
.article-main .header{
	min-height:50px;
	height:auto;
	*height:50px;
	clear:both;
	padding:10px 0;
}
.action-title-sentence{
	float:left;
	font-size:18px;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	font-weight:bold;
	width:620px;
	color:#393;
	line-height:120%;
}
.action-main .block{
	/*float:left;
	width:410px;*/
	clear:both;
	padding-bottom:20px;
}
.index-action-main .block .name,
.action-main .block .name,
li.action-item .block .name{
	float:left;
	width:70px;
}
.index-action-main .block .action-desc,
.action-main .block .action-desc,
li.action-item .block .action-desc{
	float:left;
	width:340px;
	padding-bottom:10px;
}
.action-main .block .action-desc{
	width:585px;
}
.action-main .btn-area{
	text-align:center;
}
.index-action-main .block .action-desc{
	width:355px;
}
li.action-item .block .action-desc{
	width:375px;
}
a.leader,
a.leader:link{
	color:#666;
}
.action-main .calculate{
	padding:5px 0;
}
h1.title-record{
	background-position:left -300px;
}
.log-content{
	padding:0 20px 20px;
	border-left:1px solid #cce1f2;
	border-right:1px solid #cce1f2;
	word-wrap:break-word;
	overflow-x:hidden;
	width:536px;
}
.log-content img.log-main{
	float:left;
	width:160px;
	height:120px;
	padding:5px 10px 5px 0;
}
.message{
	padding:3px 0 3px 50px;
	border-left:1px solid #cce1f2;
	border-right:1px solid #cce1f2;
}
.message a,
.message a:link,
.message a:visited{
	color:#e95d00;
	text-decoration:none;
	cursor:pointer;
}
.message a:hover{
	text-decoration:underline;
	cursor:pointer;
}
a.add-c:hover span,
a.show-c:hover span{
	text-decoration:underline;
	cursor:pointer;
}
img.headshot23{
	float:left;
	border:1px solid #666;
	vertical-align:middle;
}
.name-box{
	width:475px;
	height:25px;
	float:left;
	margin-left:3px;
	background-color:#e4edf6;
}
.log-item a.replier{
	padding:3px 5px 2px 20px;
	background:url(../images/icon-person.gif) left -200px no-repeat;
}
.log-item .comment{
	border-left:1px solid #cce1f2;
	border-right:1px solid #cce1f2;
	height:1%;/*fix pee-ka-boo*/
}
.comment-item{
	margin:0 30px 0 23px;
	padding-bottom:5px;
}
.comment-content{
	width:445px;
	background-color:#fff;
	margin:0 0 0 28px;
	padding:5px 15px;
}
.supporter-list{
	border-bottom:2px dotted #999;
}
.supporter-list .clearfix{
	padding:15px;
	/*border:1px solid #f00;*/
}
.supporter-list a{
	float:left;
	height:71px;
}
.supporter-list a img{
	padding:3px;
	border:1px solid #d7d7d7;
	background-color:#fff;
	width:63px;
	height:63px;
}
.namecard{
	float:left;
	clear:right;
	position:relative;
	border-top:1px solid #36821b;
	border-bottom:1px solid #36821b;
	padding:5px 0;
	min-height:88px;
	*height:88px;
	margin-bottom:5px;
}
.namecard .wrap{
	float:left;
	width:200px;
	position:absolute;
	bottom:5px;
	left:95px
}
.article-main .namecard{
	width:310px;
}
.action-main .namecard{
	width:420px;
}
.namecard .nick a,
.namecard .nick a:hover,
.namecard .nick a:link,
.namecard .nick a:visited{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#38831d;
}
.namecard .nick a:hover{
	text-decoration:underline;
}
.namecard img{
	margin-right:10px;	
}
.addfav{
	width:131px;
	height:25px;	
	background:url(../images/btn-addfav.gif) left top no-repeat;
	text-indent:-9999px;
	float:left;
}
/*.article-main .category{
	padding-top:5px;
	text-align:right;
}*/
.action-main .category,
.person-tweet-list .category{
	padding-top:5px;
	height:auto;
	position:absolute;
	right:0;
	bottom:10px;
}
.article-main .category{
	padding-top:5px;
	text-align:right;
}
.fav-count{
	margin-bottom:20px;
}
.fav-count b,
.supporter-list b{
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#36821b;
}
.fav-count b{
	float:left;
	width:170px;
}
.heart{
	display:inline-block;
	width:220px;
}

.heart div{
	height:20px;
	background-image:url(../images/heart.gif);
}
#record{
	background-color:#f3f1eb;
	padding:10px 10px 40px;
	position:relative;
	min-height:200px;
	width:650px;
	word-wrap:break-word;
	overflow-x:auto;
}
#record h2{
	font-size:15px;
	font-weight:bold;
	color:#289900;
	padding-bottom:5px;
}
#record p.supporter{
	border-bottom:1px solid #666;
	padding-bottom:5px;
	margin-bottom:10px;
	width:650px;
}
#record h2 span{
	color:#333;
}
#record img{
	margin:0 15px 15px 0;
	background-color:#fff;
	padding:4px;
	border:1px solid #666;
}
a.back-list,
a.back-list:link{
	position:absolute;
	height:30px;
	bottom:0;
	right:15px;
	color:#624710;
	text-decoration:none;
}
a.back-list:hover{
	text-decoration:underline;
}
.supporter-list + .btn-area{
	text-align:right;
}
.btn-area > a.back-list{
	position:relative;
}
.right{
	text-align:right;
}
.share{
	position:relative;
	padding:10px 0 0;
}
.share img{
	vertical-align:middle;
	padding-right:5px;
	margin:0;
}
.share a,
.share a:hover,
.share a:link,
.share a:visited{
	color:#666;
	font-size:13px;
	float:left;
}
.action-main .share{
	position:absolute;
	left:0;
	bottom:10px;
	padding-bottom:0;
}
#record-comment{
	margin:0 0 20px 40px;
}
.open, .close{
	text-align:right;
}
.open a,
.open a:link,
.open a:visited,
.open a:hover,
.close a,
.close a:link,
.close a:visited,
.close a:hover{
	padding-left:15px;
	color:#624710;
	text-decoration:underline;
}
.open a{
	background:url(../images/smalltri.gif) no-repeat left top;
}
.close a{
	background:url(../images/smalltri.gif) no-repeat left -23px;
}
#join-logs.sub-section{
	background-color:#dedede;
}

/********************************************/
/*				personal					*/	
/********************************************/
h1.account{
	background-position:left -180px;
}
#profile{
	margin:0 0 10px 20px;
}
#profile h1{
	font-size:15px;
	font-weight:bold;
	color:#3a851e;
	padding-left:20px;
	height:40px;
	line-height:40px;
	background:url(../images/icon-person.gif) left 5px no-repeat;
	text-indent:15px;
}
#profile .share{
	width:200px;
	padding:100px 0 0 10px;
	float:left;
}
.doorplate{
	background:url(../images/doorplate.jpg) no-repeat;
	float:left;
	width:220px;
	height:108px;
	padding:17px 0 0 10px;
	position:relative;
}
.SECRET{
	background-position:left top;
	color:#000;
}/*不告訴你*/
.SECRET a{
	color:#000;
}
.INLOVE{
	background-position:left -200px;
	color:#c0270e;
}/*戀愛中*/ 
.INLOVE a{
	color:#c0270e;
}
.CONTACT{
	background-position:left -400px;
	color:#e29103;
}/*交往中*/
.CONTACT a{
	color:#e29103;
}
.LOSTLOVE{
	background-position:left -600px;
	color:#1d85dc;
}/*失戀中*/ 
.LOSTLOVE a{
	color:#1d85dc;
}
.SINGLE{
	background-position:left -800px;
	color:#fec002;
}/*單身中*/ 
.SINGLE a{
	color:#fec002;
}
.SEPARATE{
	background-position:left -1000px;
	color:#0c62ab;
}/*分居中*/ 
.SEPARATE a{
	color:#0c62ab;
}
.MARRIED{
	background-position:left -1200px;
	color:#093;
}/*結婚啦*/
.MARRIED a{
	color:#093;
}
.nick-no{
	padding:30px 0 0 5px;
	float:left;
	width:122px;
	height:47px;
}
.doorplate .nickname{
	font-size:13px;
	font-weight:bold;
	word-wrap:break-word;
	word-break:break-all;
	overflow-x:hidden !important;
	overflow-y:hidden;
	height:26px;
	text-align:right;
	padding-right:7px;
}
.doorplate .nickname a{
	text-decoration:none;
}
.doorplate .nickname a:hover{
	text-decoration:underline;
}
.doorplate .serial-no{
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:0;
	text-align:right;
	padding-right:30px;
}
.desc-block{
	float:left;
	margin-left:10px;
	width:400px;
}
#profile .pageview{
	font-size:12px;
	color:#3a851e;
	padding-bottom:10px;
}
#profile .pageview span.name{
	font-weight:bold;
}
h2.title-tweet{
	background:url(../images/icon-person.gif) left -100px no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#3a851e;
	padding:5px 0 0 30px;
	height:35px;
	line-height:35px;
}
.section-tweet{
	margin:0 0 20px 20px;
}

h3.tweet-sentence,
h3.tweet-sentence a,h3.tweet-sentence a:hover,h3.tweet-sentence a:link{
	background-image:none;
	color:#3A851E;
	font-size:15px;
	font-weight:bold;
	height:35px;
	text-indent:5px;
	text-decoration:none;
}
h3.tweet-sentence a:hover{
	text-decoration:underline;
}
img.topic-icon{
	float:left;
	padding:3px 3px 0 0;
}
li.person-tweet-list{
	background:url(../images/bg-tweet-list.jpg) left top repeat-x;
	padding:10px;
	position:relative;
}
li.person-tweet-list .date{
	color:#3A851E;
	font-size:12px;
	text-indent:5px;
}
ul.person-tweet-list .header{
}
li.person-tweet-list img.tweet-img{
	background-color:#fff;
	padding:3px;
	border:1px solid #999;
	float:left;
	width:100px;
	height:70px;
}
li.person-tweet-list .block{
	float:left;
	width:520px;
	padding:0 10px;
}
li.person-tweet-list .tweet-txt{
	padding:5px 0 10px;
	word-wrap:break-word;
	overflow-x:hidden;
}
a.comment,
a.comment:hover,
a.comment:link,
a.comment:visited,
.add-on{
	padding:3px 5px 2px 20px;
	background:url(../images/icon-person.gif) left -200px no-repeat;
	color:#624710;
}
li.person-tweet-list .add-on{
	background:none;
	padding-left:0;
}
#paginate{
}
.paginate{
	border-top:1px solid #ececec;
	border-bottom:2px solid #81af6b;
}
.section-tweet ul{
	border-bottom:1px solid #ccc;
}
a.prev,
a.prev:hover,
a.prev:link,
a.prev:visited,
a.next,
a.next:hover,
a.next:link,
a.next:visited{
	color:#624710;
	padding:0 10px;
}
.paginate .wrapper{
	text-align:center;
	background-color:#ececec;
	margin:7px 0 12px;
	padding:10px 0;
}
.simple-nav{
	text-align:center;
	margin-bottom:10px;
}
/********************************************/
/*			personal-manage					*/	
/********************************************/
h1.account-edit{
	background-position:left -120px;
}
#tab-set{
	margin:0 0 20px 20px;
	background-color:#f6f5ef;
	border-bottom:3px solid #3a851e;
}
.tab-content ul{

}
.tab-content ul li{
	border-top:1px dotted;
	clear:both;
	padding:3px 0 3px 15px;
}
.tab-content ul.person-action-list li{
	border-top:2px solid #3A851E;
}
.tab-content ul li:first-child{
	border-top:none;
}
.tab-content ul li .date{
	float:left;
	width:100px;
}
.tab-content ul li .function{
	float:left;
	padding:0;
	background:none;
	text-align:right;
}
.tab-content ul li .function input{
	width:50px;
	vertical-align:middle;
	cursor:pointer;
}
.tab-content ul li a, .tab-content ul li a:link{
	color:#666;
	text-decoration:none;
}
.tab-content ul li a:hover{
	color:#666;
	text-decoration:underline;
}
.tab-content ul li h3{
	font-weight:bold;
}
.tab-content ul li h3 input{
	font-weight:normal;
}
.tab-content ul li ul li{
	padding-left:0;
}
/*ul.person-sentence-list li, ul.person-action-list li{
	border-top:1px dotted;
	clear:both;
	padding:2px 0 0 15px;
}
ul.person-sentence-list li:first-child, ul.person-action-list li:first-child{
	border-top:none;
}
ul.person-sentence-list li .date, ul.person-action-list li .date{
	float:left;
	width:100px;
}*/
ul.person-sentence-list li .sentence{
	float:left;
	width:420px;
}

ul.person-sentence-list .title,
ul.person-action-list li .title,
ul.person-support-list li .title{
	float:left;
	width:420px;
	padding-right:10px;
}
ul.person-support-list li .name,
ul.person-action-list li .name{
	float:left;
	width:70px;
}
.green{
	color:#3A851E;
}
ul.person-action-list li .clearfix{
	border-bottom:1px dotted #666;
}
ul.my-record-list li,
ul.my-record-list li a,
ul.my-record-list li a:hover,
ul.my-record-list li a:link,
ul.my-record-list li a:visited{
	color:#3a851E;
}
ul.person-support-list li .green a,
ul.person-support-list li .green a:hover,
ul.person-support-list li .green a:link{
	color:#3A851E;
}

/*
ul.person-sentence-list li .function, ul.person-action-list li .function{
	float:left;
	padding:0;
	background:none;
}
ul.person-sentence-list li .function input, ul.person-action-list li .function input{ IE
	width:50px;
	vertical-align:middle;
	cursor:pointer;
}*/
span.pass, span.pending, span.reject{
	font-size:12px;
	padding:0 5px;
	margin-top:5px;
}
span.pass{
	color:#04c;
}
span.reject{
	color:#f00;
}
.reject-note{
	border-top:2px solid #3A851E;
	font-size:11px;
	color:#093;
	padding:20px 0 20px 30px;
}
.brdrtop{
	border-top:1px solid #3a851e;
}

ul.tab-switch{
	border-bottom:3px solid #3a851e;
	width:100%;
	background-color:#fff;
	height:28px;
	overflow:hidden;
	clear:both;
}
ul.tab-switch li{
	background:url(../images/tab.gif) left -40px no-repeat;
	float:left;
	height:28px;
	font-size:15px;
	padding-left:18px;
	margin-right:1px;
}
ul.tab-switch li a,
ul.tab-switch li a:hover,
ul.tab-switch li a:link,
ul.tab-switch li a:visited,
ul.tab-switch li span{
	color:#3a851e;
	float:left;
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:7px 18px 3px 0;
	background:url(../images/tab.gif) right -40px no-repeat;
}
ul.tab-switch li.tab-selected{
	background-position:left top;
}
ul.tab-switch li.tab-selected a,
ul.tab-switch li.tab-selected a:hover,
ul.tab-switch li.tab-selected a:link,
ul.tab-switch li.tab-selected a:visited,
ul.tab-switch li.tab-selected span{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/tab.gif) right top no-repeat;
}
fieldset.account{
	padding:10px 15px;
}
fieldset.account .btn-area{
	text-align:center;
}
.support-title{
	font-weight:bold;
}
#tweet-edit .form-item{
	padding-left:20px;
}
h1.form-title{
	background:none;
	text-indent:0;
	font-size:15px;
	height:30px;
	font-weight:bold;
	color:#333;
	line-height:30px;
	vertical-align:middle;
}
h2.form-subtitle{
	padding:5px 0 5px 0;
	background:url(../images/icon-person.gif) left -45px no-repeat;
	padding-left:24px;
	font-size:15px;
}
h2 select{
	font-size:12px;
	vertical-align:middle;
}
label.fieldname-edit{
	font-size:12px;
}
span.form-notice-inline{
	font-size:11px;
	color:#093;
}
span.prefix{
	font-size:15px;
	padding:0 10px;
}
label.cate-check{
	font-size:13px;
	color:#666;
}
label.fieldname-edit{
	font-size:13px;
	color:#666;
}
.tweet-picture{
	margin-left:100px;
	padding:4px;
	border:1px solid #999;
}
.in-form-function{
	padding:10px;
	background-color:#e8e5d9;
	border-bottom:1px solid #3a851e;
}

/********************************************/
/*		lightbox preview-tweet				*/	
/********************************************/
h1.tweet-sentence{
	background-image:none;
	background-color:#e8e5d9;
	color:#3A851E;
	font-size:15px;
	font-weight:bold;
	height:25px;
	text-indent:20px;
	padding-top:10px;
	border-top:3px solid #3a851e;
	margin-bottom:20px;
}
.tweet-text{
	padding:10px 20px;
}
.tweet-caption{
	width:320px;
	font-size:12px;
	margin-left:100px;
	padding:5px 0;
}
#preview-tweet-form{
	text-align:center;
	padding:10px 0;
	background-color:#e8e5d9;
	height:25px;
	border-bottom:3px solid #3a851e;
}
#pview-win{
	padding:20px;
}
#pview-win .btn-area{
	text-align:center;
}
/********************************************/
/*				tool download				*/	
/********************************************/
h1.tool{
	background-position:left -660px;
}
.tab-anchor{
	margin:15px 0;
	padding-top:7px;
	height:50px;
	background:url(../images/btn-blogtool.gif) no-repeat;
}
.tab-anchor a{
	display:block;
	float:left;
	width:155px;
	height:25px;
	margin-right:10px;
	text-indent:-9999px;
}
.tab-anchor #btn-sticker:hover{
	background:url(../images/btn-blogtool.gif) left -60px no-repeat;
}
.tab-anchor #btn-dynamic:hover{
	background:url(../images/btn-blogtool.gif) -180px -60px no-repeat;
}
.tab-anchor #btn-mental:hover{
	background:url(../images/btn-blogtool.gif) -344px -60px no-repeat;
}
.tab-anchor #btn-sticker{
	width:171px;
}
span.tool-title{
	padding-right:20px;
	font-size:15px;
	font-weight:bold;
	font-family:"Microsoft JhengHei","Kozuka Mincho Pro";
	color:#4d7a21;
}
ul.tool-list{
	margin-bottom:20px;
	border-bottom:2px dotted #999;
	height:440px;
}
.tool-wrap{
	margin-bottom:20px;
	border-bottom:2px dotted #999;
	width:660px;
}
ul.tool-list li{
	float:left;
	width:150px;
	padding:0 8px;
	border-left:1px solid #ccc;
	border:none;
	color:#000;
}
ul.tool-list li .wrap{
	position:relative;
	width:150px;
	height:170px;
}
ul.tool-list li .wrap img{
	position:absolute;
	bottom:0;
}
ul.tool-list li p{
	padding:5px 0;
}
ul.tool-list li textarea{
	width:145px;
	padding:0;
	margin:0 0 20px 0;
	height:180px;
}
ul.tool-list li a.link-action{
	margin-top:20px;
}
#person-sticker{
	float:left;
	width:270px;
}
.script-wrap{
	width:240px;
	padding:20px;
	height:430px;
	float:left;
}
.script-wrap textarea{
	height:180px;
	padding:0;
	width:240px;
	margin:0 0 20px 0;
	*margin-left:-20px;
}
.bbcodeBar{
	padding:5px 0;
	position:relative;
}
#blkB,#blkU,#blkI,#blkColor,#blkUrl,#blkImg,#blkView{
	padding:3px;
	margin:0 2px 2px 0;
	background:#fff url(../images/bg-tweet-list.jpg) repeat-x left top;
	border:1px solid #999;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#blkB{
	font-weight:bold;
}
#blkU{
	text-decoration:underline;
}
#blkI{
	font-style:italic;
}
.bbcodeBar #colorPicker{background:#FFF; border:1px solid gray; position:absolute; left:155px; top:28px;}
.bbcodeBar #colorPicker td {padding:2px}
.bbcodeBar #colorPicker a {display:block; width:9px; height:9px; overflow:hidden; border:1px solid #808080}

/********************************************/
/*				celeb list					*/	
/********************************************/
.index-fl-wrap{
	margin-left:7px;
	padding-bottom:15px;
	background:#fff url(../images/bg-index-flash.jpg) left bottom repeat-x;
}
#celeb-wall{
	width:258px;
	/*border:1px solid #ccc;*/
	margin-top:10px;
}
#celeb-wall .wrap{
	margin:auto;
}
#celeb-wall a{
	display:block;
	/*height:75px;
	width:64px;
	float:left;*/
}
#celeb-wall h4{
	text-indent:-9999px;
	height:25px;
	line-height:25px;
	clear:both;
	background:#c6b482 url(../images/h4-celeb.jpg) no-repeat right center;
}
h1.title-celebrity{
	background-position:left -720px;
}
.celebrity-article-list {
	background:url(../images/home-kv-wrapper-bak.gif) repeat-x center bottom;
	margin:10px 0;
	padding-bottom:25px;
	width:660px;
}
.celebrity-article-list .avator{
	float:left;
	padding-top:5px;
	width:15%;
}
.avator {
	margin-bottom:20px;
}
.avator-img {
	background:url(../images/avator_background.gif) no-repeat 0 0;
	height:87px;
	width:84px;
}
.avator-img img {
	padding:2px;
}
.avator span {
	font-size:11px;
	color:#000;
}
.category-sub{
	margin:5px 0;
	background:url(../images/sub_icon_2.gif) no-repeat 0 3px;
}
.category-sub a,
.category-sub a:link,
.category-sub a:visited{
	color:#624710;
	font-size:14px;
	padding-left:20px;
}
.celebrity-article-list .block h2{
	font-family:Helvetica,simhei,Arial;
	letter-spacing:-1px;
	font-size:26px;
	font-weight:bold;
	letter-spacing:0.5px;
	margin:5px 0;
}
.celebrity-article-list .block h2 a,
.celebrity-article-list .block h2 a:link,
.celebrity-article-list .block h2 a:visited {
	color:#3E3E3E;
	text-decoration:none;
}
.celebrity-article-list .block {
	float:right;
	width:84%;
	border-bottom:1px dotted #CCC;
}
.celebrity-article-list .block .sub {
	background:transparent url(../images/sub_icon.gif) no-repeat scroll 0 6px;
	color:#8FB43E;
	font-size:15px;
	margin:5px 0;
	padding-left:20px;
	line-height:150%;
}
.celebrity-article-list .block .sub  a,
.celebrity-article-list .block .sub  a:visited{
	color:#693;
	text-decoration:none;
}
.celebrity-article-list .block .text{
	border-top:1px dashed #ddd;
	margin:10px 0 20px;
}
.more-btn {
	display:block;
	text-align:right;
	*padding-bottom:5px;
}
/*-----------------temp-----------------*/
.doorplate .level{
	display:none;
}
/*--------------photo wall--------------*/
#photowall{
	border:1px solid #ccc;
	width:507px;
	height:250px;
	padding:3px 0 5px 3px;
	margin:auto;
}
#photowall ul li, #photowall ul li a, #photowall ul li a img{
	width:80px;
	height:80px;
}
#photowall ul li{
	display:inline;
}
#photowall ul li a{
	float:left;
	display:block;
	padding:2px;
}
#photowall ul li a span{
	display:none;
}
#photowall ul li.enlarge a{
	white-space:normal;
	position:relative;
	text-decoration:none;
}
#photowall ul li.enlarge a img{
	display:block;
	top:-180px;
	left:-140px;
	position:absolute;
	width:auto;
	height:auto;	
	padding:4px 4px 60px;
	background-color:#333;
}
#photowall ul li.enlarge a span{
	display:block;
	position:absolute;
	left:-130px;
	top:70px;
	width:300px;
	font-size:11px;
	color:#fff;
	line-height:150%;
}
#enlarge{
	width:320px;
	height:auto;
	padding:4px;
	background-color:#333;
	position:relative;
}
#enlarge span{
	display:block;
	width:320px;
	font-size:11px;
	color:#fff;
	line-height:150%;
}
#enlarge span a{
	color:#fff;
	text-decoration:underline;
}