/* linhsu : Tue, 30 Oct 2018 10:52:26 +0800 */
* {
margin:0;
padding:0
}

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

fieldset,img {
border:0
}

address,caption,cite,code,dfn,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;
line-height:140%;
margin:5px 15px 0 0;
text-align:justify
}

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

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

br {
letter-spacing:normal
}

body {
background:#a8b076;
font-size:small;
font-family:"Verdana";
background-attachment:scroll;
background-color:#a8b076;
background-image:none;
background-position:0 0;
background-repeat:repeat;
background-attachment:scroll;
background-color:#a8b076;
background-image:none;
background-position:0 0;
background-repeat:repeat
}

a:hover {
color:red;
text-decoration:underline
}

#authority {
background:#888;
padding:10px 0;
text-align:center
}

#authority a {
background:#555;
padding:5px 10px;
color:#fff
}

#container2 {
background:url(https://www.flickr.com/gp/anniesiliconvalley/DW835A) no-repeat top center;
padding:10px
}

#container3 {
width:1024px;
margin:0 auto
}

#main {
width:1024px;
overflow:hidden;
background:url(https://pic.pimg.tw/pixnetvisual/cd6181a4ce1c2128c12685ac4c946382.jpg?v=1294295325) repeat-y
}

#header {
width:1004px;
height:277px;
padding:10px;
position:relative;
background-color:#fff;
background-image:url(http://farm5.static.flickr.com/4002/4698219307_6936fc4fe8_b.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#fff;
background-image:url(url(http://farm5.static.flickr.com/4002/4698219307_6936fc4fe8_b.jpg));
background-position:left top;
background-repeat:no-repeat
}

#login-bar {
position:absolute;
text-align:left;
top:270px;
left:20px
}

#banner {
position:absolute;
top:10px;
left:50px
}

#banner h1 a {
font-size:large;
font-weight:bold
}

#banner h2 {
color:#8e8e8e
}

#blog-category {
color:#CF9
}

#navigation {
position:absolute;
width:400px;
height:30px;
overflow:hidden;
_overflow:none;
_height:1%;
top:30px;
right:23px
}

#navigation a {
display:block;
width:90px;
height:30px;
text-indent:-5000px
}

#navigation li {
float:left;
margin:0 2px 0 0
}

#content {
width:700px;
margin:5px 0 0;
float:left
}

#spotlight {
display:none;
background:#d6d7c2;
padding:0 0 10px 20px;
margin:0 0 0 8px
}

#spotlight h5 {
color:#fff;
text-align:Center;
padding:3px 0;
margin-bottom:5px
}

#display {
text-align:right;
margin:5px 0
}

.article {
margin-bottom:20px
}

.article-head {
position:relative;
background:url(https://pic.pimg.tw/pixnetvisual/0bd466d69a35f997517191d5daeb82eb.jpg?v=1294295325) left no-repeat;
width:706px;
height:89px
}

.publish {
font-size:10px;
position:absolute;
width:200px;
height:10px;
padding:8px 0 0 90px
}

.month {
font-size:24px;
color:#363;
font:Arial,Helvetica,sans-serif;
font-weight:bold;
position:absolute;
top:17px;
left:35px
}

.date {
font-size:16px;
color:#363;
font:Arial,Helvetica,sans-serif;
position:absolute;
font-weight:500;
top:55px;
left:35px
}

.title h2 a {
display:block;
width:586px;
height:59px;
padding:30px 10px 0 120px;
font-size:medium;
color:#fff
}

.article-body {
margin:0 0 0 70px
}

.article-body a {
color:#366;
text-decoration:none
}

.bookmark {
text-align:right
}

.author {
text-align:right;
margin:5px 0 0;
border-bottom:1px dashed #888;
padding-bottom:5px
}

.recommended-posts3 h5 span {
padding:5px 0 0 10px
}

.article-footer {
margin:0 0 0 60px;
padding:5px 10px
}

.article-footer a {
color:#063
}

.refer {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px
}

.history {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px
}

.forward {
text-align:right
}

.back-to-top {
text-align:right
}

#user-post {
margin-bottom:20px
}

