/*
Theme Name: TechResponsive
Theme URI: http://www.wpyou.com/
Description: 本高级CMS主题开发: <a href="http://www.wpyou.com/">WPYOU</a>.
Version: 3.6
Author: WPYOU
Author URI: http://www.wpyou.com/
*/
/* Reset */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height:0;}
[hidden],template{display: none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style: italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family: monospace,serif;font-size:1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
img{border:0;}
svg:not(:root){overflow: hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family: inherit;font-size:100%;margin:0;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #ccc;}  
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0;}
body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0;}

/* Global */
body{ color:#333; background:#fff; font:12px/24px "Microsoft Yahei","黑体","Helvetica Neue",Arial,Helvetica,Sans-Serif;}
ul,ol,li{list-style:none;}
table,td,th,input{ font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family:"Microsoft Yahei", "黑体", "Helvetica Neue";}
h1{font-size:28px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5,h6 {font-size:12px;}
em,i{font-style:normal;}
.btn, input[type="submit"]{ padding:8px 20px; text-align:center; font-size:14px; color:#fff; border:none; background:#1873de; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease; cursor:pointer; display:inline-block; vertical-align:middle; outline:none; text-decoration:none;}
.radius{-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.shadow{width:100%;height:70%;position:absolute;bottom:0;left:0;filter:alpha(opacity=0 finishopacity=80 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff,endcolorstr=black,gradientType=0);-ms-filter:alpha(opacity=0 finishopacity=80 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff,endcolorstr=black,gradientType=0);background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.8));background:-webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0,0,0,0.8)));background:-o-linear-gradient(top, transparent, rgba(0,0,0,0.8))}
.shadow:hover{filter:alpha(opacity=0 finishopacity=60 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff,endcolorstr=black,gradientType=0);-ms-filter:alpha(opacity=0 finishopacity=60 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff,endcolorstr=black,gradientType=0);background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.6));background:-webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0,0,0,0.6)));background:-o-linear-gradient(top, transparent, rgba(0,0,0,0.6))}
.inner{ margin:0 auto; width:1000px; clear:both; overflow:hidden;}
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
:focus {-moz-outline-style:none;}
.opacity{ opacity:0.3; filter:"alpha(opacity=30)"; filter:alpha(opacity=30);}

