/* gric : Wed, 21 Oct 2015 00:25:14 +0800 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0
}

table {
border-collapse:collapse;
border-spacing:0
}

fieldset,img {
border:0
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal
}

ol,ul {
list-style:none
}

caption,th {
text-align:left
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal
}

q:before,q:after {
content:''
}

abbr,acronym {
border:0
}

pre {
font-size:1em
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
margin-top:10px
}

.article-content p {
margin-bottom:1em
}

input {
padding:0 4px!important;
font-size:12px;
line-height:18px;
height:18px;
background:#fff;
border:1px solid #dcdcdc;
color:#bbb;
float:left;
display:inline
}

#trackback-box input,#send-comment,#search-submit {
line-height:20px;
height:20px
}

#trackback-box input#trackback-input {
line-height:18px;
height:18px;
width:300px
}

#search .box-text form ul,#trackback-url {
overflow:hidden;
zoom:1
}

#search .box-text form ul input {
margin-right:5px
}

#search-target {
width:110px
}

#send-comment {
float:none
}

#comment-form input {
float:none
}

#comment-form br {
display:none
}

.radio {
float:none!important;
width:auto!important;
height:auto!important;
border:none!important;
background:none!important;
margin:0!important;
padding:0!important
}

#comment-form label {
display:block;
position:relative;
height:18px
}

#comment-form label .radio {
position:absolute;
top:0;
left:-20px
}

body {
font-size:12px;
color:#999;
font-family:tahoma,verdana,"細明體",sans-serif;
background:#906d3c url(http://pic.pimg.tw/rionlab/e76e2060c7e7e26be18093682973e4da.jpg) repeat-x center top;
background-attachment:scroll;
background-color:#906d3c;
background-image:none;
background-position:center top;
background-repeat:repeat-x
}

a {
text-decoration:none;
color:#999
}

a:hover {
color:#666
}

#authority {
position:absolute;
left:295px;
top:300px;
z-index:50000;
width:125px;
height:37px
}

#authority a {
display:block;
font-size:0;
text-indent:-50000px;
width:60px;
height:37px;
float:left
}

a#newpost {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -260px top
}

a#backstage {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -325px top;
position:relative;
top:0;
left:5px
}

a#newpost:hover {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -260px -37px
}

a#backstage:hover {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -325px -37px
}

#body-div {
position:relative;
background:url(http://pic.pimg.tw/rionlab/cb8a43b3f4872c285bd8f46473850540.jpg) repeat-y center top;
width:820px;
margin:0 auto
}

#container {
background:url(http://pic.pimg.tw/rionlab/9ea95643d08f9a5d4f66961515c5671a.jpg) no-repeat center top
}

#footer {
background:#906d3c url(http://pic.pimg.tw/rionlab/ff0ff4898af3c5c1466fac8242ee0e0b.jpg) no-repeat center top;
width:820px;
margin:0 auto;
padding:25px 0 15px;
text-align:center;
clear:both
}

#footer p {
color:#fff;
display:block;
width:820px;
margin-bottom:10px
}

#footer p a {
color:#fff
}

#footer #bottom,#footer #bottom a {
color:#a5814f
}

#footer p a:hover,#footer #bottom a:hover {
color:#725328
}

#header {
width:820px;
height:340px;
padding:0;
margin-bottom:0;
background-image:none;
background-repeat:no-repeat
}

#login-bar {
z-index:50000;
position:absolute;
left:35px;
top:347px
}

#banner {
width:750px;
height:67px;
padding:45px 35px 0;
overflow:hidden;
color:#fff
}

#banner .skiplink,#blog-category {
display:none
}

#banner h1 {
margin-bottom:7px;
filter:dropshadow(color=#000,offx=-1,offy=-1)
}

#banner h1 a {
letter-spacing:1px;
color:#d7d091;
text-shadow:-1px -1px 0 #000;
font:bold 15px/18px Century Gothic
}

#banner h1 a:hover {
color:#888
}

#banner h2 {
letter-spacing:1px;
color:#666;
line-height:14px;
text-shadow:-1px -1px 0 #000;
filter:dropshadow(color=#000,offx=-1,offy=-1)
}

#navigation {
display:block;
width:260px;
height:37px;
position:absolute;
left:35px;
top:300px
}

#navigation li {
display:block;
float:left;
width:100px;
padding-right:5px;
height:37px;
width:60px
}

#navigation li a {
display:block;
width:60px;
height:37px;
font-size:0;
letter-spacing:-2px;
text-indent:-50000px
}

#link-album a {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) left top
}

#link-blog a {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -65px top
}

#link-guestbook a {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -130px top
}

#link-profile a {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -195px top
}

#link-album a:hover {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) left -37px
}

#link-blog a:hover {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -65px -37px
}

#link-guestbook a:hover {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -130px -37px
}

#link-profile a:hover {
background:url(http://pic.pimg.tw/rionlab/2c462ce833a8d8d5b1fe9a6646fc5d00.jpg) -195px -37px
}

#content {
margin-left:10px;
padding:50px 25px 0;
width:510px;
float:left;
display:inline;
overflow:hidden;
background:url(http://pic.pimg.tw/rionlab/53b10ebe9f1979c4ab8c5ee010545582.jpg) no-repeat center top;
background-color:transparent
}

#links {
line-height:20px;
width:240px;
float:right;
margin-right:10px;
display:inline;
overflow:hidden
}

#spotlight {
margin-bottom:25px;
background:#f1efca;
border-bottom:1px solid #e6e4ba
}

#spotlight h5 {
padding:0 10px;
display:block;
line-height:24px;
font-size:12px;
border:1px solid #d7d091;
background:#e6e4ba;
color:#666
}

#spotlight-text {
padding:10px;
border-right:1px solid #e6e4ba;
border-left:1px solid #e6e4ba
}

.article {
position:relative;
border-bottom:2px solid #e6e4ba;
margin-bottom:25px
}

.article-head {
position:relative;
display:block;
width:510px;
overflow:hidden;
zoom:1
}

.article-body {
width:510px;
padding:0
}

.article-footer {
width:510px;
padding:0;
padding-bottom:0;
overflow:hidden;
_overflow:none;
_height:1%;
padding-top:10px;
line-height:140%;
margin-top:10px
}

.publish {
display:block;
float:left;
padding:0;
height:50px;
width:55px;
text-align:center;
background:url(http://pic.pimg.tw/rionlab/e728df12a2517e745df991b322f26cf9.jpg);
font-weight:bold;
position:relative
}

.month {
display:block;
width:55px;
font-size:11px;
line-height:13px;
height:13px;
position:absolute;
left:0;
bottom:5px
}

.date {
text-align:center;
display:block;
width:55px;
font-weight:bold;
line-height:26px;
height:26px;
position:absolute;
left:0;
top:1px;
font:bold 26px Century Gothic
}

.day,.time,.year {
display:none
}

.title {
overflow:hidden;
font-size:14px;
display:block;
float:right;
width:445px;
padding-left:10px;
line-height:20px;
font-weight:bold;
font-weight:bold;
font-size:14px
}

.title h2 a {
color:#666!important;
font-weight:bold
}

.title a:hover {
color:#000!important
}

.article-content a {
color:#333
}

.article-content a:hover {
color:#999
}

.more a {
color:#999
}

.more a:hover {
color:#666
}

.bookmark span {
display:none
}

.author {
text-align:left;
margin-top:10px
}

.history {
float:right;
width:240px;
padding-left:14px;
border-left:1px solid #dcdcdc
}

.refer {
float:left;
width:240px
}

.back-to-top {
display:block;
clear:both;
text-transform:uppercase;
font:10px Century Gothic;
letter-spacing:0;
text-align:right;
padding:15px 0 10px!important;
width:510px;
height:20px
}

.back-to-top a {
display:block;
width:505px;
padding:0 5px 0 0;
line-height:20px;
color:#dcdcdc
}

.back-to-top a:hover {
color:#888
}

.main-list {
width:510px!important;
margin:10px auto
}

.main-list table {
width:510px!important;
margin:0 auto
}

.main-list th {
line-height:30px;
background:#f2f2f2;
border-bottom:2px solid #dbdbdb;
padding:0 10px
}

.main-list td {
font-size:11px;
line-height:25px;
padding:0 10px;
background:#f5f5f5;
border-bottom:1px solid #eee
}

.main-list td a {
color:#666
}

.main-list td a:hover {
color:#000
}

.list-num {
display:none
}

.list-date {
font:12px;
color:#666;
letter-spacing:0;
padding:0 5px
}

td.list-title {
display:block!important;
overflow:hidden!important
}

.list-title img {
float:right;
margin-left:3px
}

#murmur-list td.list-date {
padding:5px
}

#view-mode {
margin-bottom:15px
}

#user-post {
width:510px;
margin:0 auto
}

.user-post-title {
background:#f2f2f2;
height:24px;
line-height:24px;
padding-left:10px;
margin:10px 0
}

.user-post-title span {
height:24px;
line-height:24px;
font-weight:bold
}

.post-comment {
width:510px;
margin:20px auto
}

#content .post-comment a {
display:block;
margin:0 auto;
text-align:center;
line-height:30px;
width:170px;
height:30px;
background:#f2f2f2;
border:1px solid #dbdbdb
}

.single-post {
overflow:hidden;
zoom:1;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #dbdbdb;
background:#f2f2f2
}

.post-info {
background:#eee;
height:24px;
font-size:11px;
*font-size:10px;
line-height:24px;
margin-bottom:10px;
border-bottom:1px solid #dbdbdb;
position:relative;
padding-left:70px;
_padding-top:5px
}

.post-info img {
position:relative;
top:3px
}

.post-info .floor {
background:#dbdbdb;
width:60px;
height:24px;
text-align:center;
color:#666;
font:bold 13px Century Gothic;
line-height:24px;
display:block;
position:absolute;
left:0;
top:0
}

.post-photo {
width:95px;
float:left;
margin-left:10px;
display:inline
}

.post-photo img {
border:1px solid #999
}

.post-text {
float:right;
width:390px;
margin-bottom:5px
}

.reply-text {
float:right;
width:370px;
background:#e9e9e9;
margin-right:10px;
margin-top:20px;
display:inline;
padding:5px;
min-height:30px;
_height:30px
}

.reply-text p {
display:none
}

.single-post.secret {
border-bottom:1px solid #dbdbdb;
background:#f2f2f2
}

.single-post.secret .post-text {
float:none;
width:auto;
padding-left:10px;
padding-top:10px;
font-size:12px
}

#trackback-box #trackback-url {
margin:10px 0x
}

#trackback-box input {
margin-right:5px;
margin-bottom:15px
}

#trackback-box .post-text {
width:auto;
float:none;
padding:0 10px
}

#comment-form {
border-bottom:1px solid #dbdbdb;
background:#f2f2f2;
padding:15px 15px 5px;
width:480px;
margin:10px auto
}

#comment-form p {
display:none
}

#comment-form table {
border:none;
width:100%;
margin:0 auto
}

#comment-form table tr.comment-form-title {
display:none
}

#comment-form table td {
vertical-align:top;
border:none;
padding-bottom:5px!important
}

#comment-form table th {
vertical-align:top;
width:70px;
border:none;
padding:1px 30px 0 0;
text-align:right
}

#comment-form table th font {
display:none
}

#comment-form table td input {
height:17px;
font-family:Arial;
font-size:12px;
border:none;
border-bottom:1px solid #dbdbdb;
color:#999;
background:none;
width:100%;
padding:0!important
}

#nologin_hidden_msg {
line-height:18px;
margin-bottom:5px
}

#comment-form input#send-comment {
background:#fff;
color:#999;
width:100px;
border:1px solid #dfdfdf;
height:22px;
line-height:22px
}

#comment-form textarea {
width:100%;
height:120px;
font-family:Arial;
font-size:12px;
line-height:18px;
border:none;
background:#e9e9e9;
color:#777
}

.page {
margin:10px 0;
font-size:11px;
font-family:Century Gothic;
text-align:center
}

.page a {
margin:0 5px;
padding:0 3px
}

.page a:hover,.page span {
background:#dfe0e4;
color:#384a5b;
padding:0 3px
}

.box {
margin-bottom:20px
}

.box-title {
clear:both;
display:block;
background:url(http://pic.pimg.tw/rionlab/566001e106e8132ac8688e66fdfddb25.jpg) repeat-y center top;
width:190px;
line-height:22px;
overflow:hidden;
padding:4px 25px;
margin-bottom:10px;
color:#666;
font-weight:bold;
border-bottom:1px solid #b8af7b
}

.box-text {
color:#b8af7b;
padding:0 25px!important
}

.box-text a {
color:#b8af7b
}

.box-text a:hover {
color:#000
}

#hot-article .box-text a,#murmur .box-text a,#crumb .box-text a,#visitor .box-text a,#headshot .box-text a,#category .box-text a,#announce .box-text a,#recent-article .box-text a,#latest-comment .box-text a,#archive .box-text a {
display:block;
width:190px;
line-height:20px;
margin-bottom:5px;
color:#b8af7b;
border-bottom:1px solid #c5bc89
}

#hot-article .box-text a:hover,#murmur .box-text a:hover,#crumb .box-text a:hover,#visitor .box-text a:hover,#headshot .box-text a:hover,#category .box-text a:hover,#announce .box-text a:hover,#recent-article .box-text a:hover,#latest-comment .box-text a:hover,#archive .box-text a:hover {
color:#000;
border-bottom:1px solid #a79e69
}

.box-text select {
display:block;
width:190px;
height:20px;
line-height:20px;
font-size:12px;
color:#bbb
}

.month-nav {
background:#dedcb0;
border:1px solid #d6cfa1
}

.month-nav th {
padding:0
}

.weekday th {
padding:4px 1px;
width:25px;
font-size:11px;
border-bottom:1px solid #dfddb2;
line-height:15px
}

#sun {
width:26px
}

.cal-backward a,.cal-forward a {
color:#8f8654;
font-weight:bold
}

.current-month {
color:#8f8654;
font-weight:bold
}

#calendar table {
width:190px;
margin:0 auto;
text-align:center
}

#calendar table tr th {
text-align:center
}

#calendar table tr td {
padding:1px;
font-size:11px;
height:15px;
line-height:15px
}

#calendar table tr td a {
font-weight:bold;
color:#8f8654;
text-decoration:underline!important
}

#calendar table tr td a:hover {
font-weight:bold;
color:#fff;
text-decoration:underline!important
}

.today {
padding:0;
text-align:center;
background:#dedcb0;
font-weight:bold;
color:#8f8654!important;
border:1px solid #d6cfa1
}

#visitor .box-text ul,#crumb .box-text ul {
display:block;
width:180px!important;
margin:0 auto;
overflow:hidden;
zoom:1
}

.box-more {
padding-top:15px;
display:block;
clear:both;
width:220px
}

#visitor .box-text li,#crumb .box-text li {
display:block;
width:50px;
height:50px;
float:left;
padding:5px
}

#visitor .box-text li a,#crumb .box-text li a {
display:block;
width:50px;
height:50px;
border-bottom:0
}

#visitor .box-text li a:hover,#crumb .box-text li a:hover {
border-bottom:0!important
}

.user-img {
margin-right:10px!important;
margin-bottom:10px!important;
width:90px!important;
height:90px!important;
padding:1px!important;
border:1px solid #cbc892;
background:#d8d6a3
}

.user-img img {
padding:0!important;
margin:0!important
}

#user-info .box-text {
padding-left:0
}

#user-info .user-img {
display:block;
float:left
}

#user-info .user-action {
float:left;
display:block;
width:86px;
margin-top:0
}

#user-info .user-action input {
background:none;
margin:0 0 10px;
width:86px;
font-size:12px;
float:none;
color:#b8af7b;
border:1px solid #c5bc89;
line-height:20px;
height:20px;
padding:0!important
}

#user-info .user-action input:hover {
color:#000;
background:none;
border:1px solid #a79169
}

#user-info dl {
clear:both
}

#user-info dl dd {
margin:0!important
}

#user-info dl dd a {
display:inline
}

#user-info dl dt {
filter:alpha(opacity=100);
opacity:1;
padding-right:2px;
font-weight:bold;
margin:0;
margin:0;
float:left
}