@charset "utf-8";
* {
  margin: 0;
  padding:0;
}
body {
  font-family: Georgia,Times,sans-serif,Arial;
  font-size: 100%;
  background: url(../../public/images/list_bg.gif) repeat scroll 0 0 transparent;
}
input:focus,button:focus,select:focus,textarea:focus{outline:0}
A {
  color: #002BB8;
  TEXT-DECORATION: none;
}
A:hover {
  COLOR: #FF0000;
  TEXT-DECORATION: underline;
}
.clear {
  clear:both;
  height:0px;
  width:0px;
  font-size:0px;
  line-height:0px;
}
#main {
  max-width: 1024px;
  margin: 0px auto;
}
header {
  min-width: 980px;
  padding: 5px 0px 3px;
  box-shadow: 1px 2px 3px #CCCCCC;
  text-align: center;
}
.logoer {
  width: 18%;
  cursor: pointer;
  float: left;
  display: inline;
  margin-left: 6px;
  margin-right: 100px;
  color: #999999;
}
.logox {
  height: 35px;
  margin: 0px 0px 0px 0px;
  font-family: "Trebuchet MS", serif;
  font-size: 2.5em;
}
.logos {
  height: 10px;
  font-family: Georgia,Times,sans-serif,Arial;
  font-size: 1.0em;
}
.search {
  width: 70%;
  margin-top: 6px;
  margin-bottom: 6px;
  float: left;
}
b.w1,b.w2 {
  width: 1px;
  display: block;
  z-index: 9;
  overflow: hidden;
  position: absolute;
  height: 1px;
  left: -1px;
  top: -1px;
}
.search .putst {
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #ABABAB #D9D9D9 #D9D9D9 #ABABAB;
  border-style: solid;
  border-width: 1px;
  cursor: text;
  float: left;
  height: 37px;
  position: relative;
  z-index: 99;
  margin-top: 8px;
  width: 70%;
}
.search .st {
  border: medium none;
  font: 18px arial;
  height: 25px;
  margin-top: 6px;
  padding-left: 7px;
  width: 98%;
}
.putst b {
  display: block;
  font-size: 0;
  position: absolute;
  overflow: hidden;
  font-style: normal;
  font-weight: normal;
}
.putst .shadow-x {
  border-left: 1px solid #CFCFCF;
  border-right: 1px solid #EFEFEF;
  height: 100%;
}
.putst .shadow-y {
  border-bottom: 1px solid #EFEFEF;
  border-top: 1px solid #CFCFCF;
  left: 1px;
  width: 100%;
}
.search .putsb{
  float: left;
  display: inline;
  margin-top: 8px;
}
.search .sb {
  height: 39px;
  width: 95px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  font: 15px/23px "宋体";
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  background: #3385FF none repeat scroll 0% 0%;
}
/* nav */
nav {
  max-width:75%;
  margin:10px auto 0px;
}
nav ul {
  list-style-type:none;
  margin:0;
  padding:0;
  height:37px;
  overflow:hidden;
  display:inline-block;
}
nav ul:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
}
nav ul {
  zoom:1;
}
nav ul li {
  list-style-type:none;
  margin:0 0 0 0px;
  padding:0;
  float:left;
  border-left:0px solid #dedede;
  height:37px;
}
nav ul li.first {
  background-position:0 0;
}
nav ul li.last {
  background-position:right 0;
}
nav ul li.actived, #main-nav ul li:hover {
}
nav ul li a {
  text-decoration:none;
  color:#666;
  margin:0;
  height:37px;
  line-height:35px;
  padding:0 16px;
  display:block;
  text-shadow:2px 2px 6px #999;
}
nav ul li.actived a {
  color:#3EAF0E;
  padding:0 24px;
  font-weight:bold;
  text-shadow:2px 2px 6px #3EAF0E;
}
article {
  margin:-2em 1em 0;
  display:block;
}
/*Table Of Content*/
div.toc {
  border:1px solid #ccc;
  background:#f8f8f8;
  float:right;
  padding:3px;
  position:fixed;
  top:8em;
  right:1em;
  z-index:1;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-opacity:.2;
  opacity:.2;
  -ms-filter:"opacity=20";
  filter:alpha(opacity=20);
}
div.toc:hover {
  -moz-box-shadow:0 0 8px #666;
  -webkit-box-shadow:0 0 8px #666;
  box-shadow:0 0 8px #666;
  -moz-opacity:1;
  opacity:1;
  -ms-filter:"enabled=false";
  filter:alpha(enabled=false);
}
div.toc ul {
  margin:0;
  padding:0 0 0 1em;
}
div.toc>ul {
  padding:0;
}
div.toc li {
  list-style-type: none;
  margin:0;
  padding:0 0 0 18px;
  background:transparent url(../../public/images/icons.png) no-repeat scroll 0 -48px;
  font-size:.9em;
  line-height:18px;
  overflow:hidden;
}
/* main */
h1, h2, h3, h4, h5, h6 {
  font-family:"Trebuchet MS", serif;
  line-height:1.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  border-bottom:0px none;
  text-shadow:2px 2px 6px #ccc;
}
h1 {
  font-size: 2.0em;
  border-bottom:1px dashed #3EAF0E;
  color:#3EAF0E;
}
h2 {
  font-size: 1.6em;
  border-bottom:1px solid #eee;
  font-weight:normal;
}
h3 {
  font-size: 1.3em;
  font-weight:normal;
  border-bottom:1px dashed #ddd;
}
h4 {
  font-size: 1.2em;
  font-weight:normal;
}
h5 {
  font-size: 1.1em;
  font-weight:normal;
}
h6 {
  font-size: 1.0em;
  font-weight:normal;
}
p, pre, blockquote, table, ul, ol, dl {
  margin-top:.5em;
  margin-bottom:1em;
}
p {
  margin-left: 2.5em;
}
ul ul, ul ol, ol ol, ol ul {
  margin:.1em 1em;
}
li {
  margin: 0.1em 0;
}
ul {
  margin-left: 2em;
  padding-left: 0.5em;
}
dt {
  font-weight: bold;
}
img {
  padding:5px;
  border:1px solid #eee;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
img:hover {
  -moz-box-shadow:0 0 8px #666;
  -webkit-box-shadow:0 0 8px #666;
  box-shadow:0 0 8px #666;
}
a:hover img {
  -moz-box-shadow:0 0 12px #333;
  -webkit-box-shadow:0 0 12px #333;
  box-shadow:0 0 12px #333;
}
pre {
  margin:.5em;
  padding:5px;
  overflow:hidden;
  border-width:1px 0 1px 3px;
  border-style:solid;
  border-color:#eee;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  line-height:1.5em;
  font-family:"Courier New","\5B8B\4F53";
  font-size:1em;
}
pre:hover {
  border-color:#ddd;
  background:#f8f8f8;
  overflow:auto;
  overflow-y:hidden;
  padding-bottom:18px\9;
  -moz-box-shadow:-2px 0px 6px #ccc;
  -webkit-box-shadow:2px 2px 8px #666;
  box-shadow:2px 2px 8px #666;
}
blockquote {
  margin:.5em 1em;
  padding:0.4em 50px;
  line-height:1.5em;
  min-height:22px;
  border-width:0;
  border-color:#ccc;
  border-style:solid;
  -moz-border-radius:8px;
  -khtml-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  background-color:#eee;
  background-position:left top,right bottom;
  background-repeat:no-repeat;
}
code {
  margin:1px 3px;
  padding:2px;
  display:inline-block;
  background:#f8f8f8 none;
  border:1px solid #eee;
  font-family:"Courier New";
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
code:hover {
  border-color:#ccc;
  -moz-box-shadow:0px 0px 6px #ccc;
  -webkit-box-shadow:2px 2px 8px #666;
  box-shadow:2px 2px 8px #666;
}
table {
  table-layout:fixed;
  border-collapse:collapse;
  border-spacing:0;
  border-width:1px 0 0 1px;
  border-style:solid;
  border-color:#ccc;
}
table:hover {
  -moz-box-shadow:0 0 8px #666;
  -webkit-box-shadow:0 0 8px #666;
  box-shadow:0 0 8px #666;
}
th, td {
  border-width:0 1px 1px 0;
  border-style:solid;
  border-color:#ccc;
  padding: 0.3em;
}
th {
  background-color: #f0f0f0;
}
hr {
  border: none;
  border-top: 1px solid #ccc;
  width: 100%;
}
del {
  text-decoration: line-through;
  color: #777777;
}
/* 列表 */
article {
  width: 100%;
  margin: 8px auto;
  font-size: 95%;
  box-shadow: 1px 2px 3px #CCCCCC;
  border-radius: 10px;
  background-color: #F9FEF4;
}
article h2 {
  text-shadow:2px 2px 6px #ccc;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Trebuchet MS", serif;
  color: #3EAF0E;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  font-style: normal;
  background-color: #DEF0FF;
  padding: 3px 0 2px 18px;
}
article h3 {
  cursor: pointer;
  font-family: "Trebuchet MS", serif;
  font-size: 18px;
  line-height: 25px;
  color: #3EAF0E;
  background-color: #DEF0FF;
  padding: 5px 0 3px 25px;
  margin: 0px 0px 0px 0px;
  text-shadow:2px 2px 6px #ccc;
}
.leftbox ul {
  margin: 0px 0px 0px 18px;
}
.leftbox {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-radius: 0px;
}
article ul {
  width: 100%;
  line-height: 23px;
  padding-left: 8px;
  margin-left: 8px;
}
article li {
  display: inline-block;
  white-space: nowrap;
  width: 100%
}
article ul a {
  min-width: 19%;
  float: left;
  overflow: hidden;
  display: inline-block;
  line-height: 36px;
  margin-left: 8px;
  height: 33px;
}
article p {
  padding: 8px 0px 8px 18px;
  background-color: #FFFFFF;
  box-shadow:2px 2px 6px #ccc;
}
article h2 a {
  text-shadow:2px 2px 6px #ccc;
  color: #3EAF0E;
  font-weight: bold;
  line-height: 28px;
  height: 28px;
  font-style: normal;
  background-color: #DEF0FF;
  padding: 0px 0px 0px 8px;
}
.mapbg {
  padding-bottom: 8px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  background-color: #FFFFFF;
}
.row {
  width:100%;
  max-width:1140px;
  min-width:755px;
  margin:0 auto;
  overflow:hidden
}
.col {
  margin-right:1%;
  float:left
}
.left-column {
  width:20%;

}
.middle-column {
  width: 78%;

}
.article-body h2 {
  font-size:1.8em;
  margin:2px 0;
  line-height:1.8em
}
.article-heading h3 {
  font-size:1.5em;
  color:#ccc
}
.article-body h3 {
  font-size:1.4em;
  font-weight:700;
  margin:8px 0
}
.article-body h3.heading {
  margin-top:0
}
.article-heading h3 em {
  font-weight:400
}
.article-body {
  padding:10px 10px 20px 10px
}
.article-body h3.membership {
  font-size:1.6em;
  margin:0 0 20px 0
}
.article-body h3.membership span {
  font-weight:400
}
.article-body-green {
  background-color:#f8faf7;
  border-top:1px solid #ebebeb;
  border-bottom:1px solid #ebebeb
}
.article-body-green #ds-form .field {
  background:#eaf1e6!important
}
..article-body .quote,.article-body blockquote p {
  background:#f3f7f0;
  padding:4px;
  font-size:14px;
  font-style:italic;
  line-height:1.5em;
  font-weight:400!important
}
.article-body .blockquote-full {
  background:#f3f7f0;
  padding:20px;
  margin:0 0 1.5em 0;
  font-size:1.5em;
  font-style:italic;
  line-height:1.5em;
  font-weight:400!important
}
.article-body .pullquote-l {
  background:#f3f7f0;
  padding:20px;
  margin:0 1.5em 1em 0;
  font-size:1.5em;
  font-style:italic;
  line-height:1.5em;
  float:left;
  width:30%
}
.article-body .pullquote-r {
  background:#f3f7f0;
  padding:20px;
  margin:1.5em 0 1.5em 1.5em;
  font-size:1.5em;
  font-style:italic;
  line-height:1.5em;
  float:right;
  width:30%
}
.article-body .wp-caption {
  width:100%!important
}
.article-body .caption,.article-body .wp-caption-text {
  padding:20px;
  margin:0 0 1.5em 0;
  font-style:italic;
  font-weight:400!important;
  border-bottom:1px solid #f1f1f1;
  font-size:1.2em!important;
  line-height:1.5em;
  color:#ccc
}
.article-body .size-full {
  max-width:100%
}
.article-body .two-column {
  -moz-column-count:2;
  -moz-column-gap:2em;
  -webkit-column-count:2;
  -webkit-column-gap:2em;
  margin:0 0 1.5em 0
}
.article-body ol,.article-body ul,.sidebar-box ul {
  margin:0;
  padding:0;
  list-style-type:none
}
.article-body ol li,.article-body ul li {
  font-size:1em
}
.article-body ul li p {
  padding: 0 10px;

}
.article-body ul li,.sidebar-box ul li {
  padding:0 0 0 1.5em;
  margin:0 0 1em 1em;
  background-image:url(./assets/img/bullet.png);
  background-repeat:no-repeat;
  background-position:left .5em
}

.article-body ol li {
  list-style-type:decimal;
  margin:0 0 1em 2.5em;
  padding:0
}
.article-body ol,.article-body ul {
  margin-top:1em;
  margin-bottom:1em
}
.article-body .caption-right {
  display:block
}article-body p {
  font-size:12px;
  line-height:2em;
  font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif
}
.big-middle-column .article-body p {
  font-size:14px
}
.article-body p a {
  text-decoration:underline
}
.sidebar-box {
  background:#fff;
  margin:0 0 20px 0;
  padding:4px;
  -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);
  -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);
  box-shadow:0 1px 1px 0 rgba(0,0,0,.1)
}
.sidebar-box .cate-list {
  padding:0
}
.sidebar-box .cate-items {
  overflow:hidden;
  padding-left:14px;
  text-align:center;
  padding-bottom:16px
}
.sidebar-box .cate-items a {
  color:#999;
  background-color:#f6f6f6;
  float:left;
  width:31.3333%;
  margin:0 1% 1% 0;
  padding:0;
  font-size:12px;
  height:29px;
  line-height:29px;
  overflow:hidden
}
.sidebar-box.about-author .article-body {
  padding:0
}
.sidebar-box.about-author .article-body {
  padding:0
}
.design a {
  background-color:#f6f4f0;
  text-decoration:none;
  display:block;
  padding:4px;
  border-bottom:1px solid #efefef;
  color:#000
}
.article {
  background:#fff;
  margin:0;
  border:1px solid #efefef;
  border-bottom:0;
  margin-bottom:20px
}
.article-heading {
  background:#fbfbfb;
  border-bottom:1px solid #efefef;
  padding:20px 30px 20px 30px
}
.article-heading-ad {
  max-height:98px;
  text-align:center;
  padding:4px
}
.archive-options {
  background:#fff;
  border:1px solid #efefef;
  padding:20px;
  overflow:hidden
}
.archive-options h2,.article-heading h2 {
  font-size:2.6em;
  margin:0 0 .3em 0
}
.article-body h2 {
  font-size:1.8em;
  margin:2px 0;
  line-height:1.8em
}
h2.left {
  color:#404040;
  background-color:#fff;
  font-size:120%;
  margin-bottom:4px;
  padding-bottom:0;
  margin-top:0;
  padding-top:0;
  font-weight:700
}
.previous-next-links {
  overflow:hidden;
  padding:10px 30px 10px 30px;
  background:#fbfbfb;
  border-top:1px solid #efefef;
  border-bottom:1px solid #efefef;
  color:#ccc
}
.previous-next-links a {
  color:grey
}
.previous-design-link {
  float:left
}
.next-design-link {
  float:right
}

footer {
  font-family: Georgia,Times,sans-serif,Arial;
  font-size: 80%;
  margin-top: 18px;
  margin-bottom: 8px;
  text-align: center;
  color: #666666;
}
footer a {
  color: #999999;
}