/* CSS Document */
body{font-family: "微軟正黑體","Microsoft JhengHei",Arial,"Times New Roman",Sans-serif,Verdana; color:#666; background-color:#fcfcfc; font-size:15px;}
.container { width:1050px; }
#content {min-height:500px; }
#header {margin-bottom:10px;}
#header img { width:100%; }
.block { margin-bottom:20px; background-color:#fff; border:1px #ccc solid; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;}
.block:after {content:""; display:table;}
.block:after {clear:both;}

ul.details li {padding:10px; border-top:1px #ccc dashed;}
ul.details li:before,ul.details li:after {content:""; display:table;}
ul.details li:after {clear:both;}
ul.details {list-style:none; margin:0px; padding:0px;}
ul.details li img {margin-right:10px;}


ul.imageview li {padding:10px; border-top:1px #ccc dashed;}
ul.imageview li:before,ul.imageview li:after {content:""; display:table;}
ul.imageview li:after {clear:both;}
ul.imageview {list-style:none; margin:0px; padding:0px;}
ul.imageview li img {margin-bottom:20px; border:10px solid #fff;-webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; max-width:400px;}

.padding {padding:10px;}
.avatar {margin-right:10px; margin-bottom:10px;}
ul.details li:first-child  { border:none;}

ul.recent {list-style:none;}
.articlecontent {margin-bottom:15px;}
.righthcontent {width:300px; float:right;}
.maincontent {float:left; width:730px;}

ul.tag {list-style:none;}
ul.tag li {list-style-type:none; display:inline-block; margin-right:10px;}

#footer {padding-bottom:30px;}
.bottomspace {margin-bottom:10px;}

.article, .allreply {padding:10px;}

#topbar { background-color:#000; height:40px; }
.menubut {padding:8px 16px; display:inline-block;}
a.menubut  {color:#fff;text-decoration:none;}
a.menubut:hover  {color:#ff0; text-decoration:none;}
.widget { overflow:hidden;}
#blogreply {font-size:12px;}
#blogreply .replytitle { line-height:14px; border-top:1px #ddd solid;border-bottom:1px #ddd solid; padding:9px 0 7px; color:#000;}
#blogreply ul.replythread  { padding-left:10px; list-style:none; margin:0px;}
#blogreply ul.replythread  li { border-bottom:1px #ddd solid;padding:10px 0 10px;}
#blogreply ul.replythread  li:before, #blogreply ul.replythread  li:after { content:""; display:table;}
#blogreply ul.replythread  li:after {clear:both;}
#blogreply ul.replythread  li img {margin-right:11px; margin-bottom:8px;}
#blogreply ul.replythread  li.myreply {background-color:rgba(190, 190, 190, .2); margin-left:-10px; padding-left:10px;}
#blogreply ul.replythread  li.myreply textarea { border:1px solid #e9e9e9; width:600px; height:39px; font-size:12px;}

#social { background-color:#fff; padding:20px; border-radius:10px; color:#000; position:relative; margin-bottom:10px;}
.gray { color:#ccc;}
.nomargin {margin:0px;}
a.social, a.email { display:inline-block; color:#fff; font-size:24px; border-radius:5px; padding:4px; width:26px; height:26px; text-align:center; line-height:26px; vertical-align:middle;overflow: hidden;}
a.social:hover, a.email:hover {text-decoration:none; }
.fb {background-color:#39579A;}
.weibo {background-color:#F93;}
.tw {background-color:#00aced;}
.pin {background-color:#e41800;}
.email {background-color:#a35300;}
a.social span, a.email span  {display:none;}
.album {padding:10px;}

.imageview img:not([width]) {max-height:500px;}
i, cite, em, var, address, dfn {
font-style: italic;
}