/*
	Theme Name: CelineDion
	Theme URI: http://zafashao.com/
	Description: 也许在未来的某一天，你会收到一封我写给你的信，我的爱人
	Author: 爱在发烧
	Version: 1.2
*/

*{margin:0;padding:0;outline:0;border:0;}
html,body,div,p,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td,blockquote,img{margin:0;padding:0;-webkit-text-size-adjust:100%;}
body{background-image:url(images/bg.jpg);background-attachment:fixed;color:#5a5a5a;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;}
h1,h2,h3,h4,h5,h6{clear:both;}
body {font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}
h1,.h1,h2,.h2,h3,.h3,h4,.h4{font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
a{outline:0;color:#5a5a5a;text-decoration:none;}
a:hover{color:#5a5a5a;}
em,b{font-weight:bold;font-style:normal;}
ul,ol{list-style:none;}
::-webkit-scrollbar-track-piece{width:13px;border-right:1px solid #EEE;border-left:1px solid #e4e4e4;background-color:#f0f0f0;background-image:-webkit-linear-gradient(left,#f0f0f0,#FFF);}
::-webkit-scrollbar{width:13px;height:13px;}
::-webkit-scrollbar-thumb{position:relative;min-height:25px;border-radius:9999px;background-color:#c2c2c2;background-clip:padding-box;}
::-webkit-scrollbar-thumb:vertical{border-top:0 solid transparent;border-right:2px solid transparent;border-bottom:0 solid transparent;border-left:3px solid transparent;}
::-webkit-scrollbar-thumb:horizontal{border-top:3px solid transparent;border-right:0 solid transparent;border-bottom:2px solid transparent;border-left:0 solid transparent;}
::-webkit-scrollbar-thumb:active{background-color:#7d7d7d;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.pace-inactive{display:none;}.pace .pace-progress{background-color:#5a5a5a;position: fixed;z-index:2000;top:0;left:0;height:4px;overflow:hidden;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;}.pace .pace-progress-inner{position:absolute;top:0;left:0;right:-32px;bottom:0;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);-webkit-background-size:32px 32px;-moz-background-size:32px 32px;-o-background-size:32px 32px;background-size:32px 32px;-webkit-animation:pace-stripe-animation 500ms linear infinite;-moz-animation:pace-stripe-animation 500ms linear infinite;-ms-animation:pace-stripe-animation 500ms linear infinite;-o-animation:pace-stripe-animation 500ms linear infinite;animation:pace-stripe-animation 500ms linear infinite;}@-webkit-keyframes pace-stripe-animation{0%{-webkit-transform:none;transform:none;}100%{-webkit-transform:translate(-32px,0);transform:translate(-32px,0);}}@-moz-keyframes pace-stripe-animation{0%{-moz-transform:none;transform:none;}100%{-moz-transform:translate(-32px,0);transform:translate(-32px,0);}}@-o-keyframes pace-stripe-animation{0%{-o-transform:none;transform:none;}100%{-o-transform:translate(-32px,0);transform:translate(-32px,0);}}@-ms-keyframes pace-stripe-animation{0%{-ms-transform:none;transform:none;}100%{-ms-transform:translate(-32px,0);transform:translate(-32px,0);}}@keyframes pace-stripe-animation{0%{transform:none;transform:none;}100%{transform:translate(-32px,0);transform:translate(-32px,0);}}

/*头部*/
.about-content #logolink img{display:block;margin:0 auto;width:80px;height:80px;border-radius:100px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.about-content #logolink:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg);}
.about-bottom{margin-bottom:20px;}
#about-header{position:relative;margin:20px auto 0 auto;padding:10px 0 0;width:610px;word-wrap:break-word;text-align: center;}
#about-header .about-top{position:relative;height:50px;background:#fff url(images/about-top.png)top no-repeat;}
#about-header .about-top .menu{position:relative;top:30px;color:#5a5a5a;font-size:14px;}
#about-header .about-content{padding:30px 0 40px;background:#fff;text-align:center;}
#about-header .about-content #logolink{margin:0 auto;width:80px;height:80px;}
#about-header .about-content h2{padding:0 25px;}
#about-header .about-user-name{color:#3d3d3d;font-weight:normal;font-size:32px;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",'Microsoft Yahei',Tahoma;}
#about-header .about-content p{padding:10px 0;color:#5a5a5a;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);line-height:2em;}
#about-header .about-content h1{margin-top:10px;}
#about-header li{position: relative;display:inline-block;padding: 5px 0;}
#about-header li a{display:block;padding:0 15px;width:auto;color:#3d3d3d;}
#about-header li a:hover{color:#6CA6CD;}
#about-header .menu  > li > ul > li > ul{position: absolute;left: 100%;text-align: center;z-index: 10;top: 0;background-color: #fff;border: 1px solid #ddd;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);line-height: 32px;width: 90px;border-radius: 4px;z-index: 9999;}
#about-header .menu  > li > ul > li{display: block;}
#about-header .sub-menu{display: none;position: absolute;top: 100%;left: -18px;text-align: center;background-color: #fff;border: 1px solid #ddd;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);line-height: 32px;width: 90px;border-radius: 4px;z-index: 9999;}
#about-header .sub-menu li{float: none;}
#about-header .sub-menu a:hover{color: #45B6F7;}
#about-header li:hover > .sub-menu{display: block;}
#about-header li.current-menu-item > a, #about-header li.current-menu-parent > a{color: #45B6F7;}
#about-header li.menu-item-has-children {background: url(images/down.png) right no-repeat;}
#about-header li.menu-item-has-children:hover{background: url(images/down2.png) right no-repeat;}

/*文章*/
.container{position:relative;margin:0 auto 50px auto;padding: 10px 0;width:610px;background: #fff;}
#content{position:relative;clear:both;overflow:hidden;padding:30px;background:#fff;white-space:normal;word-break:break-all;}
.post,.page{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ededed}
.post_header{margin-bottom:8px;}
.page .title{font-size:16px;text-align: center;margin-bottom: 20px;}
.site-title{display:block;color:#6d6d6d;word-wrap:break-word;font-weight:normal;font-size:17px;line-height:1.8;}
.site-title a{color:#5a5a5a;font-size: 18px;}
.site-title a:hover{color:#6CA6CD;}
.postmeta{position:relative;font-size: 12px;color:#a5a5a5;}
.postmeta a{color:#a5a5a5;}
.item{width:100%;border-bottom: 1px solid #E9E9E9;padding-bottom: 10px;margin-bottom:-30px;margin-top:30px;}
.item .pic{display:inline;float:left;margin-right:10px;}
.item .pic .avatar,.item .pic img{width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.item .info{position:relative;overflow:hidden;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);color: #999;}
.info .name{padding-bottom:40px;}
.info .title{display:inline;float:left;font-size:30px;line-height:36px;font-weight:bold;margin:0 20px 0 0;}
.info p{padding-top:5px;font-size:14px;float: left;margin-left: 5px;}
.thumb{float:left;}
.thumb img{width:auto;height:auto;max-width:100%;word-wrap: break-word;overflow: hidden;}
.entry{margin:0 0 10px;font-size:14px;line-height:24px;}
.entry p{line-height:2em;}
.entry img{width:auto;height:auto;max-width:100%;}
.entry ul li,.entry ol li{display:list-item;margin-left:10px;}
.entry ul li{list-style:square inside;}
.entry ol li{list-style:decimal inside;}
.entry blockquote{padding:8px 16px;margin: 10px 0;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#2b2b2b;}
#pre_post{padding-left:10px;background:url(images/left.png) left center no-repeat;font-size:14px;}
#next_post{padding-right:10px;background:url(images/right.png) right center no-repeat;font-size:14px;}

/*分页*/
#pagenavi{text-align: center;font-size:13px;}
#pagenavi span.pagescout{float:left;display:block;margin-right:35px;padding-left:25px;width:95px;color:#9d9d9d;}
#pagenavi .page-numbers{margin: 0 4px;width: 30px;height: 30px;line-height: 30px;display: inline-block;cursor: pointer;}
#pagenavi a{color:#5a5a5a;}
#pagenavi .current,#pagenavi a:hover{border-bottom:1px solid #6CA6CD;color:#6CA6CD;}
#pagination {width: 50%;margin: 0 auto;text-align: center;padding: 0 0 20px;}
/*comments*/
#comments {border-top: 1px solid #dadada;margin-top: 10px;}
.comment_amount{margin-top:20px;margin-bottom:50px;}
.comment_amount a{font-size:16px;line-height:22px;}
.comment-show{padding: 30px 0;text-align: center;}
.comment-show li{margin-bottom: 10px;}
.comment-list{margin:20px 0;font-size: 13px;line-height:20px;padding: 0 0 20px;}
.comment-list p{margin:0;color: #888;}
.comment-list li{margin:5px 0;line-height: 2;}
.comment-list .comment_body{padding:10px 0;border-bottom:1px dashed #E7E7E7;}
.comment-list a{color:#5a5a5a;}
.comment-list li ul li .comment_body{margin-left:40px;}
.comment_body .author{width:30px;height:30px;float:left;margin-top:3px;padding-right:4px;}
.comment_body .author .avatar{width:36px;height:36px;box-shadow:1px 1px 2px rgba(0,0,0,.3);border-radius: 100px;}
.comment_body:hover .author .avatar{transition:500ms;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
.comment_body .author .avatar{transition:500ms;-o-transition:500ms;-moz-transition:500ms;-webkit-transition:500ms;}
.comment_body .comment_data{margin-left:44px;}
.comment_body .name{color:#5a5a5a;}
.comment_body .name a:hover{color:#6CA6CD;}
.comment_body .text{color:#474747;}
.comment_body .time{color:#9f9f9f;}
.comment_body .reply{float:right;margin-right:4px;}
.comment-reply-link:hover{color:#6CA6CD;}

/*commentform*/
#respond{position:relative;font-size: 13px;overflow:hidden;padding: 20px 0;}
#respond div{margin:6px 0;color:#5a5a5a;}
#respond .welcome{color:#888;margin: 10px 0;}
#respond label{position:relative;top:5px;color:#5a5a5a;}
#respond input{width:150px;height:18px;padding:2px;border:0;border-bottom: 1px solid #969696;outline:0;overflow:hidden;background:transparent;font-size: 13px;color:#4f4f4f;}
#respond textarea{width:98%;height:70px;margin-top:10px;padding:2px;border: 1px solid #969696;outline:0;overflow:hidden;resize:none;background:#fff;font-size: 13px;line-height:22px;color:#4f4f4f;}
#respond input#submit{margin-right: 5px;width:66px;height:26px;float:right;border:0;border-radius:0;outline:0;background:#5a5a5a;font-size: 13px;color:#fff;cursor:pointer;}
#respond input#submit:hover{background:#6CA6CD;}
#loading,#error{position:relative;float:right;right:20px;}
#loading img,#error img{margin-bottom:4px;}
#smilies a{margin:0 1px;}

/*commentnavi*/
.comment-navi{margin-bottom:20px;padding: 20px 0;font-size:13px;}
.comment-navi .page-numbers{margin:0;padding-right:4px;}
.comment-navi a{}
.comment-navi .current{color: #5a5a5a;}
.commnav_loding{padding-left:20px;background:url(images/loading-2.gif) left center no-repeat;}

/*title提示*/
.colorTipContainer{position:relative;text-decoration:none!important;}
.colorTip{position:absolute;top:-35px;left:50%;display:none;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:white;text-align:center;text-decoration:none;text-indent:0;text-shadow:0 0 1px white;white-space:nowrap;font-style:normal;font-size:11px;line-height:1;}
.pointyTip,.pointyTipShadow{position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border:6px solid transparent;border-top-color: #FFF;}
.pointyTipShadow{bottom:-14px;margin-left:-7px;border-width:7px;}
.black .pointyTip{border-top-color:#333;}
.black .pointyTipShadow{border-top-color:#111;}
.black .colorTip{min-width:20px;border:1px solid #111;background-color:#333;color:#fcfcfc;text-shadow:none;}

/*底部*/
#footer-copy{color:#ffffff;margin-bottom:45px;text-align:center;font-size:13px;line-height:20px;padding: 30px 0;}
#footer-copy a{color:#ffffff;}
#footer-copy a:hover{color:#6CA6CD;}

/* 翻屏 *
****************************/
#back-to-top{display:none;cursor:pointer;position:fixed;right:50px;bottom:80px;width:48px;height:48px;z-index:999;border-radius:50%;background:rgba(255,255,255,0.6);box-shadow:0px 1px 8px 1.5px rgba(0,0,0,0.35),0px 20px 70px 8px rgba(0,0,0,0.25);-moz-box-shadow:0px 1px 8px 1.5px rgba(0,0,0,0.35),0px 20px 70px 8px rgba(0,0,0,0.25);}#back-to-top:hover{background:#FFF;}#back-to-top #point-up{margin:8px;}#back-to-top #point-up path{transition:.5s;-o-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;}#back-to-top.red:hover #point-up path{fill:#6CA6CD;}
.warning{margin-top:20px;background:#F5F5F5;border:1px solid #DFDFDF;color:#515151;}
.box-content {padding: 20px;}
/*读者墙*/
.readers a{width: 72px;margin: 25px 19px 0;float: left;text-align: center;color: #999;font-size: 12px;height: 65px;text-decoration: none;}
.readers a:hover{color: #FF5E52;}
.readers .avatar{border-radius: 5px;margin: 0 auto;height: 32px;width: 32px;display: block;margin-bottom: 5px;}

/*2015aduio*/
.audiojsqq audio{position:absolute;left:-1px;}
.audiojsqq{position: relative;margin: 20px auto;width:420px;height:65px;background:#159b9b;font-size:12px;font-family:monospace;}
.audiojsqq .audiojspic{position:absolute;width:65px;height:65px;}
.audiojsqq .audioname{position:absolute;top:20px;left:100px;color:#fff;font-size:14px;}
.audiojsqq .audiolrc{position:absolute;top:25px;left:100px;color:#fff;font-size:14px;}
.audiojsqq .audiolrc #pre{line-height: 0.5em;padding: 5px;overflow: auto;margin: 0 auto;}
.audiojsqq .audiolrc #progressBar{position:absolute;background:#000;opacity:.2;}
.audiojsqq .lrcicon-play{position:absolute;top:28px;left:80px;display:inline-block;margin:0 5px 0 0;width:10px;height:10px;background:url(images/playing.png);}
.playingqq .lrcicon-play{position:absolute;top:28px;left:80px;display:inline-block;margin:0 5px 0 0;width:10px;height:10px;background:url(images/playing.gif);}
.playingqq .audioname{display:none;}
.audiojsqq .play-pauseqq{position: absolute;float:left;overflow:hidden;margin:15px;width:36px;}
.audiojsqq p{display:none;margin:0;width:36px;height:36px;cursor:pointer;}
.audiojsqq .playqq{display:block;}
.audiojsqq .scrubberqq{position: absolute;bottom: -4px;cursor: pointer;float:left;overflow:hidden;width:420px;height:4px;border-bottom:0;border-left:0;background:0;}
.audiojsqq .loadedqq,.audiojsqq .progressqq{position:absolute;top:0;left:0;width:0;height:4px;}
.audiojsqq .progressqq{z-index:1;background:#f2626f;}
.audiojsqq .loadedqq{background:0;}
.audiojsqq .timeqq{float:right;padding: 25px 10px 0;color:#fff;}
.audiojsqq .timeqq em{padding:0 2px 0 0;color:#fff;font-style:normal;font-weight: normal;}
.audiojsqq .timeqq strong{padding:0 0 0 2px;font-weight:400;}
.audiojsqq .error-messageqq{float:left;display:none;overflow:hidden;margin:5px 10px;color:#fff;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;-icab-text-overflow:ellipsis;-khtml-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.audiojsqq .error-messageqq a{padding-bottom:1px;border-bottom:1px solid #999;color:#eee;text-decoration:none;white-space:wrap;}
.audiojsqq .playqq{background:url(images/play.png) no-repeat;opacity:0.8;}
.audiojsqq p:hover{opacity:1;}
.audiojsqq .pauseqq{background:url(images/pause.png) no-repeat;opacity:0.8;}
.playingqq .playqq{display:none;}
.playingqq .pauseqq{display:block;}
.loadingqq .errorqq,.loadingqq .pauseqq,.loadingqq .playqq{display:none;}
.loadingqq .loadingqq{display:block;}
.errorqq .loadingqq,.errorqq .pauseqq,.errorqq .playqq,.errorqq .scrubberqq,.errorqq .timeqq{display:none;}
.errorqq .error-messageqq,.errorqq .errorqq{display:block;}
.errorqq .play-pauseqq p{cursor:auto;}

@media screen and (max-width:610px){
	#about-header,.container{width: 100%;margin:0 auto;padding:0;}
	.about-bottom,.timeqq{display:none;}
	.info .title{font-size:20px;}
	.audiojsqq,.audiojsqq .scrubberqq{width:100%;}
	#footer-copy{margin-bottom:0;background: #fff;color:#5a5a5a}
	#footer-copy a{color:#5a5a5a}
}