@charset "utf-8";

/********************************************/
/*				page framework				*/			
/********************************************/
#page-wrapper {
  width:987px;
  margin:0 auto;
  background:url(../../images/default/bg-page.gif) repeat-y;
}

#head {
  background:url(../../images/default/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:820px;
  top:160px;
}

#kv, #kv a {
  width:98%;
  height:50px;
  font-size:18px;
  font-weight:bold;
  color:#FFFFFF;
  text-align:right;
}

#kv a {
  display:block;
}

#navigation {
  width:987px;
  background:url(../../images/default/navigation.jpg) no-repeat;
}

.article #navigation {
  background:url(../../images/default/navigation.jpg) no-repeat;
}

.action #navigation {
  background:url(../../images/default/navigation.jpg) no-repeat;
}

.blog #navigation {
  background:url(../../images/default/navigation-blog.jpg) no-repeat;
}

.account #navigation {
  background:url(../../images/default/navigation.jpg) no-repeat;
}

#content-box {
  width:100%;
}

#content {
  float:left;
  width:690px;
  padding-right:10px;
  min-height:100px;
  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:#EEEEE1;
  color:#666;
}

a, a:hover, a:link, a:visited {
  outline:none;
}

h1 {
  background:url(../../images/default/h1.gif) no-repeat;
  height:60px;
  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/default/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:178px;
}

#navigation ul li.action, #navigation ul li.action a {
  width:140px;
}

#navigation ul li.blog, #navigation ul li.blog a {
  width:144px;
}

#navigation ul li.news, #navigation ul li.news a {
  width:144px;
}

#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:670px;
}

#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/default/bg-sidebar.jpg) no-repeat;
  width:265px;
  text-indent:-9999px;
}

#sidebar-right h3.title-notice1 {
  background-position:left -800px;
  height:55px;
}

#sidebar-right h3.title-notice2 {
  background-position:left -980px;
  height:55px;
}

#sidebar-right h3.title-notice3 {
  background-position:left top;
  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, .side-section3 .mid{
  padding:0 20px;
}

.side-section1 .mid {
  background:url(../../images/default/bg-sideblock.jpg) left top repeat-y;
}

.side-section2 .mid {
  background:url(../../images/default/bg-sideblock.jpg) left top repeat-y;
}

.side-section3 .mid {
  background:url(../../images/default/bg-sideblock3.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/default/bg-sidebar.jpg) left -940px no-repeat;
  width:265px;
  height:40px;
  text-indent:-9999px;
}

.side-section2 .bottom2 {
  background:url(../../images/default/bg-sidebar.jpg) left -940px no-repeat;
  width:265px;
  height:40px;
  text-indent:-9999px;
}

.side-section3 .bottom3 {
  background:url(../../images/default/bg-sidebar.jpg) left -311px no-repeat;
  width:265px;
  height:40px;
  text-indent:-9999px;
}

