@charset "utf-8";
/* CSS Document */

/*
*
*
*
*/


.pagenavi{text-align:center;padding:1em 0 1.5em;}
.page-numbers{border-bottom:5px solid #ccc;padding:5px 8px 4px;margin:0 5px;}
.page-numbers:hover,.pagenavi .current{color:#D581A2;border-bottom:5px solid #D581A2;}

.clear {clear:both;}

body {
	background-size: 100% 100%;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}
.w-size { width:90%; }

.readers-list{line-height:18px;text-align:left;overflow:hidden;_zoom:1}
.readers-list li{width:192px;float:left;*margin-right:-1px}
.readers-list a,.readers-list a:hover strong{background-color:#f2f2f2;background-image:-webkit-linear-gradient(#f8f8f8,#f2f2f2);background-image:-moz-linear-gradient(#f8f8f8,#f2f2f2);background-image:linear-gradient(#f8f8f8,#f2f2f2)}
.readers-list a{position:relative;display:block;height:36px;margin:4px;padding:4px 4px 4px 44px;color:#999;overflow:hidden;border:#ccc 1px solid;border-radius:2px;box-shadow:#eee 0 0 2px}
.readers-list img,.readers-list em,.readers-list strong{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.readers-list img{width:36px;height:36px;float:left;margin:0 8px 0 -40px;border-radius:2px}
.readers-list em{color:#666;font-style:normal;margin-right:10px}
.readers-list strong{color:#ddd;width:40px;text-align:right;position:absolute;right:6px;top:4px;font:bold 14px/16px microsoft yahei}
.readers-list a:hover{border-color:#bbb;box-shadow:#ccc 0 0 2px;background-color:#fff;background-image:none}
.readers-list a:hover img{opacity:.6;margin-left:0}
.readers-list a:hover em{color:#EE8B17;font:bold 12px/36px microsoft yahei}
.readers-list a:hover strong{color:#EE8B17;right:142px;top:0;text-align:center;border-right:#ccc 1px solid;height:44px;line-height:40px}

.ddsg-wrapper { line-height:2em; }
.ddsg-wrapper ul { margin-left: 20px; }


/* ----------That's all……才怪------------*/

/* ----------Let's beginning Single Style------------*/
/*----------background: url("images/timeline/release-bg.png")  no-repeat left top-----*/

/*timeline*/
.timeline {background-image:url('images/timeline/content-bg.png'); margin:auto;width: 960px; min-height: 550px ;padding: 15px 30px 25px 30px;font-family: Verdana, Geneva,"Microsoft YaHei", sans-serif; text-shadow:none;border-radius: 3px;}
.timeline .headerimg{background-image:url('images/timeline/hr.png'); text-align:center; width: 960px;height: 55px;padding:30px 0 30px 0; color: #E04E4D; font-size:30px; font-weight:bold; font-family:Verdana, Geneva,"Microsoft YaHei", sans-serif;}
.timeline .wrapper {position: relative;background: url("images/timeline/release-bg.png") no-repeat right top;width: 960px;margin: 0 auto;}
.timeline .light {position: absolute;left: 55px;top: -40px;width: 152px;height: 191px;background: url("images/timeline/light-top.png") no-repeat top center;}
.timeline .light i {position: absolute;width: 100%;height: 100%;top: 0;background: url("images/timeline/light.png") no-repeat top center;}
.timeline hr{height: 0;border-left: none;border-right: 0;border-top: 1px dashed #2D2F34;border-bottom: 1px dashed #474954;}
.timeline .line-left {position: absolute;left: 0;top: 15px;width: 70px;}
.timeline .line-right {position: absolute;right: 0;top: 15px;width: 400px;}
.timeline .main {background: url("images/timeline/line-bg.png") repeat-y 249px 0;}
.timeline .main .title {position: absolute;line-height: 40px;padding-left: 67px;left: 230px;top: 0;color: #58a6fb;font-size: 24px;background: url("images/timeline/clock.png") no-repeat left top;}
.timeline .main .year {position: relative;z-index: 9; }
.timeline .main .year h2 {height: 40px;width: 170px;padding-right: 30px;font-size: 24px;line-height: 40px;text-align: right;}
.timeline .main .year h2 a {color: #58a6fb; text-decoration:none;}
.timeline .main .year h2 i {display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#59a7fb transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px}
.timeline .main .year .list{margin:10px 0;position:relative;overflow:hidden;-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;left:40px}
.timeline .main .year .list ul {bottom: 0;}
.timeline .main .year .list ul li {background: url("images/timeline/circle.png") no-repeat 235px 10px;	padding: 8px 0;color: #a1a4b8; font-color:#ec6a13;}
.timeline .main .year .list ul li.highlight {background-image: url(images/timeline/circle-h.png);}
.timeline .main .year .list .cls {zoom: 1;}
.timeline .main .year .list .cls:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.timeline .main .year .list ul li.highlight .date, .timeline .main .year .list ul li.highlight .intro {color: #ec6a13;}
.timeline .main .year .list ul li .date,.timeline .main .year .list ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right}
.timeline .main .year .list ul li .date{font-size:18px;line-height:32px;color:#bec1d5}
.timeline .main .year .list ul li .intro, .timeline .main .year .list ul li .more {float: left;display: block;width: 400px;margin-left: 100px;line-height: 24px;}
.timeline .main .year .list ul li .intro {font-size: 18px;line-height: 32px;color: #63d029;}
.timeline .main .year .list ul li .more {font-size: 12px;line-height: 18px;}
.timeline .main .year.close h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
.timeline .main .year.close .list{opacity:0;height:0px !important}

@media screen and (max-width: 767px){
	.timeline{width: 80%;}
	.timeline .headerimg{width:100%;line-height: 42px;padding-bottom:50px}	
	.timeline .light{left:7%}
	.timeline .main{background: url("images/timeline/line-bg.png") repeat-y 15% 0;}
	.timeline .main .title{left:13%}
	.timeline .main .year h2{width:10%}
	.timeline .main .year h2 i{left: 107%;}
	.timeline .main .year .list ul li .date,.timeline .main .year .list ul li .version{width:90px;}
	.timeline .main .year .list ul li .intro, .timeline .main .year .list ul li .more {float: left;display: block;width: 200px;margin-left: 100px;line-height: 24px;}
	.timeline .main .year .list ul li {background: url("images/timeline/circle.png") no-repeat 36% 10px;	padding: 8px 0;color: #a1a4b8; font-color:#ec6a13;}
	.line-left,.line-right{display:none}
}

@media screen and (max-width: 560px){
	body{overflow-x:auto;max-width:560px}
	.timeline .wrapper{width:auto}
	.timeline{min-width: 508px;}
	.timeline .headerimg{width:88%;line-height: 42px;padding-bottom:50px}	
	.timeline .light{left:13%}
	.timeline .main{background: url("images/timeline/line-bg.png") repeat-y 28.5% 0;}
	.timeline .main .title{left:24.7%}
	.timeline .main .year h2{width:20%}
}


/* link-bracale */
.link-braces a {-webkit-transition: color 0.2s;transition: color 0.2s;color:#585417;}
.link-braces a:hover {color: #d04c3f;}
.link-braces a::before,.link-braces a::after {opacity: 0;}
.link-braces a::before {content: '【';}
.link-braces a::after {content: '】';}
.link-braces a:hover::before,.link-braces a:hover::after {opacity: 1;}

/* Skewed */


.link-skewed a {
    font-weight: 500;
    color: #E74C3C;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}


.link-skewed a:hover,
.link-skewed a:focus {
    color: #fff;
}


.link-skewed a::before {
    position: absolute; 
    top: 0px; left: -5px; z-index: -1;
    padding: 0 5px; width: 100%; height: 100%;
    background: #e74c3c;
    content: '';opacity: 0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: skewY(-3deg) skewX(-11deg);
 
}


.link-skewed a:hover::before,
.link-skewed a:focus::before {
opacity: 1;
	-webkit-transform: skewY(0) skewX(0);
 transform: skewY(0) skewX(0);
}

.runcode_text {
	border-right-width: 2px;
    height: 250px;
    width: 90%;
}
.runcode_button {
    border: 1px solid #8E9CAE;
}


/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	/* cursor: pointer; */
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
.clustrmaps_div{width:120px;position: fixed;right: 10px;bottom:120px;border-radius: 3px;overflow: hidden;}

.clustrmaps_div a#clustrmaps-widget-v2, #clustrmaps-widget-v2 {
    min-height: auto;
}