/*  
         )               (
        / \  .-"""""-.  / \
       (   \/ __   __ \/   )
        )  ; / _\ /_ \ ;  (
       (   |  / \ / \  |   )        八戒你在干什么？
        \ (,  \●/_\●/  ,) /          
         \_|   /   \   |_/  		 你又偷看了，为师不怪你~好吧~~好吧~~
           | (_\___/_) |			  
           .\ \ -.- / /.				 
          {  \ `===' /  }					 版权没有_翻版不究！
         {    `.___.'    }
          {             }
           `"="="="="="`
Theme Name: Yefengs
Theme URI: http://blog.yefengs.com/
Description: 一个简约的Wordpress单栏主题。
Version: 1.4
Author: Yefengs
Author URI: http://blog.yefengs.com/
*/
@import "css/reset.css";html{overflow-x:hidden;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#15212f url("img/bg_5.jpg") no-repeat fixed;background-size:100%}
body{font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:95%;line-height:115%;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpiYGBgcABihv///zPgYcOBAyE25QqGrHUAAQYAP/8PuB+VLEEAAAAASUVORK5CYII=')}
p{padding-bottom:20px}
p:last-child{padding-bottom:0px;word-break:break-all}
h1{font-size:25px;font-weight:normal}
a.back{text-decoration:none}
#search h2,#comments h3,#commentform h3,.emptysearch,.error{font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:11px;font-weight:normal}
.back:hover{color:#3A525C}
#wrapper{color:#999;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:15px;line-height:145%;margin:0 auto;padding:0 2em;width:560px}
#header{margin:0 0 -1em 0;padding:60px 0 26px 0;position:relative}
#header .description{font-size:13px}
#header a{text-decoration:none}
#yefengs_logo{color:white;text-decoration: none}
#yefengs_logo:hover{opacity:0.65}
#top-bar{height:268px;overflow:hidden;position:fixed;top:0px;margin-right:-360px;right:50%}
.rssiocn a{display:block;width:48px;height:48px;background:url(img/rss.png) no-repeat;text-indent:-9999em}
#header .description{color:#ffffff;margin:0px 0px 10px 30px}
.post{padding:5px 0px 10px 0px;position:relative;text-indent:20px}
.post img.attachment-post-thumbnail{float:left;margin:0 2em 2em 0;padding:0}
.post img,.post object,.post embed{display:block;margin:0 auto 0.8em auto}
.post img{border:solid 0px;max-width:100%;height:auto;display:block;margin:0 auto;border-radius:17px 5px 17px 5px;-webkit-border-radius:17px 5px 17px 5px;-moz-border-radius:17px 2px 11px 2px;-khtml-border-radius:17px 5px 17px 5px;margin-right:23px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;transition:all 3s ease-in-out}
.post img:hover{-webkit-transform:rotate(5deg) scale(0.9) skew(3deg,3deg);-moz-transform:rotate(5deg) scale(0.8) skew(5deg,5deg);-o-transform:rotate(5deg) scale(0.8) skew(5deg,5deg);transform:rotate(5deg) scale(0.8) skew(5deg,5deg);opacity:0.75}
.post .vvqbox{margin:2em auto}
.entry .more-link{display:block;float:right;position:relative;margin:20px 10px 18px 0;text-decoration:none;font:14px "Georgia",'Microsoft Yahei';font-weight:bold;font-size:12px;background:url(img/plus.png) no-repeat}
.post_t h2 a{font-weight:normal;color:#2A4102;text-shadow:#B3D578 0px 0px 5px;-webkit-transition:color .3s linear;-o-transition:color .3s linear;text-decoration:none}
.post_t h2 a:hover{color:rgba(167,81,2,0.85);text-decoration:none;text-shadow:#F9D597 0px 0px 5px}
.post_t h2{font-size:20px;line-height:120%;font-weight:normal;font-family:Arial,"Microsoft YaHei",Georgia,sans-serif;padding-bottom:15px}
.post h2{font-size:20px;line-height:120%;font-weight:normal;font-family:Arial,"Microsoft YaHei",Georgia,sans-serif;padding-bottom:15px}
.post h3{color:#ccc;margin:0 0 1em 0;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:18px;font-weight:normal;line-height:120%}
.post h4{color:#CCC;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:2em 0 1em 0}
.post h5{color:#CCC;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:2em 0 1em 0}
.post blockquote{width:auto;margin:15px 25px;padding:0px 20px 0px 20px;background:url(img/bqbg.png) repeat-y;color:#333B68;font-size:12px;-webkit-border-radius:5px;border-radius:5px}
#comments{font-size:13px;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:13px;line-height:22px;color:#4A4A4A;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.metinfo{opacity:0.69;font-family:'Microsoft Yahei',"Georgia";color:#4B4949;margin-bottom:-25px;font-size:13px;margin-top:30px;height:26px;line-height:25px;-webkit-transition:color .3s linear;-o-transition:color .3s linear}
.metinfo:hover{opacity:1}
.metinfo a{text-decoration:none;color:#4B4949;-webkit-transition:color .3s linear;-o-transition:color .3s linear}
.metinfo a:hover{color:#0875FF;text-decoration:none}
.viewscss{background:url(img/views.png) no-repeat;padding-left:22px;float:left}
.categorycss{background:url(img/category.png) no-repeat;padding-left:24px;float:left;padding-right:20px}
.number-of-comments{padding-top:-2px;padding-left:24px;float:right;text-decoration:none;background:url(img/numcom.png) no-repeat;margin-bottom:-20px;margin-right:0px}
.date{background:url(img/date.png) no-repeat;padding-left:20px;padding-top:-2px;float:left;padding-right:20px}
.post a{color:#879AAF;text-decoration:none;border:0;-webkit-transition:color .3s linear;-o-transition:color .3s linear}
.post a:hover{-webkit-transition:color .3s linear;-o-transition:color .3s linear;color:#CCC;text-decoration:none}
#keytag{float:right;background:url(img/tag.png) no-repeat;padding-left:22px}
.post blockquote cite{display:block;text-align:right;font-style:normal}
.entry a:hover,.comment a:hover{color:#3A525C}
.entry{margin-bottom:20px;font-size:medium;line-height:24px;font-size:15px;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif}
.entry ul{list-style:none inside;padding:0 1em}
.entry ol{list-style:decimal outside;padding:0 2.5em}
.entry ul li{background:url(img/bullet.gif) 0 7px no-repeat}
.entry ol li{margin:1em 0}
#comments h3{margin:0 0 2em 0;font-size:18px}
#commentform h3{margin:0 0 25px 0}
#commentform p{font-size:13px}
.comment cite{font-style:normal}
.comment cite a{text-decoration:underline}
#comments h3,#commentform h3{color:#FCFAFA}
#comments.label{color:#FCFAFA;text-align:center}
.highlighted{border:1px solid #f0f0f0}
.comment cite{color:#CCC}
.comment .moderation{color:#FFF}
.pagination{color:#CCC margin:-2.6em 0 4.6em 0}
.pagination div{float:left;margin:0 2em 0 0}
.pagination a{text-decoration:underline}
.pagination a:hover{color:#999}
.commentinfo{color:#ffffff;width:600px;height:26px;text-align:center}
#sb-1{clear:right;float:left;width:45%}
#sb-2{float:right;width:45%}
#sidebar{font-size:13px;color:#5F5E5E;font-family:Arial,"Microsoft YaHei",Georgia,sans-serif}
#sidebar a{color:#6B2828;text-decoration:none;-webkit-transition:color .3s linear;-o-transition:color .3s linear}
#sidebar a:hover{color:#689917}
#sidebar li{font-size:11px;margin:0px;border-bottom:1px dashed #CCC;background:url(img/sidebarli.gif) no-repeat 0px 2px;padding:1px 0 1px 15px}
#sidebar h3{margin-left:-10px;color:#000000;padding-top:10px;font-family:Arial,"Microsoft YaHei",Georgia,sans-serif;font-size:15px;font-weight:normal}
#recentcommentsfix{list-style:none;list-style-type:none;position:relative;height:176px;overflow:hidden}
#recentcomments img.avatar{width:20px;height:20px;float:left;position:relative;border:1px solid #ffffff;margin:0 1px 0 0;padding:0px;border-radius:11px 2px 11px 2px;-webkit-border-radius:11px 2px 11px 2px;-moz-border-radius:11px 2px 11px 2px;-khtml-border-radius:11px 2px 11px 2px}
#recentcomments li{list-style:none;margin-left:-13px}
#recentcomments ul{padding-left:0;list-style:none}
#recentcomments ul li{width:258px;line-height:25px;height:25px;overflow:hidden;margin:5px 5px 5px 5px;list-style:none}
.xiege{position:relative;text-decoration:none;background-image:url(img/stripes_tiny_08.png);background-repeat:repeat}
#sidebar .two_row li{font-size:11px;float:left;width:93px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
#sidebar .two_row li a{height:17px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;padding:0 0 3px 0}
#sidebar .two_row li ul{display:none;margin:0px 0 0 3px}
#sidebar .youlian li{font-size:11px;float:left;width:93px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
#sidebar .youlian li a{height:17px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;padding:0 0 3px 0}
#sidebar .youlian li a{color:#111111}
#sidebar .youlian li ul{display:none;margin:0px 0 0 3px}
#sidebar .youlian ul a,ul:hover a{-webkit-transition-property:color;-webkit-transition-timing-function:cubic-bezier(1,0,1,0)}
#sidebar .youlian ul a{-webkit-transition:all 1s ease-in-out}
#sidebar .youlian ul:hover li:nth-child(1) a{color:#DA020E;-webkit-transition-duration:1s}
#sidebar .youlian ul:hover li:nth-child(2) a{color:#D30454;-webkit-transition-duration:.9s}
#sidebar .youlian ul:hover li:nth-child(3) a{color:#CB0A9B;-webkit-transition-duration:.8s}
#sidebar .youlian ul:hover li:nth-child(4) a{color:#C729B0;-webkit-transition-duration:.7s}
#sidebar .youlian ul:hover li:nth-child(5) a{color:#C75E81;-webkit-transition-duration:.6s}
#sidebar .youlian ul:hover li:nth-child(6) a{color:#C7A236;-webkit-transition-duration:.5s}
#sidebar .youlian ul:hover li:nth-child(7) a{color:#C7C40D;-webkit-transition-duration:.4s}
#sidebar .youlian ul:hover li:nth-child(8) a{color:#B8C10F;-webkit-transition-duration:.3s}
#sidebar .youlian ul:hover li:nth-child(9) a{color:#A2AD22;-webkit-transition-duration:.2s}
#sidebar .youlian ul:hover li:nth-child(10) a{color:#767954;-webkit-transition-duration:.1s}
#footer{color:whiteSmoke;padding:1em 0;font-size:10px}
#footer p{/*text-shadow:0 0 5px white,0 0 10px white,0 0 15px white,0 0 40px #FF00DE,0 0 70px #FF00DE;*/margin:-30px 0px 0px 0px;text-align:center}
#footer a{cursor:help;text-decoration:none;color:#8FE432;-webkit-transition:all .5s ease-in-out}
#footer a:hover{color:#1AA4F1}
.footer-widget{margin-bottom:1.5em}
#commentform #submit-comment:hover{background:#D9D9D9;-webkit-box-shadow:inset 0 0 1px 1px #EAEAEA;box-shadow:inset 0 0 1px 1px #EAEAEA;color:#222;cursor:pointer}
#search-form #submit{padding:1px 13px;margin:0 0 0 5px}
#search h2,.emptysearch,.error{color:#CCC}
#404error{color:#383838}
#404error ul li{font-size:11px;margin:0px;border-bottom:1px dashed #CCC;background:url(img/sidebarli.gif) no-repeat 0px 2px;padding:1px 0 1px 15px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
@media (max-width:480px){#wrapper{width:380px;padding:0 1em}
#wrapper .post img{width:100%;height:auto}
#commentform textarea{width:380px}
#sb-1{width:42%}
#sb-2{width:42%}
}@media (max-width:320px){#wrapper{width:280px;padding:0 0.5em}
#wrapper .post img{width:100%;height:auto}
#commentform textarea{width:260px}
}.yui-nav{text-align:right;margin-bottom:-1px}
.yui-nav a:hover{color:rgba(167,81,2,0.85);text-decoration:none;text-shadow:#F9D597 0px 0px 5px}
.yui-nav li a{-webkit-transition:color .3s linear;-o-transition:color .3s linear;background:url(img/bg_box.png) #EDEEEF repeat;border-bottom:0px;color:#000000;padding:.3em .7em .3em .7em;text-decoration:none;font-size:85%;border-radius:13px 2px 13px 2px}
.yui-nav li{display:block;display:inline-block;vertical-align:bottom;zoom:1}
.yui-nav a{position:relative}
.yui-nav a{outline:0}
.yui-nav li{display:inline-block;display:-moz-inline-stack;vertical-align:bottom;cursor:pointer;zoom:1}
.yui-nav li{margin-right:0.5em}
.yui-nav li{margin-right:7px;padding:0;list-style:none}
#nav_at{margin-top:-20px;width:560px;height:26px;color:#ffffff;padding-bottom:20px}
#nav_at a{-webkit-transition:color .3s linear;-o-transition:color .3s linear;text-decoration:none;color:#ffbbaa}
#nav_at a:hover{text-decoration:none;color:#ffffff}
#nav_at .nav_previous{float:left;background:url(img/zuo.png) no-repeat;padding-left:24px}
#nav_at .nav_next{float:right;background:url(img/you.png) no-repeat right;padding-right:26px;text-align:right}
.commentnavgation{font-family:"Microsoft YaHei",Trebuchet MS,Arial,Verdana,Tahoma,sans-serif;font-size:12px;margin-bottom:30px;margin-top:10px}
.commentnavgation .page-numbers{background:#FFF;font-size:12px !important;text-decoration:none;border-radius:8px 2px 8px 2px;-webkit-border-radius:8px 2px 8px 2px;-moz-border-radius:8px 2px 8px 2px;-khtml-border-radius:8px 2px 8px 2px;margin:10px 2px;padding:2px 7px}
.commentnavgation span.current{background:rgb(114,114,114);color:#FFF;font-weight:700}
#comments a{color:#000000;text-decoration:none;border:0;-webkit-transition:color .3s linear;-o-transition:color .3s linear}
#comments .commentinfo a{color:#DD965E}
#comments a:hover{color:#E38383;text-decoration:none}
#comments{padding-top:40px;list-style:none}
#comments .comment{zoom:1;padding-bottom:13px}
#comments .comment:first-child{zoom:1}
#comments .comment:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#comments .comment > .info{float:left}
#comments .comment > .info .comment-reply-link{color:rgba(248,248,248,0.71);display:block;text-align:center;padding-left:5px;-webkit-text-shadow:0px 1px 1px rgba(0,0,0,0.5);-moz-text-shadow:0px 1px 1px rgba(0,0,0,0.5);-o-text-shadow:0px 1px 1px rgba(0,0,0,0.5);text-shadow:0px 1px 1px rgba(0,0,0,0.5)}
#comments .comment > .info .comment-reply-link:hover{color:#ca1c39;-webkit-text-shadow:0px 1px 1px rgba(0,0,0,0);-moz-text-shadow:0px 1px 1px rgba(0,0,0,0);-o-text-shadow:0px 1px 1px rgba(0,0,0,0);text-shadow:0px 1px 1px rgba(0,0,0,0)}
#comments .comment > .info .avatarcontainer .avatar{width:55px;height:55px;overflow:hidden;-webkit-border-radius:22px 4px 22px 4px;-moz-border-radius:22px 4px 22px 4px;border-radius:22px 4px 22px 4px;box-shadow:1px 1px 2px rgba(0,0,0,0.35);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.35);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.35);margin-bottom:4px}
#comments .comment .content{position:relative;background:white;color:#5c5c5c;float:left;width:450px;padding:10px;margin-left:30px;font-size:11px;-webkit-border-radius:22px 5px 22px 5px;-moz-border-radius:22px 5px 22px 5px;border-radius:22px 5px 22px 5px;box-shadow:1px 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.15)}
#comments .comment .content .meta{display:block;color:#909090;margin-top:-5px}
#comments .comment .content .meta .comment-reply-link:before{content:" - ";font-weight:bold}
#comments .comment.author{font-weight:bold}
#comments .comment .content:after,#comments .comment .content:before{content:"";position:absolute;z-index:1000;top:15px;left:1px;margin-left:-6px;border-top:6px solid transparent;border-left:0;border-right:6px solid white;border-bottom:6px solid transparent}
#comments .children{list-style:none}
#comments .children .comment > .info{float:right}
#comments .children .comment .content{margin-left:0px;margin-right:30px;float:right;width:415px}
#comments .children .comment .content:after,#comments .children .comment .content:before{content:"";position:absolute;z-index:1000;top:15px;left:auto;right:1px;margin-left:0px;margin-right:-6px;border-top:6px solid transparent;border-left:6px solid white;border-right:0;border-bottom:6px solid transparent}
#comments .children .comment #respond{margin-right:85px;clear:both}
#comments .children .comment #respond input{width:102px}
#comments .children .comment #respond textarea{width:393px}
.datet{font-family:"Georgia",'Microsoft Yahei';color:#181107;float:right}
#content p{word-break:break-all;color:#33383D}
#comments #respond{font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;margin-left:0px;float:right;margin-top:20px}
#comments #respond .info{margin-top:-4px}
#comments #respond .content{float:none;clear:both;margin:0px 0px 20px 0px}
#comments #respond .label{font-weight:normal;display:none}
#comments #respond textarea{width:475px}
#comments #respond input{width:131px}
#respond .content{margin-bottom:20px;background:white;padding:15px;margin-top:0px;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:13px;line-height:22px;color:#7a7a7a;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-border-radius:50px 10px;-moz-border-radius:50px 10px;border-radius:50px 10px;box-shadow:1px 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.15)}
#respond label{display:block}
#respond .label{display:block;text-align:center;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:24px;-webkit-text-shadow:0px 1px 1px rgba(0,0,0,0.3);-moz-text-shadow:0px 1px 1px rgba(0,0,0,0.3);-o-text-shadow:0px 1px 1px rgba(0,0,0,0.3);text-shadow:0px 1px 1px rgba(0,0,0,0.3);padding-bottom:20px;color:white}
#respond input,#respond textarea{width:140px}
#respond textarea{margin-top:16px;width:500px;padding:10px;height:150px;resize:vertical}
#respond p{padding-bottom:0px}
#respond p.submit{padding-top:15px;padding-bottom:5px}
#respond p.submit input{width:90px}
#respond .details{padding-bottom:15px;zoom:1}
#respond .details:first-child{zoom:1}
#respond .details:after{visibility:hidden;font-size:0;content:" ";clear:both;height:0}
#respond .details p{padding-bottom:0px;float:left;margin-right:20px}
#respond .details p.last{margin-right:0px}
#respond p.message{margin:0px;float:none;clear:both;position:relative}
#respond p.message .placeholder{margin-top:16px;position:absolute;top:10px;left:10px}
#respond .reply,#respond .info{font-size:11px;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;padding-bottom:5px;padding-left:5px;margin-top:-5px;zoom:1}
#respond .reply:first-child,#respond .info:first-child{zoom:1}
#respond .reply:after,#respond .info:after{visibility:hidden;display:block;font-size:0;content:none;clear:both;height:0}
#respond .reply span.reply,#respond .info span.reply{float:right}
#respond .reply{margin:0px;float:right;padding:5px 5px 0px 0px}
.author{font-size:13px;line-height:80%;font-weight:normal;font-family:Arial,"Microsoft YaHei",Georgia,sans-serif;color:#5F5F5F}
.author a{text-decoration:none;color:#CF0505}
label{padding-left:3px}
input[type=submit],.button{width:80px;background:#f4f4f4;font-size:12px}
input[type=submit]:hover,.button:hover{box-shadow:inset 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,0);box-shadow:0px 1px 3px rgba(0,0,0,0.12);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.12);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.12)}
input,textarea{background:white;border:1px solid #d5d5d5;height:24px;line-height:24px;padding:0px 10px 0px 10px;margin:0px;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",Georgia,sans-serif;font-size:11px;color:#7a7a7a;box-shadow:inset 0px 1px 3px rgba(0,0,0,0.12);-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.12);-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.12);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
input:focus,textarea:focus{color:black}
input.error,textarea.error{border-color:#ff8c8c}
input#s{width:89%}
textarea{height:150px}
#s{float:left;width:65px;-webkit-transition-duration:400ms;-webkit-transition-property:width,background;-webkit-transition-timing-function:ease;-moz-transition-duration:400ms;-moz-transition-property:width,background;-moz-transition-timing-function:ease;-o-transition-duration:400ms;-o-transition-property:width,background;-o-transition-timing-function:ease}
input#s{border-radius:9px 1px 9px 1px;background:url(img/search.png) no-repeat 5px 1px;font-size:12px;height:15px;line-height:1.2em;padding:4px 10px 3px 28px}
#s:focus{background-color:#f9f9f9;width:150px}
#searchform{float:right;width:80px;height:26px;margin-top:-15px;margin-right:10px;-webkit-transition-duration:400ms;-webkit-transition-property:width,background;-webkit-transition-timing-function:ease;-moz-transition-duration:400ms;-moz-transition-property:width,background;-moz-transition-timing-function:ease;-o-transition-duration:400ms;-o-transition-property:width,background;-o-transition-timing-function:ease}
#searchform:hover{width:150px;margin-right:10px}
#archivebox{float:left;clear:bone;margin-top:-15px;margin-left:30px}
#archivebox select{border-radius:9px 1px 9px 1px;background:#ffff;width:100px;border:1px solid #999;color:#666;font-size:12px;font-weight:200}
#pagenavi{font-family:"Microsoft JhengHei";line-height:22px;margin-bottom:20px;padding-top:10px;padding-left:30px;text-decoration:none}
#pagenavi span.pagescout{float:left;display:block;width:120px;padding-left:35px;margin-right:35px;background:url(img/milestone.png) 0 0px no-repeat;color:white}
#pagenavi .page-numbers{margin:0 3px;padding:0 3px;text-decoration:none}
#pagenavi .current{background-color:white;border-radius:8px 0px 8px 0px;-moz-border-radius:8px 0px 8px 0px;padding:2px 3px;margin:0 2px;color:black}
#pagenavi .kong{color:white}
#shangxia{left:50%;position:fixed;top:80%;display:block;margin-left:317px}
#shang{background:url("img/up.png") no-repeat scroll 0 0 transparent;position:relative;cursor:pointer;height:75px;width:75px}
#shang:hover{opacity:0.69}
.box{opacity:1;background:url(img/bg_box.png) #EDEEEF repeat;padding:23px 28px 30px 25px;line-height:22px;color:#4A4A4A;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;overflow:hidden;box-shadow:1px 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.15);margin-bottom:25px;-webkit-border-radius:70px 10px 50px 2px;-moz-border-radius:70px 10px 50px 2px;border-radius:70px 10px 50px 2px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;transition:all 3s ease-in-out}
.box:hover{box-shadow:0 0  30px rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1)}
.lahuan{position:fixed;position:absolute;right:50%;margin-right:-360px;top:-20px;+top:0px;overflow:hidden;width:60px;height:290px}
.lahuan_zi{position:fixed;position:absolute;top:-190px;left:0;width:55px;height:290px;background:url(img/lahuan.png) no-repeat;cursor:pointer}
.my-archive li{font-size:12px;margin:0px;border-bottom:1px dashed #CCC;background:url(img/sidebarli.gif) no-repeat 0px 2px;padding:1px 0px 1px 0px}
#youyou{padding-bottom:20px}
#youyouh3 h3{margin:0 auto;font-size:17px;font-weight:500;clear:left;color:#000000;padding:24px 0px 10px 0px}
#youyou ul li a{color:#494949;font-size:13px;display:block;text-decoration:none;float:left;height:22px;overflow:hidden;width:100px;border:1px solid white;background:#F9F9F9;-moz-box-shadow:0 0 3px #AAA;-webkit-box-shadow:0 0 3px #AAA;box-shadow:0 0 3px #AAA;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:4px 12px}
#youyou ul li a:hover{border-bottom:#FF5708 2px solid;color:#FF5708;font-weight:bold;height:21px}
#navbar{position:fixed;right:-89px;bottom:0px;background:url(img/navbar.png) no-repeat;width:113px;height:250px;cursor:pointer}
.navbarmenu{opacity:0.59;width:80px;height:190px;padding-top:25px;padding-left:26px;-webkit-transition-duration:2800ms;-webkit-transition-timing-function:ease;-moz-transition-duration:2800ms;-moz-transition-timing-function:ease;-o-transition-duration:2800ms;-o-transition-timing-function:ease}
.navbarmenu:hover{opacity:1}
.navbarmenu li{list-style:none;float:none !important;margin:1px;padding-left:5px}
.navbarmenu li a{font-size:12px;color:#ffffff;text-decoration:none;background:#5A5A5A;padding:0px 4px;margin:0 8px 8px 0;display:inline-block;-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);box-shadow:0px 1px 1px rgba(0,0,0,0.1);border-radius:11px 2px 11px 2px;-webkit-border-radius:11px 2px 11px 2px;-moz-border-radius:11px 2px 11px 2px;-khtml-border-radius:11px 2px 11px 2px}
.navbarmenu li a:hover{font-size:12px;color:#5A5A5A;text-decoration:none;background:#ffffff;padding:0px 4px;margin:0 8px 8px 0;display:inline-block;-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);box-shadow:0px 1px 1px rgba(0,0,0,0.1);border-radius:11px 2px 11px 2px;-webkit-border-radius:11px 2px 11px 2px;-moz-border-radius:11px 2px 11px 2px;-khtml-border-radius:11px 2px 11px 2px}
::-webkit-scrollbar-track-piece{background-color:#15212F;-webkit-border-radius:0}
::-webkit-scrollbar{width:15px;height:8px}
::-webkit-scrollbar-thumb{height:50px;background-color:#999;-webkit-border-radius:8px;outline:2px solid #15212F;outline-offset:-2px;border:2px solid #15212F}
::-webkit-scrollbar-thumb:hover{height:50px;background-color:#ffffff;-webkit-border-radius:8px}
::selection,*::-moz-selection{background:#466119;color:white;text-shadow:none}
#bg{position:fixed;left:0;top:0;overflow:hidden;z-index:0}
.error{background:url(img/error.png) 100% 4px no-repeat}
.valid{background:url(img/valid.png) 100% 4px no-repeat}
.widget_tabcontent_post{margin-bottom:15px;clear:both;overflow:hidden}
.widget_tabcontent_post .selected{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;background:#8A8A89;color:white}
.widget_tabcontent_post h4{color:#2A4102;height:24px;font-size:13px;text-align:center;margin-bottom:7px;font-weight:normal;border-bottom-color:#E9E9E9;border-bottom:1px dotted #CFCFCF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;cursor:pointer}
.widget_tabcontent_post h4:hover{color:rgba(167,81,2,0.85);text-shadow:#F9D597 0px 0px 5px;-webkit-transition:color .3s linear;-o-transition:color .3s linear}
.widget_tabcontent h4 span,.widget_tabcontent_post h4 span{cursor:pointer;padding:3px 6px}
.widget_tabcontent_post .hide{display:none}
#ph_lay,#ph_zoom{top:0;left:0;width:100%;z-index:9999;display:none;text-shadow:none}
#ph_lay{position:fixed;height:100%;_height:expression(Math.max(documentElement.clientHeight,body.scrollHeight)+'px');_position:absolute}
#ph_zoom{overflow-x:hidden;position:absolute}
#ph_zoom span{margin:0;padding:0 9px;float:right;color:inherit}
#ph_lay,#ph_cap,#ph_nav span{background:#000}
#ph_cap,#ph_nav{cursor:pointer;font-size:14px;line-height:21px;position:absolute}
#ph_nav #ph_prev,#ph_cap #ph_txt{float:left}
.zoomed{margin:0;padding:0;max-width:none;cursor:pointer;position:absolute}
.phzoom{position:relative;display:inline-block;max-width:100%;margin-left:auto;margin-right:auto}
.phzoom img{display:block}
.ph_hover{top:0;left:0;width:100%;height:100%;display:block;position:absolute;background:rgba(0,0,0,0.3) url(img/imghover.png) no-repeat 50% 50%}
.phzoom .loading{background:url(img/loading.gif) no-repeat 50% 50%}

.hover-comment .vcard { height:35px; width:35px; float:left; }
.hover-comment .louceng, .hover-comment .commentmetadata { display:none; }
.hover-comment { position:absolute; list-style:none; display: block; z-index:3; border: 5px #000 solid; background-color: white; max-width:600px; }
.hover-comment .commentmetcontent { padding:10px; margin-left:35px; border: none; }
.hover-comment .fn { display:none; }
.hover-comment .avatar { width:28px; height:28px; border: none; padding:5px 0 5px 5px; }
.hover-comment-left{ line-height: 0; position: absolute; left: -40px; border-width: 20px; border-style:dashed solid dashed dashed; border-color: transparent #000 transparent transparent; }