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

*{margin:0;padding:0}

body{font:1em/2 "微软雅黑";color:#333;background:#eee;}
img{vertical-align:middle}
ul,ol{list-style:none}
input,button,textarea,select{font:1em/2 "微软雅黑";outline:none}
a{color:#111;text-decoration:none;outline:none;}
a:hover{color:#099;text-decoration:underline;}

#header{max-width:1000px;margin:0 auto;text-align:center;position:relative;}
#header a:hover{text-decoration:none}
#logo{font-size:4em;padding:1em 0 0;font-weight:100}
#slogan{font-size:.8em;font-weight:100;margin:-1em 0 0;border-top:1px solid #ddd;padding:1em 2em 0;display:inline-block;*display:inline;letter-spacing:.2em;color:#666;}

#nav{border:dotted #fff;border-width:1px 0;padding:.5em;margin:3em 0 0;*overflow:auto;}
#nav li{display:inline-block;*display:inline;*margin:0 .5em;}
#nav li:before{content:"+";color:#fff;margin:0 .5em;}
#nav li:first-child:before{display:none}

.kandyLink ul{background:#fff;padding:.5em 1em;margin-left:.75em;z-index:999;*margin:0;*top:1.5em;*left:-1.5em;}
#nav .kandyLinkSub{display:block; white-space:nowrap}
#nav .kandyLinkSub:before{display:none}

#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 a{color:#999}

#search{position:absolute;right:1em;top:1em;background:url(/static/image/bg.png) 0 -26px;width:210px;height:35px;overflow:hidden;}
#search input{width:155px;height:35px;border:none;float:left;padding:0 5px 0 15px;background:none;line-height:35px;}
#search button{width:35px;height:35px;border:none;cursor:pointer;background:none;overflow:hidden;text-indent:-99px;}

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

.stack{position:relative;letter-spacing:.2em;font-weight:100;line-height:1;font-size:1.5em;z-index:-1\9;}
.stack:before{content:"X";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;filter:alpha(opacity=80);}
.stack small{font-size:.6em;display:block;letter-spacing:.1em;color:#666;word-break:break-all}

.log{position:relative;margin:5em 1em;}
.log .title{width:50%;margin:0 0 2em 50%;}
.title>*{margin:0 20px 20px;font-weight:100}
.title h2{font-size:2.2em;height:2.5em;overflow:hidden;line-height:1.2}
.log .cover{position:absolute;left:0;top:0;width:45%;height:20em;opacity:.8;background:#fff;padding:1em;box-shadow:8em 4em rgba(0,0,0,.02);overflow:hidden;filter:alpha(opacity=80)}
.cover:hover{opacity:1;filter:alpha(opacity=100)}
.cover a{display:block;background:center no-repeat;background-size:cover;height:100%;width:100%;color:#fff;text-decoration:none;text-align:center;font-size:4em;line-height:5em;text-transform:uppercase;}
.log .cont{background:#fff;margin-left:20%;position:relative;z-index:2;}
.log .cont p{padding:3em 4em;position:relative;}
.cont img{max-width:100%;}
.cont blockquote{padding:.5em 1.5em;background:#f9f9f9}
.cont ul,
.cont ol{padding:1em 2em;background:#f9f9f9}
.cont .more{background:#099;font-weight:100;color:#fff;position:absolute;right:3em;bottom:-1.5em;height:3em;line-height:3em;padding:0 2em;border-radius:3em;}
.cont a{color:#099;font-weight:bold;}
.coda{border-top:1px solid #ddd;padding:2em 4em;}
.coda a{padding:0 0 0 1.5em;font-weight:100;color:#666;background:url(/static/image/ico.gif) no-repeat;margin:0 1em 0 0;display:inline-block;height:19px;line-height:19px;}
.coda a:hover{color:#fc0;text-decoration:none;background-position:0 -19px}
.coda .view{background-position:0 -38px}
.coda .view:hover{background-position:0 -57px}
.coda .cmt{background-position:0 -76px}
.coda .cmt:hover{background-position:0 -95px}
.kandyDiggLog,
.kandyDiggLogs{display:inline!important;margin:0 .5em 0 0;font-size:1em!important;*position:relative;*top:.25em}
.buy{position:absolute;top:6.2em;}
.coda .kandyTao{background:#f36;color:#fff;padding:.8em 1.2em;position:absolute;top:0;right:0;white-space:nowrap}

#guide{margin:5em 0 1em;padding:0 0 0 5em;color:#999;font-size:1em;*padding-left:1em;*z-index:1}
#guide:before{width:5em;height:5em;line-height:5em;}
#guide a{color:#999}

#log{background:#fff;margin:0 1em 4em}
#log .title{text-align:center;padding:4em;line-height:1.2}
#log .title>*{margin:0;}
#log .title h1{font-size:2.5em;margin:0 0 .5em;}
#log .cover{height:20em;filter:alpha(opacity=50);background:#efefef;position:relative;}
#log .cover .litebox{opacity:.5;}
#log .cover .litebox:hover{opacity:.8}
#log .buy{top:auto;right:50px;bottom:-50px;box-shadow:-1em -1em 0 0 rgba(0,0,0,.05)}
#log .buy a{font-size:1em;width:auto;height:auto;line-height:1;}
#log .cont{padding:4em;}
#log .cont>*{margin:1em 0;}
#log .coda{text-align:center}

#log .result{border-top:1px solid #ddd}

#lognav{padding:2em 1em;overflow:hidden;margin:-4em 0 0;}
#lognav .prev{float:left;width:45%;}
#lognav .next{float:right;width:45%;text-align:right}

#related{margin:0 1em 4em;}
#related h3,
#postcmt h3{padding:0 0 0 3.6em;margin:0 0 .5em;*padding-left:.5em;*z-index:1}
#related h3:before,
#postcmt h3:before{width:4em;height:4em;line-height:4;}
#related ul{background:#fff;padding:4em;}
#related li{padding:.2em 0;overflow:hidden}
#related span{float:right;color:#666}

#postcmt,#cmt{margin:0 1em}
#postcmt form{padding:4em;background:#fff;overflow:hidden;text-align:center;}
#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 b,
#postcmt img{position:absolute;top:.6em;left:1em;color:#999}
#postcmt img{left:auto;right:-2px;top:2px;height:90%}
#postcmt button{border:none;background:#099;color:#fff;font-size:1.2em;padding:0 2em;border-radius:5em;margin:0 auto;cursor:pointer;position:relative;z-index:2;}
#postcmt #cancel-reply{background:#ccc;margin:0 0 0 -2em;z-index:1;padding-left:3em;color:#333}

#cmts{margin:0 1em}
.cmt{background:#fff;padding:3em 4em;border-top:1px solid #ddd;position:relative;*zoom:1}
.cmt .cmt{border:1px solid #ddd;margin:2em 0 0;padding-bottom:2em}
.cmt img{position:absolute;margin:-4em 0 0 -5em;width:4em;height:4em;}
.cmt q{color:#666}
.cmt q img{position:static}
.cmt cite{font-style:normal;line-height:1;}
.cmt cite b{position:absolute;top:1em;left:4em;}
.cmt cite small{position:absolute;top:-1.5em;right:4em;color:#999;background:#fff;padding:1em;}
.kandyDiggCmt{display:inline!important}

#cmts #pagebar{margin:2em 0;}

#pagebar{text-align:center;margin:-2em 0 4em}
#pagebar b{background:#fff;height:4em;width:4em;border-radius:4em;display:inline-block;line-height:4;font-weight:100}
#pagebar a{margin:0 .5em;}

#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;color:#099}
form.kandyDatabase small{color:#999;}
form.kandyDatabase button{float:right;padding:0 4em;border:none;background:#099;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;}

#log .result{padding:0;overflow:hidden;}
#log .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}

#base{max-width:1000px;margin:4em auto}
#base:after{content:".";overflow:hidden;clear:both;display:block;font:0/0 arial;height:0;}
#base dl{float:left;width:33.3%;position:relative}
#base dt{padding:0 0 .5em 3em;*padding-left:1em;}
#base dt:before{height:3em;width:2.5em;line-height:3.3em;left:0;}
#base dd{background:#fff;margin:0 1em;padding:1em;}
#base ul{line-height:1.5em;overflow:hidden}
#base li{padding:.5em 0;border-top:1px dotted #ddd;margin:-1px 0 0;}
#base a:link{color:#333}
#base a:visited{color:#666}
#base table{width:100%;text-align:center}
#base thead{background:#ddd}
#base .kandyLink a{display:block;}
#base .kandyLink ul{position:static!important;padding:0;margin:0;text-align:left}
#base .kandyLink ul a{display:inline;}
#base .kandyLink s{display:block;}
#base .kandyLinkExpend{text-align:center;}

#footer{text-align:center;padding:2em 1em;}
#footer>*{font-weight:100;}