/*
 * @name       KandyStack
 * @author     吉光片羽
 * @support    www.jgpy.cn
 * @version    1.0
 * @pubdate    2016-03-10
 */

*{margin:0;padding:0}
html{background:#eee center fixed;background-image:/*PageBg*/url(pages.png)/*PageBg*/;}
body{font:1em/1.8 "微软雅黑";color:#333;background:50% bottom no-repeat;background-image:/*FootBg*/url(foot.gif)/*FootBg*/;text-justify:distribute;text-align:justify;}

img{max-width:100%;border:none;}

input,button,textarea,select{font:1em/2 "微软雅黑";outline:none}

a{color:#111;text-decoration:none;outline:none;transition:all 1s}

a:hover,
#subnav a:hover,
#side a:hover,
#search button,
#cont h3,
#cont h4,
article>section a,
article>footer a:hover,
#exit time,
#pagi b,
form.kandyDatabase dfn{color:/*Tone*/#85d162/*Tone*/;}

#cont>h3,
#cont>h4{border-color:/*Tone*/#85d162/*Tone*/;}

.cont .more,
button,
#nav .kandyLink li a:hover{background:/*Tone*/#85d162/*Tone*/;}

ul,ol{list-style:none}
ul::after,
ol::after{content:"";display:table;clear:both}

h1,h2{font-weight:100}
h3,h4,h5,h6{font-weight:400}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

/*=face*/
#face{max-width:1000px;margin:0 auto;text-align:center;position:relative}
#logo{font-size:4em;padding:1.5em 0 .5em;line-height:1}
#logo img{height:2em;width:2em;border-radius:2em}
#slogan{font-size:.8em;font-weight:100;border-top:1px solid #ddd;padding:1em 2em;display:inline;letter-spacing:.2em;color:#666}

/*=nav*/
#nav{border:dotted #fff;border-width:1px 0;padding:.5em;margin:3em 0 0}
#nav li{display:inline;line-height:1;margin:0 .5em}
#nav li::before{content:"+";color:#fff;margin:0 .5em 0 -.5em;}
#nav li:first-child::before{display:none;}
.kandyIcons .kandyLink>a:after{content:"ｖ";font-family: kandyicons;margin-left:.5em;font-size:60%;line-height:.8;position:relative;top:-.2em;}
.kandyIcons .kandyLink .kandyLink>a:after{content:"＞";}
.kandyIcons .kandyLinkExpand>a:after{visibility: hidden;}
/*=nav kandyLink*/
#nav .kandyLink{text-align:left;position:relative}
#nav .kandyLink ul{background:#fff;z-index:999;white-space:nowrap;left:0;}
#nav .kandyLink li{margin:0;display:block}
#nav .kandyLink li:before{display:none;}
#nav .kandyLink li a{padding:1em;border-bottom:1px solid #eee;display:block}
#nav .kandyLink li a:hover{color:#fff;}
/* #nav .kandyLinkSub{display:block; }
#nav .kandyLinkSub:before{display:none} */
/*=subnav*/
#subnav{position:absolute;left:1em;top:1.5em;overflow:hidden}
#subnav ul{margin:0 0 0 -.5em;line-height:1}
#subnav li{display:inline;border-left:1px solid #ddd;margin:0 .3em 0 -1px;padding:0 0 0 .5em}
#subnav li:first-child{border-left:none}
#subnav a{color:#999}

/*=search bar*/
#search{position:absolute;right:1em;top:1em;overflow:hidden;border:1px solid #ccc;padding:.3em;border-radius:2em;height:2em}
#search input{width:0;height:2em;line-height:2;border:none;float:left;background:none;transition:.5s width}
#search button{width:0;height:2em;padding-left:2em;overflow:hidden;border:none;position:relative;cursor:pointer;background:none}
#search button::before{text-indent:0;position:absolute;left:0;top:0;line-height:1.8;text-align:center;width:1.9em;margin:0;font-size:110%;}
#search:hover{background:#fff}
#search:hover button{color:#444}
#search:hover input,
#search input:focus{width:8em;padding:0 0 0 .5em}

/*=wrap*/
#wrap{max-width:1000px;margin:0 auto}

/*=stack*/
.stack{position:relative;letter-spacing:.2em;font-weight:100;line-height:1;font-size:1.5em;z-index:-1\9}
.stack:before{content:"×";font:bold 1em kandyIcons;overflow:hidden;display:block;color:#eee;background:#ddd;position:absolute;left:-1em;top:0;z-index:-1;text-align:center;letter-spacing:0;opacity:.8}
.stack small{font-size:.6em;display:block;letter-spacing:.1em;color:#666;word-break:break-all}

/*=distract*/
.log>*,
.cont .more,
#side dt,
#side dd,
.cmt,
.cmt img,
#exit p,
#rel,
#postcmt{transition:all .5s}
.distract.log{background:none;box-shadow:none;}
.distract .title{transform: translate(0,-100px);opacity:0;}
.distract .cover{transform: translate(-100px,0);opacity:0;}
.distract .cont{transform: translate(0,100px);opacity:0;}
.distract .coda{transform: translate(-100px,0);opacity:0;}
.distract dt{transform: translate(0,-50px);opacity:0;}
.distract dd{transform: translate(0,50px);opacity:0;}
.distract.cmt,
.distract#rel,
.distract#postcmt{transform: translate(0,100px);opacity:0;}
.distract .avatar{transform: translate(-50px,-50px);opacity:0;}
.distract .prev{transform: translate(-50px,0);opacity:0;}
.distract .next{transform: translate(50px,0);opacity:0;}

/*=log*/
.log{position:relative;margin:5em 1em}
article>section a{font-weight:400}
#log{background:#fff;margin:0 1em 5em;box-shadow:0 1em 0 -.5em rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1);}

/*=result*/
#result{padding:0}
#result p{padding:3em 4em;border-top:1px dotted #ddd;margin:-1px 0 0}
#result a{font-weight:400;font-size:1.2em}
#result p a~a{font-size:.8em;color:#999}

/*=title*/
.title{margin:0 0 2em 336px;padding:0 2em 0 4em}
.title h3{font-size:2.2em;font-weight:100;height:2.5em;overflow:hidden;line-height:1.2;margin:.5em 0}

#title{text-align:center;padding:4em;line-height:1.2;margin:0;width:auto}
#title h1{font-size:2.5em}
#title h4{margin:1em 0 0}

/*=cover*/
article>figure{overflow:hidden;height:18em;position:relative}
article>figure a{display:block;height:100%;color:#fff;font-size:3em;line-height:6em;text-transform:uppercase;font-family:impact;text-align-last:justify;}
article>figure>a>*{background-color:#aaa;transition:all 1s}
article>figure img{width:100%;height:100%;display:block;opacity:.9;}

.cover{position:absolute;left:0;top:0;z-index:3;width:336px;height:280px;border:1em solid #fff;background:#ddd;box-shadow:.5em .5em 0 rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1)}
.cover a{line-height:280px;}
.cover b{padding:0 .2em;font-weight:100;display:block;opacity:.7;}
.log:hover .cover a>*{opacity:1;background-color:transparent;}
.cover i{display:block;background:#fff;height:280px;}

#cover a{opacity:.7}
#cover b{position:absolute;left:.5em;right:.5em;bottom:.5em;top:.5em;border:2px solid #eee;font-weight:100;padding:0 1em;line-height:5em;background:none}
#cover:hover a{opacity:1}

/*=cont*/
.cont{background:#fff;margin-left:160px;position:relative;z-index:2;padding:2.5em 3em;box-shadow:-.5em .5em 0 rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1);min-height: 5.4em}
.cont:before{content:".";color:#fff;width:190px;height:5em;display:block;float:left}
.cont .more{font-weight:400;color:#fff;position:absolute;right:3em;bottom:-1.5em;height:3em;line-height:3em;padding:0 2em;border-radius:3em;transition:all .5s;}
.cont .more:hover{box-shadow:0 0 1em 3em rgba(0,0,0,.1) inset;font-weight:bold;}

.sticky .cont::after{content:"钉";font-family:kandyicons;font-size:2em;position:absolute;right:.5em;top:0;color:#eee}

#cont{padding:4em;margin:0;letter-spacing:.2em;position:relative}
#cont>*{margin:1em 0}
#cont blockquote{padding:.5em 1.5em;background:#f9f9f9}
#cont ul,
#cont ol{padding:1em 2em;background:#f9f9f9}
#cont>h3,
#cont>h4{font-weight:400;margin-left:-15px;padding-left:10px;border-left:5px solid;}
#cont>h3{font-size:1.2em;line-height:1.2}
#cont>h4{font-size:1.1em;line-height:1.1}

/*=coda*/
article > footer a{margin-right:1em;color:#666}

.coda{margin-left:160px;padding:1em;position:relative;color:#666}

#coda{padding:2em 4em;text-align:center}

/*=kandyDigg*/
.kandyDiggLog,
.kandyDiggLogs{display:inline!important;margin:0 .5em 0 0;font-size:1em!important}

/*=kandyTao*/
.cont .kandyTaoLink{background:#f36;color:#fff;padding:.5em 1.2em;white-space:nowrap;font-weight:400;position:absolute;top:-1em;left:190px}
.cont .kandyTaoLink:hover{color:#fff;top:-1.5em;left:200px}
.cont .kandyTaoLink::before{content:"买";font-family:kandyicons;margin:0 .5em 0 0}

#log .kandyTaoItem{position:absolute;right:2em;top:-2em;box-shadow:-1em -1em 0 0 rgba(0,0,0,.05);background:#fff;width:350px;text-align:center;overflow:hidden;border:1px solid #eee;padding:.1em;text-align:right}
#log .buy a{font-size:1em;width:auto;height:auto;line-height:1}

/*=path*/
#path{margin:5em 0 1em;padding:0 0 0 5em;color:#999;font-size:1em}
#path::before{width:5em;height:5em;line-height:5em}
#path a{color:#999}

/*=exit*/
#exit{padding:2em 1em;overflow:hidden;margin:-4em 0 0}
#exit time{display:block}
#exit .prev{float:left;width:45%}
#exit .next{float:right;width:45%;text-align:right}

/*=ads*/
#log .ads{margin:0}
#rel .ads{float:none;width:auto;clear:both;padding:2em 0 0}

/*=related*/
#rel{margin:0 1em 4em;}
#rel h3,
#postcmt h3{padding:0 0 0 3.6em;margin:0 0 .5em}
#rel h3::before,
#postcmt h3::before{width:4em;height:4em;line-height:4}
#rel ul{background:#fff;padding:4em;box-shadow:0 1em 0 -.5em rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1);}
#rel li{padding:.2em 0;overflow:hidden}
#rel .tags{border-bottom:1px solid #ddd;margin:-4em -4em 2em;padding:2em}
#rel .tags a{margin-right:1em;}
#rel time{float:right;color:#666}
#rel .pic{float:left;width:25%;line-height:1.6;position:relative}
#rel .pic time{font-size:.8em;background:#eee;padding:.5em;position:absolute;z-index:0;float:none!important}
#rel .pic a{display:block;margin:1em 1em 0;font-size:.9em}
#rel .pic img{margin:0 0 .5em;box-shadow:.6em .6em rgba(0,0,0,.02);width:100%;height:auto}

/*=postcmt*/
#postcmt{margin:0 1em;}
#postcmt form{padding:4em;background:#fff;overflow:hidden;text-align:center;box-shadow:0 1em 0 -.5em rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1);}
#postcmt p{padding-right:2em;margin:0 4px 1em 0;position:relative;line-height:1}
#postcmt textarea,
#postcmt input{padding:0 1em;border:2px solid #ddd;width:100%}
#postcmt textarea{padding:.6em 1em;line-height:1.4;overflow:auto}
#postcmt input{text-indent:4em;height:2em}
#postcmt dfn,
#postcmt img{position:absolute;top:.6em;left:1em;color:#999}
#postcmt img{left:auto;right:-2px;top:2px;height:90%}
#postcmt button{border:none;color:#fff;font-size:1.2em;padding:0 2em;border-radius:5em;margin:0 auto;cursor:pointer;position:relative;z-index:2}
#kandyReplyHint{background:#ddd;border:2px solid #ddd;width:100%;padding:.5em 1em;text-align:left;}
#postcmt #kandyCancel{background:#ccc;margin:0 0 0 -2em;z-index:1;padding-left:3em;color:#333}

/*=cmts*/
#cmts{margin:0 1em}
.cmt{background:#fff;padding:3em 4em;border-top:1px solid #ddd;position:relative;*zoom:1;box-shadow:0 1em 0 -.5em rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1);}
.cmt .cmt{border:1px solid #ddd;margin:2em 0 0;padding-bottom:2em;box-shadow:none;}
.cmt .avatar{position:absolute;top:-1em;left:-1em;width:4em;height:4em;z-index:10}
.cmt q{color:#666}
.cmt cite{font-style:normal;line-height:1;display:block;}
.cmt cite b{position:absolute;top:1em;left:4em}
.cmt cite small{position:absolute;top:-.5em;right:4em;color:#999;background:#fff;padding:0 1em}
.kandyDiggCmt{display:inline!important}

/*=pagi*/
#pagi{text-align:center;margin:-2em 0 4em}
#pagi b{background:#fff;height:4em;width:4em;border-radius:4em;display:inline-block;line-height:4;box-shadow:0 0 .1em rgba(0,0,0,.1);}
#pagi a{margin:0 .5em}
#cmts #pagi{margin:2em 0}
#pagi select{display:none;}

/*=kandyDatabase*/
#log form.kandyDatabase{background:#f9f9f9;padding:1em 1em 3em 2em;margin:4em -1em 3em;position:relative;z-index:1}
form.kandyDatabase h3{position:absolute;left:2em;top:-2em;font-weight:400;color:#666}
form.kandyDatabase h3:before{width:3em;height:3em;background:#eee;position:absolute;left:-3.5em;content:".";color:#eee;overflow:hidden}
form.kandyDatabase dfn{text-indent:-1em}
form.kandyDatabase small{color:#999}
form.kandyDatabase button{float:right;padding:0 4em;border:none;color:#fff;border-radius:3px;line-height:2.6em;height:2.6em;font-size:1.2em;font-weight:400;margin-left:1em}
form.kandyDatabase button[type='reset']{background:#999}
form.kandyDatabase p{position:relative}
form.kandyDatabase .captcha{position:absolute;right:4px;top:39px}
#log .kandyCase{overflow:hidden;position:relative;left:-2%;width:102%}
.kandyCase dl{float:left;margin:0 0 1em 2%;width:31.3%;background:#f5f5f5;padding:.5em 0;position:relative}
.kandyCase dt{background:#ddd;margin:0 0 0 -.5em;padding:.5em 1em;display:inline-block}
.kandyCase dd{font-size:.9em;margin:.5em 1em}
.kandyCase dt sup{position:absolute;right:1em;bottom:-1em;background:#ddd;color:#fff;padding:.5em 1em;line-height:1em}

/*=404*/
#rands{clear:both;width:100%;padding:1em 0 0;}
#rands li{padding:1em 0;border-top:1px dotted #ddd;}
#rands h5{margin:5px 0 0;}
#searches{position:absolute;height:80px;left:240px;right:3em;}
#searches input{width:100%;border:2px solid #ddd;height:2.5em;line-height:2.5em;text-indent:.5em}
#searches button{position:absolute;right:-2px;top:2px;height:2.5em;padding:0 1em;cursor:pointer;color:#fff;border:none;}
#searches h5{color:#999;margin:5px 0 0;}

/*=side*/
#side{max-width:1000px;margin:4em auto 2em}
#side:after{content:"";clear:both;display:table}
#side > div{float:left;width:33.33%;padding-bottom:1em}
#side > h2{clear:both;padding:1.5em 0;font-size:2em;color:#fff;text-align:center;font-weight:400;letter-spacing: .2em}
#side dl{position:relative;margin:0 0 2em}
#side dt{padding:0 0 .5em 3em;position:relative}
#side dt b{font-weight:100}
#side dt:before{height:3em;width:2.5em;line-height:3.3em;left:0}
#side dd{background:#fff;margin:0 1em;padding:1em;box-shadow:0 1em 0 -.5em rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1);}
#side ul{line-height:1.5em;overflow:hidden}
#side li{padding:.5em 0;border-top:1px dotted #ddd;margin:-1px 0 0}
#side li.tags{display:inline;border:none;margin:0 .5em;line-height: 2;white-space: nowrap;}
#side li.tags sup{color:#999;}
#side table{width:100%;text-align:center}
#side thead{background:#ddd}
#side .kandyLink a{display:block}
#side .kandyLink ul{position:static!important;padding:0;margin:0;text-align:left}
#side .kandyLink ul a{display:inline}
#side .kandyLink s{display:block}
#side .kandyLinkExpend{text-align:center}
#side .ktm-item{position:absolute;right:1.5em;bottom:-.5em;font-size:.7em;z-index: 1}
#side .ktm-item i{border-radius:0}

#side #kandystackads{padding:0}

/*=base*/
#base{text-align:center;padding:1em;text-shadow:0 0 1px #fff}
#base>*{font-weight:400}

@media only screen and (max-width: 800px) {
  #logo{padding-top:1em}
  #slogan{display: block;margin:0 1em 1em}
  #nav{margin:1em 0;}
  .title{margin-left:300px}
  .title h3{font-size:1.8em;height:2.4em}
  #title{padding:2em 1em}
  #title h1{font-size:1.8em}
  #cont{padding:2em}
  .cover{height:250px;width:300px;min-height:250px}
  .cover a{line-height: 250px;font-size:2.5em;}
  .cover i{height:250px;}
  .cont,.coda{margin-left:130px}
  #path{margin-top:2em}
  #rel ul{padding:2em}
  #rel .tags{margin:-2em -2em 2em}
  #rel time{float:none}
  #rel .pic{width:50%;height:200px;margin-bottom:1em;overflow:hidden}
  #rel .pic img{height:100px}
  #rel .ads{padding:0}
  .cmt{padding:3em 2em 2em}
  .cmt cite small{right:1em}
  #postcmt form{padding:2em}
  .kandyPagebar{padding:1em;overflow: hidden;height:1.8em;position:relative;}
  .kandyPagebar a,
  .kandyPagebar b{display:none!important;position:absolute;}
  .kandyPagebar .prevPage{display:inline!important;left:0;}
  .kandyPagebar .prevPage:before{content:"＜";font-family:kandyicons;margin:0 .5em 0 0;}
  .kandyPagebar .nextPage{display:inline!important;right:0;}
  .kandyPagebar .nextPage:after{content:"＞";font-family:kandyicons;margin:0 0 0 .5em;}
  .kandyPagebar select{display:inline!important;position:absolute;left:50%;font-size:1.2em;padding:.3em;transform:translate(-50%,0);margin:-.3em 0 0;}
  #side>div{width:50%;}
  #side>div+div+div{width:100%;}
}

@media only screen and (max-width: 670px) {
  #logo{display:none}
  #slogan{margin:0 1em}
  #subnav{position:static}
  #search{position: static;display:inline-block;margin:1em 0 -1em}
  #search input{width:12em!important;padding-left:.5em}
  .stack{font-size: 1.2em;}
  .log{background:#fff;margin:2em .5em;box-shadow:0 1em 0 -.5em rgba(0,0,0,.05),0 0 .1em rgba(0,0,0,.1);}
  #log{margin:0 .5em 4em;}
  #title h1{font-size:1.5em}
  #cont,#coda{padding:1em;overflow:hidden}
  #cont .kandyTaoItem{position:static;padding:0;margin:0 -1em;border:none;box-shadow:none;width:auto;text-align: center}
  .title{margin:0;padding:1em}
  .title h3{height:auto;font-size:1.2em;}
  .title h4,
  .title h4 a{color:#999;}
  #title h4,.title h5{color:#999;text-align:center;font-size:.9em;}
  .cover{box-shadow:none;position:static;width:auto;height:100px;border:none;min-height:0;background:none}
  .cover a{font-size:2em;line-height: 100px}
  .cover i{height:100px;}
  .cont{box-shadow:none;padding:1em 1em 0;margin:0;position:static;text-align:center}
  .cont:before{display:none}
  .sticky .cont:after{left:50%;top:-.5em;right:auto;text-align:left;line-height:1;margin:0 0 0 -.3em;color:#ccc;content:"针"}
  .cont p{max-height:3.2em;overflow:hidden;margin:0}
  .cont .more{display:block;right:2em;bottom:3.5em;margin:0 auto;text-align:center;z-index:5}
  .cont .kandyTaoLink{top:0;left:auto;right:0}
  .cont .kandyTaoLink:hover{top:0;left:auto}
  .coda{margin:0;padding:2em 1em 1em;border-top:1px solid #eee;height:2em;overflow: hidden;}
  #cover{height:10em}
  #cover a{font-size:2em;}
  #cover b{line-height:4;padding:0 .5em;}
  #cont>h3,
  #cont>h4{border-color:#fff;}
  #path{padding-left:2em}
  #path::before{width:2em}
  #rel{margin:0 .5em 2em;}
  #rel ul{padding:1em}
  #rel .tags{margin:-1em -1em 1em;padding:1em}
  #rel time{display:block;}
  #pagi{margin:2em 0}
  #side{margin-top:0}
  #side>div{width:auto;float:none}
  #side>h2{padding:0 1em}
  #side li a{display:block;max-height:3em;overflow:hidden;}
  #side li.tags a{display:inline;}
  #side dd{margin:0 .5em;}
  #postcmt form{padding:2em 1em}
  #cmts,#postcmt{margin:0 .5em}
  #cmts{margin-bottom: 2em;}
  .cmt{padding:3em .5em 1.5em;}
  .cmt .cmt{box-shadow: none}
  .cmt .avatar{width:3em;height:3em}
  .cmt cite b{left:3em;}
  form.kandyDatabase button{padding:0 1em;}
  #searches{position:relative;margin-right:4px;left:auto;right:auto;}
  #rands{text-align:left;}
}