.side-section1 blockquote {
  background:url(../../images/default/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-section2 blockquote {
  background:url(../../images/default/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-section3 blockquote {
  background:url(../../images/default/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-section2 blockquote a, .side-section2 blockquote a:link, .side-section2 blockquote a:visited {
  color:#85603c;
  text-decoration:none;
}

.side-section3 blockquote a, .side-section3 blockquote a:link, .side-section3 blockquote a:visited {
  color:#85603c;
  text-decoration:none;
}

.side-section1 blockquote a:hover {
  text-decoration:underline;
}

.side-section2 blockquote a:hover {
  text-decoration:underline;
}

.side-section3 blockquote a:hover {
  text-decoration:underline;
}

.side-section1 .bottom {
  background:url(../../images/default/bg-sidebar.jpg) left -288px no-repeat;
  width:265px;
  height:40px;
  text-indent:-9999px;
}

.side-section2 .bottom {
  background:url(../../images/default/bg-sidebar.jpg) left -288px no-repeat;
  width:265px;
  height:40px;
  text-indent:-9999px;
}

.side-section3 .bottom {
  background:url(../../images/default/bg-sidebar.jpg) left -288px no-repeat;
  width:265px;
  height:40px;
  text-indent:-9999px;
}

.side-section1 {
  margin-bottom:10px;
}

.side-section2 {
  margin-bottom:10px;
}

.side-section3 {
  margin-bottom:10px;
}

a.author-link {
  padding-left:20px;
  display:block;
  background:url(../../images/default/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;
}

.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/default/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/default/bg-sideblock.jpg) -300px top no-repeat;
}

a.rss {
  background:url(../../images/default/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:480px;
  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:#999999;
  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/default/bg-index-list.jpg) left top no-repeat;
}

ul.index-article-list li {
  background:url(../../images/default/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/default/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:#999;
  background-color:#eeeeee;
  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:25px;
  left:63px;
}

.join {
  vertical-align:text-bottom;
}

.index-action-main a.action-sentence {
  padding-left:16px;
  background:url(../../images/default/quote-green.gif) left top no-repeat;
}

span.endquote {
  padding-right:16px;
  background:url(../../images/default/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/default/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/default/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/default/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/default/bg-log.gif) right top no-repeat;
}

.log-header .name-box {
  padding-top:10px;
}

.log-bottom {
  height:20px;
  background:url(../../images/default/bg-log.gif) left -100px no-repeat;
}

.log-bottom .right {
  float:right;
  width:48px;
  height:8px;
  background:url(../../images/default/bg-log.gif) right -100px no-repeat;
}

.add-article-comment {
  background:url(../../images/default/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/default/h1-cate.gif) left top no-repeat;
}

h1.cate-work {
  background:url(../../images/default/h1-cate.gif) left -60px no-repeat;
}

h1.cate-family {
  background:url(../../images/default/h1-cate.gif) left -120px no-repeat;
}

h1.cate-love {
  background:url(../../images/default/h1-cate.gif) left -180px no-repeat;
}

h1.cate-friend {
  background:url(../../images/default/h1-cate.gif) left -240px no-repeat;
}

h1.cate-pet {
  background:url(../../images/default/h1-cate.gif) left -300px no-repeat;
}

h1.cate-travel {
  background:url(../../images/default/h1-cate.gif) left -360px no-repeat;
}

h1.cate-food {
  background:url(../../images/default/h1-cate.gif) left -420px no-repeat;
}

h1.cate-other {
  background:url(../../images/default/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/default/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/default/flower.jpg) left 5px no-repeat;
  font-size:14px;
  font-weight:bold;
  font-family:"Microsoft JhengHei", "Kozuka Mincho Pro";
  min-height:95px;
 *height:250px;
}

.intro-text p {
  color:#4d7a21;
}

.intro-article p {
  color:#7998C1;
}

a.create-action {
  display:block;
  width:170px;
  height:40px;
  margin:5px 0;
  background:url(../../images/default/btn-create-action.gif) left top no-repeat;
  text-indent:-9999px;
}

a.create-article {
  display:block;
  width:170px;
  height:40px;
  margin:5px 0;
  background:url(../../images/default/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/default/btn-link-action.gif) left top no-repeat;
  display:block;
  width:125px;
  height:38px;
  text-indent:-9999px;
  margin:auto;
}

.newrecord {
  background:url(../../images/default/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/default/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/default/icon-person.gif) left -450px no-repeat;
}

.alert {
  position:absolute;
  width:92px;
  height:44px;
  background:url(../../images/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/smalltri.gif) no-repeat left top;
}

.close a {
  background:url(../../images/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/btn-blogtool.gif) left -60px no-repeat;
}

.tab-anchor #btn-dynamic:hover {
  background:url(../../images/default/btn-blogtool.gif) -180px -60px no-repeat;
}

.tab-anchor #btn-mental:hover {
  background:url(../../images/default/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/default/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/default/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/default/h4-celeb.jpg) no-repeat right center;
}

h1.title-celebrity {
  background-position:left -720px;
}

.celebrity-article-list {
  background:url(../../images/default/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/default/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/default/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/default/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;
}