/*
Theme Name:wpwebsite
Theme URI: http://www.zzjjd.com
Author: 站长èšé›†åœ°
Author URI: http://www.zzjjd.com
Description: ç”±<a href="http://www.zzjjd.com/" target="_blank">站长èšé›†åœ°</a>å¼€å‘制作的高级WordPress导航网站模æ¿ï¼Œæ£ç‰ˆç”¨æˆ·æŠ€æœ¯æ”¯æŒã€‚
Version: 1.3
*/
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-color:#f5f5f5; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
input {-webkit-appearance:none; border:0;}
input:focus,textarea:focus {outline:none; -webkit-tap-highlight-color:transparent;}
.submit {-webkit-tap-highlight-color:transparent;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
hr {border:none; border-bottom:1px solid #eee;}
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;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
/*header*/
.header {width:100%; background-color:#fff;}
.header .inner {position:relative;}
/*logo*/
.logo {float:left; padding:30px 45px 30px 0; width:220px; height:50px;}
.logo img {display:block; width:auto; max-width:100%; height:50px;}
/*search-form*/
.search-form {float:left; margin:35px 0 0 30px; display:inline;}
.search-form input {float:left;}
.search-form .s {border:1px solid #ddd; height:30px; padding:6px 5px; box-shadow:inset 0px 0px 2px #ddd; border-radius:3px 0 0 3px; border-right:none; width:450px;}
.search-form .submit {background-color:#3CADFB; height:44px; padding:0 25px; border-radius:0 3px 3px 0; color:#fff; cursor:pointer; font-size:1.125em;}
.search-form .submit:hover {background-color:#1A9ADA;}
/*notice*/
.notice {width:250px; height:44px; line-height:44px; float:right; margin-top:35px; display:inline-block; overflow:hidden; position:relative; background:url(../images/ico.png) no-repeat -25px -125px;}
.notice ul li {display:block; font-size:0.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:44px; line-height:44px; color:#333; font-family:'宋体';}
.notice a {color:#333;}
.notice a:hover {color:#f50; text-decoration:underline;}
.newsList,.swap{width:92%; line-height:44px; display:inline-block; position:absolute; top:0; left:15px;}
.swap{top:44px;}
/*nav*/
.nav {width:100%; height:42px; line-height:42px; background-color:#3CADFB;}
.nav ul li {float:left; border-right:1px solid #32a2f0; border-left:1px solid #74c5fd; font-size:1em; position:relative; width:131px; text-align:center;}
.nav ul li.nl {border-left:none;}
.nav ul li.nr {border-right:none;}
.nav ul li a {color:#fff; display:block; white-space:nowrap;}
.nav ul li a:hover {background-color:#67bcf7;}
.nav ul li ul {position:absolute; left:0; top:42px; background:rgba(60,173,251,0.9); width:100%; z-index:2; display:none;}
.nav ul li li {border:none; float:none; font-size:1em;}
.nav ul li.open > ul {display:block;}
.nav .menu > ul > li:first-child {border-left:none;}
.nav .menu > ul > li:last-child {border-right:none;}
/*container*/
.container {clear:both; overflow:hidden; padding:20px 0;}
/*aside*/
.sidebar {float:left; width:200px;}
/*widget*/
.widget {background-color:#fff; overflow:hidden;}
.widget h3,.box h3,.main h3.title,.breadcrumb {font-size:0.875em; padding:8px 20px 8px 40px; border-bottom:1px solid #eee; background:url(../images/ico.png) no-repeat 0 -63px;}
.widget ul {padding:15px;}
.widget ul li {font-size:0.875em; padding:3px 0; overflow:hidden;}
.widget ul li a {display:block; float:left; color:#333;}
.widget ul li a:hover {color:#3CADFB; text-decoration:underline;}
.widget ul li span {float:right; font-size:0.875em; color:#888; display:block; width:25%; text-align:right;}
.widget.hot ul li a {display: block; float: left; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.widget ul li span i {display:block; font-style:normal; float:left;}
.widget ul li span i.center {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:80%; text-align:center;}
/*widget-ad*/
.widget .textwidget {border:none;}
.widget .textwidget img {width:100%; height:auto; display:block;}
/*main*/
.main {width:970px; float:right; background-color:#fff;}
/*breadcrumb*/
.breadcrumb i {font-family: Arial;}
.breadcrumb a {color: #666; font-size: 1em;}
/*box*/
.box {position:relative;}
.box span.more {position:absolute; right:15px; top:9px; font-size:0.75em;}
.box span.more a {color:#999;}
.box span.more i {font-style:normal;}
.box ul {overflow:hidden;}
.box ul li {float:left; overflow:hidden; padding:10px 15px; width:293px; border-bottom:1px solid #eee;}
.box .site-logo {float:left; width:100px; height:100px; overflow:hidden; padding-right:15px; position: relative;}
.box .site-logo i,.section .site-logo i {font-style:normal; font-size:0.75em; background-color:#0A9BE6; color:#fff; padding:1px 3px; border-radius:2px; margin-left:5px; position: absolute; left: 0; top: 0;}
.box .site-logo img {display:block; width:100%; height:auto;}
.box .site-name {font-size:1em; margin-bottom:10px; line-height:1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;font-weight:normal;}
.box .site-intro {font-size:0.75em; color:#999; line-height:1.5em; height:36px; overflow: hidden;}
.box a {color:#333;}
/*section*/
.section {overflow:hidden; clear:both; border-bottom:1px dashed #eee;}
.section .site-logo,.site-post .site-logo {float:left; width:150px; height:auto; margin:15px; border:1px solid #eee; padding:2px; display:inline-block; position:relative;}
.section .site-logo img,.site-post .site-logo img {display:block; width:100%; height:auto;}
.section .site-logo i {background-color: #96CC29; border-radius: 0 0 3px 3px; box-shadow: 0px 0px 1px #96CC29;}
.section .site-intro {float:left; padding:15px; width:754px;}
.section .site-intro h2 {font-size:1em; line-height:1.5em; margin-bottom:15px;}
.section .site-intro h2 a {color:#0080B8;}
.section .site-intro .excerpt {font-size:0.875em; line-height:1.75em; color:#777; margin-bottom:20px; text-align:justify;}
.section .site-intro .site-more {float:right;}
.section .site-intro .site-more a {display:block; color:#fff; background-color:#69c; font-size:0.875em; padding:3px 10px; border-radius:3px;}
/*bloglist*/
.bloglist {margin:15px 20px; padding-bottom:20px;}
.bloglist .blog-title {font-size:1.25em; font-weight:normal; line-height:1.5em; margin-bottom:10px;}
.bloglist .blog-title a {color:#4986BA;}
.bloglist .excerpt {font-size:0.875em; color:#555; margin-bottom:10px;}
.bloglist .readmore {font-size:0.875em;}
.bloglist .readmore a {color:#3CADFB;}
/*site-post*/
.site-post {padding-bottom:20px; position:relative;}
.site-post .site-logo {margin:30px 20px; background-color:#eee;}
.site-post .site-info {padding:30px 20px; width:350px; float:left; position:relative;}
.site-post .site-info h1 {font-size:1.25em; color:#6699D5; line-height:1.1em; margin-bottom:10px;}
.site-post .site-info ul li {font-size:0.875em; color:#666;}
.site-post .site-go {float:right; padding:60px 20px 0 0;}
.site-post .site-go a {display:block; width:100px; height:40px; background-color:#6699D5; color:#fff; text-align:center; line-height:38px; border-radius:5px;}
.site-post .site-go a:hover {background-color:#3CADFB;}
.site-post .site-content {clear:both; margin:20px 20px 0; border-top:1px solid #eee; padding-top:20px; position:relative; overflow:hidden;}
.site-post .site-entry {float:left; width:680px;}
.site-post .site-entry h4,.site-related h3 {font-size:1em; margin-bottom:15px;}
.site-post .site-entry p {font-size:0.875em; margin-bottom:10px; color:#555;}
.site-post .news-related {width:190px; float:right; background-color:#EBF6E0; border:1px solid #B7EC82; padding:15px;}
.site-post .news-related h3 {font-size:1em; margin-bottom:10px; font-weight:normal; color:#649505;}
.site-post .news-related ul li {font-size:0.875em; list-style:inside disc none; color:#649505; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.75em;}
.site-post .news-related ul li a {color:#649505;}
.site-post .news-related ul li a:hover {text-decoration:underline; color:#6699D5;}
.blog-post .news-related {width:auto; float:none; clear:both;}
.blog-post .news-related h3 {font-weight:bold;}
/*site-related*/
.site-related,.post-comments,#respond {margin:20px 20px 0; clear:both;}
.site-related ul {background-color:#EBF4FB; border:1px solid #C9E2F1; padding:15px 10px; overflow:hidden;}
.site-related ul li {float:left; width:121px; padding:5px 15.1px;}
.site-post .site-related .site-logo {margin:0; background-color:transparent; padding:0; border-radius:3px; overflow:hidden; width:100%;}
.site-related ul li p {text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; clear:both; font-size:0.875em; color:#555;}
.site-related ul li p a {color:#555;}
/*commentslist*/
.post .post-comments {margin: 20px 0;}
.post-comments h3 {background-color:#69C; color:#fff; border-radius:3px 3px 0 0; padding:5px 15px; font-size:0.875em;}
.post-comments .comments {border:1px solid #eee; border-top:none; overflow:hidden;}
.commentslist ol ol {border:none;}
.commentslist li {margin:10px 15px; border-bottom:1px solid #eee; padding-bottom:10px;}
.commentslist li li {border-bottom:none; padding-bottom:0; margin:10px 0 10px 50px;}
.commentslist .cmtwrap {position:relative; padding-left:60px;}
.commentslist .cmtwrap i.subcmt {height:50px; width:20px; border-left:1px solid #eee; border-bottom:1px solid #eee; position:absolute; left:-35px; top:-20px; display:block;}
.commentslist .gravatar {position:absolute; left:0; top:10px; width:45px; height:45px;}
.commentslist .gravatar img {width:45px; height:45px; border-radius:50%; display:block;}
.commentslist .author {margin-bottom:5px;}
.commentslist .author a {color:#69d; font-size:0.875em; font-weight:bold;}
.commentslist .cmtcont {font-size:0.875em; margin-bottom:5px;}
.commentslist .cmtmeta {font-size:0.75em; color:#999;}
.commentslist .cmtmeta a {color:#999;}
.commentslist .cmtmeta .reply {margin-left:10px;}
/*comment*/
#respond p {margin-bottom:15px; overflow:hidden;}
#respond label {display:block; float:left; width:50px; background-color:#3CADFB; color:#fff; padding:0 5px; font-size:0.875em; height:30px; line-height:30px; text-align:left; border-radius:3px 0 0 3px;}
#respond .text {border:1px solid #eee; font-size:0.875em; padding:5px; height:18px; line-height:18px; border-radius:0 3px 3px 0; width:200px;}
#respond textarea {border:1px solid #eee; width:100%; box-sizing:border-box; height:120px; padding:5px 0; text-indent:5px; border-radius:3px;}
#respond .submit {background-color:#3CADFB; color:#fff; cursor:pointer; padding:8px 20px; border-radius:3px; float:right; font-size:1em;}
#respond .warning {font-size: 0.875em; color: #f50;}
#respond .warning a {color:#f50; font-weight:bold; text-decoration:underline;}
/*content*/
.content {background-color:#fff; padding:20px 0; overflow:hidden;}
#menu {margin:15px; box-shadow:0 0 3px #eee;}
#menu ul {border-bottom:1px solid #eee;}
#menu ul li {line-height:43px; text-align:center; font-size:1em;}
#menu ul li a {border:1px solid #eee; border-bottom:none; display:block; color:#333;}
#menu ul li a:hover,#menu ul li.cur a,#menu ul li.current_page_item > a {background-color:#96CC29; color:#fff; border-color:#96CC29;}
#menu ul li ul {border-bottom:none; background-color:#f6f6f6; display:none;}
#menu ul li.current_page_item ul {display:block;}
/*post*/
.post {margin:15px;}
.post-ad {margin-bottom: 15px; overflow: hidden; height: auto;}
.post .post-title {font-size:1.5em; color:#333; margin-bottom:35px; line-height:1.1em; text-align:center;}
.post .entry img {max-width:100%; height:auto;}
.post .entry p {font-size:0.875em; color:#333; margin-bottom:15px;}
.post .entry a {color:#3A599A;}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6,.post .entry hr {margin-bottom:15px; line-height:1.5em;}
.post .entry ul,.post .entry ol,.site-post .site-entry ul,.site-post .site-entry ol {margin:0 0 15px 15px; font-size:0.875em;}
.post .entry ul li,.site-post .site-entry ul li {list-style:inside disc none; font-size:1em;}
.post .entry ol li,.site-post .site-entry ol li {list-style:inside decimal none; font-size:1em;}
.post .entry blockquote,.site-post .site-entry blockquote {overflow:hidden; margin:0 15px 15px; background-color:#f9f9f9; border:1px dashed #dedede; border-radius:5px; padding:15px 15px 0;}
/*submit_site*/
.submit_site {width:600px; margin:0 auto; padding-top:5%;}
.submit_site .submit_input {overflow:hidden; padding:10px 0;}
.submit_site .text, .submit_site textarea {float:left; border:1px solid #ddd; height:24px; line-height:normal; padding:5px; border-radius:3px; display:block; width:488px; font-family:'Microsoft Yahei'; font-size:14px; color:#555;}
.submit_site label {display:block; height:36px; line-height:36px; float:left; width:95px; text-align:right; padding-right:5px; color:#222;}
.submit_site label i {font-style:normal; color:#f00;}
.submit_site select {border:1px solid #ddd; height:36px; line-height:normal; width:500px; padding-left:5px; border-radius:3px; font-family:'Microsoft Yahei'; font-size:14px; color:#555;}
.submit_site textarea {height:150px;}
.submit_site .submit {padding:10px 0 10px 100px;}
.submit_site .submit input {display:block; width:36px; line-height:36px; border:none; width:120px; text-align:center; cursor:pointer; background-color:#3CADFB; color:#fff; border-radius:3px;}
.submit_site .submit_input span {display:block; clear:both; font-size:12px; color:#a3a3a3; margin-left:100px;}
.submit_site .submit_input.submit_verify span {color:#f00; font-weight:bold;}
/*blog-post*/
.blog-post {margin:15px 20px;}
.blog-post .post-title {color:#333; padding:10px 0 15px; margin-bottom:0; line-height:1.5em; font-size:1.75em; font-weight:normal;}
.blog-post .postmeta {text-align:center; font-size:0.75em; color:#999; margin-bottom:20px; border-top:1px solid #eee; padding-top:5px;}
.blog-post .postmeta span {padding:2px 5px;}
/*pagenavi*/
.pagenavi {padding:15px 0; text-align:center;}
.pagenavi a {display:inline-block; padding:2px 10px; border:1px solid #ddd; border-radius:2px; font-size:0.75em; color:#888; margin:2px;}
.pagenavi a:hover {border-color:#3CADFB; color:#3CADFB;}
/*friendlinks*/
.friendlinks {}
.friendlinks ul {overflow:hidden;}
.friendlinks ul li {display:inline-block; font-size:0.75em; color:#999; padding:2px;}
.friendlinks ul li a {color:#999;}
.friendlinks ul li i {padding-right:10px; color:#999;}
/*footer*/
.footer {background-color:#fff; border-top:1px solid #eee; padding:20px 0; text-align:center;}
.footer p {font-size:0.75em; color:#666;}
.footer p a {color:#666;}
/*screen width*/
@media only screen and (max-width:1280px){
.inner {width:1024px;}
.logo {padding:30px 25px 30px 0;}
.search-form .s {width:350px;}
.notice {width:230px;}
.nav ul li {font-size:0.875em; width:112px;}
.main {width:800px;}
.box ul li {width:236px;}
.site-related ul li {width:103px; padding:5px 10px;}
.section .site-intro {width:584px;}
.site-post .site-entry {width:520px;}
}
@media only screen and (max-width:1080px){
.inner {width:940px;}
.logo {padding:30px 0;}
.search-form .s {width:300px;}
.nav ul li {width:102px;}
.main {width:720px;}
.box .site-logo {width:80px; height:80px;}
.box ul li {width:210px;}
.site-related ul li {width:91.6px; padding:5px 9px;}
.section .site-intro {width:504px;}
.site-post .site-entry {width:480px;}
.site-post .news-related {width:150px;}
.blog-post .news-related {width:auto;}
}
@media only screen and (max-width:980px){
.inner {width:820px;}
.search-form {margin:35px 0 0 20px;}
.search-form .s {width:250px;}
.notice {width:200px;}
.nav ul li {width:89px;}
.sidebar {width:180px;}
.main {width:620px;}
.box ul li {width:280px;}
.site-post .site-info {width:300px; padding:30px 0;}
.site-related ul li {width:81px; padding:5px 6px;}
.site-related ul li p {font-size:0.75em;}
.section .site-intro {width:404px;}
.site-post .site-entry {width:380px;}
.widget ul li span i.center {max-width:70%;}
}
@media only screen and (max-width:860px){
.inner {width:768px;}
.search-form .s {width:220px;}
.search-form .submit {padding:0 15px;}
.nav ul li {width:83px;}
.sidebar {width:100%;}
.main {width:100%;}
.box ul li {width:226px;}
.site-related ul li {width:97.6px; padding:5px 10px;}
.section .site-intro {width:552px;}
#menu ul {overflow:hidden; border-right:1px solid #eee; position:relative;}
#menu ul li {float:left; width:20%; font-size:0.75em; }
#menu ul li a {border-right:none;}
#menu ul li ul {width:100%; position:absolute; left:0;}
.site-post .site-entry {width:520px;}
}
@media only screen and (max-width:800px) {
/*global*/
.inner {width:95%;}
.blank {height:30px; width:100%;}
.header {border-bottom:1px solid #ededed; box-shadow:0 1px 2px #eee; background:-moz-linear-gradient(top,#f0f0f0,#fff); background:-webkit-linear-gradient(top,#f0f0f0,#fff); background:-o-linear-gradient(top,#f0f0f0,#fff);}
.content {margin:20px auto;}
.logo {padding:10px 0;}
.search-form {margin:15px 0 0 20px;}
.box ul li {width:29.427083%; padding: 10px 1.953125%;}
.box .site-intro {height:36px; overflow:hidden;}
.site-post .site-logo {width:19.736842%; margin: 30px 2.604167%;}
.site-related ul li {width:13.555556%; padding:5px 1.498889%;}
.section .site-intro {width:auto; float:none;}
.site-post .site-entry {width:70%;}
.site-post .news-related {width:23%;}
.blog-post .news-related {width:auto;}
/*notice*/
.notice {width:100%; margin-top:0; position:absolute; left:0; top:75px; z-index:1;}
/*navbtn*/
.mobilenav,.mobilesch {position:absolute; right:5px; top:0; width:70px; height:100%; cursor:pointer; z-index:1; -webkit-tap-highlight-color:transparent;}
.mobilenav .navbtn {width:40px; height:30px; padding-bottom:5px; position:absolute; top:50%; left:50%; margin:-17.4px 0 0 -20px;}
.navbtn i {display:block; width:40px; height:5px; background-color:#999; margin:5px auto 0; border-radius:2.5px;}
.mobilenav.curbtn,.mobilesch.cursch {box-shadow:0 0 3px #aaa; background:-moz-linear-gradient(top,#ddd,#fff); background:-webkit-linear-gradient(top,#ddd,#fff); background: -o-linear-gradient(top,#ddd,#fff);}
.mobilenav.curbtn i {background-color:#aaa;}
/*nav*/
.nav,.search-form {position:absolute; top:71px; right:10px; width:120px; height:auto; z-index:2; background-color:#EFEFEF; box-shadow:0 0 3px #aaa; border:1px solid #fff; display:none;}
.nav.open {display:block;}
.nav .inner {width:100%;}
.nav ul li {border:none; float:none; width:100%; border-bottom:1px solid #dedede; border-top:1px solid #fff;}
.nav ul li.nl {border-top:none;}
.nav ul li.nr {border-bottom:none;}
.nav ul li a {color:#333;}
.nav ul li a:hover {background-color:transparent; color:#333;}
.nav ul li ul {display:block; position:relative; left:auto; top:auto; background-color:#fafafa; border-top:1px solid #dedede;}
/*mobilesch*/
.mobilesch {right:65px;}
.mobilesch .schbtn {display:block; background:url(../images/ico.png) no-repeat 20px 20px; position:absolute; width:100%; height:100%; z-index:2;}
.search-form {position:absolute; right:55px; width:280px; top:70px; margin:0; z-index:2; padding:5px;}
.search-form.open {display:block;}
.search-form .s {width:197px;}
/*submit_site*/
.submit_site {width:480px;}
.submit_site .text, .submit_site textarea {width:368px;}
.submit_site select {width:380px;}
}
@media only screen and (max-width:640px) {
.box ul li {width:46%; padding: 10px 2%;}
.site-post .site-logo {width:125px; height:125px;}
.site-post .site-related .site-logo {height:auto;}
.site-post .site-info {width:49.342105%;}
.site-post .site-info ul li {font-size:0.75em;}
.site-post .site-go {position:absolute; right:20px; top:60px; padding:0;}
.site-post .site-go a {font-size:0.875em; width:80px; height:35px; line-height:33px;}
.section .site-intro .excerpt {height:73px; overflow:hidden;}
.site-post .site-entry,.site-post .news-related {width:auto; float:none;}
.site-post .news-related {margin-top:10px;}
.site-post .news-related ul {overflow:hidden;}
.site-post .news-related ul li {float:left; width:48%; padding-right:2%;}
.blog-post .news-related ul li {float:none; width:auto; padding-right:0;}
}
@media only screen and (max-width:540px) {
/*submit_site*/
.submit_site {width:250px;}
.submit_site .submit_input {padding:5px 0;}
.submit_site label {float:none; width:auto; text-align:left;}
.submit_site .text, .submit_site textarea {float:none; width:238px;}
.submit_site select {width:250px;}
.submit_site .submit {padding-left:0;}
.submit_site .submit_input span {margin-left:0;}
}
@media only screen and (max-width:480px) {
.site-post .site-go {position:relative; right:auto; top:auto; clear:both; width:100%; padding:0 20px 20px;}
.site-post .site-go a {width:100px; height:40px; line-height:38px; float:right;}
.site-related ul li {width:27.111112%; padding:5px 2.997778%;}
.commentslist li {margin:10px;}
.commentslist .gravatar {width:40px; height:40px; display:none;}
.commentslist .cmtwrap {padding:0;}
.commentslist li li {margin: 10px 0 10px 30px;}
.commentslist .cmtwrap i.subcmt {width:10px; height:30px; top:0; left:-20px;}
.section .site-logo {width:120px;}
.section .site-intro .site-more {display:none;}
.site-post .news-related ul li {float:none; width:auto; padding-right:0;}
}
@media only screen and (max-width:420px) {
.box ul li {float:none; width:auto; padding: 10px 3%;}
.search-form {}
#respond .text {width:160px;}
}
@media only screen and (max-width:360px) {
#respond .text {width:140px;}
.section .site-logo {width:100px; margin-bottom:0;}
.section .site-intro h2 {margin-bottom:5px;}
.section .site-intro {padding-bottom:0;}
}
/*tags style*/
#article-tag { clear: both; border: 1px dotted #ccc; padding: 5px; margin-bottom: 5px; }
#article-tag,
#article-cnt #article-tag a { text-decoration: none; color: #666; }
#article-cnt #article-tag a:hover { text-decoration: underline; }
.searchbox{ width:350px; height:34px; margin:0px;}
.searchbox .q{ display:inline-block; background:#FFF; width:254px; height:32px; font-size:16px; color:#CCC; margin:0px; padding:0 10px 0 10px; border:none; float:left; line-height:32px; border:1px solid #CFC7C8; border-right:0px;}
.searchbox .btn{ width:75px; height:34px;line-height:34px; border:none; background-color:#0ae; cursor:pointer; float:right; display:inline-block; color:#FFF; text-align:center; font-size:14px;}
.searchbox .btn:hover{ background:#0ae;}