/*
作者：XiaoFeng
地址：http://blog.luckyhai.com/
邮箱：284204003@qq.com
*/
body{background-image:url(../include/bj.jpg);background-size: cover;margin:0px;padding:0px;font: 14px "Microsoft Yahei", "宋体", "Arial Narrow", HELVETICA !important;width: 100%;background-position: center;background-attachment: fixed;background-repeat: repeat;}
a{text-decoration: none;color:#000000}
a:hover{text-decoration: none;color: #FF0000;}
img{max-width: 100%;border:none;}
li{list-style-type: none;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd{margin:0px;padding:0px;}
input{background: #FFFFFF;border-radius: 5px;height: 30px;width: 66px;}
.clear:after{clear:both;}
.clear{clear:both;}
#all{width: 66%;margin: 0 auto;}
#foot{width: 66%;margin: 0 auto;}
#content{position: relative;top: 6px;}
#head{display: block;margin-top: 28px;margin-bottom: 28px;}
.search{float: right;margin-top: -51px;margin-right: 2px;}
#search_content{background: #FFF;margin-bottom: 10px;margin-top: 3px;padding-bottom: 6px;padding-top: 6px;font-size: 18px;border-radius: 5px;padding-left: 20px;}
#edtSearch{width: 144px;height: 30px;border-radius: 5px;background: rgba(0, 0, 0, 0.1) !important;-moz-opacity: 0.96;-khtml-opacity: 0.96;opacity: 0.96;border: 0px;color: #FFF;}
#BlogTitle{font-size: 2.8em;font-weight: normal;line-height: 1.5em;text-shadow: 5px 5px 5px #cccccc;text-align: center;color: #FFFFFF;}
#BlogSubTitle{color: #ffffff;font-size: 1.0em;font-weight: normal;line-height: 1.5em;text-align: center;}
/*加载框*/
.pjax_loading {position: fixed;top: 0;left: 0;z-index: 999999;display: none;width: 100%;height: 100%;background-color: #4c4c4c;opacity: 0.3;background: url('img/wpgo_loading.gif') #4c4c4c 50% 50% no-repeat;}
/* 首页及列表页分页 */
.pagenav { padding: 2px 0 10px; margin-top: 12px; text-align: center; border-radius: 5px;  background: #FFFFFF;}
.pagenav .c-nav { width: 60px; }
.pagenav a {-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;color: #FFF; height: 32px; width: 35px; font-size: 14px; margin: 7px 7px 0 0; background-color: #4C4C4C; display: inline-block; text-align: center; line-height: 32px;}
.pagenav a:hover { background-color: #169FE6; }
.pagenav .on { background-color: #169FE6; }
/* 文章页评论分页 */
#comments .pagebar { text-align: center; margin: 20px; }
#comments .pagebar a, #comments .pagebar span {-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;padding: 2px 8px; color: #FFF; display: inline-block; background-color: #4C4C4C; }
#comments .pagebar a:hover, #comments .pagebar .on {-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;background-color: #169FE6; }
/* 文章页相关属性 */
#comments h5 {font-size: 1.125em;font-weight: normal;line-height: 50px;margin-top: 0px;margin-bottom: 0px;}
#comments{margin-top: 15px; padding-bottom:10px;}
#comments h3,#comments h4{font-size: 1.125em;line-height: 40px;font-weight: normal;margin-bottom: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dddddd;}
#comment h4 span{float:right;}
#frmSumbit #inpName,#frmSumbit #inpEmail,#frmSumbit #inpHomePage,#frmSumbit #inpVerify{padding-left: 5px;border: 1px solid #ddd;height: 30px;padding-top: 0px;padding-right: 5%;padding-bottom: 0px;line-height: 30px;float: left;margin-right: 10px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;width: 28%;border-radius: 6px;}
.commentpost label{height:30px;border-radius: 6px;overflow:hidden;float:left;line-height:30px;margin:0px;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;clear: left;}
#txaArticle{width:68%;height: 80px;border-radius: 6px;border:1px solid #ddd;padding:2%;background-color: #F5F5F5;}
#frmSumbit p{padding:0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;line-height: 30px;}
#frmSumbit .button{color: #FFFFFF;background-color: #87CEEB;height: 36px;width: 88px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;margin-right: 15px;border-radius: 6px;font-size: 14px;}
.plk .plkarticle .plk .plkname .dot{font-size: 1.875em;float: right;margin-left: 15px;font-weight: 700;}
.plk .plkimg{clear: left;float: left;margin-right: 15px;padding: 2px;}
.plkglt .plkarticle{line-height: 16px;padding-top: 4px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;font-size: 1em;}
#comments .plk{font-size: 1em;border: 1px solid #dddddd;margin-top: 15px;padding: 9px;}
.plk .plkarticle{line-height: 20px;color: #666666;font-size: 1em;}
.plk .plkarticle .plk{background-color:#f4f4f4;border: 1px solid #eeeeee;font-size: 1em;}
/* 导航相关属性 */
#nav{line-height: 60px;}
#nav ul li{float: left;}
#nav{font-size:14px;font-weight:700;background-color: #000000;  border-radius: 5px;z-index:1;position: relative;}
#nav ul{line-height: 40px;overflow: hidden;}
#nav ul li{float:left;border-right-width: 1px;border-right-style: solid;border-right-color: #222;width: 82px;}
#nav ul li a{display:block;text-align:center;line-height: 40px;color: #FFFFFF;}
#nav li ul{line-height: 35px;list-style-type: none;left: -999em;position: absolute;width: 88px;padding-top: 0px;overflow: visible;}
#nav li ul li{float: left;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;background-color: #000000;border-bottom-style: solid;border-bottom-color: #111111;}
#nav li ul li a{display: block;text-align:center;width: 88px;padding: 0px;background-image: none;line-height: 40px;height: 40px;font-weight: normal;}
#nav li ul a:hover{color:#FF0000;text-decoration:none;font-weight:normal;}
#nav li:hover ul{left: auto;}
#nav li.sfhover ul{left: auto;}
#nav li a:hover,#nav li a.on{color: #FF0000;}
/** 菜单 **/
#main-nav,#mobile-nav{display:none;}
#mobile-nav{text-align:center; cursor:pointer; font-size:22px; height:39px; line-height:38px; }
#mobile-nav i{ font-size:24px; }
#mobile-nav a{ display:block; padding:0 10px; }
#main-nav{ height:40px; padding:0 10px; margin-top:-1px; }
#nav-menu{ float:left; max-width:74%; }
#nav-menu .caret{ display:inline-block; margin-left:3px; vertical-align:middle; border-width:3px 3px 0px 3px; border-color:#313131 transparent; border-style:solid; }
#nav-menu li a:hover .caret{ border-color:#0088dd transparent; }
/* 头像特效 */
#comments .plkimg a img{display:block; border-radius:5px; box-shadow:0 0 3px rgba(0, 0, 0, 0.6); -webkit-transition:0.4s ease-in; -moz-transition:0.4s ease-in; -o-transition:0.4s ease-in; -ms-transition:0.4s ease-in; transition:0.4s ease-in; }
#comments .plkimg a:hover img{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }
/* 作者、时间、阅读、评论、阅读全文、文章版权 */
#img{position: relative;top: 6px;width: 150px;height: 110px;float: left;margin-right: 20px;padding: 2px;border-radius: 5px;clear: left;}
#img img{width: 150px;height: 110px;border-radius: 5px;box-shadow: 1px 1px 1px #ccc;}
#infoo dt{position: relative;top: 6px;}
.post-meta{ font-size:13px; color:#888; position: relative;top: 22px;}
.post-meta1{ font-size:13px; color:#888; position: relative;top: 8px;}
.post-meta1 a{color:#888;}
.post-meta a{color:#888;}
.post-meta a:hover{ color:#67A611; }
.post-meta i{ color:#999; margin-right:3px; }
.muted{margin-right: 12px; display: inline-block;}
.readmore{ background:#fafafa; padding:0 6px; border:1px #e4e4e4 solid; border-radius:3px; }
.readmore{ float:right;}
.post { font-size:13px; height:22px; }
.post-copyright{ padding:15px 1px;clear:both; overflow:hidden; }
#copy-info{border:1px solid rgba(0, 0, 0, 0.5); box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.1); position:relative; padding:10px 10px 6px 10px;border-radius: 5px;}
#copy-info p{ line-height:1.7em; }
a.copy-link-3{ max-width:54%; }
/*foot属性*/
#foot-info{height: 280px;margin:18px 0 18px 0;border-radius: 5px;padding-top: 10px;background: #FFFFFF;}
#foot-info ul{width: 31%;float: left;margin: 6px;}
#foot-info ul h3{line-height: 24px;margin-bottom: 5px;border-left: 8px solid #0088cc;padding-left: 10px;}
#foot-info ul li{line-height: 23px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#foot-info ul li a{padding-left: 3px;}
#foot-info .links{width: 32%;float: right;}
#foot-info .links li{float: left !important;}
#foot{background-color: #FFFFFF;border-radius: 5px;padding-bottom: 10px;padding-top: 10px;text-align: center;}
/* 文章方面及文章总体属性 */
#content #post,#content #contentinfo,#comments{margin-bottom: 6px;padding-right: 20px;padding-left: 20px;background:#FFFFFF;}
#comments{border-radius: 5px;padding: 9px;}
#content #post{padding-top: 12px;padding-bottom: 25px;border-radius: 5px;}
#content #contentinfo #title{text-align: center;}
#post dd i img{width: 140px;height: 100px;float: left;margin-right: 20px;padding: 2px;border: 1px solid #dddddd;clear: left;}
#post dt h2{font-size: 1.3em;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;;}
#post dd{position: relative;top:20px;margin-bottom: 10px;height: 50px;}
#post dd p{font-size: 1em;line-height: 25px;}
#post small{font-size: 13px;color: #999999;white-space: nowrap;}
#post dt span a{color: #ffffff;}
#post dt span{margin-right: 12px;font-size: 12px;background-color: #C33333;color:#FFFFFF;float: left;padding-top: 0px;padding-right: 7px;padding-bottom: 0px;padding-left: 7px;line-height: 24px;height: 24px;}
#content #contentinfo{padding-top: 20px;border-radius: 5px;padding-bottom: 16px;}
#title h1{font-size: 1.5em;font-weight: normal;text-shadow: 0 1px 0 #ddd;}
#title p{font-size: 0.875em;color: #999999;}
#contentinfo #zi{font-size: 1.125em;line-height: 1.8;height: auto;border-top: 1px solid #949494;position: relative;top: 15px;}
#zi p{margin-top: 0.5em;margin-bottom: 0.5em;word-wrap: break-word;word-break: normal;}
#zi p a{color: #0088dd;}
#zi p a[target*="_blank"]:after{ content:url(img/icon_link.png); margin:0 3px;}
#zi p a:hover{color: #0088dd;font-weight:bold;}
#zi img{border: 1px solid #9EAA99; border-radius: 3px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
#zi blockquote{margin:10px;border:1px #d0d4c8 dashed;background:#F2F6FA url(img/blockquote.gif) 5px 3px no-repeat;padding:8px 12px 8px 36px;}
#zi blockquote p{padding:8px 0;line-height:26px;text-indent:0em;text-align:justify;text-justify:inter-ideograph;color:#2A2A2A; }
#contentinfo #next{font-size: 1.125em;border-top: 1px solid #949494;}
#contentinfo #next ul li{line-height: 28px;}
#nav1 a#pull{display: none;}
@media screen and (max-width: 600px){
#head{height: 40px;padding: 0px;position: relative;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.post-thumbnail,.post-copyright,.pview,.pcomm,.post-thumbnail,.author{ display:none; }
.readmore,#head h2,#img,#foot-info{display:none;}
#head #BlogTitle{text-align: center;width: 92%;margin-right: 2%;margin-left: 2%;padding-right: 2%;padding-left: 2%;border-radius: 5px;margin-top: 5px;margin-bottom: 0px;background-color: #FFFFFF;}
#heads{text-align: center;  line-height: 66px;}
#info #content{width: 96%;padding-top: 10px;padding-right: 2%;padding-left: 2%;clear: left;overflow: hidden;}
#post dd i img{display:none;}
#post dd p{font-size: 1em;line-height: 22px;overflow: hidden;height: 66px;}
#post dd {position: relative;top: 6px;margin-bottom: 10px;height: 50px;}
#infoo dt {position: relative;top: 0px;}
.post-meta {font-size: 13px;color: #888;position: relative;top: 17px;}
#post small{font-size: 0.875em;color: #999999;white-space: normal;}
#right #divTags dd ul li{margin-bottom: 5px;}
#all {width: 98%;margin: 0 auto;}
#foot{width: 98%;margin: 0 auto;}
#navs{text-align: center;background-color: #000000;border-radius: 5px;top: 1px;background: rgba(0, 0, 0, 0.4) !important;-moz-opacity: 0.96;-khtml-opacity: 0.96;opacity: 0.96;}
#navs li{display: inline;line-height: 26px;  margin-right: 10px;white-space: nowrap;}
#navs li a{color: #FFFFFF;font-size: 16px;position: relative;top: 2px;}
}
@media screen and (max-width: 960px){
#main-nav{display:block;}
#main-nav{ height:auto;background: rgba(255, 255, 255, 0.66) !important;-moz-opacity: 0.96;-khtml-opacity: 0.96;opacity: 0.96;border-radius: 5px;}
#mobile-nav{display:block;border-radius: 5px;font-size: 20px;background: rgba(255, 255, 255, 0.66) !important;-moz-opacity: 0.96;-khtml-opacity: 0.96;opacity: 0.96;}
#nav-menu{ display:none; float:none; max-width:100%; text-align:center; }
#nav-menu{ margin-top:0; }
#nav-menu ul{ height:auto; display:block; margin:0 15px; padding:0 15px; text-align:center; }
#nav-menu ul li{ display:block; line-height: 38px;position: inherit; z-index:999; }
#nav-menu li a{ font-size:15px;	display:block; color:#313131; text-shadow:0 1px 0 #ddd; padding:0px; }
#nav-menu li.current-menu-item> a{ color:#67A611; background-color:#F5F5F5; }
#nav-menu li:hover{ background-color: inherit; border-bottom:0; box-shadow:none; }
#nav-menu > ul > li{ line-height:40px; float:none; }
#nav-menu li ul{ display:none; background inherit; box-shadow:none; position:inherit; left:inherit; top:inherit; padding:inherit; border-radius:0; }
#nav-menu li li{ line-height:28px; height:auto; padding:1px 10px; }
#nav-menu li li a{ font-size:13px; color:#777; }
#nav-menu li a:hover{ color:#FF0000; }
#nav-menu li ul li ul{ left:inherit; top:inherit; border-radius:0; }
#info{width: 100%;padding: 0px;margin: 0px;}
.post-copyright,#head,#nav{display:none;}
#contentinfo #next{font-size: 1.125em;border-top: 1px solid #949494;line-height: 23px;position: relative;top: 12px;}
#heads{text-align: center;  line-height: 66px;}
#head{height: 40px;padding: 0px;position: relative;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
#head{text-align: center;width: 92%;margin-right: 2%;margin-left: 2%;padding-right: 2%;padding-left: 2%;border-radius: 5px;margin-top: 5px;margin-bottom: 0px;background-color: #FFFFFF;}
#info #content{width: 96%;padding-top: 10px;padding-right: 2%;padding-left: 2%;clear: left;overflow: hidden;}
#foot{font-size: 1em;line-height: 24px;background-color: #FFFFFF;text-align: center;width: 98%;margin-top: 16px;}
}
@media screen and (min-width: 900px) and (max-width: 1100px)
{
#all {width: 90%;margin: 0 auto;}
#foot{width: 90%;margin: 0 auto;}
}
@media screen and (min-width: 600px) and (max-width: 800px)
{  
#navs{text-align: center;background-color: #000000;border-radius: 5px;top: 1px;background: rgba(0, 0, 0, 0.4) !important;-moz-opacity: 0.96;-khtml-opacity: 0.96;opacity: 0.96;}
#navs li{display: inline;line-height: 26px;  margin-right: 10px;white-space: nowrap;}
#navs li a{color: #FFFFFF;font-size: 16px;position: relative;top: 2px;}
.post-meta{display:none;}
#all {width: 96%;margin: 0 auto;}
#foot{width: 96%;margin: 0 auto;}
}
@media screen and (min-width: 800px) and (max-width: 901px)
{
#navs{text-align: center;background-color: #000000;border-radius: 5px;top: 1px;background: rgba(0, 0, 0, 0.4) !important;-moz-opacity: 0.96;-khtml-opacity: 0.96;opacity: 0.96;}
#navs li{display: inline;line-height: 26px;  margin-right: 10px;white-space: nowrap;}
#navs li a{color: #FFFFFF;font-size: 16px;position: relative;top: 2px;}
#all {width: 92%;margin: 0 auto;}
#foot{width: 92%;margin: 0 auto;}
}
@media screen and (min-width: 900px) and (max-width: 960px)
{
#heads{text-align: center;  line-height: 66px;}
#navs{text-align: center;background-color: #000000;border-radius: 5px;top: 1px;background: rgba(0, 0, 0, 0.4) !important;-moz-opacity: 0.96;-khtml-opacity: 0.96;opacity: 0.96;}
#navs li{display: inline;line-height: 26px;  margin-right: 10px;white-space: nowrap;}
#navs li a{color: #FFFFFF;font-size: 16px;position: relative;top: 2px;}
#all {width: 92%;margin: 0 auto;}
#foot{width: 92%;margin: 0 auto;}
}
@media screen and (min-width: 1101px) and (max-width: 1350px){#all {width: 78%;margin: 0 auto;}#foot{width: 78%;margin: 0 auto;}}
@media screen and (min-width: 1351px) and (max-width: 999999px){#all {width: 900px;margin: 0 auto;}#foot{width: 900px;margin: 0 auto;}}
@media screen and (min-width: 960px) and (max-width: 99999px){#navs,#heads{display:none;}}