/* DefaultLink */
a:link, a:visited{ color:#333; text-decoration:none; outline:none;}
a:hover{ color:#1873de; text-decoration:underline;}

/* Header */
.header{ width:100%; height:80px; border-bottom:1px solid #222; color:#fff; background:#282828;}
.logo{ float:left;}
.logo img{ display:block;}

/* HeadRight */
.headr{ float:right; color:#ccc;}
.headr a:link, .headr a:visited{ padding:0 4px; color:#ccc;}
.headr a:hover{ color:#eee; text-decoration:none;}

/* Search */
.headr .searchform{ float:right; position:relative; margin-top:22px;}
.headr .searchform #ls{ padding:8px 40px 8px 10px; width:200px; border:1px solid #000; color:#666; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.headr .searchform .searchBtn{ padding:0; width:40px; height:32px; text-indent:-9999px; border:none; background:url(images/icon.gif) no-repeat center -23px; cursor:pointer; position:absolute; right:1px; top:1px;}
.headr .searchform .searchBtn:hover, .headr .searchform .searchBtn:active{ background-color:#e6e6e6;}

.headr .op{ float:right; padding-left:20px; line-height:80px; font-size:14px;}
.headr .op span{ padding:0 4px; color:#555;}
.headr .op i{ padding-right:6px; font-size:12px; color:#f60;}
.headr .op a{ display:inline-block;}
#mo-menu, #mo-so{ display:none;}

/* MainMenu */
.nav-container{ height:42px; background:#1f90de;}
.nav-container .inner{ overflow:visible;}
.navi{ position:relative; z-index:300; overflow:visible;}
.navi li{ float:left; padding:0 1px; font-size:16px; color:#fff; text-transform:capitalize; position:relative;}
.navi li a, .navi li a:link, .navi li a:visited{ padding:0 20px; height:42px; line-height:42px; color:#fff; display:inline-block;}
.navi li a:hover, .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-menu-item a:hover{ color:#1873de; background:#fff; text-decoration:none;}

.navi li ul{ position:absolute; width:200px; top:42px; left:0; background:#fff; z-index:300; display:none; -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.1); box-shadow:2px 2px 3px rgba(0,0,0,0.1);}
.navi li ul li{ margin:0 auto; padding:0; width:200px; height:auto; line-height:38px; font-size:13px; border-bottom:1px solid #eee;}
.navi li ul li ul{ top:0; left:200px;}

.navi li ul li a:link, .navi li ul li a:visited, .navi li:hover ul li a:link, .navi li:hover ul li a:visited{ padding-left:25px; color:#666;}
.navi li ul li a:hover, .navi li:hover ul li a:hover, .navi li.current-menu-item ul li a{ color:#1873de; background:#f6f6f6;}

.navi li:hover a{ color:#1873de; background:#fff;}

/* Wrapper */
.wrapper{ margin-top:20px; min-height:500px; _height:expression(this.scrollHeight < 500 ? "500px" : "auto");}
.column-fluid{ float:left; margin-bottom:25px;}

/* Content */
.content{ margin-right:320px; overflow:hidden;}

/* Breadcrumb */
.breadcrumb{ margin-bottom:20px; padding:6px 0; color:#888; background:#f4f4f4; overflow:hidden;}
.breadcrumb i{ padding:0 8px 0 4px; color:#d6d6d6; font-size:10px;}
.breadcrumb #hp i{ padding:0 5px 0 4px;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#888;}
.breadcrumb a:hover{ color:#333; text-decoration:none;}
.breadcrumb .current{ color:#666;}

.cur-title{ margin-bottom:25px; height:38px; *height:auto; line-height:38px; border-bottom:2px solid #ddd; clear:both;}
.cur-title span{ color:#1873de; border-bottom:2px solid #1873de; display:inline-block;}
.cur-title em{ padding-left:8px; color:#888;}
.cur-title a{ color:#1873de;}

.hot-tags{ margin-top:20px; padding:6px 0; font-size:14px; color:#1873de; background:#f4f4f4; overflow:hidden;}
.hot-tags h3{ padding:0 0 0 12px; display:inline;}
.hot-tags a{ padding:0 5px;}

/* Slides */
#slides{ float:left; margin:0 auto 20px; width:680px; height:350px; position:relative;}
#slides img{ width:680px; height:350px;}
#slides .slidesjs-pagination{ position:absolute; bottom:6px; right:10px; z-index:10;}
#slides .slidesjs-pagination li{ float:left; margin:0 3px;}
#slides .slidesjs-pagination li a{ width:9px; height:9px; text-indent:-9999px; background:#ddd; display:inline-block; moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; overflow:hidden;}
#slides .slidesjs-pagination li a.active, #slides .slidesjs-pagination li a:hover.active, #slides .slidesjs-pagination li a:hover{ background:#f60;}
.pagination{ float:right; position:absolute; bottom:6px; right:6px;}
.pagination li{ float:left; margin:0 1px;}
.pagination li a{ float:left; width:10px; height:10px; font-size:0; background:url(images/sprite.png) no-repeat 0 -80px; overflow:hidden; display:block;}
.pagination li.current a{ background-position:0 -91px;}

/* Achive */
.post{ margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #eee; overflow:hidden;}
.post .thumbnail{ float:left; padding:6px 18px 0 0; width:200px; height:150px; vertical-align:middle; display:table-cell; overflow:hidden;}
.post .title{ font-size:18px; font-weight:700; line-height:28px;}
.post .title a:hover{ text-decoration:none;}
.post .postmeta{ margin:2px auto 8px; color:#ddd; overflow:hidden;}
.post .postmeta a:link, .post .postmeta a:visited{ color:#999;}
.post .postmeta a:hover{ color:#666;}
.post .postmeta span{ padding:0 10px; color:#999;}
.post .postmeta span.author{ padding:0 10px 0 0;}
.post .postmeta span.views{ float:right; *margin-top:-24px; padding:0;}
.post .postmeta span.cmts{ float:right; *margin-top:-24px; padding:0;}
.post .postmeta span.cmts a:link, .post .postmeta span.cmts a:visited{ color:#666;}
.post .postmeta span i{ _margin-top:-20px; color:#999;}
.post .excerpt{ font-size:14px; color:#444; overflow:hidden;}
.post .tags-box{ margin-top:8px; font-size:12px; color:#ddd;}
.post .tags-box i{ padding-right:4px; color:#1873de;}
.post .tags-box a{ padding:0 4px; color:#1873de;}
.post .tags-box a:hover{ color:#333; text-decoration:underline;}

.articles .post:hover{ border-bottom:1px solid #c8def9;}
.articles .post:hover .title a{ color:#1873de;}

#ajax-load-posts{ text-align:center;}
#ajax-load-posts a.btn{ padding:12px 50px; font-size:16px; border:1px solid #1873de; color:#fff;}
#ajax-load-posts a.btn:hover{ color:#1873de; background:#fff; text-decoration:none;}

.cat-desc{ margin-bottom:25px; padding:12px; line-height:1.8; color:#666; background:#f4f4f4;}

/* Post */
.article{ margin-bottom:10px; max-width:680px; padding-bottom:0; border-bottom:none;}
.article .title{ font-size:24px; line-height:1.5;}
.article .postmeta{ margin:12px auto 30px; padding-top:6px; width:100%; border-top:1px solid #e5e5e5;}
.article .postmeta span.cmts{ float:none;}
.article .postmeta span i a{ color:#333;}
.article .postmeta .share-top, .article .postmeta .share-top .bdsharebuttonbox{ float:right;}
.article .postmeta .share-top strong{ float:right; padding-right:5px; line-height:30px; display:inline-block; font-weight:normal; color:#888;}

.article .summary{ margin-bottom:20px; padding:10px 8px 10px 12px; font-size:13px; color:#666; background-color:#f5f5f5; border:1px solid #eee;}

.enrty{ margin-bottom:25px; font-size:16px; line-height:30px;}
.enrty h1, .enrty h2, .enrty h3, .enrty h4, .enrty h5, .enrty h6{ margin-bottom:10px; line-height:1.8; color:#000;}
.enrty p{ margin-bottom:15px;}
.enrty img{ margin-bottom:15px; max-width:100%; height:auto !important;}
.enrty blockquote, .enrty pre{ margin:20px; padding:0 20px; border-left:5px solid #eaeef1; color:#666;}
.enrty ol, .enrty ul{ margin:10px 20px;}
.enrty ol li{ list-style:decimal;}
.enrty ul li{ list-style:disc;}
.enrty table{ margin-bottom:20px; color:#666; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.enrty th{ padding:5px 10px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#f6f6f6;}
.enrty td{ padding:3px 10px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.alignleft{ float:left; padding-right:10px;}
.alignright{ float:right; padding-left:10px;}
.alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;}
.aligncenter{ text-align:center; display:block;}
.wp-caption{margin:10px auto; padding:6px; background:#f6f6f6; border:1px solid #e5e5e5;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;}
.wp-caption img{ max-width:660px;}
.wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666;}

.article .entrymeta{ margin:15px auto; padding-top:10px; border-top:1px solid #e5e5e5;}
.article .entrymeta strong{ padding-right:6px; color:#666;}
.article-content .content{ margin:0 auto;}
.article-content .introduction, .article-content .content{ display:inline;}

/* Related */
.related h2{ margin-bottom:10px; width:100%; height:38px; line-height:38px; border-bottom:2px solid #ddd; *overflow:hidden; display:block;}
.related h2 span{ color:#1873de; border-bottom:2px solid #1873de; display:inline-block;}
.related ul{ margin:0 auto; padding:10px 0; overflow:hidden;}
.related li{ margin:2px auto 6px; padding-left:14px; width:98%; background:url(images/icon.gif) no-repeat 0 -185px; overflow:hidden;}
.related li span{ padding-left:5px; color:#888;}
.related li span i{ font-size:12px; color:#ccc;}

/* Page */
.page{ padding-bottom:0; border:none;}
.page .cur-title{ font-size:24px;}
.page .enrty{ font-size:16px; line-height:28px;}

/* Page - widePage */
.widepage{ margin:0 auto; width:100%;}
.widepage #commentform #comment{ width:98%;}

/* Page - Sitemap */
.page-sitemap{ background:#eee;}
.sitemap-box{ margin:25px auto; padding:2%; width:92%; line-height:24px; background:#fff;}
.sitemap-box a:link, sitemap-box a:visited{ color:#333;}
.sitemap-box a:hover{ color:#10579D;}
.sitemap-box h1{ margin-bottom:20px; font-size:20px; text-align:center;}
.sitemap-box h2{ margin:8px auto 15px; padding-bottom:10px; font-size:14px; font-weight:700; border-bottom:1px solid #eee;}
.sitemap-box ul{ margin:10px;}
.sitemap-box ul li{ margin:6px 0 0 18px; list-style:disc; color:#999;}
.sitemap-box ul li ul{ margin:5px 10px 10px;}
.sitemap-box ul li ul li{ margin:3px 0 0 16px; list-style:circle;}
.sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer{ margin-top:20px; padding:6px 15px; border:1px solid #eee; border-top:1px solid #ddd; clear:both;}
.sitemap-box #breadcrumb, .sitemap-box .full-version{ border:1px solid #eee; background:#f8f8f8;}
.sitemap-box .archivers{ padding:5px 15px 15px; overflow:hidden;}
.sitemap-box #footer{ padding:10px; text-align:center;}

/* Page - Tags */
.page-tags{ font-size:14px;}
.nav-tabs{ height:42px; line-height:42px; font-size:14px; border-bottom:1px solid #DDD; color:#333;}
.nav-tabs li{ float:left; margin-right:4px; display:inline-block;}
.nav-tabs li.active{}
.nav-tabs li a{ padding:13px 18px; border:1px solid #FFF; border-bottom:none; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;}
.nav-tabs li a:hover{ border:1px solid #EEE; background:#F4F4F4;}
.nav-tabs li.active a{ padding:13px 18px 14px 18px; border:1px solid #DDD; border-bottom:1px solid #FFF;}

.tab-box{ display:none;}
.tab-box .pagination{ padding:24px 22px 16px; border:1px solid #DDD; border-top:none; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; overflow:hidden;}
.tab-box .pagination ul li{ float:left;}
.tab-box .pagination ul li a{ margin:5px 6px; padding:4px 18px; width:20px; text-align:center; border:1px solid #E4E4E4; color:#0067D2; display:inline-block;}
.tab-box .pagination ul li a:hover{ border:1px solid #1873de; color:#1873de; background-color:#FFE;}
.tab-box .pagination ul li a.noclick{ border:1px solid #EEE; color:#DDD;}

.tags-all-list{ margin:10px 0; overflow:hidden;}
.tags-all-list dl{ margin:20px 0; padding:10px 0 15px; border-bottom:1px dashed #DDD;}
.tags-all-list dt{ float:left; width:100px; line-height:48px; font-size:28px; font-weight:bold; text-align:center; overflow:hidden;}
.tags-all-list dd{ margin-left:100px;}
.tags-all-list dd a{ padding:10px 6px; display:inline-block;}

/* Error404 */
.page-error{ padding:40px 0; max-width:400px; overflow:hidden;}
.page-error h4{ height:32px; line-height:32px; font-size:28px; color:#e00;}
.page-error span{ margin-bottom:25px; color:#999; display:block;}
.page-error ol{ padding:0 20px;}
.page-error ol li{ margin:8px 0; list-style:decimal;}
.errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #ddd;}
.errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#fff; background:#555; cursor:pointer;}
.errorsearch #searchsubmit:hover{ background:#333;}

/* Sidebar */
.sidebar{ float:right; margin-left:-300px; width:300px; overflow:hidden;}
.sidebar h3{ margin-bottom:25px; height:38px; line-height:38px; font-size:16px; border-bottom:2px solid #e6e6e6; color:#000;}
.sidebar h3 span{ border-bottom:2px solid #666; display:inline-block;}
.sidebar h3 a:link, .sidebar h3 a:visited{ color:#000; display:inline-block;}
.sidebar h3 a:hover{ color:#1873de; text-decoration:none;}

.sidebar ul li{ margin-bottom:15px; clear:both; overflow:hidden;}
.sidebar ul li ul li{ margin:0 auto 12px; padding:0 0 0 14px; font-size:14px; line-height:20px; background:url(images/icon.gif) no-repeat 0 -188px;}
.sidebar ul li ul li span.views{ float:right; font-size:12px;}
.sidebar ul li div{ font-size:14px; overflow:hidden;}

/* WidgetNavMenu */
.sidebar ul li.widget_nav_menu ul{ font-size:14px;}
.sidebar ul li.widget_nav_menu ul li{ margin:0 auto; padding:0; height:auto; background:none; overflow:hidden;}
.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited{ padding:0 0 0 14px; height:40px; line-height:40px; color:#333; background:#f4f4f4; display:block; overflow:hidden;}
.sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover{ font-weight:700; color:#fff; background:#1873de; text-decoration:none;}

/* Widget - AuthorCard */
.sidebar ul li#author-card{ padding-top:16px; border-top:2px solid #1873de;}
.sidebar ul li#author-card img{ float:left; padding:4px 8px 0 0; width:60px; height:60px;}
.sidebar ul li#author-card p{ margin:0 0 5px 70px; line-height:20px; color:#666;}
.sidebar ul li#author-card p#author-name{ margin:0 0 2px 70px; height:24px;}
.sidebar ul li#author-card p#author-name strong{ float:left; padding-right:12px; line-height:24px;}
.sidebar ul li#author-card #author-title{ font-size:12px; font-family:"宋体"; text-align:right; border-bottom:1px solid #e4e4e4; clear:both; position:relative;}
.sidebar ul li#author-card #author-title a{ color:#b9b9b9;}
.sidebar ul li#author-card #author-title i{ width:16px; font-size:22px; background:#fff; color:#ddd; position:absolute; bottom:-9px; left:21px;}
.sidebar ul li#author-card ul{ padding-top:10px;}
.sidebar ul li#author-card ul li{ margin:0 0 5px; padding:0 0 0 14px; height:20px; border:none;}
.sidebar ul li#author-card ul li a{color:#666;}
.sidebar ul li#author-card ul li a:hover{color:#ED7020;}

/* Widget - RecentComments */
.sidebar ul li.widget_recent_comments ul li{ color:#888;}
.sidebar ul li.widget_recent_avatar_comments .cmt-box{ margin-bottom:20px; color:#888;}
.sidebar ul li.widget_recent_avatar_comments .cmt-box img{ float:left; padding:4px 8px 0 0; width:50px; height:50px;}
.sidebar ul li.widget_recent_avatar_comments .cmt-box p{ padding:4px 0 0 58px; line-height:20px; color:#444;}
.sidebar ul li.widget_recent_avatar_comments .cmt-box p em{ padding-top:6px; font-size:12px; color:#888; display:block;}
.sidebar ul li.widget_recent_avatar_comments .cmt-box p.cmt-post{ margin-bottom:10px; height:18px; line-height:18px; overflow:hidden;}
.sidebar ul li.widget_recent_avatar_comments .cmt-box a:hover {color:#1873de;}

/* Widget - RecentThumbExcerptPosts */
.sidebar ul li.wpyou_widget_RecentExcerptPosts ul li{ margin:0 auto 20px; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_RecentExcerptPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.wpyou_widget_RecentExcerptPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;}
.sidebar ul li.wpyou_widget_RecentExcerptPosts ul li h4{ margin-bottom:5px; font-size:12px;}
.sidebar ul li.wpyou_widget_RecentExcerptPosts ul li p{ color:#666;}

/* Widget - SpecialCatExcerptPosts */
.sidebar ul li.wpyou_widget_SpecialCatExcerptPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatExcerptPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.wpyou_widget_SpecialCatExcerptPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;}
.sidebar ul li.wpyou_widget_SpecialCatExcerptPosts ul li h4{ margin-bottom:5px; font-size:12px;}
.sidebar ul li.wpyou_widget_SpecialCatExcerptPosts ul li p{ color:#666;}

/* Widget - StickyPosts */
.sidebar ul li.wpyou_widget_StickyPosts ul li{ margin:0 auto 20px; padding:0; height:auto; line-height:18px; background:none; overflow:hidden;}
.sidebar ul li.wpyou_widget_StickyPosts ul li:last-child{ margin:0 auto 10px;}
.sidebar ul li.wpyou_widget_StickyPosts ul li img{ float:left; padding-right:8px; width:96px; height:70px;}
.sidebar ul li.wpyou_widget_StickyPosts ul li h4{ margin-bottom:5px; font-size:12px;}
.sidebar ul li.wpyou_widget_StickyPosts ul li p{ color:#666;}

/* Widget - MostCommentPosts */
.sidebar ul li.wpyou_widget_MostCommentPosts ul li{ color:#999;}
.sidebar ul li.wpyou_widget_MostCommentPosts ul li p em{ float:left; width:84px; height:20px; display:inline-block; overflow:hidden;}

/* Widget - CustomWidgets */
.sidebar ul li.wpyou_widget_SpecialCatList ul li{ height:auto;}
.sidebar ul li.wpyou_widget_SpecialCatList ul li ul{ padding-top:10px;}
.sidebar ul li.wpyou_widget_SpecialCatList ul li ul li{ margin:0 auto 8px; line-height:20px;}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li{ margin:0 0 15px; padding:0; background:none;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{ float:left; padding-right:10px; width:100px; height:75px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:14px; font-size:14px; max-height:38px; *height:38px; overflow:hidden;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ margin:0 auto; font-size:12px;/* margin:0 0 4px 112px;*/}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p, .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p a{ color:#999;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p a:hover{ color:#333;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p .cmts{ padding:0 0 0 18px; font-size:12px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p .cmts i{ padding:0 0 0 5px;}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li:hover h4 a{ color:#1873de;}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts h3{ margin-bottom:5px;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul{ margin-left:-5px;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{ float:left; margin:20px 0 0 10px; padding:0; width:140px; height:155px; text-align:center; background:none; clear:none;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{ width:140px; height:105px;}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin-top:5px; max-height:36px; line-height:18px; font-size:14px; overflow:hidden;}

/* Widget - SearchForm */
.sidebar ul li.widget_search .searchform{ position:relative;}
.sidebar ul li.widget_search .searchInput{ padding:4px 8px; width:282px; height:32px; line-height:32px; border:1px solid #d6d6d6; background:#fff;}
.sidebar ul li.widget_search .searchBtn{ float:right; height:42px; font-size:13px; font-weight:bold; text-align:center; border:none; color:#fff; background:#1873de; cursor:pointer; position:absolute; top:0; right:0;}
.sidebar ul li.widget_search .searchBtn:hover{ background:#333;}

/* Widget - Calendar */
.sidebar ul li.widget_calendar div#calendar_wrap{ padding:10px;}
#wp-calendar{ width:100%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px;}
#wp-calendar th, #wp-calendar td{ padding:6px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E4E4E4; background-color:#F9F9F9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#F30;}
#wp-calendar tbody tr td a:hover{ color:#333;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}
.pad{ border:none !important; background:none !important;}

/* Userbar */
.userbar{ width:150px;}
.userbar ul li#user-options ul li{ margin:0; padding:7px 0 7px 14px; background-position:-116px -113px;}
.userbar ul li#user-options h3{ margin-bottom:10px; padding-left:16px; font-family:"宋体"; font-size:14px; background-position:0 -639px;}
.userbar ul li#user-options ul li.currentPage{ font-weight:bold;}

/* Calendar */
#calendar_wrap{ padding:0 5px 10px;}
#wp-calendar{ width:100%;}
#wp-calendar caption{ padding-bottom:5px;}
#wp-calendar th, #wp-calendar td{ padding:4px 5px; text-align:center; text-transform:capitalize; color:#666; border:1px solid #E6E6E6; background:#F9F9F9;}
#wp-calendar td#today{ font-weight:bold; border:1px solid #2A85E8; color:#FFF; background:#2A85E8;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#2A85E8;}
#wp-calendar tbody tr td a:hover{ color:#11639D;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}
.pad{ border:none !important; background:none !important;}

/* Pagenavi */
.wpagenavi{ margin:0 auto 20px; padding:12px 0; text-align:center; font-family:"宋体",serif;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 3px; padding:8px 18px; color:#666; border:1px solid #ddd; white-space:nowrap; display:inline-block;-khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.wpagenavi a:hover, .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#fff; border:1px solid #1873de; background:#1873de; text-decoration:none;}
.wpagenavi a.current{ font-weight:bold;}
.wpagenavi a.ellipsis{ color:#999;}
.wpagenavi a.ellipsis:hover{ color:#fff;}
.postnavi{ margin:15px auto 0; padding-top:15px; border-top:1px solid #e5e5e5;}
.postnavi strong{ padding-right:6px;}

/* Post Comment */
.postComment{ margin:30px auto 0; width:100%; overflow:hidden;}
.postComment #comments{ width:100%; height:38px; line-height:38px; border-bottom:2px solid #ddd; *overflow:hidden;}
.postComment #comments span{ color:#1873de; border-bottom:2px solid #1873de; display:inline-block;}
.commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;}
.commentlist li{ padding:18px 0 15px; width:100%; border-top:1px solid #EEE; clear:both; position:relative;}
.commentlist li .avatar{ float:left; margin-top:4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.commentlist li .comment_author{ margin:0 0 5px 62px;}
.commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;}
.commentlist li .comment-body p{ margin-bottom:12px;}
.commentlist li ul{ padding:15px 0 0 10%;}

.commentlist cite{ font-weight:bold; font-style:normal; color:#0068D2;}
.commentlist cite a{ color:#0068D2;}
.commentlist cite a:hover{ color:#333;}
.commentlist em{ padding-left:6px; color:#A8A8A8;}

.commentlist .comment_func{ padding-right:10px; text-align:right; color:#999;}
.commentlist .comment_func span{ padding:0 5px;}
.commentlist .comment_func span span{ padding:0 3px;}
.commentlist .comment_func a, #cancel-comment-reply a{ color:#999;}
.commentlist .comment_func a:hover, .commentlist .comment_func span:hover, #cancel-comment-reply a:hover{ cursor:pointer; color:#333; text-decoration:none;}
#cancel-comment-reply{ text-align:right;}

#respond{ margin:35px auto; overflow:hidden;}
#respond p{ margin:0 0 15px;}
#respond p.logged-in-as{ color:#ccc;}
#respond p.logged-in-as i{ color:#0068d2;}
#respond p.logged-in-as img{ float:left; padding-right:6px;}
#respond p.logged-in-as a{ color:#666;}
#respond p.logged-in-as a:hover{ color:#E00;}
#respond #loading, #respond #error{ margin-top:5px; color:#666;}
#respond #error{ color:#e00;}
#edita{ padding:8px 15px; font-size:14px; font-weight:700; color:#f60; background:#fff1df;}
#respond p.tips{ margin:0 0 20px; padding:5px 10px 4px; border:1px solid #eee; background:#ffffef;}
#respond p label{ padding-right:1px; color:#000;}
#respond em{ font-size:11px; font-style:normal; color:#999;}

.commentlist li #respond{ margin:10px auto; padding:15px; border:1px solid #e9e9e9; background:#f8f8f8;}

#commentform{ overflow:hidden;}
#commentform p em{ padding-left:5px; color:#F00;}
#commentform #author, #commentform #email, #commentform #url, #commentform #comment{ padding:8px; width:50%; color:#555; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#commentform #comment{ margin:0; padding:8px; width:97%; line-height:24px; height:120px;}
#commentform #author:hover, #commentform #email:hover, #commentform #url:hover, #commentform #author:focus, #commentform #email:focus, #url:focus, #commentform #comment:hover, #commentform #comment:focus{ color:#333; border-color:rgba(82, 168, 236, 0.8); outline:0; outline:thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);}
#commentform #submit{ float:right; padding:10px 30px; font-size:16px; color:#fff; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#commentform #submit:hover{ background:#333;}

.wp_smilies{ float:left;}

/* CommentNavigation */
.comment-navi{ float:right; margin:10px 0; color:#999;}
.comment-navi a:link, .comment-navi a:visited{ padding:3px 5px; color:#999;}
.comment-navi a:hover{ color:#000;}
.comment-navi span.cpt{ padding:3px;}
.comment-navi span.current{ padding:3px 5px; color:#000;}

/* FriendLink */
.friendlink{ padding:14px 0; width:100%; color:#666; background:#EEE;}
.friendlink ul li{ float:left; margin:3px 5px; overflow:hidden; white-space:nowrap;}
.friendlink a:link, .friendlink a:visited{ color:#666;}
.friendlink a:hover{ color:#000;}

/* Footer */
.footer{ padding:20px 0; width:100%; color:#ccc; background:#282828;}
.footer a:link, .footer a:visited{ color:#ccc;}
.footer a:hover{ color:#fff;}

/* Footbar */
.footbar{ float:left; overflow:hidden;}
.footbar h3{ margin-bottom:12px; font-size:14px; color:#888;}
.footbar h3 a{ color:#888;}
.footbar .section{ float:left; width:170px;}
.footbar .section ul{ overflow:hidden;}
.footbar .section ul li{ margin-bottom:2px; overflow:hidden;}

/* SNS */
.our-sns{ position:relative;}
.our-sns a{ float:left; padding-left:24px; display:inline-block; background:url(images/icon-sns.gif) no-repeat 0 0; cursor:pointer;}
.our-sns a#i_tsina{ background-position:0 5px;}
.our-sns a#i_tqq{ background-position:0 -17px;}
.our-sns a#i_weixin{ background-position:0 -40px;}
.our-sns a#i_twitter{ background-position:0 -63px;}
.our-sns a#i_rss{ background-position:0 -85px;}
#weixin{ padding:10px; text-align:center; background:#333; display:none; position:fixed; _position:absolute; margin-right:316px; right:51.2%; bottom:100px; z-index:99;}
#weixin img{ display:block;}

/* Copyright */
.copyright{ float:right; padding-left:30px; line-height:24px; color:#888; text-align:right; overflow:hidden;}
.copyright a:link, .copyright a:visited{ color:#888;}
.copyright a:hover{ color:#fff;}

/* Backtop */
.backToTop{ width:46px; height:44px; line-height:42px; text-align:center; color:#fff; background:#999; text-indent:-9999px; position:fixed; _position:absolute;/* left:50.5%; margin-left:500px;*/ right:20px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; z-index:9999;}
.backToTop:hover{ color:#fff; background-color:#666; text-decoration:none;}
.backToTop i{ text-indent:0; font-size:34px; font-weight:700; display:block;}

/* SiteAD */
.ad_post{ max-width:680px; width:680px\9; *width:680px; overflow:hidden;}
.ad_pageheaderbanner, .ad_pagefooterbanner{ text-align:center; overflow:hidden;}
.ad_pageheaderbanner{ margin-top:20px;}
.ad_pagefooterbanner{ margin:20px auto 20px;}
.ad_single{ margin-bottom:10px; text-align:center;}
.ad_singlebtm{ margin:15px auto 0; text-align:center;}
.ad_singleleft{ float:left; margin-top:6px; padding-right:15px;}
.ad_singleright{ float:right; margin-top:6px; padding-left:15px; text-align:right;}
.ad_pageheaderbanner img, .ad_pagefooterbanner img, .ad_single img{vertical-align:top;}

/****  Responsive CSS  ****/
@media only screen and (min-width:1400px){
	.inner{ width:1000px;}
}

@media only screen and (min-width:1200px) and (max-width:1400px){
	.inner{ width:1000px;}
}

@media only screen and (max-width:1024px){
	.inner{ width:960px;}
	#slides{ width:100%; height:auto;}
	#slides img{ width:100%; height:auto;}
	.ad_post{ max-width:640px; width:640px\9; *width:640px;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 14px;}
}

@media only screen and (min-width:768px) and (max-width:959px){
	.inner{ width:96%;}
	.headr .op{ display:none;}
	.nav-container .inner{ overflow:hidden;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 12px;}
	.content{ float:none; margin:0 auto;}
	#slides{ width:100%; height:auto;}
	#slides img{ width:100%; height:auto;}
	.post .thumbnail{ width:160px; height:120px;}
	.sidebar{ display:none;}
	.wpagenavi a:link, .wpagenavi a:visited{ color:#fff; display:none;}
	.wpagenavi a.prev, .wpagenavi a.next{ padding:10px 50px; color:#fff; font-weight:700; font-size:26px; background-color:#999; display:inline-block;}
	.wpagenavi a.prev:hover, .wpagenavi a.next:hover{ color:#fff; background-color:#1873de;}
	.footbar{ float:none; padding:0 0 20px; border-bottom:1px solid #222;}
	.copyright{ float:none; padding:20px 0 0; text-align:left; border-top:1px solid #2d2d2d;}
	.ad_post, .ad_pageheaderbanner, .ad_pagefooterbanner, .ad_single, .ad_singleleft, .ad_singleright{ display:none;}
}

@media only screen and (max-width:767px){
	.inner{ width:96%;}
	.header{ height:44px;}
	.header .inner{ position:relative; width:100%;}
	.logo{ float:none; height:44px; text-align:center;}
	.logo img{ max-height:44px; display:inline-block;}
	.headr{ padding:8px 4%; width:92%; background:#1873de; display:none; position:relative; top:0; left:0; z-index:99;}
	.headr .op{ display:none;}
	.headr .searchform{ float:none; margin:0 auto;}
	.headr .searchform #ls{ padding:12px 3%; width:94%; border:none;}
	.headr .searchform .searchBtn{ height:40px; background-position:center -20px; right:0; top:0;}
	#mo-menu, #mo-so{ position:absolute; top:0; width:36px; height:44px; line-height:44px; text-align:center; color:#eee; display:inline-block;}
	#mo-menu:hover, #mo-so:hover{ text-decoration:none;}
	#mo-menu i, #mo-so i{ font-size:24px;}
	#mo-menu{ left:1%;}
	#mo-so{ right:1%;}
	
	.nav-container{ position:absolute; top:44px; left:-100%; width:100%; z-index:99999; height:auto; border-top:2px solid #1873de; background:#333; opacity:0;}
	.nav-container .inner{ width:100%;}
	.navi li{ float:none; width:100%; padding:0; border-bottom:1px solid #262626; border-top:1px solid #363636;}
	.navi li:first-child{ border-top:none;}
	.navi li a, .navi li a:link, .navi li a:visited{ padding:0 15px; color:#eee; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; display:block;}
	.navi li a:hover{ color:#fff; background:#222;}
	.navi li ul{ position:static; padding:0; width:100%; border-bottom:none; background:none;}
	.navi li ul li{ width:100%; border:none; background:none; border-bottom:1px solid #262626;}
	.navi li ul li a:link, .navi li ul li a:visited, .navi li:hover ul li a:link, .navi li:hover ul li a:visited{ padding:0 0 0 35px; font-size:16px; color:#fff; background:none;}
	.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#fff; background:#404040;}
	.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-menu-item a:hover, .navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a{ color:#fff; background:none;}
	
	#slides{ width:100%; height:320px;}
	#slides img{ width:100%; height:320px;}
	.column-fluid{ width:100%;}
	.content{ float:none; margin:0 auto;}
	.post .thumbnail{ padding:6px 12px 0 0; width:80px; height:60px;}
	.post .excerpt, .post .tags-box{ display:none;}
	.post .postmeta{ margin:6px auto 8px;}
	.articles .post .title{ max-height:48px; line-height:24px; overflow:hidden;}
	.article .postmeta .share-top, .article .postmeta .share-top .bdsharebuttonbox{ display:none;}
	.sidebar{ display:none;}
	.wpagenavi a:link, .wpagenavi a:visited{ color:#fff; display:none;}
	.wpagenavi a.prev, .wpagenavi a.next{ padding:10px 50px; color:#fff; font-weight:700; font-size:26px; background-color:#999; display:inline-block;}
	.wpagenavi a.prev:hover, .wpagenavi a.next:hover{ color:#fff; background-color:#1873de;}
	.footbar{ float:none; padding:0 0 20px; border-bottom:1px solid #222;}
	.footbar .section{ padding-right:2%; width:23%;}
	.copyright{ float:none; padding:20px 0 0; text-align:left; border-top:1px solid #2d2d2d;}
	.ad_pageheaderbanner, .ad_pagefooterbanner, .ad_single, .ad_singleleft, .ad_singleright{ display:none;}
}

@media only screen and (max-width:480px){
	.breadcrumb{ display:none;}
	#slides{ width:100%; height:240px;}
	#slides img{ width:100%; height:240px;}
	.post .thumbnail{ padding:2px 12px 0 0;}
	.articles .post .title{ max-height:48px; line-height:24px; overflow:hidden; /*font-size:14px; line-height:20px;*/}
	.post .postmeta{ margin:2px auto 8px;/* text-align:right;*/}
	.post .postmeta .cat{ display:none;}
	#commentform #comment{ width:92%;}
	.footbar .section{ padding:0 2%; width:29.3%;}
}