#trackback-box {
margin-bottom:20px
}

.user-post-box {
margin:10px 0 0 50px
}

.user-post-title {
width:640px;
height:30px;
background:url(https://pic.pimg.tw/pixnetvisual/c58b967336754445bc9b6332aab66903.jpg?v=1294295321) left no-repeat;
color:#fff;
padding:20px 0 0 20px;
font-size:medium;
margin-bottom:10px
}

#user-info dl dd {
margin:0
}

.user-post-text {
background:#a8b076;
margin:0 25px
}

#trackback-box .single-post {
background:#a8b076;
border-bottom:solid 1px #fff;
margin:3px 0 0
}

#comment-box .single-post {
background:#a8b076;
border-bottom:solid 1px #fff;
margin:3px 0 0
}

input#trackback-input {
margin:0 0 0 25px
}

.single-post {
background:#888;
margin-bottom:20px;
padding:10px;
overflow:hidden;
_overflow:none;
_height:1%
}

.post-info {
border-bottom:1px dashed #bbb;
padding-bottom:5px;
margin-bottom:10px;
font-weight:bold
}

.post-text {
width:360px;
float:right;
margin-bottom:10px
}

#trackback-box .post-text {
width:auto;
float:none
}

.post-photo {
width:120px;
float:left;
text-align:Center
}

.reply-text {
border-top:1px dashed #bbb;
padding-top:5px
}

.post-comment {
text-align:right;
margin:0 25px 5px 567px;
padding:2px 5px 4px 0;
background:#063;
color:#fff;
font-size:small
}

.main-list {
background:#aaa;
padding:10px;
margin-bottom:15px
}

.main-list table {
width:95%;
margin:10px
}

.main-list h3 {
background:#888;
padding:5px 10px;
margin-bottom:10px
}

.main-list th {
border:1px solid #888;
padding:2px
}

.main-list td {
border:1px solid #888;
padding:2px
}

#links {
margin:0 10px 0 0;
_margin:0 0 0 0;
float:right
}

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

#links a:hover {
color:#666;
text-decoration:none
}

#user-info .box-text {
padding:0 30px;
margin:0
}

body div.qrcode {
border:1px solid #777;
width:165px;
margin:0 auto!important
}

.box {
width:310px;
_width:290px;
background:url(https://pic.pimg.tw/pixnetvisual/fdc367fcf07f39e3a576082433f08022.jpg?v=1294295323) no-repeat bottom;
padding-bottom:28px
}

.box-title {
background:url(https://pic.pimg.tw/pixnetvisual/514423f25b864cb4f04974f04acc5304.jpg?v=1294295324) no-repeat;
width:280px;
_width:260px;
height:45px;
padding:40px 30px 0 0;
text-align:right;
font-size:small;
color:#fff;
font-weight:bold
}

.box-text {
width:250px;
_width:230px;
padding:0 30px;
height:auto;
background:url(https://pic.pimg.tw/pixnetvisual/cec3f70fa7a9cae3165c5b157fce4260.jpg?v=1294295323) repeat-y
}

.box-text li {
padding:0;
margin:0
}

#visitor ul {
_height:1%;
overflow:hidden;
_overflow:none
}

#visitor li {
float:left
}

#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none
}

#crumb li {
float:left
}

#broadcast .box-text ul {
border-bottom:1px dashed #777;
_height:1%;
overflow:hidden;
_overflow:none
}

.broadcast-photo {
float:left;
width:40px
}

#footer {
background:url(https://pic.pimg.tw/pixnetvisual/044e1a74c8a820a78387b5d29d0ebe26.jpg?v=1294295322) no-repeat;
clear:both;
width:1024px;
height:194px;
text-align:center
}

#footer #bottom a {
color:#06F
}

#footer #bottom a:hover {
color:#096;
text-decoration:none
}

#header h1 a {
color:#000;
color:#000
}

#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {
color:#000;
color:#000
}

#header h2 {
color:#000;
color:#000
}

.title {
font-size:8pt;
font-size:8pt
}

#content a {
color:#ac5533
}

#content a:link,#content a:visited {
color:#ac5533
}

#content a:hover {
color:#732
}