/* ------------------------------------
 * Typecho Default Theme
 *
 * @authorfen1211@gmail.com
 * @linkhttp://typecho.net/
 * @update2009-03-29 14:30
 * --------------------------------- */

blockquote, body, li, img, ol, ul, p, table, td, th, tr{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6, hr, ol, ul, p, pre, table{margin-bottom:10px;color:#4b45e8;}
* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}
 
/* 幻灯片容器 */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
 
/* 下一张 & 上一张 按钮 */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}
 
/* 定位 "下一张" 按钮靠右 */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
 
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
 
/* 标题文本 */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
 
/* 数字文本 (1/3 等) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
 
/* 标记符号 */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
 
.active, .dot:hover {
  background-color: #717171;
}
 
/* 淡出动画 */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
 
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
 
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
.container_16{width:960px;margin:0 auto;}
.grid_12{width:auto;float:left;padding:0 10px;}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}

/* ------------------
 * gobal settings
 * --------------- */
html{background:url(images/1bg.png) repeat-x #E8ECED;}
body, input, textarea{font:13px/1.7 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;color:#4b45e8;}
body{cursor:default;}
input, textarea{padding:5px;}
pre, code, tt{font:12px/20px 'Courier New';display:block;background-color:#FFFFE2;border:1px solid #ccc;margin:15px 0;padding:7px 10px;cursor:auto;}
a{color:#427888;text-decoration:none;}
a:hover{color:#111;text-decoration:underline;}

/* Tables
-------------------------------------------------------------- */

/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
table, td, th{vertical-align:middle;}

table       {margin-bottom:1.4em;width:100%;}
th          {font-weight:bold;}
thead th    {background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
tr.even td  {background:#e5ecf9;}
tfoot       {font-style:italic;}
caption     {background:#eee;}

fieldset    {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend      {font-weight:bold;}

ol{list-style:none;}
ul{list-style:disc;}

/* ------------------
 * header
 * --------------- */
#header{padding:16px 0 0;}
#search{width:220px;height:26px;float:right;margin:19px 10px;background:url(images/head-search.png) no-repeat;}
#search input{width:170px;height:18px;line-height:18px;background:none;border:none;margin:0;}
#search .submit{width:27px;height:25px;cursor:pointer;}

#login{float:right;margin:22px;color:#ccc;}
#logo{padding:4px 5px 0;}
#logo img{height:60px;float:left;}
#site_title{line-height:54px;font-size:32px;display:inline;padding:0 10px;font-weight:normal;}
#site_title a:hover{text-decoration:none;}
.description{font-style:italic;color:#666;}

/* = header navigation menu */
#nav_box{width:942px;margin:4px auto 0;padding:5px 4px 0;background:#2a21e4;}
#nav_menu{height:30px;line-height:30px;padding:0;margin:0 6px;background:none;}
#nav_menu li{display:inline;}
#nav_menu li a{float:left;font-weight:bold;color:#fefefe;padding:0 20px;background:#2a21e4;}
#nav_menu li.current a{background:#2a21e4;}

#intro{width:950px;height:239px;display:block;background:url(images/intro.jpg) no-repeat;border-top:1px solid #CFD9DA;margin-bottom:3px;}
.guide{width:227px;height:36px;display:block;background:url(images/tour-btn.gif) no-repeat;position:relative;left:20px;top:174px;}
.guide_txt{position:relative;left:257px;top:144px;font-size:14px;font-weight:bold;color:#fefefe;}

.container{background:#fff;width:950px;border-left:1px solid #C8D6D6;border-right:1px solid #C8D6D6;border-bottom:2px solid #C2D0D0;overflow:hidden;}

/* ------------------
 * content
 * --------------- */
#content{overflow:hidden;}

.post{margin:10px;padding-bottom:8px;border-bottom:1px solid #ddd;}
.post img{max-width:99%;margin:5px 0.5%;}
.post ul{margin-left:25px;}

.post h1{font-size:18px;font-weight:bold;margin-bottom:3px;color:#4b45e8;}
.post h2{font-size:18px;font-weight:bold;margin-bottom:3px;color:#4b45e8;}
.post h3{font-size:16px;}
.post h4{font-size:15px;}
.post h5{font-size:14px;font-weight:bold;}
.post h6{font-size:13px;font-weight:bold;}

#headline{margin:15px 0 18px;border-bottom:1px solid #ddd;}
#headline h1{line-height:28px;margin:0;color:#4b45e8;}
#headline h1 a{color:#4b45e8;}
#headline h1 a:hover{text-decoration:none;}
#headline p{margin:0 0 14px;}

#content .entry_data{color:#666;font-size:12px;padding-bottom:1px;}
#content .entry_data span{margin-right:4px;padding-right:7px;border-right:1px solid #ddd;}

/* = pages nav */
ol.page-navigator{margin:14px 10px 19px;color:#666;font-size:11px;line-height:30px;}
ol.page-navigator li{margin: 0 5px 0 0;display:inline;}
ol.page-navigator li a{padding:3px 6px;border:1px solid #ddd;}
ol.page-navigator li.current a{padding:3px 6px;border-color:#0000ff;background:#558393;color:#fff;font-weight:bold;}

/* ------------------
 * comment list
 * --------------- */
#comments{margin:10px;}
#comments h4{font-size:18px;margin:10px 0;}
.comment-list ol{cursor:auto;margin:0 0 -15px;}

.comment-body{clear:both;padding:6px 0 0 10px;margin:0 0 15px;background:#F3F3F3;overflow:hidden;}
.comment-body.comment-level-odd{background:#fff;}
.comment-body img.avatar{width:48px;height:48px;float:left;margin:6px 12px 8px 0;}
.comment-body .comment-meta{float:right;margin:5px 12px;font-size:10px;}
.comment-body .comment-author span{font-size:15px;color:#666;font-style:normal;font-weight:bold;line-height:32px;}
.comment-body .comment-by-author a{color:#36d;}
.comment-body p{margin:0 5px 0 58px;}
.comment-body p img{max-width:100%;}

.comment-reply{text-align:right;position:relative;right:12px;bottom:8px;}
.comment-reply a{font-size:11px;color:#aaa;}
.comment-reply a:hover{color:#444;}

#pings{margin:10px 0 5px;}
.pinglist li.comment-body{padding:0 0 0 10px;margin:0 0 2px;}
.pindate{font-size:10px;color:#888;}

.comment-list .respond{border-top:1px solid #ddd;padding-top:10px;}
.respond{margin:20px 0 42px;}

.toggle-info{margin-bottom:10px;}
.toggle-info span{font-size:18px;color:#f70;font-weight:bold;}
.toggle-info a{font-size:12px;}

.cancel-comment-reply{float:right;position:relative;right:12px;}
.cancel-comment-reply a{font-size:11px;color:#aaa;}
.cancel-comment-reply a:hover{color:#444;}

#comment_form p{margin:0 0 15px;}
#comment_form input.text{vertical-align:middle;width:240px;}
#comment_form label{margin-left:15px;font-size:12px;font-weight:bold;}
#comment_form textarea.textarea{width:480px;height:220px;overflow:auto;}
#comment_form input.submit{vertical-align:middle;padding:3px 10px;border:1px solid #B8CACB;background:url(images/button.png) repeat-x;font-weight:bold;font-size:12px;color:#333;cursor:pointer;}
#comment_form input.submit:hover{border-color:#85A5A7;text-decoration:none;}

.embedImage, .embedSmiley{margin-left:8px;}
#smiley{display:none;position:absolute;z-index:99;width:200px;margin-top:-68px;padding:10px;background:#fff;border:1px solid #bbb;}
#comment_form label.comment_mail_notify{display:inline;margin:0 20px;font-weight:normal;}

/* ------------------
 * sidebar
 * --------------- */
#sidebar{width:210px;overflow:hidden;}
.widget{background:#E8ECED;margin:15px 0 20px;padding:7px 10px 10px;}
.widget h3{font-size:14px;border-bottom:2px solid #fff;margin:0;padding-bottom:2px;}
.widget ul{margin:0;list-style:none;}
.widget ul li{line-height:24px;border-bottom:1px dashed #fff;}
.widget ul.most_viewed li{line-height:15px;padding:5px 0;}
.widget ul.most_viewed .text{font-size:11px;color:#777;}
.widget ul.recentcomments img{max-width:150px;margin:8px 0 0;}
.widget ul.recentcomments li{width:190px;display:block;line-height:22px;max-height:88px;overflow:hidden;}
.widget ul.recentcomments li a{display:block;min-height:42px;}
.widget ul.recentcomments li a:hover{text-decoration:none;}
.widget ul.recentcomments img.avatar{float:left;width:32px;height:32px;margin:5px 8px 7px 0;}
.widget ul.recentcomments code{margin:0;padding:3px;width:20px;height:20px;border:none;display:inline;}

/* ------------------
 * footer 
 * --------------- */
#footer{width:946px;margin:0 auto;padding:10px;font-size:11px;color:#555;}
#footer a{color:#555;}
#footer span.queries_timer{color:#bbb;float:right;}

/* -----------------
 * misc
 *--------------- */
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left;text-align:right;}
.alignright{float:right;text-align:left;}
img.alignleft{margin:4px 15px 0 0;}
img.alignright{margin:4px 0 0 15px;}

.success{float:left;margin:5px 0 0 60px;}
#loading, #error{margin:5px 0 0 5px;}

/* codebox */
.codebox{color:#111;width:99%;margin:10px 0 15px;overflow:auto;background:#FFD;border:1px solid #ccc;max-height:500px;}
.codebox table{border-collapse:collapse;border:none;width:100%;margin:0 !important;}
.codebox div,.codebox td{vertical-align:top;padding:2px 4px;padding:8px;}
.codebox td.line_numbers{width:0;background-color:#E6F0CC;color:#666;overflow:visible;table-layout:auto;}
.codebox pre{border:none;background:none;margin:0;padding:0;width:auto;float:none;clear:none;overflow:visible;font:12px/20px 'Courier New';text-align:left;}
.line_numbers pre{text-align:right;}