/*
Theme Name:start
*/
* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background:#f5f5f5; font:100%/1.5 'Microsoft Yahei',tahoma,Arial,'Simsun'; overflow-x:hidden;}
* {box-sizing: border-box;}
a {text-decoration:none;}
a:hover,.post h2 a:hover,.nav  ul li a:hover,.nav  ul li a.current,.commentlist ol li .cmt-author a:hover,.commentlist ol li .cmt-floor a,#divComments ul li  a:hover {color:#3F729B;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*global*/
.inner {width:1200px; margin:0 auto;}
img.lazyload {background:url(images/grey.gif) no-repeat center center;}
.loading {position:fixed; left:0; top:0; width:100%; height:100%; background:url(images/loading.gif) no-repeat center center;}
@-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}
@-moz-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}
@-o-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}
@-ms-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}
@keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}
/*header*/
.header {position:fixed; left:0; top:0; width:100%; background-color:#fff; box-shadow:0 1px 1px #eee; z-index:9;}
.header .inner {position:relative;}
.header.fixed {opacity:0.9;}
.blank {height:120px; width:100%;}
.blank.open {height:80px;}
.container,.foot,.foot-ad,.slidershow {width:1200px; margin:0 auto; position:relative;}
/*logo*/
.logo {float:left; padding:20px 0; transition:all .3s; -moz-animation:fadeInLeft 1s ease both; -webkit-animation:fadeInLeft 1s ease both; -o-animation:fadeInLeft 1s ease both; -ms-animation:fadeInLeft 1s ease both; animation:fadeInLeft 1s ease both;}
.logo a {display:block; text-indent:-9999em; width:250px; height:60px; background:url(../images/logo.png) no-repeat left center; background-size:contain; transition:all .8s;}
/*nav*/
.nav {float:right; padding:30px 0; transition:all .3s;}
.nav li {float:left; padding:0 25px; line-height:40px; font-size:16px; position:relative;}
.nav li em {display:none;}
.nav li a {color:#333; display:block;}
.nav li a i {margin-left:5px;}
.nav li ul {position:absolute; left:50%; top:100%; background-color:#fff; border:1px solid #ddd; width:120px; margin-left:-60px; border-radius:5px; z-index:9; display:none; text-align:center; padding:10px 0;}
.nav li ul:before {content:''; display:block; width:8px; height:8px; background-color:#fff; border-right:1px solid #ddd; border-top:1px solid #ddd; transform:rotate(-45deg); position:absolute; left:50%; top:-5px; margin-left:-5px;}
.nav li li {padding:0; float:none; line-height:1.75em;}
.nav li li a {padding:5px 10px;}
/*fixed*/
.fixed .logo {padding:10px 0;}
.fixed .logo a {width:167px; height:40px;}
.fixed .nav {padding:10px 0;}

/*main*/
.container {clear:both; overflow:hidden; transition-duration:0.8s; }
.breadcrumb {font-size:0.75em; color:#777; margin-bottom:10px; background:#fff; border:1px solid #ebebeb; padding:5px 10px; border-radius:3px;}
.breadcrumb a {color:#777;}
.main {float:left; width:840px;}
/*slidershow*/
.full-slidershow {width:100%; margin-top:-18px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}
.rslides_container {position: relative; float: left;	width: 100%; overflow:hidden; border-radius:3px; margin-bottom:15px;}
.centered-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 50%; left: 10px; text-indent: -9999px; overflow: hidden; text-decoration: none;	height: 27px; width: 27px; background: transparent url("images/arrow.png") no-repeat left top; margin-top: -13.5px;}
.centered-btns_nav:active {opacity: 1.0;}
.centered-btns_nav.next {left: auto;	background-position: right top;	right: 10px;}
.transparent-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 0;	left: 0; display: block;background: #fff;opacity: 0;filter: alpha(opacity=1);width: 48%;text-indent: -9999px;overflow: hidden;height: 91%;}
.transparent-btns_nav.next {left: auto;	right: 0px;}
.large-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	opacity: 0.6;text-indent: -9999px;	overflow: hidden;top: 0;bottom: 0;left: 0;	background: #000 url("images/arrow.png") no-repeat left 50%;	width: 38px;}
.large-btns_nav:active {	opacity: 1.0;}
.large-btns_nav.next {left: auto;background-position: right 50%;	right: 0;}
.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus {outline: none;}
.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs {text-align: center;	position: absolute;	bottom: 5%;	width: 100%;z-index: 1;}
.centered-btns_tabs li,.transparent-btns_tabs li,.large-btns_tabs li {	display: inline;float: none;_float: left;*float: left;margin-right: 5px;}
.centered-btns_tabs a,.transparent-btns_tabs a,.large-btns_tabs a {	overflow: hidden;-webkit-border-radius: 2px;-moz-border-radius: 2px;	border-radius: 2px;	background: #ccc;background: rgba(255,255,255, .9);	display: inline-block; _display: block;	*display: block; width: 20px;height: 20px;	line-height:20px; font-size:0.75em; color:#666;}
.centered-btns_here a,.transparent-btns_here a,.large-btns_here a {background: #0F72A5; color:#fff;}
/*post*/
.post {overflow:hidden; background:#fff; border:1px solid #EBEBEB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:20px; margin-bottom:15px; transition-duration:0.6s;}
.post h1 {text-align:center; font-size:1.625em; color:#444; font-weight:normal; margin-bottom:10px;}
.post.hover {border-color:#61B3E6; transition-duration:0.6s;}
.post h2 {font-size:1.125em; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.post h2 a {color:#333;}
.istop h2 {margin-bottom:0;}
.post .post-cat,.istop h2 span {float:left; font-size:0.75em; margin:5px 10px 0 0; display:inline;}
.post .post-cat a,.istop h2 span {padding:3px 6px 2px; background:#7FBB00; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family:'Simsun';}
.post .post-cat a:hover {background:#0F72A5;}
.istop h2 span {font-weight:normal; background:#F04848; padding:2px 6px 0; margin:2px 10px 0 0;}
.post .thumb {width:250px; height:auto; float:left; margin-right:15px; display:inline-block; border:1px solid #ddd; padding:2px; background-color:#f1f1f1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.post .thumb a {display:block; position:relative; overflow:hidden; padding-bottom:79.9%;}
.post .thumb img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%;}
.post .thumb img:hover {opacity:0.7;}
.post .entry {font-size:0.875em; color:#555; overflow:hidden;}
.post .entry blockquote {margin:0 2em 15px; padding:10px 10px 0; overflow:hidden; background:#efefef; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.post .entry p {margin-bottom:15px; line-height:1.75em; text-align:justify;}
.post .loop-entry p {max-height:8.75em; overflow:hidden;}
.post .entry a {color:#0F72A5;}
.post .entry a:hover {text-decoration:underline;}
.post .entry img {width:auto; max-width:100%; height:auto;}
.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {margin-bottom:15px;}
.post .entry ul,.post .entry ol {margin-bottom:15px; margin-left:2em;}
.post .entry ul li {list-style:outside disc none;}
.post .entry ol li {list-style:outside decimal none;}
.post .search-result {padding:20px 0;}
.post .search-result p {background:#ebebeb; padding:10px 2%; border-left:4px solid #0F72A5; border-right:4px solid #0F72A5;}
.post .search-result p a {color:#555;}
.post .search-result p a:hover {color:#0F72A5;}
.post .postmeta {font-size:0.75em; color:#666;}
.post .postmeta a {color:#666;}
.post .postmeta a:hover {text-decoration:underline;}
.post .postmeta span {padding-right:5px;}
.post .article-meta {text-align:center; color:#999; margin-bottom:15px; border-bottom:1px solid #ebebeb; padding-bottom:20px;}
.post .tags {text-align:center; font-size:0.875em; padding:10px 0; color:#888;}
.post .tags a {background:#3F729B; color:#fff; padding:0 5px; margin:0 2px; font-size:0.875em;}
.post .tags a:hover {background:#F57F7F;}
.post .post-nav {padding:10px 0; overflow:hidden;}
.post .post-nav span {display:block; font-size:0.875em; color:#888;}
.post .post-nav a {color:#444; font-size:0.75em;}
.post .post-nav .nav-left {float:left;}
.post .post-nav .nav-right {float:right;}
.post .post-nav .nav-right span {text-align:right;}
.post .post-copyright {font-size:0.75em; background:#F4F4F4; border-bottom:2px solid #ebebeb; padding:10px; color:#999; position:relative; margin-bottom:15px;}
.post .post-copyright a {color:#999;}
.post .related {margin-bottom:15px;}
.post .related p {font-size:0.875em; color:#666; text-align:center; background:#f4f4f4; border-left:4px solid #3F729B; border-right:4px solid #3F729B; padding:5px 0;}
.post .related h3,.commentlist h3,.commentsform h3{font-size:1em; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px;}
.post .related ul li {clear:both; overflow:hidden; margin:6px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.post .related ul li a{font-size:0.875em; color:#444;}
.post .related ul li span {display:inline-block; width:15px; height:15px; background:#ccc; color:#fff; float:left; line-height:15px; text-align:center; font-size:0.75em; margin:6px 8px 0 0;}
.post .related ul li span.top {background:#3F729B;}
.post .related ul li i {float:right; font-size:0.75em; color:#999;}
.start-ad {overflow:hidden;}
.start-ad img,.surroundad img,.foot-ad img {display:block; width:100%; height:auto;}
.start-ad {width:100%; height:auto; margin-bottom:15px;}
.surroundad {float:left; width:35%; height:auto; margin-right:15px; margin-top:5px; display:inline;}
.social-share {text-align:center;}
.social-share .bdsharebuttonbox a {float:none;}
/*commentlist*/
.commentlist {margin-bottom:15px;}
.commentlist ol li {clear:both; padding:10px 0;}
.commentlist ol li .cmt-info {position:relative; padding-left:50px; margin-bottom:10px;}
.commentlist ol li .gravatar {position:absolute; left:0; top:3px; width:40px; height:40px;}
.commentlist ol li .gravatar img {display:block; width:100%; height:auto; transform:Rotate(-720deg); transition:transform 0.4s ease 0s;}
.commentlist ol li .gravatar img:hover {transform:Rotate(720deg); transition:transform 0.4s ease 0s;}
.commentlist ol li .cmt-author {font-weight:bold; font-size:0.875em; margin-bottom:5px;}
.commentlist ol li .cmt-author a {color:#000;}
.commentlist ol li .cmt-meta {font-size:0.75em; color:#999;}
.commentlist ol li .cmt-meta span,.commentlist ol li .cmt-meta span a{color:#6B92B2;}
.commentlist ol li .cmt-floor {position:absolute; right:0; top:3px; font-size:0.875em; color:#666;}
.commentlist ol li .cmt-con {font-size:0.875em; color:#333;}
.commentlist ol li ol {margin-left:10px; border:1px solid #ebebeb; background:#f9f9f9; margin-top:15px; padding:0 10px;}
/*commentsform*/
.commentsform p {clear:both; overflow:hidden; margin:10px 0; font-size:0.875em;}
.commentsform .text {width:50%; border:1px solid #ddd; height:35px; line-height:35px; padding:0 5px; margin-right:10px; font-family:'Microsoft Yahei';}
.commentsform textarea {width:98%; border:1px solid #ddd; height:150px; padding:8px 1%; -webkit-border-radius:4px; border-radius:4px; font-size:1em; font-family:'Microsoft Yahei';}
.commentsform .submit,.commentsform a#cancel-reply {width:50%; border:1px solid #ddd; cursor:pointer; height:35px; font-family:'Microsoft Yahei'; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-appearance:none;}
.commentsform .submit:hover {background:#3F729B; color:#fff; transition:all 0.2s ease-in 0s;}
.commentsform a#cancel-reply {display:block; text-align:center; line-height:32px;}
.commentsform a#cancel-reply:hover {color:#fff; background:#F04848; transition:all 0.2s ease-in 0s;}
/*sidebar*/
.sidebar {width:345px; float:right;}
.widget {margin-bottom:15px;}
.widget h3,#tbCalendar caption  {font-size:0.875em; height:40px; padding:0 10px; line-height:40px; background:#fff; margin-bottom:2px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #EBEBEB;}
.widget h3 i {display:block; float:left; height:40px; line-height:43px; padding-right:10px; font-size:1.3em; border-right:1px solid #ddd; margin-right:10px; color:#FF8800;}
.widget ul,#divSearchPanel div,#divContorPanel div,#divCalendar table {background:#fff; padding:10px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #EBEBEB;}
.widget img {width:auto; max-width:100%; height:auto; display:block;}
.widget a {color:#555;}
.widget ul.news-list li {font-size:0.875em; line-height:1.75em; background:url(images/dot.png) no-repeat left center; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget ul.hot-post li {overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:5px;}
.widget ul.hot-post li .thumb {width:100px; height:auto; float:left; margin-top:5px; margin-right:10px; display:inline;}
.widget ul.hot-post li .thumb a {display:block; overflow:hidden; border-radius:3px; padding-bottom:80%; position:relative;}
.widget ul.hot-post li .thumb img {width:100%; height:auto; min-height:100%; display:block; transition:transform 0.5s ease 0s; position:absolute; left:0; top:0;}
.widget ul.hot-post li .thumb img:hover {transform:scale(1.4,1.4); transition:transform 0.3s ease 0s; opacity:0.6;}
.widget ul.hot-post li .hot-title {font-size:0.875em; margin-bottom:5px;}
.widget ul.hot-post li  a {color:#444;}
.widget ul.hot-post li  a:hover {color:#3F729B;}
.widget ul.hot-post li .hot-time {font-size:0.75em; color:#999;}
#scroll.scroll {position:fixed; width:inherit; top:75px;}
#scroll.stop {position:absolute; width:inherit; bottom:0; right:0;}
.widget input[type="text"] {width:80%; height:35px; line-height:35px; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 2%;}
.widget input[type="submit"] {height:35px; width:17%; background:#F04848; border:none; color:#fff; cursor:pointer; border-radius:3px;}
#divSearchPanel div,#divContorPanel div {font-size:0.875em;}
#divTags ul {overflow:hidden;}
#divTags ul li {float:left; background:none; font-size:0.75em; margin:5px 0; display:inline;}
#divTags ul li a {display:block; float:left; background:#3F729B; color:#fff; padding:2px 4px; border-radius:2px;}
#divTags ul li a:hover {background:#F04848; color:#fff;}
#tbCalendar {width:100%;}
#tbCalendar caption {font-weight:bold;}
#tbCalendar thead,#tbCalendar tbody {background:#fff;}
#tbCalendar td {border:none;}
#tbCalendar thead tr th{padding:10px 0;}
#tbCalendar tbody tr td {padding-bottom:10px;}
#tbCalendar tbody tr td a {background:#F04848; color:#fff; padding:2px; font-size:0.75em; border-radius:5px;}
#divComments ul li {background:none; padding-left:0; margin:5px 0; border-bottom:1px dotted #ddd; padding-bottom:5px; color:#444;}
#divComments ul li  a {color:#444;}
#divComments ul li img {display:block; width:24px; height:24px; float:left; margin-right:5px; display:inline;}
#divComments ul li b {color:#444;}
#divLinkage ul,#divCatalog ul,#divFavorites ul {overflow:hidden;}
#divLinkage ul li,#divCatalog ul li,#divFavorites ul li {background:none; float:left; width:50%; padding-left:0; margin:5px 0; text-align:center;}
#divLinkage ul li a,#divCatalog ul li a,#divFavorites ul li a {display:block; background:#efefef; color:#666; width:95%; margin:0 auto;}
#divMisc ul li {background:none; padding-left:0; margin:5px auto; text-align:center;}
#divMisc ul li a {display:block;}
#divMisc ul li img {display:block; margin:0 auto;}
#divStatistics ul li,#divAuthors ul li,span.cp-hello,span.cp-login,span.cp-vrs {background:none; border-left:4px solid #F15A5A; background:#efefef; color:#666; margin:5px 0;}
span.cp-hello,span.cp-login,span.cp-vrs {display:block; padding:5px 10px; margin:0;}
/*pagenavi*/
.pagenavi {clear:both; text-align:center; font-size:0.75em;}
.pagenavi a,.pagenavi .now-page {display:inline-block; padding:2px 8px; background:#fff; margin-bottom:10px; color:#666; border-radius:2px;}
.pagenavi a:hover,.pagenavi .now-page {color:#fff; background:#3F729B;}
/*footer*/
.foot-ad {padding-bottom:10px;}
.footer {background:#fff; border-top:1px solid #eee; padding:40px 0; text-align:center; font-size:0.75em; color:#888;}
.footer p {margin:5px 0;}
.footer a {color:#888;}
.backtop {position:fixed; top:70%; right:10px;}
.backtop a {display:block; width:35px; height:35px; background:#FCFCFC; color:#ccc; border:1px solid #ebebeb; text-align:center; line-height:30px; cursor:pointer;}
.backtop a:hover {background:#3F729B; color:#fff;}
/*screen width*/
@media only screen and (max-width:1280px){
	.inner,
	.container,
	
	.foot,
	.foot-ad,
	.slidershow {
		width:93.75%;
		transition-duration:0.6s;
	}
	.main {
		width:70%;
		transition-duration:0.6s;
	}
	.sidebar {
		width:28.75%;
		transition-duration:0.6s;
	}
	.logo a {width:200px; height:48px;}
	
	.nav {padding:24px 0;}
	.nav li {font-size:14px; padding:0 16px;}
	
	.blank {height:108px;}
}

@media only screen and (max-width:960px){
	.blank {height:70px;}
	.logo {padding:13px 0;}
	.logo a {width:125px; height:30px;}
	
	.navBtn {width:25px; height:20px; position:absolute; right:0; top:50%; margin-top:-10px; cursor:pointer; display:block;}
	.navBtn span {position:absolute; left:0; top:50%; margin-top:-0.5px; width:100%; height:2px; background-color:#f80;}
	.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#f80; position:absolute; left:0;}
	.navBtn span:before {top:-8px;}
	.navBtn span:after {bottom:-8px;}
		
	.nav {position:fixed; right:-200px; top:57px; width:200px; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; background-color:rgba(255,255,255,.9); float:none; padding:0; z-index:10; border-left:1px solid #eee;}
	.nav.open {right:0;}
	.nav ul {margin-bottom:57px; padding:10px 0;}
	.nav li {float:none; padding:0;}
	.nav li a {padding:5px 2em; position:relative;}
	.nav li a i {display:none;}
	.nav li li a {padding-left:3em;}
	.nav li em {position:absolute; right:0; top:0; width:2em; height:50px; display:block; cursor:pointer;}
	.nav li em:after {content:''; display:block; width:10px; height:10px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin:-7px 0 0 -7px;}
	.nav li ul {position:static; left:auto; top:auto; width:auto; margin:0; padding:0; border:none; text-align:left;}
	.nav li ul:before {display:none;}
	
	.main,
	.sidebar {
		width:100%;
		float:none;
		display:block;
	}
	.sidebar {
		display:none;
	}
	.post .thumb {
		width:28%;
		transition-duration:0.6s;
	}
	
	.post h2 {
		margin-bottom:10px;
		transition-duration:0.6s;
	}
	.post .thumb {
		width:38%;
		transition-duration:0.6s;
	}
}

@media only screen and (max-width:640px) {
	.post {
		padding:15px;
	}
	.loop-entry,
	.post .related ul li i  {
		display:none;
	}
	.post .thumb {
		width:120px;
		transition-duration:0.6s;
	}
	.post .thumb a {padding-bottom:91px;}
	.post h2 {font-weight:normal; font-size:1em; white-space:normal; overflow:visible;  margin-bottom:0;}
	.post .post-cat, .istop h2 span {margin:4px 5px 0 0;}
	.post .postmeta {display:none;}
	
	.post h1 {font-size:1.125em;}
	.post .article-meta {display:block;}
}
@media only screen and (max-width:360px) {
	.post .postmeta,
	.commentlist ol li .gravatar {
		display:none;
	}	
	.commentlist ol li .cmt-info {
		padding-left:0;
	}
}
@media only screen and (max-width:300px) {
	.post .thumb  {
		display:none;
	}	
}