/*
Theme Name: Tincetion
Theme URI: http://www.zhiyanblog.com/tinection.html
Description: Tinection主题，WordPress多模板主题，知言博客自用主题
Version: 1.1.6
Date: 2015.2.10
Author: Zhiyan
Author URI: http://www.zhiyanblog.com/
Text Domain: tinection
Tags: light, one-column, two-columns, fluid-layout, fixed-layout, custom-colors, custom-background, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging 

	Copyright: (c) 2014-2015 Tinection@Zhiyanblog
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
    font-family: 'consolas';
    src: url('../fonts/consolas-webfont.eot');
    src: url('../fonts/consolas-webfont.eot') format('embedded-opentype'),
         url('../fonts/consolas-webfont.woff') format('woff'),
         url('../fonts/consolas-webfont.ttf') format('truetype'),
         url('../fonts/consolas-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------------------- *
 *  Reset
 * ------------------------------------------------------------------------- */
html, body, button, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, article, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, section,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, tr {	margin: 0;padding: 0;border: none;outline: 0;font-weight: inherit;font-style: inherit;vertical-align: baseline;	background: transparent;font-family: "Microsoft YaHei","微软雅黑",Arial,"Open Sans",SimSun,sans-serif;list-style:none;}
html {font-size: 62.5%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
*:focus {outline: none;} 
textarea {resize:none;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */
body {font-size: 16px;-ms-word-break: break-all;word-break: break-all;word-wrap: break-word;overflow-wrap: break-word;background: #fff;font-family: "Microsoft YaHei","微软雅黑",Arial,"Open Sans",SimSun,sans-serif;font-weight: 300;  background-size:100% 100%; background-attachment: fixed;}
input, select, option, textarea{font-family: "Microsoft YaHei","微软雅黑",Arial,"Open Sans",SimSun,sans-serif;color: inherit;}
div {display:block;}
img { max-width: 100%; height: auto; }
img.avatar{display: inline-block !important;}
body a {color: #60717e; outline: 0; text-decoration:none; background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;cursor: pointer;}
body a:hover{color:#d9534f}
address,cite,em { font-style: italic; }
strong, .strong { font-weight: 600; font-weight: bold;}
u {text-decoration: underline;}
blockquote {margin: 10px 0; padding: 10px 10px 10px 40px; border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 5px solid #f5f5f5; font-size:13px;position:relative;}
blockquote:before{content: "\f10d"; color: #f5f5f5; font-size: 30px;font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 5px; top: 0;}
code {font-family: consolas,'Microsoft Yahei',arial !important;padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}
textarea{font-family: consolas,'Microsoft Yahei',arial !important;}
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; }
.clr:after{content: "";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.clear{clear:both;}
h1,h2,h3,h4,h5,h6{color:#555;line-height:130%;font-weight:600;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration: none;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
article h2,article h3{text-transform: capitalize;}
.hide{display: none}
.trans{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;}

/* Scrollbar */
::-webkit-scrollbar {width: 8px; height:8px; }
::-webkit-scrollbar-thumb{background-color:#33BBBA !important;}

/* Header */
#body-container{position: relative;top: 0;left: 0;z-index: 0;display: block;overflow: hidden;}
#navmenu-mobile{display:none;position: fixed;top: 0;left: 0;z-index: 1;width: 250px;height: 100%;background: #34393d;color: #fff;}
#navmenu-mobile::-webkit-scrollbar{width:0;}
#navmenu-mobile a{color:#fff;}
#content-container{position: relative;top: 0;left: 0;z-index: 2;margin: 0;}
.header-wrap {width:100%; height: 80px; background:#fff;z-index: 999;box-shadow: 0 0 2px rgba(0,0,0,.2);}
.nav-wrap {max-width:1200px; width:100%; margin-left:auto; margin-right:auto;position: relative;}
.hidefixnav{height: 80px;/* background: url(../images/pix.png) repeat 2px 2px; */}
#nav-scroll {position: fixed; top:0px;}
#nav-scroll.tofix{position: fixed;transition: all 0.5s;-webkit-transition: all 0.5s;height: 60px;box-shadow: 0px 2px 5px 0px rgba(0,0,0,.15);opacity:0.9;filter: alpha(opacity=90);}
#nav-scroll.tofix .logo a img{height: 60px;}
#nav-scroll.tofix .login-yet-click{display: none;}
#nav-scroll.tofix #login-reg{height: 60px;padding: 13px 0;}
#nav-scroll.tofix li{line-height: 52px;height: 60px;}
#nav-scroll.tofix li li{line-height: 20px;height: auto;}
#nav-scroll.tofix .menu-item-has-children > a:after, #nav-scroll.tofix .page_item_has_children > a:after{line-height: 50px;}
#nav-scroll.tofix .logo-title a{line-height:60px;}
#nav-scroll.tofix .search-btn-click{line-height: 60px;width:50px;}

.logo {display: inline-block; float: left; margin-right: 20px;}
.logo a img {height: 80px; width: auto; margin-top: 0px;}
.logo-title {float:left;display: inline-block;}
.logo-title a {color:#888;line-height:80px; font-size:30px;white-space:nowrap}
.logo-title a:hover {color:#ddd;}
.header-bar-search {float: right; height: 60px; line-height: 60px; width: 100px;}
.header-bar-search input[type="search"] {width:100%; display: block; color: #202020; font-size: 16px;-moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; -webkit-writing-mode: horizontal-tb; background: #fff; box-sizing: border-box; line-height: 16px; margin-top: 15px; padding: 6px 5px; border-radius: 3px; outline: none;border:0;-webkit-box-shadow: none;box-shadow: none;}
.header-bar-search input[type="search"]:focus{outline: none;border:0;-webkit-box-shadow: none;box-shadow: none;}
.toggle-menu{display: none;line-height: 60px;font-size: 20px;width: 50px; margin-right: 5px;top:0;left:0;color: #888;cursor:pointer;}
.search-btn-click{line-height: 80px;font-size: 16px;width: 60px; margin-left: 5px;position:relative;float:right;color: #888;cursor:pointer;text-align: center;}
.search-btn-click i {font-size: 23px;}
.header-search-slide input:focus .search-btn-click{background:#aaa;}
.header-search-slide{display:none;position:absolute;top:100%;right:0;width: 220px;border:1px solid #eee;background: #fff;}
.header-search-slide input[type="search"]{border:0;font-style:italic;height: 40px;}
.header-search-slide input[type="search"]:focus{box-shadow:none;}
.site_loading{background:#f00;height:2px;position:absolute;z-index:99999;top: 0;}

/* Focus us */
#focus-us{display: inline-block;float: right;line-height: 80px;font-size: 16px;margin: 0 5px;padding:0 25px 0 10px;cursor: pointer;position:relative;color: #999999;}
#focus-us:before{-webkit-font-smoothing: antialiased;content: "\f0d7";display: inline-block;font: normal 8px/80px FontAwesome;position: absolute;right: 12px;vertical-align: text-bottom;}
#nav-scroll.tofix #focus-us,#nav-scroll.tofix #focus-us:before{line-height: 60px;}
#focus-us:hover,#focus-us:focus{background:#fff;}
#focus-slide{color:#aaa;position:absolute;top:100%;display:none;background: #fff;right: 0;min-width: 230px;padding: 10px 15px;box-shadow: 2px 2px 6px rgba(0,0,0,.2);cursor: default;}
#nav-scroll.tofix #focus-slide{top: 60px;}
.focus-title{border-bottom:1px solid #f2f2f2;line-height:30px;}
.focus-title, .focus-title a, .focus-content span, .focus-content a {font-size:14px;}
.focus-content{line-height:36px;}
.focus-content a:hover{color:#428bca;}
.focus-content input,input.focus-email{width:100%;height:30px;line-height:30px;padding:0 5px;border:0;border: 1px solid #eee;margin: 10px 0 0;background: #fafafa;color: #aaa;}
#focus-slide form{line-height: 40px;}
input.focus-email-submit{width:100%;height:30px;background:#00b5a9;color:#fff;border:0;cursor: pointer;}
.focus-content span{width:50%;float:left;line-height:36px;padding-left:2px;}
.focus-content span i{margin-right:10px;}
.focus-title i{margin-left:5px;}

/* Mobile leftslide */
.mobile-login-field{margin: 30px 0 20px;padding: 0 10px 0 28px;}
.login-box-mobile-form a.btns{width:30px;height:30px;margin:5px;display: inline-block;}
.login-box-mobile-form a.btn-qq {background-image:url('../images/qq_32x32.png');}
.login-box-mobile-form a.btn-weibo {background-image:url('../images/weibo_32x32.png');}
.login-box-mobile-form input{width:160px;height:30px;margin-bottom:10px;border-radius:3px;padding-left:5px;border:0;}
.login-box-mobile-form input[type=submit]{background:#3bbfaf;color:#fff;}
.login-box-mobile-form input:focus{box-shadow:none;}
.login-box-mobile-submit{width:160px;height:40px;}
.login-box-mobile-form input[type=submit]{width:45px;float:right;margin-top:5px;}
.login-box-mobile-register a{font-size:12px;line-height:160%;color:#fff;}
.login-yet-mobile-avatar .avatar{border-radius: 60px;border: 2px solid #fff;float: left;}
.login-yet-mobile-manageinfo{float: left;padding-left: 20px;position:relative;}
.login-yet-mobile-manageinfo a.new-message-notify{color: #3cabda !important;top: 28px;right: -12px;}
.login-yet-mobile-manageinfo a{display: block;height: 30px;}
.login-yet-mobile-manageinfo a.title{font-size: 16px;font-weight: 300;line-height: 35px;}
.login-yet-mobile-manageinfo a.name{font-size: 12px;color:#3cabda !important;line-height: 25px;}

#menu-mobile{display:none;}
#menu-mobile li{line-height:1.7;}
#menu-mobile ul{background:#404549;}
#menu-mobile li a:hover, #menu-mobile a.current, #menu-mobile li.current-menu-item > a{background-color: #34c0e0;}
#menu-mobile a.current:after, #menu-mobile li.current-menu-item > a:after{color:#fff !important;}
#menu-mobile a {-webkit-transition: background 0.12s;-moz-transition: background 0.12s;transition: background 0.12s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;position: relative;z-index: 1;display: block;padding: 0 10px 0 28px;height: 46px;color: #fff;font-size: 14px;line-height: 46px;}
#menu-mobile li.menu-item-has-children>a:after{line-height:46px;content: "\f107"; display: inline-block; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; right: 5px;font-size: 20px;color:#888;width: 20px;}
#menu-mobile li.expand>a:after{content:"\f106";}
#menu-mobile li li.menu-item-has-children>a:after{content: "";}
#menu-mobile li.menu-item-has-children span.child-menu-block{position: absolute;height: 46px;width: 100%;z-index: 9;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
#menu-mobile ul li a{padding: 0 10px 0 38px;}

/* Primary Navigation */
.primary-navigation {float: left; font-size: 16px;margin: 0 0 0 30px; padding: 0; text-transform: uppercase;}
.primary-navigation .nav-menu {border-bottom: 0; display: block;}
.primary-navigation.toggled-on {border-bottom: 0; margin: 0; padding: 0;}
.primary-navigation li {display: inline-block; height: 80px;	line-height: 72px; position: relative;}
.primary-navigation li.current-menu-item a {color: #fff;}
.primary-navigation a {display: inline-block; padding: 0 12px; white-space: nowrap; color:#fff;}
.primary-navigation ul ul {display:none; background-color: #1e2629; float: left; margin: 0; position: absolute; top: 100%;z-index: 99999;min-width: 125px; text-transform: capitalize;box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
.primary-navigation li li {border: 0; border-top:0; display: block; height: auto; line-height: 20px;}
.primary-navigation li li.current-menu-item,
.primary-navigation li li.current_page_item {border-top: 0;}
.primary-navigation ul ul ul {left: -999em; top: 0;}
.primary-navigation ul ul a {padding: 12px 12px !important; white-space: nowrap; width: 100%;text-align: center;}
.primary-navigation li a:hover{color: #428bca;}
.primary-navigation li.current-menu-item a {border-bottom: 4px solid #428bca;}
.primary-navigation ul ul {border-bottom: 4px solid #428bca;}
.primary-navigation a {padding-top: 4px;border-bottom: 4px solid transparent;_border-bottom-color: #fff;}
.primary-navigation a:hover {border-bottom-color: #428bca;}
.primary-navigation ul li ul li a {border-bottom: 0;}
.primary-navigation .menu-item-has-children > a:hover {border-bottom-color: transparent;}
.primary-navigation ul ul li {border-bottom: 1px solid #eee;}
.primary-navigation ul ul li:hover {background: #f3f3f3;}
.logo a img, #focus-us, #focus-us:before, #login-reg, .search-btn-click, .primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after {transition: all 0.4s;  -webkit-transition: all 0.4s;}
.primary-navigation ul li a,.primary-navigation ul ul li a{-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;}
.primary-navigation li > a {color: #777;font-size:16px;}
.primary-navigation li:hover > a,.primary-navigation li.focus > a {color: #fff;}
.primary-navigation .menu-item-has-children > a,.primary-navigation .page_item_has_children > a {padding-right: 22px;}
.primary-navigation .menu-item-has-children > a:after,.primary-navigation .page_item_has_children > a:after {	-webkit-font-smoothing: antialiased; content: "\f0d7"; display: inline-block; 	font: normal 10px/72px FontAwesome; position: absolute; right: 12px; vertical-align: text-bottom;}
.primary-navigation li .menu-item-has-children > a,.primary-navigation li .page_item_has_children > a {width: 100%;}
.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,.primary-navigation .page_item_has_children li.page_item_has_children > a:after {content: "";}
li.menu-item a span{display:none;}

/* breadcrumbs */
.breadcrumbs{background-color:#fcfcfc;padding: 30px 0;border-bottom: 1px solid rgba(0,0,0,0.05);border-top: 1px solid rgba(0,0,0,0.05);}
body.home .breadcrumbs {background: #fff; padding: 25px 0;}
.header-search {position: absolute; right: 0; width:300px; height: 40px; margin-top:10px;}
.header-search input{font-size:14px;height:40px;line-height:40px;}
#searchform{height: 40px;}
#searchsubmit{color:#fff;background:#a1a1a1;height:40px;line-height:40px;width:40px;text-align:center;top:0;right:0;margin-top:0;font-size:16px;outline: none;position: absolute;cursor: pointer;}
#searchsubmit:hover{background:#919191}
#searchsubmit i{position:relative;}
.breadcrumbs-text {font-size: 14px;line-height:20px;}
.breadcrumbs-text a, .breadcrumbs-text a:hover{color: #989898;}
.breadcrumbs-text a:hover{text-decoration: underline;}
#breadcrumbs{padding-right: 325px;}
#breadcrumbs h1{font-size:25px;line-height: 40px;overflow: hidden;}
#breadcrumbs h1 i{margin-right:5px;}

/* Main Wrap*/
body {width: 100%;}
body.home #main-wrap-left,body.archive #main-wrap-left,body.search #main-wrap-left,body.page-template-page-articles-php #main-wrap-left{border: 0px solid #eaeaea;}
#main-wrap { width:100%; max-width: 100%; margin:0 auto;  position:relative; clear: both; overflow:auto;}
body.page-template-page-articles-php #main-wrap{max-width: 1200px;}
#main-wrap-left {max-width:830px; width:100%; float:left;border-radius: 3px;margin-bottom: 10px;border: 1px solid #eaeaea;}
.container {max-width: 1200px;min-width: 240px;width:100%;margin: 0 auto; position:relative;}
.container-row {max-width: 1200px;min-width: 240px;width: 100%;margin: 0 auto; position:relative; overflow: hidden;}
.two-col-container{padding-right:360px !important;margin-top: 10px;}
body.home .two-col-container{margin-top: 10px;}
.pagewrapper{background-color: #fff;position: relative;border: 1px solid #eaeaea;margin-top:10px;}

 /* Slider */
#home-featured {background: #f5f5f5; padding:0; margin-bottom: 20px;overflow: hidden;background: url(../images/slider-bg.jpg) no-repeat center top;border-bottom: 1px inset rgba(0,0,0,.05);display: block;}
.home-featured-title{position:relative}
.home-featured-meta {margin-top: 20px; font-size:100%;}
.home-featured-links {margin-top: 20px;}
#home-slider{z-index: 0}
#home-slider a{transition:0;}
.slider-img{display: inline-block;float: right;margin: 0 0px 0 10px;width: 600px;max-height: 336px;overflow: hidden;}
.slider-text{width: 100%;max-width:560px;padding: 20px 0;float: left;position: relative;}
.slider-text .cl{zoom:1;}
.slider-meta{position: relative;}
.slider-meta .num{position: absolute;font-size: 44px;left: 0;text-align: right;line-height: 38px;color: #fff;}
.slider-meta .author{line-height: 15px;position: absolute;left: 60px;font-size: 15px;color: #afafaf;margin-left: 0;}
.slider-meta .date{font-size: 11px;position: absolute;left: 60px;top: 19px;color: #afafaf;}
.slider-text h2{display: block;margin: 0 0 5px 0;padding: 0;;line-height: 32px;width: 100%;max-width:400px;float: right;text-align: right;}
.slider-text h2 a{color: #ffffff;font-size: 20px;text-decoration: none;font-weight: bold;color: #60717e;}
.slider-text h2 a:hover{color:#428bca;}
.slider-text .slider-excerpt{line-height: 30px;text-align: left;font-size: 14px;margin-top: 40px;float: left;color: #8c8c8c;min-height:60px;max-height: 120px;overflow: hidden;}
.slider-text .slider-readmore{margin:0;display: block;float: right;}
.slider-readmore a{display: block;border: 1px solid #f98181;border-radius: 20px;line-height: 24px;padding: 0 15px;font-style: italic;font-size: 12px !important;color: #f98181;text-decoration: none !important;float: right;margin-top: 20px;}
.slider-readmore a:hover{background: #f98181;color:#fff;}
.flexslider{margin:0 auto;position:relative;width:100%;max-height:380px;/*overflow:hidden;*/zoom:1;padding: 16px 0 28px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;overflow: hidden;}
.flexslider .slides{zoom:1;overflow: hidden;}
.flex-direction-nav a{color:#60717e;width:30px;line-height:60px;font-size: 60px;text-decoration: none;font-family: 'Simsun','Open Sans','sans-serif','宋体' !important;overflow:hidden;margin:-30px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease;}
.flex-direction-nav a:hover{color: #a8a8a8;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:-100px;}
.flex-direction-nav .flex-prev{left:-100px;}
.flexslider:hover .flex-next{opacity:1;filter:alpha(opacity=100);}
.flexslider:hover .flex-prev{opacity:1;filter:alpha(opacity=100);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:3px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/* Stickys */
.stickys{margin: 0 0 10px;background: #fff;padding: 10px;border: 1px solid #eaeaea;}
.cms-with-sidebar .stickys .heading-text-cms{border-bottom-color:transparent;cursor:pointer;padding-left:2px;padding-right:2px;}
.cms-with-sidebar .stickys .heading-text-cms.active{border-bottom-color:#f85555;}
.stickys-container.stickys-two-col article{width:50%;float:left;margin-bottom:5px;}
.stickys-container.stickys-two-col article:nth-child(2n+1) {padding-right:5px;}
.stickys-container.stickys-two-col article:nth-child(2n+2) {padding-left:5px;}
.stickys-container.stickys-one-col article{width:100%;margin-bottom: 10px;}
#main-wrap-left .stickys-container.stickys-two-col a.fancyimg{float: left;width: 100px;margin: 5px 15px 0 0;padding:0;}
#main-wrap-left .stickys-container.stickys-one-col a.fancyimg{float:left;width:300px;margin: 0 25px 0 0;padding:0;}
.stickys-container .meta{margin:5px 0 5px;}
.stickys .col-small h3{height: 24px;line-height: 24px;overflow: hidden;}
.stickys .stickys-one-col .col-small h3{height:auto;}
.stickys .col-small h3 a{font-weight: 300;font-size: 14px;}
.home .stickys .col-small p{font-size: 13px;line-height: 25px;height: 50px;overflow: hidden;}
.home .stickys-one-col .col-small p{height: auto;max-height: 125px;}

.latest-container{display:none;}
.latest-container .col-small{margin-bottom:10px !important;}
.latest-container article h3,.latest-container article h3 a{font-weight:normal;font-size:15px;line-height:25px;}
.latest-container article h3{padding-right:150px;position:relative;}
.latest-container article h3 .date,.latest-container article h3 .views,.latest-container article h3 .comments{position:absolute;top:0;font-size:12px;color:#aaa;line-height: 25px;}
.latest-container article h3 .date{right:110px;}
.latest-container article h3 .views{right: 50px}
.latest-container article h3 .comments{right:0;}
.latest-container article .num{font-size:13px;padding: 0 6px;vertical-align:bottom;background:#aaa;color:#fff;margin-right:10px;}
.latest-container article:nth-child(5n+1) .num{background:#f98181;}
.latest-container article:nth-child(5n+2) .num{background:#8DD566;}
.latest-container article:nth-child(5n+3) .num{background:#40BDEA;}

/* Home loop */
.catlist{width: 100%;}
.catlist_1_of_2{width: 50%;float:left;}
/* Catlist Child */
.catlist_1_of_2{width: 50%;float:left;}
.catlist .catlist_1_of_2:nth-child(2n+1) .catlist-container {margin-right: 5px; clear: both;}
.catlist .catlist_1_of_2:nth-child(2n+2) .catlist-container {margin-left: 5px; clear: both;}
.catlist .catlist_1_of_2:nth-child(2n+1) {clear: both;}
.catlist-container,.bloglist-container{margin: 0 0 10px;background: #fff;padding: 10px 10px 0;border: 1px solid #eaeaea;border-radius:2px;}

.home-heading{margin: 0 0 20px;font-size: 16px;font-weight:normal; position: relative;border-bottom: 2px solid #eee;padding: 6px 0 6px;}
.home-heading a{position: absolute;right: 0;top: 4px;font-size: 11px !important;text-transform: uppercase;color: #fff;font-weight:300;line-height: 10px;padding: 7px 9px;border-radius: 3px;letter-spacing: 1px;opacity:0.8;}
.home-heading a:hover{color:#fff;opacity:1;}
.catlist_1_of_2 .home-heading a{background:transparent;}
.catlist_1_of_2 .home-heading a:hover{font-style:italic}

.home-blog-entry{position:relative;}
.home-blog-entry-rand{margin-left:6px;margin-right:6px;border: 1px solid #eaeaea;padding: 7px 7px 10px 7px;border-radius:2px;}
.catlist-container-rand{margin-left:-6px;margin-right:-6px;}
.catlist-container-rand .col{padding-left:0 !important;padding-right:0 !important;float:left !important;clear:none !important;}
.col{display: block;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom:20px ;position: relative;}
.col-1{clear: both;margin-left: 0;}
.container-row .col {margin: 0 0 20px 0;}
.container-row .col-1 {margin-left: 0;}
#main-wrap-left .col {margin: 0 0 10px 0;padding-bottom: 0;}
.span_1_of_2.col article,.span_1_of_3.col article,.span_1_of_4.col article{background:#fff;}
.span_1_of_2{width: 50%;}
.span_1_of_3{width: 33.33%;border-radius: 0px 0px 5px 5px;}
.span_1_of_3.col-1{padding-right:6px;}
.span_1_of_3.col-2{padding-left:3px;padding-right:3px;}
.span_1_of_3.col-3{padding-left:6px;float: left;}
.span_1_of_4{width: 25%;border-radius: 0px 0px 5px 5px;}
.span_1_of_4.col-1{padding-right:6px;clear:left !important;}
.span_1_of_4.col-2{padding-left:3px;padding-right:3px;}
.span_1_of_4.col-3{padding-left:6px;padding-right:3px;}
.span_1_of_4.col-4{padding-left:6px;float: right;}
.span_1{width:100%;webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background-color: #fff;overflow: hidden;border-bottom: 1px solid #f2f2f2;margin-bottom:15px !important;padding-bottom: 15px !important;}
.span_1:last-child{border-bottom:0;}
#home-blog-wrap,#single-blog-wrap{;margin-top: 10px;}
#category-cms-wrap{margin-top: 20px;width: 100%;}
#main-wrap-left a.fancyimg {width:260px; float:left;max-height:230px;overflow:hidden;}
#main-wrap-left .span_1 a.fancyimg {width:300px;padding:0;margin-right: 20px;margin-bottom: 0;max-height:215px;}
.catlist-container article h3 a{font-weight: 300 !important;}

/* Gradient Styles */
.catlist-container, .home-blog-entry-text h3 a {-moz-transition: ease-in-out 0.5s;-webkit-transition: ease-in-out 0.5s;-o-transition: ease-in-out 0.5s;-ms-transition: ease-in-out 0.5s;transition: ease-in-out 0.5s;}
.catlist-container:hover, #main-wrap-left .bloglist-container:hover, .stickys:hover,#blocks-with-sidebar .col.span_1_of_3 article:hover,.blocks-no-sidebar .col.span_1_of_4 article:hover{border: 1px solid #fff;-webkit-box-shadow: rgba(0,170,255,.3) 0 0 8px;-moz-box-shadow: rgba(0,170,255,.3) 0 0 8px;box-shadow: rgba(0,170,255,.3) 0 0 8px;}

/* Catlist style1 */
.cms-with-sidebar .catlist-style1{width:50%;float:left;}
.cms-with-sidebar .catlist-style1 span.views{position: absolute;background: rgba(0,0,0,0.5);padding: 2px 8px;z-index: 2;color: #fff;font-size: 13px;left:0;}
.cms-with-sidebar .catlist-style1 .col-small,.cms-with-sidebar .catlist-style2 .col-small,.cms-with-sidebar .catlist-style3 .col-small{position:relative;}
.cms-with-sidebar .catlist-style1 .col-small .meta-views-float,.cms-with-sidebar .catlist-style3 .col-small .meta-views-float{background:rgba(45,55,66,0.6);position: absolute;top: 0;left: 0;font-size: 14px;color: #FFF;height: 25px;line-height: 25px;padding: 0 10px;z-index:2;}
.cms-with-sidebar .catlist-style1.left{padding-right:15px;}
.cms-with-sidebar .catlist-style1.right{padding-left:15px;}
/* Catlist style2 */
.cms-with-sidebar .heading-text,.heading-text-blog{border-bottom: 2px solid #f85555;padding-bottom: 6px;position: relative;}
.cms-with-sidebar .col-left.catlist-style2{width:44%;padding-right:20px;padding-bottom:10px;float:left;}
.cms-with-sidebar .col-right.catlist-style2{width:56%;float:left;}
.cms-with-sidebar #main-wrap-left a.fancyimg{width:100%;float:none;padding:0;}
.cms-with-sidebar .col-left.catlist-style2 .postlist-meta,.cms-with-sidebar .col-right.catlist-style3 .postlist-meta,.cms-with-sidebar .col-left.catlist-style4 .postlist-meta,.cms-with-sidebar .col-right.catlist-style4 .postlist-meta{margin-top: 15px;border-bottom: 1px solid #e5e5e5;font-size: 12px;line-height:30px;height:30px;}
.cms-with-sidebar .postlist-meta .postlist-meta-views,.cms-with-sidebar .postlist-meta .postlist-meta-comments{margin:0;}
.cms-with-sidebar .home-blog-entry h3 a{font-size: 16px;line-height:25px;}
.cms-with-sidebar .home-blog-entry p{margin-top:20px;font-size:13px;line-height:20px;max-height: 80px;overflow:hidden;}
.delim{position: relative;height: 30px;padding-right: 10px;margin-right: 10px;border-right: 1px solid #e5e5e5;float:left;}
.cms-with-sidebar  #main-wrap-left .home-small-entry a.fancyimg{float:left;}
.cms-with-sidebar .col-small{margin:0 0 15px;}
.cms-with-sidebar .col-left.catlist-style3 .col-small{margin:0 0 15px;}
.cms-with-sidebar .home-small-entry-wrap .col-small{margin:0;}
.cms-with-sidebar .col-small h3{height:25px;line-height:25px;overflow:hidden;}
.cms-with-sidebar .col-small h3 a{font-size: 16px;}
.cms-with-sidebar .col-small h3 a:hover{text-decoration: underline;}
.cms-with-sidebar .col-small p{font-size:13px;line-height:20px;height:40px;overflow:hidden;margin-top:5px;}
.cms-with-sidebar #main-wrap-left .col-right.catlist-style2 .col-small a.fancyimg,.cms-with-sidebar #main-wrap-left .col-left.catlist-style3 .col-small a.fancyimg,.cms-with-sidebar #main-wrap-left .catlist-style1 .col-small a.fancyimg{float:left;width:100px;margin:0 15px 0 0;max-height:75px;}
.cms-with-sidebar #main-wrap-left .col-right.catlist-style2 .col-small a.fancyimg img{height:75px;}

/* Catlist style3 */
.cms-with-sidebar .col-left.catlist-style3{width:56%;float:left;}
.cms-with-sidebar .col-right.catlist-style3{width:44%;float:left;padding-left:20px;padding-bottom: 10px;}
.cms-with-sidebar .catlist-style3 .col-small .meta-views-float{display:none;}
.cms-with-sidebar #main-wrap-left .col-left.catlist-style3 .col-small a.fancyimg img{height:75px;}

/* Catlist style4 */
.cms-with-sidebar .col-left.catlist-style4{width:50%;padding-right:25px;float:left;padding-bottom:10px;}
.cms-with-sidebar .col-right.catlist-style4{width:50%;float:left;}
.cms-with-sidebar .col-left.catlist-style4 .thumb-title{position:relative;overflow:hidden;}
.cms-with-sidebar #main-wrap-left .col-left.catlist-style4 .thumb-title a{overflow:hidden;margin-bottom:0 !important;max-height:255px;}
.cms-with-sidebar .col-left.catlist-style4 .thumb-title a .thumb-img:hover img{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.cms-with-sidebar .col-left.catlist-style4 .thumb-title h3{position:absolute;bottom:0;line-height:20px;background:rgba(0,0,0,0.8);text-align:center;width:100%;padding:5px 10px;margin-bottom: -50px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;max-height:50px;overflow:hidden;}
.cms-with-sidebar .col-left.catlist-style4 .thumb-title:hover h3{margin-bottom:0;}
.cms-with-sidebar .col-left.catlist-style4 .thumb-title h3 a{color:#fff;font-size:16px;}
.cms-with-sidebar .col-left.catlist-style4 .thumb-title h3 a:hover{color:#fff;}
.cms-with-sidebar .col-right.catlist-style4 .col-small h3 a:hover{text-decoration:underline;}
.cms-with-sidebar .col-right.catlist-style4 .col-small p{position:relative;text-indent: 25px;height: 60px;}
.cms-with-sidebar .col-right.catlist-style4 .col-small p:before{content: "\f10d";/*color: #00a67c;*/font-size: 16px;font-style: normal;font-family: FontAwesome;position: absolute;left: 3px;top: 0;text-indent: 0;}

/* Catlist style5 */
.cms-with-sidebar .col-small .fancyimg span i,.stickys .stickys-two-col .col-small .fancyimg span i{width: 30px;height: 30px;margin: -15px 0 0 -15px;}
.cms-with-sidebar .col-small .fancyimg span i:before,.stickys .stickys-two-col .col-small .fancyimg span i:before{width:30px;height:30px;font-size:30px}
.stickys .stickys-one-col .col-small .fancyimg span i{width: 50px;height: 50px;margin: -25px 0 0 -25px;}
.stickys .stickys-one-col .col-small .fancyimg span i:before{width:50px;height:50px;font-size:50px}
.cms-with-sidebar .catlist-style5 a.fancyimg,.cms-with-sidebar .catlist-style5 a.fancyimg span{max-height:175px !important;}
.cms-with-sidebar .catlist-style5 .col-small .fancyimg span i{display:none}
.cms-with-sidebar .catlist-style5 .col-small .thumb-img{margin-top:3px;}
.cms-with-sidebar .catlist-style5 .col-small h3{height: 50px;line-height: 25px;}
.cms-with-sidebar .catlist-style5 .home-blog-entry h3{height: 50px;}
.cms-with-sidebar .catlist-style5 .home-blog-entry h3 a{line-height: 25px;font-size: 16px;}
.cms-with-sidebar .catlist-style5 .home-blog-entry p{margin-top:0;max-height: 80px;}
.span_1.home-blog-entry-thumb{box-shadow:none !important;}
.fancyimg{padding: 8px;background: #fff;display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.fancyimg img {display: block;}

/* Catlist style6 */
.cms-with-sidebar #main-wrap-left .col-up.catlist-style6  a.fancyimg{width:300px;float:left;margin: 0 25px 0 0;max-height:200px;}
.col-up.catlist-style6{width:100%;display:block;padding-bottom:20px;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.col-up.catlist-style6 h3{overflow:hidden;max-height:50px;}
.col-up.catlist-style6 h3 a{font-size:15px;line-height:25px}
.cms-with-sidebar .col-up.catlist-style6 .home-blog-entry p{max-height: 125px;margin-top: 30px;}
.col-down.catlist-style6 .col-small{width:50%;float:left;position:relative;padding-right:10px}
.col-down.catlist-style6 .col-small a.fancyimg{width:100px !important;float:left !important;margin-right:15px;max-height:70px !important;}
.col-down.catlist-style6 .col-small h3{overflow:hidden;height:50px;line-height:25px;}
.col-down.catlist-style6 .col-small h3 a{font-size:15px;}
.col-down.catlist-style6 .col-small .postlist-meta{position:absolute;bottom:5px;margin-top:5px;width: auto;left:120px;}

/* Catlist style default */
.cms-with-sidebar #main-wrap-left .col-up.catlist-style a.fancyimg{width:150px;float:left;margin-right:15px;max-height:100px;}
.col-up.catlist-style h3{overflow:hidden;max-height:40px;line-height:20px;}
.col-up.catlist-style p{margin-top:5px;font-size: 13px;line-height:20px;max-height: 60px;}
.col-down.catlist-style i {color:#ccc;margin-right:6px;}
.col-down.catlist-style h3{border-bottom:1px dotted #f5f5f5;padding-right:70px;overflow:hidden;position:relative}
.col-down.catlist-style h3,.col-down.catlist-style h3 a{font-size:14px;font-weight:normal;height:36px;line-height:36px;}
.col-down.catlist-style .home-smalllist-entry-text:hover a{padding-left:3px;}
.col-down.catlist-style .home-smalllist-entry .postlist-meta-time{float:none;color:#aaa;position:absolute;right:2px;top:0}

/* Category Blocks */
.blocks-no-sidebar{margin-top:10px;}
#blocks-with-sidebar.two-col-container{padding-right:320px !important;margin-top: 10px;}
#blocks-with-sidebar #main-wrap-left{max-width:880px;padding-right:10px;}
#blocks-with-sidebar .bloglist-container{padding:0;background: transparent;border: 0;}
#blocks-with-sidebar .bloglist-container:hover{border:0;box-shadow: none;}
#blocks-with-sidebar #sidebar{width:320px;margin-right: -320px;}
#blocks-with-sidebar #sidebar .floatwidget-container{width:320px;}
#blocks-with-sidebar #sidebar input#subscribe{width:220px;}
#blocks-with-sidebar a.fancyimg{float:none;width:100%;}
#blocks-with-sidebar .span_1_of_3{padding-bottom:20px}
#blocks-with-sidebar .span_1_of_3 article{margin-left: 3px;margin-right: 3px;border: 1px solid #eaeaea;padding: 7px 7px 10px 7px;}

/* Blocks ajax load more */
.ajax_btn{margin-top:100px;}
.aload,.bload,.aload_loading{text-align:center;display:none;}
.aload a,.bload a{border-radius:3px;display:inline-block;padding:20px 10px;font-size:14px;width:300px;}
.aload a{background:#35c273;color:#fff;}
.bload a,.bload a:hover{background:#ddd;color:#888;}
.aload a:hover{background:#46b175;color:#fff;}
/* #fluid_blocks{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;}
#fluid_blocks .masonry-brick{-webkit-transition-property:left,right,top;-moz-transition-property:left,right,top;-ms-transition-property:left,right,top;-o-transition-property:left,right,top;transition-property:left,right,top;}
#fluid_blocks .masonry-brick{-webkit-transition-duration:1.2s;-moz-transition-duration:1.2s;-ms-transition-duration:1.2s;-o-transition-duration:1.2s;transition-duration:1.2s;} */

/* Home Small List */
.home-small-entry-wrap{overflow: hidden;clear: both;background: #fff;padding-top: 10px;padding-bottom:10px;border-top: 2px solid #f5f5f5;margin-bottom: 20px;}
.home-small-entry-wrap .col{padding-bottom:0;}
.home-small-entry{margin-top:5px;}
.home-small-entry .postlist-meta{padding-left:5px;}
.span_1_of_3 .home-small-entry a.fancyimg, .span_1_of_4 .home-small-entry a.fancyimg{width: 60px !important;float: left;margin-left: 5px;margin-bottom: 0;}
.span_1_of_3 .home-small-entry a.fancyimg img, .span_1_of_4 .home-small-entry a.fancyimg img{height:50px;}
.span_1_of_3 .home-small-entry .home-small-entry-text, .span_1_of_4 .home-small-entry .home-small-entry-text{margin-left: 70px;padding: 0 5px 0 10px;}
.home-small-entry-text h3{font-size: 15px;height: 40px;overflow: hidden;}
.home-small-entry-text h3 a {font-size: 13px;line-height: 150%;font-weight: normal;/*color: #00a67c;*/}
.home-small-entry-text h3 a:hover{text-decoration: underline;}
.home-small-entry-text .postlist-meta {display: inline-block;margin-top: 0;}
.home-small-entry-text .line{margin:0 auto;}
.home-small-entry-text .postlist-meta-collect span{display: none;}
.span_1_of_3 a.fancyimg,.span_1_of_4 a.fancyimg{padding:0;max-height:185px;overflow:hidden;}
.span_1_of_3.masonry-box a.fancyimg,.span_1_of_4.masonry-box a.fancyimg,.span_1_of_3.masonry-box a.fancyimg span,.span_1_of_4.masonry-box a.fancyimg span{max-height:250px;}
.home-blog-entry-thumb{margin-bottom: 5px;}
.span_1 .home-blog-entry-text{padding:0;width: 100%;}
.span_1_of_3 .home-blog-entry-text,.span_1_of_4 .home-blog-entry-text{padding:10px 5px;position: relative;}
.line{height: 1px;background: #e8e8e8;margin-left: auto;margin-right: auto;margin-top:8px;margin-bottom:8px;}
.ribbon{height: 41px;width: 100px;padding-right:20px;overflow:hidden;z-index: 99;position: absolute;color: #FFF;font-family: "Microsoft Yahei","微软雅黑",helvetica, Arial;font-weight: 500;font-size: 13px;line-height: 21px;margin-top: -30px;padding: 5px;margin-left: -22px;text-align: center;}
.ribbon-pink{background: url('../images/ribbon-pink.png') no-repeat;background-size: 100% 41px;}
.ribbon-orange{background: url('../images/ribbon-orange.png') no-repeat;background-size: 100% 41px;}
.ribbon-yellow{background: url('../images/ribbon-yellow.png') no-repeat;background-size: 100% 41px;}
.ribbon-green{background: url('../images/ribbon-green.png') no-repeat;background-size: 100% 41px;}
.ribbon-blue{background: url('../images/ribbon-blue.png') no-repeat;background-size: 100% 41px;}
.ribbon-indigo{background: url('../images/ribbon-indigo.png') no-repeat;background-size: 100% 41px;}
.ribbon-purple{background: url('../images/ribbon-purple.png') no-repeat;background-size: 100% 41px;}
.span_1 .home-blog-entry-text h3{margin-bottom:10px;max-height: 60px;overflow: hidden;}
.span_1 .home-blog-entry-text h3 a{font-size:20px;line-height:30px;font-weight: normal;}
.home-blog-entry-text h3 a{font-size: 15px;}
.home-blog-entry-rand .home-blog-entry-text h3{height: 48px;overflow: hidden;}
.masonry-box{position:absolute;top:0;left:0;display:none;}
.masonry-box .home-blog-entry-rand .home-blog-entry-text h3{height:auto;margin-bottom:5px;}
.home-blog-entry-rand .home-blog-entry-text h3 a{font-weight: normal;line-height: 24px;}
.contentcms-entry-text h3{height:48px;overflow:hidden;}
.span_1 .home-blog-entry-text p {margin-top: 10px;font-size: 14px;line-height: 30px;white-space: normal;max-height: 120px;overflow:hidden;}
.span_1_of_3 .home-blog-entry-text p,.span_1_of_4 .home-blog-entry-text p {font-size: 13px;height:80px;overflow:hidden;line-height: 20px;}
.span_1_of_3.masonry-box .home-blog-entry-text p,.span_1_of_4.masonry-box .home-blog-entry-text p {height:auto;}
.span_1_of_3 .home-blog-entry-text h3 a,.span_1_of_4 .home-blog-entry-text h3 a{font-weight: normal;}
.home-blog-entry-meta{width:100%; border-top:1px solid #f0f0f0; padding:8px;overflow:hidden;}
.postlist-meta,.stickys-container .meta {width:100%; color:#aaa; font-size: 12px;line-height: 12px;line-height:16px}
.postlist-meta,.postlist-meta a,.stickys-container .meta,.stickys-container .meta a{font-family:consolas,"Microsoft YaHei","微软雅黑","Open Sans",Arial,SimSun,sans-serif;}
.contentcms-entry-text .postlist-meta{font-size:12px;}
.postlist-meta-author{float:left;margin-right: 10px;}
.span_1 .meta span{float:none !important;margin:0 10px 0 0 !important;color: #afafaf;font-size: 14px;}
.span_1 .meta span span{margin:0 !important;}
.span_1 .meta a{color: #afafaf;}
.span_1 .meta span i{margin-right:5px;}
.postlist-meta-time {float:left;}
.postlist-meta-tags {float:left; max-width:400px;overflow:hidden; margin-left: 20px;height: 16px;line-height: 16px;}
.postlist-meta-views {float:left;text-align:center; margin-left:20px;}
.span_1_of_3 .postlist-meta-views,.span_1_of_4 .postlist-meta-views{margin-left:0;}
.postlist-meta-comments {float:right;}
.postlist-meta .like-btn{cursor: pointer;}
.postlist-meta .like-btn.love-animate i{animation: heartbomb .8s; -moz-animation: heartbomb .8s; -ms-animation: heartbomb .8s; -webkit-animation: heartbomb .8s;  -o-animation: heartbomb .8s;}
.postlist-meta .collect-no{cursor:pointer;}
.postlist-meta .collect.collect-animate i{animation: starrotate 1.5s; -webkit-animation: starrotate 1.5s; -ms-animation: starrotate 1.5s; -o-animation: starrotate 1.5s; -moz-animation: starrotate 1.5s;}
.postlist-meta .love-yes{cursor: default;}
.postlist-meta .love-yes i{color:#f35454;}
.postlist-meta .collect-yes i{color:#ff9933;}

/* Single post
/* ------------ */
#single-blog-wrap.container {border-radius:5px;padding-top:0;border-color: rgba(218,222,225,0.8); border-width:1px;margin-top: 10px;}
#single-meta{border-bottom: 1px dotted #d8d8d8;padding: 5px 0 10px; margin-bottom: 15px;}
#single-meta span{line-height: 160%;padding:3px;}
#single-meta span,#single-meta span a{font-size:14px;}
.single-meta-comments,.single-meta-views{float:right;}
.single-thumb{margin-bottom:10px;overflow: hidden;}
.single-thumb img{width: 100%;}
.single-text{line-height: 180%;}
.content {width: 100%; background: #fff; font-size: 14px; padding: 10px 20px;font-family: "Microsoft YaHei","微软雅黑",Arial,"Open Sans",SimSun,sans-serif;}
.content h2 {margin: 10px 0 10px -25px;border-left:5px solid #00a67c; padding:0 5px 0 20px; background:#fafafa;line-height:35px;}
.content h1,.content h3,.content h4,.content h5,.content h6{margin: 10px 0;}
.content p {text-indent:0;}
.content .single-text p {text-indent:2em;line-height: 180%;margin: 10px 0}
.content p a{text-decoration: underline}
.content p a:hover{text-decoration: underline;text-decoration-style：dotted;/*color:#d9534f*/}
.content p a:after{content: ""; font:normal 12px/12px FontAwesome;padding-left: 3px;}
.content img{border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);margin: 0 auto;display: block;}
.content blockquote{overflow:hidden;}
.single-text img{margin:20px auto;}
.single-text img.wp-smiley{margin:0;}
.single-text ul li{margin-left: 20px;}
.single-text ul li:before{content:"\f0da" ;font-family: FontAwesome;color:#4cc6a9;margin-right: 5px;}
#content-index-control{cursor: pointer; color: #f00;position: absolute;top:3px;right:5px;}
#content-index-wrap {float:right;position: relative;max-width: 280px;margin: 0 0 5px;background:#fff;}
#content-index {background:#F7F7F7;border: 1px solid #DEDFE1;float: right;padding: 0 6px 0 10px;line-height: 24px;margin-left:10px;min-width:120px;}
#content-index b {display: block;line-height: 30px;font-weight: bold;}
#index-ul {margin: 0;padding-bottom: 5px;border-top:1px dashed #DDDDDD}
#index-ul li {background: none repeat scroll 0 0 transparent;list-style-type: decimal;padding: 0;margin:3px 0 3px 20px;}
#index-ul li:before{content:"";}
#index-ul a{text-decoration:none;}
.centered{display: block;margin-left: auto;margin-right: auto;margin-bottom: 10px;}
.alignnone{margin:0 0 10px 0;display: inline;}
.alignleft {display:inline;float:left;margin: 0 10px 10px 0;}
.alignright {display:inline;float:right;margin:0 0 10px 10px;}
.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}

/* Post rating */
.rates {margin: 20px 0 20px;clear: both;}
.ratesdes {border-style: solid;border-width: 0 0 0 3px;padding: 5px 5px 5px 10px;}
.ratingCount,.ratingValue {font-weight:600px; font-weight:bold;}
.stars {cursor:pointer; color:#F03F3F; font-size:16px;}
.single-intro{background:#f5f5f5;}
.single-intro span{font-weight:bold}
.single-download {margin:20px 0 10px 0; text-align:center;}
.single-download .single-dl-span{margin:0 auto;}
.single-download .single-dl-span .demo {margin:0 10px;}
.single-download .single-dl-span .dl-mail {}
.single-download .single-dl-span .dl-mail input[type=text] {width:200px; border-radius:3px; font-size:14px;font-style:italic; line-height:14px; padding:6px 10px;}
.single-download .single-dl-span .dl-mail button[type=button] {margin:0 5px; border-radius:3px; font-size:13px;font-style:italic; line-height:14px; padding:7px 12px 7px 10px; color: #fff;background: #F80000;background: -webkit-linear-gradient(top, #F80000, #B44C4C);progid: DXImageTransform.Microsoft.gradient(startcolorstr=#ffF80000,endcolorstr=#ffB44C4C,gradientType=0);cursor:pointer;}
.single-download .single-dl-span .dl-mail button[type=button]:hover {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.single-download .dl-terms {font-size:12px;margin-top: 10px;}
.single-download .dl-terms a{border-bottom:1px solid #00a67c;}
.single-download .dl-terms p{display: block; color:#f00; font-size:12px;line-height:20px; margin:0;}
.single-download .single-dl-span .dl-link {}
.mail-dl-success i{margin:0 5px;}
.single-download p.mail-dl-success{font-style:italic; line-height:20px; padding:5px 20px; margin-bottom:10px;}
.single-tag {margin: 15px 0;}
.single-tag a {display:inline-block; color:#fff; font-size: 12px;border-radius: 3px; padding:5px 12px; margin:2px;background: #9f9f9f;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
.single-tag a:hover{color:#fff;background: #00a67c;}
.single-tag a,.tags a{text-transform: capitalize;}
.single-copyright {border-radius: 3px; background:#fcf8e3; margin:10px 0; padding: 12px 20px 12px 40px; font-size: 15px;position:relative}
.single-copyright i{position:absolute;top:50%;left:10px;font-size:20px;line-height:20px;margin-top:-10px}
.single-copyright p {line-height: 25px;font-size: 13px;}
.single-copyright p a {text-decoration: none; outline: none; border: 0;}
.single-copyright p a:hover {text-decoration:underline;}
.single-copyright p a:after{content: "";}
.single-author{padding: 15px 0;margin-top:20px;clear: both;background:#fbfbfb;position:relative}
.single-author .img{display:inline-block;position:absolute;margin-left:20px;z-index:2;}
.single-author img{box-shadow:none}
.single-author-info{min-height: 100px;position:relative;margin-left: 135px;}
.word{padding:5px 0;}
.authordes{padding: 10px 10px 10px 0;line-height:150%;overflow:hidden;min-height: 50px;}
.authorsocial a{padding:3px 4px;font-size:14px;line-height:18px;}
.authorsocial i{font-size:16px;width:20px;height:18px;}
.authorsocial a:hover{background: #ddd}
.social-icon-wrap{margin-right: 5px;margin-bottom: 5px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; display: inline-block;}
.as-img {background:#f5f5f5;text-align:center;display:inline-block;border-radius: 2px}
.as-home{color:#DADA0E;}
.as-home i,.as-donate i{margin-right:5px;}
.as-sinawb{color: #D52C2B;}
.as-qqwb{color: #0b8fba;}
.as-twitter{color: #2CBCC2;}
.as-googleplus{color: #498bf4;}
.as-weixin{color: #2FAF16;}
.as-donate{color: #34db77;}
#as-weixin-a{position: relative;}
#as-weixin-qr{width: 130px; height: 130px; padding:5px; position:absolute; display: none; bottom: 60px; left:-75px; opacity: 1; background: #ddd; border-radius: 5px; border: 3px solid #ddd;}
.as-qq{color: #F887B0;}
.as-email{color: #834DD5;}
.wp-caption {max-width: 100%;padding: 4px;}
.wp-caption-text{text-align:center; margin-top:10px; font-size:16px;}

/* Post page links */
#article-page-links{text-align: center;color:#000;padding:10px 0}
#article-page-links a{text-decoration: none;display: inline-block;margin: 6px 3px;padding: 3px 10px;background: #65c0ef;color: #fff;line-height: 22px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
#article-page-links a:hover{background:#ccc;}

/* Relatedpost */
.relatedposts {margin-top:20px;}
.relatedposts ul{width:100%; overflow:hidden;}
.relatedposts ul li{width:25%; float:left;display:inline-block; padding:5px;}
.relatedposts-inner-pic{position:relative;max-height:135px;overflow:hidden;}
.relatedposts-inner-pic img{display:block;width:100%;border-radius:0;box-shadow:none;}
.relatedposts-inner-pic span {position:relative; opacity:0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:rgba(0,0,0,0.3); width: 100%; height: 100%;float: left; position: absolute; top:0; left: 0; border-radius: 3px; -webkit-transition: all 450ms ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;max-height: 135px;}
.relatedposts-inner-pic span:hover {display: block;opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.relatedposts-inner-pic span i {width: 50px;height: 50px;margin: -25px 0 0 -25px;text-align: center; color: #6ab4ce;color: rgba(0,0,0,.5);  position: absolute; top:50%; left: 50%; float: left; border-radius: 50px;background: rgba(255,255,255,0.8); padding: 9px;}
.relatedposts-inner-pic span i:before{font-size: 32px;height: 32px;width: 32px;}
.relatedposts-inner-text{font-size: 14px;text-align:center;padding:10px 0;}

/* Navigation */
.navigation {font-size: 14px;font-weight: bold; overflow: hidden; text-align: center; padding: 0 20px 20px; margin:0 -20px;background:#fbfbfb;}
.navigation .navigation-left {float: left; text-align: left; position: relative; padding-left: 40px; width: 49%;}
.navigation .navigation-right {float: right; text-align: right; position: relative; padding-right: 40px; width: 49%;}
.navigation span {display: block; color: #aab2bd; margin-top: 20px; font-size: 12px;}
.navigation a {font-weight: normal;}
.navigation a:hover {text-decoration: underline;}
.navigation .navigation-left a:after {left: 0; content: '«';}
.navigation .navigation-right a:after {right: 0; content: '»';}
.navigation a:after {position: absolute; top: 34%; margin-top: 0; height: 22px; color: #ccc; font-size: 60px;line-height: 22px;}

/* Post Activity */
.content .single-activity {padding-top: 20px;height: 60px;font-size: 13px;}
.single-activity .share-btn{height:34px; -webkit-transition:background-color 0s;-moz-transition:background-color 0s; transition:background-color 0s; line-height: 32px; background:none; border:0px solid; position: relative; color:#333; float:left; padding:0px 16px 0px 36px;}
.single-activity .share-btn i{width:24px; height: 24px;  position: absolute; left: 8px; top:4px; font-size:16px;line-height:24px;text-align:center;}
.single-activity .mark-like-btn {float: left;margin-bottom: 10px;}
.single-activity .mark-like-btn a {margin-right: 10px;}
.single-activity .collect{ border-color: #ff9933;cursor:pointer;color: #ff9933;}
.single-activity .collect i{font-size:18px;}
.single-activity .collect:hover{background-color:#ff9933; color:#fff;}
.single-activity .collect:hover a{color:#fff !important; opacity:1  !important;filter: alpha(opacity=100) !important;}
.single-activity .collect.collect-yes{cursor: default;color:#fff;background-color:#ff9933;white-space: nowrap;}
.single-activity .collect.collect-yes i{background-position: 2px -45px;}
.single-activity .collect.collect-animate i{animation: starrotate 1.5s; -webkit-animation: starrotate 1.5s; -ms-animation: starrotate 1.5s; -o-animation: starrotate 1.5s; -moz-animation: starrotate 1.5s;}
.single-activity .like-btn{ border-color: #f35454;cursor:pointer;color: #f35454;}
.single-activity .like-btn i{padding-top:1px;}
.single-activity .like-btn:hover{background-color:#f35454; color:#fff;}
.single-activity .like-btn:hover a{color:#fff !important;opacity:1 !important;filter: alpha(opacity=100) !important;}
.single-activity .like-btn.love-yes{cursor:default;background:#f35454; color:#fff;}
.single-activity .like-btn.love-animate i{animation: heartbomb .8s; -moz-animation: heartbomb .8s; -ms-animation: heartbomb .8s; -webkit-animation: heartbomb .8s;  -o-animation: heartbomb .8s;}
.single-activity .weibo-btn{border-color: #e14d4c;color: #e14d4c;}
.single-activity .weibo-btn:hover{background-color:#e14d4c; color:#fff;}
.single-activity .weixin-btn{ border-color: #40b440;color: #40b440;}
.single-activity .weixin-btn:hover{background-color:#40b440; color:#fff;}
.single-activity .weixin-btn:hover a{color:#fff !important; opacity:1 !important; filter: alpha(opacity=100) !important;}
.single-activity .baidu-share .more-btn{border-color:#4593e4;  color:#4593e4; height:34px; line-height: 32px;background-image: none !important;}
.single-activity .baidu-share .more-btn:hover a{color:#fff;}
.single-activity .baidu-share .more-btn:hover{background-color:#4593e4 !important;}
.single-activity .baidu-share{float:right !important; margin-bottom: 10px;}
.single-activity .baidu-share a{margin:0px 0px 0px 10px;font-family:"Microsoft YaHei","微软雅黑",Arial,"Open Sans",SimSun,sans-serif !important;}
.single-activity .baidu-share a:hover{color:#fff !important; opacity:1  !important;filter: alpha(opacity=100) !important;}
.bdshare_popup_box{display: none !important;}
.weixin-btn{position: relative;}
#weixin-qt{position: absolute; display: none; left:-55px; top:40px; width:260px; box-shadow: 0px 2px 3px #eee; z-index: 10; background: #fff; border:1px solid #e0e0e0;}
#weixin-qt img{display: block; float:left; width:120px;}
#weixin-qt span{width:0px; height: 0px; display: block; position: absolute; border:8px solid; border-color:transparent transparent #e0e0e0 transparent;  top:-16px; left:60px;}
#weixin-qt-msg{line-height: 1.4; float:right; width:120px; padding:15px 15px 0 0;}
#weixin-qt-msg:hover{color:#333 !important;}
.content .weixin-btn:hover #weixin-qt-msg{color:#333;}
.more-btn .mobile-text{display:none;}

/* Pagination */
div.pagination {padding: 0px; margin: 25px 0 40px; text-align: center; font-size: 17px;line-height:17px; position:relative;} 
.pagination .pg-filler-1 { width:35%;}
.pagination .pg-filler-2 { width:40%;}
.pagination .pg-item a, .pagination .pg-item .current,.pagination .pg-dots, .pagination .pg-item .disabled{display:inline-block; color:#666; padding:9px 13px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-decoration:none; margin:0 1px; min-width:10px; }
.pagination .pg-item a {-webkit-transition: background .2s linear;-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition:  background .2s linear;transition: background .2s linear;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.pagination .pg-next { position:absolute; right:10px;}
.pagination .pg-prev { position:absolute; left:10px;}
.pg-nav-item { text-transform:uppercase;}
.pagination .pg-item .current, .pagination .pg-item a:hover { background:#5CBDE7; color:#fff;}
div.pagination span.current, div.pagination a  {padding:0px;}  
div.pagination a.navbutton {margin:0 2px;border: 1px solid #eaeaea;}

/* Page */
.pagesidebar{position: absolute;top: 0;left: 0;width: 200px;background-color: #fbfbfb;bottom: 0;}
.pagecontent{margin-left: 200px;min-height: 500px;border-left: 1px solid #eee;position: relative;margin-bottom: 15px;padding: 25px;}
.pagesider-menu a{font-size: 14px;line-height:20px;padding: 12px 20px;color: #888;cursor: pointer;overflow: hidden;border-bottom: 1px solid #eee;display: block;}
.pagesider-menu a:hover {background-color: #f7f7f7;color: #666;text-decoration:none;}
#page-sort-menu-btn{display:none}
.pagesider-menu li.active a, .pagesider-menu li.current_page_item a, .pagesider-menu li.current-menu-item a {color: #fff;background-color: #61b3e6;}
.page-links{margin: 20px 0;}
.page-links ul{margin-left: -10px;margin-right:-10px;}
.page-links li {display: inline-block; width: 25%;text-align: center;font-family:consolas,"Microsoft YaHei","微软雅黑",Arial,"Open Sans",SimSun,sans-serif}
.page-links li div{background: #f9f9f9;margin:10px;padding:10px;position:relative;border: dashed 1px #ccc;}
.page-links img{width: 30px; height: 30px; box-shadow: none; margin-right: 10px;vertical-align: bottom;display: inline-block;position:absolute;bottom:-5px;left:50%;margin-left:-10px;margin-bottom:-10px;border-radius: 50%;padding: 1px;border: 1px solid #bbb;background: #fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease}
.page-links li div:hover img, .page-links img:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.page-links li p{border-top: 1px solid #ddd;margin-top: 3px;margin-bottom: 10px;padding-top: 3px;height: 40px;line-height:20px;overflow: hidden;font-size: 12px;color: #999;}
.page-links a {font-size: 13px;line-height: 20px; color:#666;}
.page-links a:hover{text-decoration:none;color:#61b3e6}
.links-page-content{line-height: 180%;}
.links-page-content > ul{margin: 20px 0 !important;}
.links-page-content > ul li{padding-left: 10px;}
.links-page-content > ul li:before{content:"\f0a4" ;font-family: FontAwesome; font-size: 12px;margin-right: 6px; color: #222; display: inline-block!important; width: 1em; text-align: center;}

/* 404 page */
body.error404 .main{margin:0 auto;width:440px;height:350px;position:relative;margin-top:70px;font-size:14px;}
.holmes-bear-wrap{position:absolute;background:url('../images/404.png') no-repeat 0 0 transparent;width:137px;height:234px;left:0;top:0;}
.error-wrap{position:absolute;right:0;top:45px;}
.error-text-title-wrap{font-weight:bold;font-size:14px;}
body.error404 .clearfix{display:block;}
body.error404 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.error-number{font-weight:normal;font-size:60px;color:#00aeef;font-style:normal;float:left;display:inline;font-family:Arial;}
.error-text-title{float:left;margin-top:22px;width:122px;display:inline;line-height:16px;}
.error-text-content{color:#333;padding:10px 0;width:280px;line-height:14px;}
.handle-way-list{color:#666;margin-top:20px;margin-left:5px;list-style:none;}
.handle-way-list li{line-height:2;}
.handle-way-list a{color:#06C;text-decoration:none;}
.error-search{position:absolute;bottom:0;width:100%;text-align:center;}
.error-search input{width:250px;height:35px;padding:0 10px;line-height:35px;border:1px solid #ddd;box-sizing:border-box;}
.error-search input:focus{outline:none;border-color:#ddd;border-color:rgba(82,168,236,.8);-webkit-box-shadow:0 0 8px rgba(82,168,236,.6);box-shadow:0 0 8px rgba(82,168,236,.6);}.error-search button{height:35px;width:60px;background:#00aeef;color:#fff;border:0;cursor:pointer;}
body.error404 .footer{margin:0 auto;font-size:14px;font-family:'Microsoft Yahei';arial;text-align:center;color:Gray;margin:50px 0;}
body.error404 .footer a{font-size:14px;}
body.error404 #footer-copyright a:hover{color:initial;}

/* User page */
#author-page .pagecontent{margin-bottom:0}
.user-basic-info{margin:10px;}
.user-avatar{float:left;margin-right:10px;width:80px;height:80px;}
h4.user-display-name{font-size:18px;}
.user-display-name small {font-size: 12px;margin: 0 5px;}
.user-display-name small a{color:#00a67c;opacity:0.8;filter: alpha(opacity=80);font-weight:normal;}
.user-display-name small a:hover{text-decoration:underline;opacity:1;filter: alpha(opacity=100);}
.user-register-time{margin:5px 0;font-size:12px;}
.user-register-time span{margin: 0 5px;background: #f5f5f5;padding: 2px 3px;}
.user-message {padding: 0;margin: 0;list-style: none;}
.user-message p{margin:0 0 10px;}
.user-message .message-content{background: #f8f8f8;padding: 8px 10px;color: #39495a;line-height: 150%;}
.user-message .message-content p{padding:5px 10px !important;background:transparent !important;}
.user-message p.info{font-style: italic;color: #bbb;font-size: 12px;margin-bottom: 0;}
.user-message li {padding: 0 5px;margin-bottom: 10px;line-height: 32px;border-bottom: 1px solid #eee;color: #888;font-size: 13px;}
.user-message li.tip{padding: 0 10px;border: 0;background: #f8f8f8;margin: 20px 0;border-radius: 3px;}
#author-page .archive{border: 0;box-shadow: none;border-radius: 0;border-bottom: 1px solid #eee;margin-bottom: 30px;}
#author-page .archive h3{white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;margin: 10px 0 15px;line-height: 34px;}
#author-page .archive h3 a{font-weight:normal;}
#author-page .archive .postlist-meta{overflow:hidden;color: #999;font-size: 12px;padding-bottom:5px;}
#author-page .archive .postlist-meta .collect-yes,#author-page .archive .postlist-meta .love-yes{background-color:initial;color:#999;}
.archive-excerpt{font-size: 14px;line-height: 24px;overflow: hidden;margin:0 0 10px;}
p.archive-excerpt{text-indent:2em;}
.archive .postlist-meta-category{display:inline-block;float:left;margin-left:20px;}
.archive .postlist-meta-category a:hover{text-decoration: underline;}
#author-page .archive div.pagination a.btn{padding: 6px 12px !important; border: 1px solid transparent !important;}
#author-page .form-group a.btn:hover{color:#fff;}
#author-page .form-group{margin-bottom:15px;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-danger {border-color: #ebccd1;}
.panel-success {border-color: #B1E4B1;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-danger>.panel-heading {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.panel-success>.panel-heading {color: #44a042;background-color: #CEFACE;border-color: #B1E4B1;}
.panel-body {padding: 15px;}
.panel-body p{margin: 0 0 10px;}
.radio-inline, .checkbox-inline {display: inline-block;padding-left: 20px;padding-right:20px;margin-bottom: 0;font-weight: 400;vertical-align: middle;cursor: pointer;}
.panel-body input[type=radio], .panel-body input[type=checkbox] {margin: 4px 10px 0 0;line-height: normal;margin-left: -20px;}
.panel-body label{max-width: 100%;}
.alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.form-inline .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}
.form-inline .input-group {display: inline-table;vertical-align: middle;position: relative;border-collapse: separate;}
.input-group-addon {padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;display: table-cell;white-space: nowrap;vertical-align: middle;}
.input-group .form-control:last-child{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group .form-control {display: table-cell;position: relative;z-index: 2;float: left;margin-bottom: 0;}
.input-group-addon:first-child {border-right: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.help-block {display: block;margin-top: 5px;margin-bottom: 10px;color: #737373;}
p.help-block{margin-top:10px;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;}
button[disabled],html input[disabled]{cursor:default}
.credit-table,.promote-table {margin: 15px 0;width: 100%;max-width: 100%;border-spacing: 0;border-collapse: collapse;}
.promote-table{text-align:center;}
.table-bordered {border: 1px solid #ddd;}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {border-top: 0;}
.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {background-color: #f5f5f5;}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {border-bottom-width: 2px;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 1px solid #ddd;}
.table>thead>tr>th {vertical-align: bottom;border-bottom: 2px solid #ddd;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.credit-table th {text-align: left;font-weight: bold;}
.credit-table td, .credit-table th {display: table-cell;vertical-align: inherit;color:#333;}
.pull-left {float: left!important;}
.pull-right{float: right !important;}
.content .user-message p a:after{content:"" !important;}
.content .user-message p a{border:none !important;}
.content .user-message p a:hover{text-decoration:underline;color:#00a67c;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
textarea.form-control{height:auto;}
#author-profile {width: 100%;line-height: 26px;background: #f8f8f8;color: #555;padding:5px;border-radius:3px;}
#author-profile .title {width: 80px;text-align: right;}
#author-profile tr:first-child td {border: 0;}
#author-profile tr td:last-child {color:#aaa;}
#author-profile td {padding: 6px 10px;}
.page-header{margin: 20px 0;padding-bottom: 0px;border-bottom: 1px solid #eee;}
#author-page .page-header small{font-size:12px;color:#aaa;font-weight:normal;}
.form-horizontal .control-label {text-align: left;padding-top: 7px;margin-bottom: 0;}
.col-sm-3 {width: 25%;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;float:left;}
.col-sm-9 {width: 75%;float:left;}
.col-sm-offset-3 {margin-left: 25%;}
.form-horizontal .form-group{margin-bottom:15px;}
.form-horizontal .radio, .form-horizontal .checkbox {min-height: 27px;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 7px;margin-top: 0;margin-bottom: 0;}
.form-control-static {padding-top: 7px;padding-bottom: 7px;margin-bottom: 0;}
.clearfix:before,.clearfix:after,.content:before,.content:after,.form-group:before,.form-group:after,.user-message p:before,.user-message p:after,#author-page:before, #author-page:after{content: " ";display: table;clear:both;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#author-page .radio img{vertical-align: middle;}
input[name="post_title"]{margin-bottom:10px;}
select[name="post_cat[]"]{margin:10px 0;}
.text-right {text-align: right;}
select[name="post_status"] {height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;margin-top:5px;margin-bottom:5px;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#wrap #wp-link-wrap{font-size:14px;}
#wrap #wp-link-wrap span.screen-reader-text{position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(0 0 0 0);border: 0;}
#wrap #wp-link-wrap input[type=text],#wrap #wp-link-wrap input[type=search],#wrap #wp-link-wrap input[type=submit]{height:25px;padding:5px;line-height:15px;font-size:12px;}
#author-page .archive .entry-meta{overflow:hidden;color: #999;font-size: 12px;margin-bottom:10px;padding-bottom:5px;}
.user-message .unread p.info span.tag{color:#08cf08;}
#edit-avatar{color: #d9534f;cursor: pointer;font-size: 14px;}
#upload-input{margin:10px 0;display: none}
#upload-input span{cursor: pointer;background: #E9E9E9;padding: 6px 10px;line-height: 100%;font-size: 14px;}
#upload-avatar-msg{display: none;font-size: 14px;color:#f00;}
#author-page .pay-history #the-list{font-size: 12px;}

/* Archives */
#archives{font-size: 14px;}
a#al_expand_collapse:after{content: "";}
#archives h3{margin: 15px 0;padding-left: 10px;border-bottom: 1px solid #f2f2f2;color: #666;font-size: 18px;line-height: 28px;}
#archives p{margin: 5px 0 10px;color: #666;text-indent: 2em;font-size: 14px;line-height: 180%;}
#archives em{padding: 0 2px;color: #a40000;}
#archives ul{padding: 5px 10px;}
#archives ul li{list-style: circle;margin-left: 20px;line-height: 200%;}
#al_expand_collapse,#archives span.al_mon{cursor: pointer;}

/* Articles */
#guide{padding-top: 15px;}
#guide .group {height: 50px;border-bottom: 1px solid #d8d8d8;}
#guide .group ul li {float: left;position: relative;margin-right: 20px;font-size: 14px;height: 50px;}
#guide .group ul li a {color: #666;display: block;padding: 11px 10px 16px 10px;}
#guide .group:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#guide .group ul li a.current {-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;width: 130px;text-align: center;}
#guide .group ul li:hover a.current {box-shadow: 1px 1px 1px rgba(0,0,0,0.2);background: #fff;border-radius: 6px 6px 0 0;}
#guide .group ul li a i {margin-right: 5px;}
#guide .group ul li a i.arrow {margin: 0 0 0 10px;color: #999;-webkit-transition: transform .2s linear;-moz-transition: transform .2s linear;-o-transition: transform .2s linear;transition: transform .2s linear;}
#guide .group ul li .sub {display: none;position: absolute;left: 0;top: 44px;z-index: 99;width: 130px;box-shadow: 1px 2px 2px rgba(0,0,0,0.2);background-color: #fff;overflow: hidden;border-radius: 0 0 6px 6px;}
#guide .group ul li:hover .sub{display:block;}
#guide .group ul li .sub li {float: none;margin: 0;font-size: 12px;height: inherit;}
#guide .group ul li .sub li a, #guide .group ul li .sub li.cat-item-none {padding: 12px 10px;text-align:center;}
#guide .group ul li .sub li a:hover {background-color: #ddd;color: #fff;}

/* Sidebar */
#sidebar {position:relative; width:360px; margin-right:-360px;float:right;}

/* Ad */
#loopad.container{width: 100%;text-align: center;overflow: hidden;margin-right: 10px; margin-bottom: 10px;background: #fff;max-width: 830px;}
#header-banner {padding: 15px 0 5px;text-align: center;}
#bottom-banner {padding: 20px 0;text-align: center;}
#singletop-banner,#singlethumb-banner,#singlebottom-banner {background: #fff;text-align: center;margin: 10px 0;}

/* Footer wrap */
.separator{width: 100%;height: 5px;background: url('../images/separator.png') repeat-x;}
#footer-widgets .widget ::selection{color:#fff !important;}
#footer-wrap {background:#222;margin-bottom:0; margin-top:0;position:relative; /*min-height: 200px;*/}
.layout-wrap {margin:auto; max-width:1200px; position:relative; width:100%; overflow: hidden;padding:20px 0;border-top:1px solid rgba(255,255,255,0.08)}
#footer-nav-left {width: 50%; float: left; overflow: hidden; height: 45px;}
#footer-nav-right {width: 46%; float: right; overflow: hidden;}
#footermenu {overflow: hidden; padding: 2px 0;}
#footer-info { padding:20px 0 25px;}
#footer-nav-wrap { position:relative; width:100%; left:0; bottom:0;  background:#222;}
#footer-nav-links {position: relative; float: left; font-size: 12px;}
#footer-nav-links li { float:left; margin-right:10px; line-height: 16px;}
#footer-nav-links a {color:#7f8284; text-decoration: none;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;-ms-transition: color .2s linear;-o-transition:  color .2s linear;transition: color .2s linear;}
#footer-nav-links a:hover ,#footer-copyright a:hover {border-bottom:1px dotted #f5f5f5; color:#f5f5f5;}
#footer-copyright {margin-top:4px; font-size:12px;color:#7f8284; line-height: 16px; padding: 2px 0;}
#footer-copyright::selection,#footer-copyright a::selection {color:#fff;}
#footer-copyright a {color:#bbb; text-decoration:none;}
#footer-widgets { padding:20px 0 25px; overflow:hidden;}
.footer-widgets-one-full {width:100%; float: left;}
.footer-widgets-one-half {width:50%; float: left;}
.footer-widgets-one-third {width:33.3%; float: left;}
.footer-widgets-one-fourth {width:25%; float: left;}
#footer-links-icons {height: 45px; float: right;}
#footer-links-icons span:first-child {margin-left: 0;}
#footer-links-icons span {display: inline-block; color: #7f8284; font-size: 20px;margin-left: 25px;}
#footer-links-icons span a {display: block; color: #7f8284; text-align: center; font-weight: 500; font-size: 12px;}
#footer-links-icons span a:hover span, #footer-links-icons span a:hover{color: #A17820; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition:  all .5s ease;transition: all .5s ease;}
.tinicon-qiniu{width: 26px;height: 20px;background: url(../images/qiniu.png);transition:none !important;-webkit-transition:0;-moz-transition:0;}
.footer-qiniu-link:hover .tinicon-qiniu{background: url(../images/qiniu.png) 0 -20px;}

/* Tooltip */
.tooltip-trigger{position:relative;text-indent: 0}
.tooltip {position: absolute;z-index: 99;display: block;visibility: visible;font-size: 12px;line-height: 20px;opacity: 0;filter: alpha(opacity=0);white-space:pre;}
.tin .tooltip-inner{background:#27937b;color:#fff;}
.tin .tooltip.top .tooltip-arrow{border-top-color:#27937b}
.tooltip.in {opacity: 0.8;filter: alpha(opacity=80);}
.tooltip.top {margin-top: -3px;padding: 5px 0;}
.tooltip.right {margin-left: 3px;padding: 0 5px;}
.tooltip.bottom {margin-top: 3px;padding: 5px 0;}
.tooltip.left {margin-left: -3px;padding: 0 5px;}
.tooltip-inner {max-width: 200px;padding: 5px 8px;color: #ffffff;text-align: center;text-decoration: none;background-color: #000000;border-radius: 4px;}
.tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 1px;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000000;}
.tooltip.top-left .tooltip-arrow {bottom: 0;left: 5px;border-width: 5px 5px 0;border-top-color: #000000;}
.tooltip.top-right .tooltip-arrow {bottom: 0;right: 5px;border-width: 5px 5px 0;border-top-color: #000000;}
.tooltip.right .tooltip-arrow {top: 50%;left: 0;margin-top: -5px;border-width: 5px 5px 5px 0;border-right-color: #000000;}
.tooltip.left .tooltip-arrow {top: 50%;right: 0;margin-top: -5px;border-width: 5px 0 5px 5px;border-left-color: #000000;}
.tooltip.bottom .tooltip-arrow {top: 0;left: 50%;margin-left: -5px;border-width: 0 5px 5px;border-bottom-color: #000000;}
.tooltip.bottom-left .tooltip-arrow {top: 0;left: 5px;border-width: 0 5px 5px;border-bottom-color: #000000;}
.tooltip.bottom-right .tooltip-arrow {top: 0;right: 5px;border-width: 0 5px 5px;border-bottom-color: #000000;}

/* Input */
input[type="search"] {display: block;width: 100%;padding-left: 10px;padding-right:32px;line-height:40px;-moz-box-sizing: border-box;  -webkit-appearance: none !important;-webkit-box-sizing: border-box;-webkit-writing-mode: horizontal-tb;background: #fff;border: 1px solid #ddd;box-sizing: border-box;}
input[type="text"] {border: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; -webkit-writing-mode: horizontal-tb;  background: #fff;}
input[type="search"]:focus,input[type="text"]:focus,input[type="email"]:focus{outline: none;border-color: #ddd;border-color: rgba(82,168,236,.8) !important;-webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);box-shadow: 0 0 8px rgba(82,168,236,.6);}
input::-webkit-search-cancel-button{display: none;}
input::-ms-clear{display: none;}

/* ------------------------------------------------------------------------- *
 *  Widgets
/* ------------------------------------------------------------------------- */
.floatwidget-container{width:360px;display:none;position:fixed;top:80px;z-index:100;}
.floatwidget > div {margin-bottom: 10px;}
.floatwidget h3{margin: 0 !important;}
#sidebar .widget {padding: 10px;margin-bottom: 10px; border-radius: 2px; background: #fff; border: 1px solid #eaeaea;}
.widget { color: #777; font-size: 14px;font-weight: 400; overflow: hidden; padding: 10px; }
.widget a {font-size: 14px;}
.widget-text iframe{width: 100% !important;}
#footer .widget,#footer .widget a{color:#666;font-size:12px;}
#footer .widget a:hover { color: #fff; }
.widget > h3 { font-size: 16px;font-weight: 600; text-transform: uppercase; margin-bottom: 6px; padding:5px 10px}
#footer .widget > h3 {font-size:14px;padding:5px 0;}
#sidebar .widget > h3, #sidebar .floatwidget h3, .multi-border-hl,#footer-widgets-singlerow .widget > h3{font-size: 18px;font-weight: normal;text-transform: uppercase;margin: 0;padding: 5px 0 5px;border-bottom: 2px solid #eee;}
#sidebar .widget > h3 span,#sidebar .floatwidget h3 span, .multi-border-hl span,#footer-widgets-singlerow .widget > h3 span{padding: 0 0 5px 0;border-width: 0 0 2px 0;border-style:solid;}
#sidebar .widget > h3,#footer-widgets-singlerow .widget > h3{margin-bottom:5px;}
#sidebar .widget > h3,#sidebar .widget > h3 a,#sidebar .widget > h3 a:hover,#footer-widgets-singlerow .widget > h3{ color: #333; text-decoration: none;}
#footer-widgets .widget > h3,#footer-widgets .widget > h3 a,#footer-widgets .widget > h3 a:hover { color: #ddd; text-decoration: none;}
.widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; }
.widget select { border: 1px solid #ddd; color: #666; font-size: 15px;padding: 7px; width: 100%; max-width: 100%; }
#footer-widgets .widget > h3 span {color: #bbb;font-size: 14px;}
.widget > ul li a {text-decoration: none;}

/*  widgets : icons
/* ------------------------------------ */
.widget > ul li:before,.widget > ul li a:before,.widget > div > ul li a:before,.widget_calendar caption:before { font-family: FontAwesome; font-size: 12px;margin-right: 10px; color: #ccc; display: inline-block!important; width: 1em; text-align: center; }
.widget > ul li a:hover:before { color: #999; }
.widget_archive > ul > li a:before { content: "\f073"; } 
.widget_categories > ul > li a:before { content: "\f07c"; }
.widget_links > ul > li a:before { content: "\f08e"; }
.widget_meta > ul > li a:before { content: "\f0da"; }
.widget_recent_comments > ul > li:before,.widget_recent_comments > ul > li:before { content: "\f075"; }
.widget_recent_entries > ul > li a:before { content: "\f14b"; }
.widget_calendar caption:before { content: "\f073"; }
.widget_pages ul li a:before,.widget_nav_menu ul li a:before { content: "\f068"; }

/*  widget : calendar
/* ------------------------------------ */
.widget_calendar a { font-weight: 600; color: #e8554e; }
.widget_calendar a:hover { color: #444!important; }
.widget_calendar #wp-calendar { width: 100%; }
.widget_calendar caption { background: #00a67c; color: #fff; padding: 5px 10px; }
.widget_calendar caption:before { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px;}
.widget_calendar thead {-webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; }
.widget_calendar th { font-weight: 600; }
.widget_calendar th, .widget_calendar td { padding: 3px 0; text-align: center;}
.widget_calendar .pad { padding: 0!important; }

/* Widget : tag (and tags page)
/* -----------------------------------*/
.widget aside.tags{padding: 12px 0 15px; }
.widget aside.tags a{text-decoration: none;}
.page-tags a{width:128px;overflow:hidden;text-align:center;max-height: 24px;}
.widget aside.tags a:nth-child(9n),.page-tags a:nth-child(9n){background-color: #4A4A4A;}
.widget aside.tags a:nth-child(9n+1),.page-tags a:nth-child(9n+1){background-color: #428BCA;}
.widget aside.tags a:nth-child(9n+2),.page-tags a:nth-child(9n+2){background-color: #5CB85C;}
.widget aside.tags a:nth-child(9n+3),.page-tags a:nth-child(9n+3){background-color: #D9534F;}
.widget aside.tags a:nth-child(9n+4),.page-tags a:nth-child(9n+4){background-color: #567E95;}
.widget aside.tags a:nth-child(9n+5),.page-tags a:nth-child(9n+5){background-color: #B433FF;}
.widget aside.tags a:nth-child(9n+6),.page-tags a:nth-child(9n+6){background-color: #00ABA9;}
.widget aside.tags a:nth-child(9n+7),.page-tags a:nth-child(9n+7){background-color: #B37333;}
.widget aside.tags a:nth-child(9n+8),.page-tags a:nth-child(9n+8){background-color: #FF6600;}
.widget aside.tags a,.page-tags a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 5px 5px 0;padding: 2px 6px;line-height: 20px;font-weight: normal;}
#footer .widget aside.tags a{color:#eee !important;}
.widget aside.tags a:hover,.page-tags a:hover{opacity: 1;filter:alpha(opacity=100);color:#fff !important}

/*  widget : search
/* ------------------------------------ */
.widget_search input.search {display: block; width: 100%; padding: 12px 32px 13px 11px;-moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; -webkit-writing-mode: horizontal-tb;
  background: #fff; border: 1px solid #ddd; box-sizing: border-box; line-height: 15px; border-radius: 3px;}
.widget_search input.search:focus {outline: none;border-color: #ddd;border-color: rgba(82,168,236,.8);-webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);box-shadow: 0 0 8px rgba(82,168,236,.6);}
.widget_search #s {height: 30px; width: 70%;}
.widget_search .screen-reader-text {display: none;}
.widget_search #searchsubmit {background: #e8554e;color: #fff; border: none; height: 30px; width: 25%; font-size: 16px;font-weight: bold;}

/* widget : hot search/credits rank
/* -------------------- */
.tinhotsearch li,.tincreditsrank li{line-height:200%;clear: both;}
.tinhotsearch li i,.tincreditsrank li i{font-style:italic;color:#EC8282;margin-right:10px;font-weight:600;}
.tinhotsearch span.search-times,.tincreditsrank span.creditsrank-ranking{float:right;}
.tincreditsrank span{display:inline-block;float:left;line-height:40px;}
.rank-avatar img{vertical-align:baseline;border-radius:20px;margin-left:10px;}
.creditsrank-name{margin-left:20px;}
.tincreditsrank ul{margin-top:20px;}

/*  widget : readerwall
/* ------------------------------------ */
.widget .wallreaders {padding:10px 0;}
.widget .wallreaders li {float:left; display:inline-block; margin:3px;}

/*  widget : mail contact
/* ------------------------------------ */
#mailmessage {padding:6px 0;}
#mailmessage div{text-align: center;}
#mailmessage-form {width: 100%; font-size:16px;}
#footer-widgets #mailmessage-form {color:#aaa;}
#sidebar #mailmessage-form {color:#777;}
.mailmessage-box {height:36px; margin:5px 0 10px;position:relative;}
.mailmessage-box label {line-height:20px; position:absolute; top:8px; left:15px; border-right:1px solid #b9b9b9; padding-right:13px;}
.mailmessage-box label i{width:16px;height:16px;color: #888;}
.mailmessage-box-txt textarea {width:100%; font-size:16px;outline: none;border:0;-webkit-box-shadow: none;box-shadow: none;padding:5px 10px;border-radius:3px;}
.mailmessage-box input[type="text"] {outline: none;border:0;-webkit-box-shadow: none;box-shadow: none;padding:8px 10px 8px 55px;width:100%;border-radius:3px;}
.mailmessage-box input,.mailmessage-box-txt textarea{font-size:12px;}
#sidebar .mailmessage-box input[type="text"], #sidebar .mailmessage-box-txt textarea {border:1px solid #ccc;}
#footer-widgets .mailmessage-box input[type="text"], 
#footer-widgets .mailmessage-box-txt textarea {background: #eee; border-color: #eee;}
#submit-mail{outline: none;border:0;-webkit-box-shadow: none;box-shadow: none; margin-top: 5px;width: 80px;height: 30px;
text-align: center;border-radius:3px;}
#footer-widgets #submit-mail{background: #222;color: #fff;}
#footer-widgets #submit-mail:hover{color:#fff; background:#00a67c;}
#sidebar #submit-mail{background: #eaeaea;color: #444;}
#sidebar #submit-mail:hover {color:#fff; background:#00a67c;}
#mailmessage p.err{display: block; color:#f00; font-size:12px;line-height:20px; margin:0;}
#mailmessage p{color:#666;margin:10px 0;line-height:20px;}
.mail-success i{margin:0 10px 0 5px;}

/* widget : site statistic
/* ------------------------- */
.widget_tinsitestatistic ul{padding:10px 5px;}
.widget_tinsitestatistic ul li {font-size:13px;line-height:180%;}
.widget_tinsitestatistic ul li span{color:#00a67c;}

/* widget : bookmarks
/* ------------------------- */
.tinbookmark{padding:10px 0 0 0;}
.tinbookmark-list{padding:5px 0;}
.tinbookmark-list i{margin-right:5px;}
#footer li.tinbookmark-list i,#footer li.tinbookmark-list a{font-size:12px;color:#666;}
#sidebar li.tinbookmark-list i,#sidebar li.tinbookmark-list a{font-size:13px;color:#00a67c;}
.widget li.tinbookmark-list a:hover{text-decoration:underline;}
.list-left{width:49.5%;float:left;clear:left;padding-right:5px;}
.list-right{width:49.5%;float:right;clear:right;padding-left:5px;}
.list-single-col{width:100%;clear:both;}
.widget_tinbookmarkh h3{margin-bottom:20px !important;}
.widget_tinbookmarkh span a{position:absolute;right:10px;color:#333;font-weight:normal;}
.widget_tinbookmarkh span a:hover{text-decoration:underline;}
.widget_tinbookmarkh ul li a{color:#333;line-height:30px;}
.widget_tinbookmarkh ul li a:hover{text-decoration:underline;}

/* widget : subscribe
/* -------------------- */
#subscribe-span{display:block;font-size:13px;text-align:center;}
input#subscribe{height:34px;margin:5px 5px 5px 0;width:280px;border-radius:3px;padding-left:10px;vertical-align:bottom;}
.widget_tinsubscribe input#subscribe{margin-right:0;border-radius:0}
.widget_tinsubscribe button#subscribe{border-radius:0}

/* widget : aboutsite/joinus/sitecooperate
/* --------------------------------------- */
.aboutsite,.joinus,.sitecooperate{padding-top: 10px;color: #666;line-height: 180%;margin-bottom: 20px;padding-right: 20px;}
.joinus a{text-decoration: underline;padding: 0 3px;}
#footer .joinus a:hover{#fff;}

/* widget : ucenter
/* -------------------- */
.widget_tinucenter li{margin-top:10px;}
.widget_tinucenter li img{float:left;}
.widget_tinucenter li a,.widget_tinucenter li img{margin-right:10px;}
.widget_tinucenter li span a{margin:0;width:32%;}
.widget_tinucenter li span:first-child a{margin-right:5px;}
.widget_tinucenter li span:last-child a{margin-left:5px;}
.widget_tinucenter .input-group{width:100%;}

/*  widgets : common
/* ------------------------------------ */
.widget_search > h3,.widget_text > h3,.widget_tag_cloud > h3,.widget_calendar > h3 { margin-bottom: 10px; }
.widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li,.widget_rss ul li,.widget_pages ul li a,.widget_nav_menu ul li a,.tin-tab li,.tin-posts li { padding: 5px 0; border-bottom: 0px solid #e4e4e4;line-height:150% }
.widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul,.widget_rss ul,.widget_pages ul{padding-top:10px}
.widget_archive ul li,.widget_categories ul li,.widget_links ul li { color: #bbb; }
.widget_archive ul li,.widget_categories ul li,.widget_meta ul li{width:50%;float:left}
.widget_categories ul li ul {padding: 5px 0 0;margin-bottom: -5px;}
.widget_categories ul li ul li {float: none;padding: 5px 0;}
.widget_recent_comments ul li,.widget_recent_entries ul li { color: #999; }
.widget_recent_entries .post-date { display: block; }

/*  widget : pages / custom menu
/* ------------------------------------ */
.widget_pages ul li a,.widget_nav_menu ul li a { display: block; }
.widget_pages li li a,.widget_nav_menu li li a { padding-left: 15px; }
.widget_pages li li li a,.widget_nav_menu li li li a { padding-left: 30px; }
.widget_pages ul ul, .widget_pages ul ul ul,.widget_nav_menu ul ul, .widget_nav_menu  ul ul ul { border: 0; }

/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li a { display: block; color: #e8554e; }
.widget_rss ul li span.rss-date { color: #444; font-weight: 600; display: block; text-transform: uppercase; font-size: 12px;}
.widget_rss ul li cite { color: #999; }

/*  widget : text
/* ------------------------------------ */
.widget_text .textwidget p { margin-bottom: 1em; }

/*  custom widget : tintabs / tinposts
/* ------------------------------------ */
.tin-tabs-nav { border-bottom: 0px solid #ddd; margin-bottom: 10px; text-align: center; overflow:hidden;}
.tin-tabs-nav.tab-count-1 li { width: 100%; }
.tin-tabs-nav.tab-count-2 li { width: 50%; }
.tin-tabs-nav.tab-count-3 li { width: 33.333%; }
.tin-tabs-nav.tab-count-4 li { width: 25%; }
.tin-tabs-nav li { display: block; float: left; }
.tin-tabs-nav li a { color:#666;font-size: 15px;display: block; padding: 8px 0; margin-bottom: 0px; border-bottom: 2px solid #eee; }
.tin-tabs-nav li.active a {border-bottom-color: #f85555;}
.tin-tabs-nav li a:hover{color:#f85555;}
.tin-tabs-nav li a i {margin-right:3px}
.tin-tab li,.tin-posts li{overflow: hidden;}
.tin-tab a,
.tin-posts a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.tin-tab img,
.tin-posts img { display: block; width: 100%; height: auto; opacity: 0.99; }
.tin-postsh img { display: block; width: 100%; height: auto; opacity: 0.99; }
.tin-tab.thumbs-enabled li{ padding-left: 135px; }
.tin-tab .tab-item-thumbnail { width: 125px; margin-left: -135px; float: left; }
.tin-tab .tab-item-thumbnail,
.tin-posts .post-item-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.tin-tab .avatars-enabled li{ padding-left: 62px; }
.tin-tab .tab-item-avatar { margin-left: 0; width: 55px; float: left; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; display: inline-block;}
.tin-tab .tab-item-category,.tin-tab .tab-item-category a,.tin-posts .post-item-category,.tin-posts .post-item-category a { color: #aaa; text-transform: uppercase; font-size: 13px;}
.tin-posts .post-item-category:hover { text-decoration:none;}
.tin-tab .tab-item-comment {background: #fbfdfb;border: 1px #e5e5e5 solid;padding: 8px;position:relative}
.arrow-poptop,.arrow-poptop:before{position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.arrow-poptop{top: 20px;left:-18px;margin-top: -9px;border-left-width: 0;border-right-color: #e5e5e5;border-width:9px;}
.arrow-poptop:before{border-width: 8px;content: "";left: 2px;margin-top: -8px;border-left-width: 0;border-right-color: #fbfdfb;}
.tab-item-comment i{margin-right: 5px}
.tin-tab .tab-item-comment a {font-size: 13px;}
.tin-tab .tab-item-comment img.wp-smiley {display: inline-block; width: 18px; height: 18px;}
.tin-tab .tab-item-comment img {display: none;}
#sidebar .tin-tab .tab-item-comment a {color:#000;}
#sidebar .tin-tab .tab-item-comment a:hover {color:#000;}
.tin-posts .post-item-views {float:right; color: #aaa;}
.tin-tab .tab-item-category a,.tin-tab .tab-item-category a:hover,.tin-posts .post-item-category a,.tin-posts .post-item-category a:hover { color: #aaa!important;text-decoration: none}
.tin-tab .tab-item-category a:hover,.tin-posts .post-item-category a:hover{border-bottom: 1px dotted #aaa;}
.tin-tab .tab-item-title,.tin-tab .tab-item-comment,.tin-posts .post-item-title { margin: 2px 0; -ms-word-wrap: break-word; word-wrap: break-word; }
.tin-tab .tab-item-date,.tin-tab .tab-item-name,.tin-posts .post-item-date  { color: #aaa; font-size: 13px;overflow:hidden;}
.tin-tab li:hover .thumb-icon,
.tin-posts li:hover .thumb-icon { background: #fff; color: #111; }
.tin-posts .post-item-thumbnail { margin-top:10px; margin-bottom: 10px; overflow:hidden;}
.tin-posts .post-item-thumbnail:hover .tin-posts-float-title{margin-bottom:0;}
.tin-posts-float-title {line-height:16px;max-height:40px;overflow:hidden;position: absolute;bottom: 0;text-align: center;width: 100%;background: rgba(0,0,0,0.5);padding: 3px;color: #fff;margin-bottom: -40px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.tin-posts-float-title a{color:#fff;font-size:11px;line-height:15px;}
.tin-posts-float-title a:hover {color:#fff !important;}
.tin-posts .post-item-title { font-size: 13px;line-height: 150%; font-weight: 300; }
.tin-posts .post-item-category,
.tin-posts .post-item-category a,
.tin-posts .post-item-date { font-size: 10px !important;}
#tab-comments .tab-item-inner {margin: 5px 5px 5px 70px;}
.widget_tin_posts li.list-left{padding-right:2px;}
.widget_tin_posts li.list-right{padding-left:2px;}
ul.no-pic li {padding:10px;border-bottom: solid 1px #eee;}
ul.no-pic li .tab-item-title{margin-bottom:5px;line-height:160%}
ul.no-pic li .tab-item-title a{font-size:14px;}
#sidebar .tin-tab.no-pic li:hover{background:transparent}
#sidebar .tin-tab.no-pic li:hover a{color:#d9534f}

/*  widget : singlerow
/* ------------------------------------ */
#footer-widgets-singlerow {padding:20px 0;}
#footer-widgets-singlerow ul li {width:20%;overflow:hidden; float:left;}
#footer-widgets-singlerow ul li .post-item-thumbnail {}
#footer-widgets-singlerow ul li .post-item-thumbnail:hover {opacity:0.6;filter: alpha(opacity=60);}
#footer-widgets-singlerow ul li .post-item-thumbnail img{margin:auto 0;}
#footer-widgets-singlerow ul li p{margin:5px;}
#footer-widgets-singlerow ul li p a{color:#000; font-weight:normal;}
#footer-widgets-singlerow p.post-item-title{text-align: center;}

/* Comments
/* ---------------------------- */
.comments-main{background:#fff; font-size:14px;padding: 5px 20px;}
.comments-main .pagination{margin-right:15px;padding-bottom:10px}
.commenttitle{padding:8px 0 6px; border-bottom:1px solid #d8d8d8;margin-bottom: 20px;}
span#comments,span#comments_quote{font-size: 16px;border-width: 0 0 2px 0;border-style: solid;padding: 5px 10px;color:#666;border-color: transparent;}
span#comments:hover,span#comments_quote:hover{border-color: #ccc;}
span#comments i,span#comments_quote i{margin-right: 2px;}
#quote_comments{display: none;}
.go-trackback{position: relative;margin-bottom: 20px;}
.go-trackback input,.go-trackback button{height:35px;line-height:25px;}
.go-trackback input{width:100%;padding:5px 88px 5px 10px;overflow:hidden;}
.go-trackback button{position:absolute;top:0;right:0;padding:5px 10px;color:#fff;background:#ccc;cursor:pointer;}
.commentlist{padding:0;position:relative}
.commentlist li.comment ul.children{margin-left:30px}
.commentlist li.comment ul li.comment ul.children{margin-left:0px}
.commentlist .depth-3{margin-left:20px;}
.commentlist .depth-4{margin-left:20px;}
.commentlist .depth-5{margin-left:20px;}
.commentlist .depth-6{margin-left:20px;}
.commentlist li{position:relative}
.commentlist .comment-body{padding:8px 0;position:relative;}
.commentlist .comment-body p{margin:5px 0;line-height: 150%;}
.commentlist a:hover{text-decoration:underline;}
.commentmetadata{margin-left:50px;color:#aaa;text-shadow:0px 1px 0px #fff}
.commentlist li .comment-body img.avatar{position:relative;float:left;width:54px;height:54px;background:#fff;border-radius: 2px;z-index: 2}
.commentlist .floor{white-space: nowrap;position:absolute;right:10px;top:35px;margin-top:-6px;color:#f78585;font-size:16px;display:none;z-index: 2;font-weight:bold}
.comment-body:hover .floor{display:inline-block;white-space:nowrap;}
.comment-main {margin-left:70px;padding:5px 30px 5px 15px;line-height: 25px;border-radius: 3px;position: relative;background: #fbfdfb;border: 1px #eee solid;}
.comment-main:before{content: '';display: inline-block;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 9px solid #eee;position: absolute;top: 15px;left: -9px}
.comment-main:after{content: '';display: inline-block;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid #fbfdfb;position: absolute;top: 17px;left: -7px;}
.comment-info span,.comment_author_ua .ua_img,.comment_author_ip .ip_img  {vertical-align: middle;margin: 0 2px;display: inline-block;line-height: 16px;white-space: nowrap !important;}
.comment_author_vip .vip {vertical-align: middle;opacity: 0.8; filter: alpha(opacity=80);background: url('../images/vip.png') no-repeat; display: inline-block;overflow: hidden;border: none;font-size: 0}
.comment_author_vip .vip:hover {opacity: 1;filter: alpha(opacity=100);}
.comment_author_vip .vip-blogger{background-position: -370px -2px;width: 20px;height: 15px;}
.comment_author_vip .vip-author{background-position: -340px -2px;width: 20px;height: 15px;}
.comment_author_vip .vip1{background-position: -31px -1px;width: 20px;height: 15px;}
.comment_author_vip .vip2{background-position: -66px -1px;width: 20px;height: 15px;}
.comment_author_vip .vip3{background-position: -101px -1px;width: 20px;height: 15px;}
.comment_author_vip .vip4{background-position: -136px -1px;width: 20px;height: 15px;}
.comment_author_vip .vip5{background-position: -171px -1px;width: 20px;height: 15px;}
.comment_author_vip .vip6{background-position: -206px -1px;width: 20px;height: 15px;}
.comment_author_vip .vip7{background-position: -241px -1px;width: 20px;height: 15px;}
.comment_author_ip {color: #aaa;vertical-align: bottom;}
.at_parent_comment_author{margin-right:5px;}
#respond_box{clear:both;padding:0;}
#respond{padding-bottom:30px}
.article #respond h3{padding:0}
#comment{background:#fff}
.cancel-comment-reply a{color:#08d;font-size:13px;}
.cancel-comment-reply a:hover{color:#777;font-size:13px;}
#commentform{position: relative;}
#commentform p{margin-top:5px;}
#commentform label{color:#777}
#commentform input{margin:3px 0 3px;padding:3px;}
#commentform input:focus{}
#commentform #author,#commentform #email,#commentform #url,#commentform #captcha{padding:5px 5px 5px 60px;border: 1px solid #ddd;}
#captcha-field label{padding-left:8px;}
#commentform textarea{margin-top:4px;padding:5px 15px;width:100%;height:120px;border:1px solid #e6e6e6;font-size:13px;overflow: visible;}
#commentform textarea::selection {background: #ccc;}
#commentform textarea:focus{outline: none;border-color: #ddd;border-color: rgba(82,168,236,.8);-webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);box-shadow: 0 0 8px rgba(82,168,236,.6);}
#commentform .comment-notify-login {position:absolute; left:50%; top:50%; margin-left:-54px; margin-top:10px;}
.comment-notify-login {margin-bottom:10px;}
.comment-login-pop-click {float:none;margin:0; padding:0; cursor:pointer;}
#commentform .comment-notify-login .comment-login-pop-click:hover {color:#00a67c;}
#commentform button#submit,#commentform button#reset{float:right}
.mail-notify-check{float: right;height: 30px;position: absolute;bottom: 0;right: 5px;margin-top: 8px;display:none}
#commentform #comment_mail_notify{width: 12px; height:12px; margin: 2px 2px 0 0; padding: 0;}
#real-avatar{display: inline-block;float: left;}
#real-avatar .avatar{padding:2px;border:1px solid #e6e6e6;background:#fff}
#welcome{display: inline-block;line-height: 40px;margin-left: 10px;}
#commentform a:link,#commentform a:visited{text-decoration:none}
#commentform a:hover{color:#777;text-decoration:none}
.ajaxcomm{height:30px;color:#777;line-height:30px}
#error {color:#f00;}
#comment-author-info{clear:both;}
.comment-form-input-info{float:left;position:relative;padding-right:4px;}
.comment-form-input-info input{width:100% !important}
.comment-form-input-info input:focus{}
.comment-form-input-info label{position:absolute;line-height: 27px;margin: 4px 0 0 1px;padding: 0 8px;border-right: 1px solid #ddd;background: #f5f5f5;}

/* Comment smilies and html tags */
.comt-smilie,.comt-format{cursor: pointer;float: left;line-height: 30px;width: 50px;}
#comt-smilie,#comt-format{background-color: #eee;padding: 3px 5px;position: relative;line-height: 0;float: left;overflow: visible !important;margin-top: -5px;}
#comt-smilie:before,#comt-format:before{display:inline-block;position: absolute;top: -5px;width: 0;height: 0;vertical-align: top;border-bottom: 6px solid #eee;border-right: 8px solid rgba(0,0,0,0);border-left: 8px solid rgba(0,0,0,0);content: "";opacity: 1;filter:alpha(opacity=100)}
#comt-smilie:before{left: 20px;}
#comt-format:before{left: 75px;}
#comt-smilie a{display:inline-block;width:20px;height:20px;text-align: center;}
.editor_tools a {border:1px solid #e8e8e8; margin: 2px 5px 2px 0; padding:6px; line-height:12px; width:auto; height:24px; float:left; overflow:hidden; display:inline-block; background: #f8f8f8; font-size: 12px;color:#08d;}
.editor_tools a:hover {color: #08d !important; border-color: #bbb;}

/* Comments pagination */
.cpagination {padding: 0px; margin: 25px 0 40px; text-align: center; position:relative;} 
.cpagination a, .cpagination .current{display:inline-block; color:#000; padding:8px 12px;font-size: 12px;line-height:12px;}
.cpagination a {background: #eaeaea; color: #000;-webkit-transition: background .2s linear;-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition:  background .2s linear;transition: background .2s linear;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.commentlist .cpagination .current, .commentlist .cpagination a:hover {background:#5CBDE7; color:#fff;text-decoration:none;}
.commentlist .cpagination a{color:#000;}
.commentlist .cpagination span.current, .commentlist .cpagination a  {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-decoration:none; margin:0 1px; min-width:10px;font-family: consolas;} 

/* Image Hover Effect
/* ----------- */
.thumb-img{overflow:hidden;position:relative;}
.thumb-img img{width:100%;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.thumb-img:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}
article.col:hover img,article.col-small:hover img,article.home-blog-entry:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}
.fancyimg{position: relative;}
.fancyimg span {opacity:0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:rgba(87,186,232,0.5); width: 100%; height: 100%;float: left; position: absolute; top:0; left: 0; border-radius: 3px; -webkit-transition: all 450ms ease;-moz-transition: all .6s ease;
-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.fancyimg span:hover {display: block;opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.fancyimg span i {width: 50px;height: 50px;margin: -25px 0 0 -25px;text-align: center;position: absolute;top: 50%;left: 50%;float: left;border-radius: 50px;color:#fff;/*padding: 9px;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.fancyimg span i:before{font-size: 50px;height: 50px; width: 50px;}
.tab-item-thumbnail{position: relative;}
.tab-item-thumbnail span {opacity:0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:rgba(87,186,232,0.7); width: 100%; height: 100%;float: left; position: absolute; top:0; left: 0; border-radius: 3px; -webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.tab-item-thumbnail span:hover,.post-item-thumbnail span:hover {display: block;opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.tab-item-thumbnail span i {width: 30px;height: 30px;margin: -15px 0 0 -15px;text-align: center;color: #f6f6f6;position: absolute;top: 50%;left: 50%;float: left;border-radius: 30px;padding: 5px;}
.tab-item-thumbnail span i:before{font-size: 20px;height: 20px;width: 20px;}
.post-item-thumbnail{position: relative;}
.post-item-thumbnail span {opacity:0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:rgba(0,0,0,0.3); width: 100%; height: 100%;float: left; position: absolute; top:0; left: 0; border-radius: 3px; -webkit-transition: all 450ms ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.post-item-thumbnail span i {width: 50px;height: 50px;margin: -25px 0 0 -25px;text-align: center;color: #6ab4ce;  position: absolute; top:50%; left: 50%; float: left; border-radius: 50px;background: rgba(255,255,255,0.8); padding: 9px;}
.post-item-thumbnail span i:before{font-size: 32px;height: 32px;width: 32px;}

/* Avatar rotate */
.avatar-rotate {animation: starrotate .8s; -moz-animation: starrotate .8s; -ms-animation: starrotate .8s; -webkit-animation: starrotate .8s;  -o-animation: starrotate .8s;}

/* Baidu Share CSS Customize
/* -------------------------- */
#bdshare_pop {width: 305px !important;}

/* Float Button
/* ----------------- */
.floatbtn{position:fixed; right:20px; bottom:100px; width:34px; font-size:25px;line-height:25px; text-align:center; z-index:999;}
.floatbtn span{cursor:pointer; background:rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000 
,endColorstr=#33000000);  width:34px; height:34px; color:#fff;display:block; position:relative; margin:5px 0;}
.floatbtn:before {content:""; clear:both;}
.floatbtn:after {content:""; clear:both;}
.floatbtn span a {color:#fff;}
.floatbtn span i {color:#fff; width:20px; height:20px; font-size:20px;line-height:20px; position:absolute; top:50%; left:50%; margin-top:-10px; margin-left:-10px;}
.floatbtn span i a{font-size: 20px;}
.floatbtn span i a:hover{color:#fff;}
.floatbtn span:hover {background:rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000 
,endColorstr=#99000000); }
.floatbtn #qr {position: relative;}
.floatbtn #qr #floatbtn-qr {width: 130px; height: 155px; padding: 5px; position: absolute; display: none; top: -48px; left: -180px;
opacity: 1; background: #ddd; border-radius: 5px; border: 3px solid #ddd;}
.floatbtn #qr #floatbtn-qr-msg {color: #000; font-size: 12px;text-align: center;}
.floatbtn .bds_more{background: url('../images/article-sprite.png') no-repeat -266px -366px !important; background-image:none !important; background-color:rgba(0,0,0,0.2); width:34px; height:34px; color:#fff;display:block; position:relative; margin:5px 0; padding: 0;float: inherit;}
.floatbtn .bds_more:hover{background:rgba(0,0,0,0.6);}
.floatbtn .bds_more i, .floatbtn .bds_more i:hover {opacity: 1; color: #fff;}
.floatbtn #bdshare {float: inherit;}

/* Lightbox
/* ----------------- */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right { height: 13px; }	
div.pp_default .pp_top .pp_left {background: url(../images/sprite.png) -78px -93px no-repeat; }
div.pp_default .pp_top .pp_middle {background: url(../images/sprite_x.png) top left repeat-x; }
div.pp_default .pp_top .pp_right {background: url(../images/sprite.png) -112px -93px no-repeat; }
div.pp_default .pp_content .ppt {color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(../images/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(../images/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content {background-color: #fff; }
div.pp_default .pp_next:hover {background: url(../images/next_h.png) center right  no-repeat; cursor: pointer; }
div.pp_default .pp_previous:hover {background: url(../images/prev_h.png) center left no-repeat; cursor: pointer; }
div.pp_default .pp_expand {transition:0;background: url(../images/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; }
div.pp_default .pp_contract {transition:0;background: url(../images/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; }
div.pp_default .pp_contract:hover { background: url(../images/sprite.png) 0 -113px no-repeat; cursor: pointer; }
div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/sprite.png) 2px 1px no-repeat; cursor: pointer; }
div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a {background:#888; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(../images/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(../images/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; }
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 30px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(../images/sprite.png) -78px -127px no-repeat; }
div.pp_default .pp_bottom .pp_middle { background: url(../images/sprite_x.png) bottom left repeat-x; }
div.pp_default .pp_bottom .pp_right { background: url(../images/sprite.png) -112px -127px no-repeat; }
div.pp_default .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat; }
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;	width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;	position: absolute;width: 100px;z-index: 10000;}
.pp_top {height: 20px;position: relative;}
* html .pp_top { padding: 0 20px; }		
.pp_top .pp_left {height: 20px;left: 0;position: absolute;width: 20px;}
.pp_top .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;}
* html .pp_top .pp_middle {left: 0;position: static;}
.pp_top .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {position: relative;text-align: left;width: 100%;}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {float: left;margin: 10px 0 2px 0;}
.pp_description {display: none;margin: 0;}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {clear: right;float: left;margin: 3px 10px 0 0;}
.pp_nav p {float: left;margin: 2px 4px;white-space: nowrap;}
.pp_nav .pp_play,.pp_nav .pp_pause {float: left;margin-right: 4px;text-indent: -10000px;}
a.pp_arrow_previous,a.pp_arrow_next {display: block;float: left;height: 15px;margin-top: 3px;overflow: hidden;text-indent: -10000px;	width: 14px;}
.pp_hoverContainer {	position: absolute;top: 0;width: 100%;z-index: 2000;}
.pp_gallery {display: none;left: 50%;margin-top: -50px;position: absolute;z-index: 10000;}
.pp_gallery div {float: left;overflow: hidden;position: relative;}
.pp_gallery ul {float: left;height: 35px;margin: 0 0 0 5px;padding: 0;position: relative;white-space: nowrap;}
.pp_gallery ul a {	border: 1px #000 solid;border: 1px rgba(0,0,0,0.5) solid;display: block;float: left;height: 33px;overflow: hidden;}
.pp_gallery ul a:hover,.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {display: block;float: left;margin: 0 5px 0 0;padding: 0;}
.pp_gallery li.default a {background: url(../images/default_thumbnail.gif) 0 0 no-repeat;display: block;height: 33px;width: 50px;}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next {margin-top: 7px !important;}
a.pp_next {background: url(../images/next.png) right center no-repeat;display: block;float: right;height: 100%;text-indent: -10000px;width: 49%;}
a.pp_previous {background: url(../images/prev.png) left center no-repeat;display: block;float: left;height: 100%;text-indent: -10000px;width: 49%;}
a.pp_expand,a.pp_contract {cursor: pointer;display: none;height: 20px;position: absolute;right: 30px;text-indent: -10000px;top: 10px;width: 20px;z-index: 20000;}
a.pp_close {position: absolute; right: 0; top: 0;display: block;line-height:22px;text-indent: -10000px;}
.pp_bottom {	height: 20px;position: relative;}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {height: 20px;left: 0;position: absolute;width: 20px;}
.pp_bottom .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;}
* html .pp_bottom .pp_middle {left: 0;position: static;}
.pp_bottom .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;}
.pp_loaderIcon {display: block;height: 24px;	left: 50%;margin: -12px 0 0 -12px;position: absolute;top: 50%;width: 24px;}
#pp_full_res {line-height: 1 !important;}
#pp_full_res .pp_inline {text-align: left;}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {	color: #fff;display: none;font-size: 17px;margin: 0 0 5px 15px;z-index: 9999;}

/* Sitenews marquee
/* ----------------- */
.bg-sitenews {width:100%;background:#fff;color:#222;font-size:14px;padding: 16px 10px 14px !important;margin:10px auto !important;border-radius:0 !important;position:relative;border: 1px solid #eaeaea;}
body.home .bg-sitenews {border: none;margin: 0px auto !important;display:block;}
body.home #sitenews-wrap{width: 100%;background: #fff;display:block;}
#sitenews-wrap .bg-sitenews{max-width: 1200px}
#sitenews-wrap.container{max-width: 100%;}
#news-scroll-zone{height:20px;overflow:hidden;line-height:20px;}
.bg-sitenews i.fa-volume-up{float:left;line-height:20px;margin:0 20px 0 0;padding: 0;/*color: #74D2A0;*/}
.bg-sitenews a:hover{text-decoration: underline;}

/* syntaxhighlighter
/* --------------- */
.crayon-table .crayon-nums-content {white-space: nowrap !important;word-break: normal !important;}

/* Login pop
/* ----------- */
.fadeIn #sign{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#sign,#sign a{font-size:12px !important;line-height:1.5;}
#sign{position:fixed;z-index:9999;top:80px;left:50%;width:400px;margin-left:-200px;opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,-600px,0);-moz-transform:translate3d(0,-600px,0);-o-transform:translate3d(0,-600px,0);transform:translate3d(0,-600px,0);min-height:200px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px}
#sign .part{min-height:425px;position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding:50px 50px 40px 50px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none}
#sign.sign .part.loginPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign.sign .part.registerPart{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0;display:block}
#sign.register .part.loginPart{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0;display:block}
#sign.register .part.registerPart{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign form h3{font-size:18px;margin-bottom:20px}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form .status .error{color:#ea4c89}
#sign form .status .success{color:#00c3b6}
#sign form p{margin:10px auto;position:relative}
#sign form label.error{color:#FFF;background-color:#7656E8;padding:0 4px;position:absolute;z-index:5;right:10px;top:11px}
#sign form label.icon{position:absolute;right:10px;top:5px;color:#999;font-size:20px;color:rgba(0,0,0,.3)}
#sign form label.icon i{width:20px;text-align:center}
#sign form input{border:1px solid #ddd;padding:10px;width:100%;box-sizing:border-box}
#sign ::-webkit-input-placeholder{color:#999}
#sign form input:focus{border:1px solid #00c3b6}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{padding-right:35px}
#sign form .submit{cursor:pointer;background-color:#00c3b6;color:#FFF;border:0 none;font-size:14px}
#sign form .submit:hover{background-color:#00b5a9}
#sign form .submit:focus{border:0 none}
#sign form .safe{color:#999;margin-top:20px}
#sign form .rememberme{width:inherit;margin-right:3px}
#sign form .lost{float:right}
#sign form .close{position:absolute;right:25px;top:0;width:50px;height:50px;border-radius:0 0 50px 50px;text-align:center;line-height:50px;background-color:#444;font-size:16px;color:#FFF}
#sign form .close i{-webkit-transition:all ease-out .3s;-moz-transition:all ease-out .3s;-o-transition:all ease-out .3s;transition:all ease-out .3s}
#sign form .close:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#sign .other-sign{border-top:1px solid rgba(0,0,0,.1);margin:20px -50px auto -50px;padding:0 50px}
.other-sign p{margin:10px auto 10px auto}
.other-sign a,.local-account a{display:inline-block;padding:6px 10px;border-radius: 3px;}
.other-sign a:hover,.local-account a:hover{color:#fff;}
.other-sign a i,.local-account a i{margin-right:5px}
.other-sign .qqlogin{background-color:#4a9cf8;color:#FFF;}
.other-sign .weibologin {background-color: #e14d4c;color: #FFF;}
#sign .other-sign div{width:50%;text-align:center;float:left;}
#sign .switch{color:#999;cursor:pointer;margin:15px auto;display:inline-block}
#sign .switch i{margin-right:5px;color:#1cbdc5}
.overlay {background: #000;opacity: .8;filter: alpha(opacity=80);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9998;}
.nav-wrap #login-reg{float: right;margin-left: 5px;margin-right:5px;font-size: 14px;padding: 23px 0;height: 80px;}
.nav-wrap #login-reg span{display: block;background-color: #757575;background-color: rgba(0,0,0,.2);color:#eee;color: rgba(255,255,255,.8);height: 34px;padding: 0 15px;line-height: 34px;overflow: hidden;display:inline-block;cursor:pointer;float:left;}
.nav-wrap #login-reg span:hover{color:#aaa;}
#user-login{border-radius: 4px 0 0 4px;}
#user-login.only-login{border-radius:4px;}
#user-reg{border-radius: 0 4px 4px 0;margin-left:1px}

.login-yet-click{float: right;border: 0;display: inline-block;height: 80px;line-height: 80px;padding:0 5px;position: relative;cursor: pointer;font-size: 14px;color: #00a67c;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.login-yet-click img{margin-top: 22px;vertical-align: middle;float:left;margin-right:8px;}
.login-yet-click .login-yet-click-inner{margin-left:5px; margin-right:5px;position:relative;}
.new-message-notify{position:absolute;top:10px;right:2px;height:10px;line-height:10px;}
.new-message-notify:before{content:"\f075" ;font-family: FontAwesome; font-size: 10px;}
.login-yet-click  a.new-message-notify:hover{}
.user-tabs{position: absolute;right:0;text-align:center;background-color: #1e2629;width: 150px;display: none;box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
.user-tabs span{display:block;clear:both;height:auto;line-height:20px;padding:8px 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.user-tabs span i{margin-right: 5px;}
.user-tabs span:hover{background-color: #fff}
.user-tabs span a,.user-tabs span i{color:#999999}
.user-tabs span:hover a,.user-tabs span:hover i{color:#428bca}
.login-yet-click a,.login-yet-click a:hover{color:#428bca}

/* Shortcode
/* ------------------------ */

/* Contextual backgrounds */
.contextual {padding: 15px; margin:10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-radius:3px;position:relative;}
.bg-primary {color: #fff; background-color: #428bca;}
.bg-notice{color:#7da33c;background: #ecf2d6;border-color:#aac66d;border-style:solid;border-width:0}
.bg-success {background-color: #dff0d8;color:#23BD2B;}
.bg-info {background-color: #d9edf7;}
.bg-warning {background-color: #fcf8e3;}
.bg-danger {background-color: #f2dede;}
.bg-lr2v{color: #31708f;background-color: #d9edf7;border: 1px solid #bce8f1;padding: 10px 8px;margin: 15px 0;text-align: center;overflow: hidden;}
.bg-lr2v i{margin:0 3px;}
.bg-lr2v .user-login{float:none;height:auto;line-height:100%;padding:0;margin:0;}
.bg-lr2v .user-login:hover{color:#00a67c;text-decoration:underline;}
.infobg-close{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:15px;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);
opacity: .2;text-align: center;line-height: 15px;font-size: 15px;cursor:pointer;}
.infobg-close:hover{color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5;}
.hasborder{border-width:1px;border-radius:0;}

/* with border */
.bs-callout {padding: 15px 20px 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.bs-callout h4 {margin-top: 0; margin-bottom: 10px; font-size: 125%;font-weight: 500;text-align: center;}
.bs-callout p {line-height: 1.5;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 {color: #5bc0de;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-danger {border-left-color: #d9534f;}
.bs-callout-danger h4 {color: #d9534f;}

/* Button */
a.btnhref:hover{text-decoration:none !important;border:none !important;}
a.btnhref:after{content:"" !important;}
.btn-group{overflow: hidden;}
.btn {text-indent: 0;margin-top: 5px; margin-bottom: 5px;display: inline-block; padding: 6px 12px; font-size: 14px;font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px;}
.btn:hover {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.btn-submit{color: #fff; background-color: #3bbfaf; border-color: #3bbfaf;}
.btn-default {color: #333; background-color: #fff; border-color: #ccc;}
.btn-primary{color: #fff; background-color: #428bca; border-color: #357ebd;}
.btn-success{color: #fff; background-color: #5cb85c; border-color: #4cae4c;}
.btn-info{color: #fff; background-color: #5bc0de; border-color: #46b8da;}
.btn-warning{color: #fff; background-color: #f0ad4e; border-color: #eea236;}
.btn-danger{color: #fff; background-color: #d9534f; border-color: #d43f3a;}
.btn-download{color: #fff;background:#5fbaac;border-top: 0;box-shadow: 0 0 0 1px #EEE;border:2px solid #fff}
.btn-download:before{content: "\f0ed"; display: inline-block; font-style: normal; font-family: FontAwesome; text-align: center; margin-right: 10px;}
.btn-product{color: #fff;background:#9e5BE0;border-top: 0;box-shadow: 0 0 0 1px #EEE;border:2px solid #fff}
.btn-product:before{content: "\f07a"; display: inline-block; font-style: normal; font-family: FontAwesome; text-align: center; margin-right: 10px;}
.btn-demo{border-top:0;color: #fff;background:#f78585;box-shadow: 0 0 0 1px #EEE;border:2px solid #fff}
.btn-demo:before{content: "\f06e"; display: inline-block; font-style: normal; font-family: FontAwesome; text-align: center; margin-right: 10px;}
.btn-lg{padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 5px;}
.btn-sm{padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.btn-xs{padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;}

/* Toggle content */
.toggle-wrap{margin:8px 0;clear:both;}
.toggle-click-btn{font-size: 110%;line-height:240%;background: #f5f5f5; border: 1px solid #ccc; position: relative; padding-left: 30px;font-weight: 500;}
.toggle-click-btn.yes:before{content: "\f0fe"; display: inline-block; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 5px;}
.toggle-click-btn.no:before{content: "\f146"; display: inline-block; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 5px;}
.toggle-content{border-width: 0 1px 1px 1px; border-color: #ccc; border-style:solid; padding: 8px 8px 8px 20px;}
.toggle-content p{text-indent: 0;}

/* Table */
.table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {padding: 8px;
  line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.table > thead > tr > th {vertical-align: bottom;border-bottom: 2px solid #ddd;}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td {border-top: 0;}
.table > tbody + tbody {border-top: 2px solid #ddd;}

/* Download page */
.dl-article-title{margin-bottom:5px;}
.dl-article-title a{font-size:12px;font-weight:bold;text-decoration:none;border:0;}
.dl-article-title a:hover{text-decoration: underline;}
.declaration,.use-des{border: 1px solid #DDDDDD;padding: 10px;line-height:18px;font-size:12px;margin:5px 0 10px;}
.downmid{margin-bottom: 10px;}
.downld{width:49.5%;float:left;}
.downld-meta{margin-top: 10px;background: #EDF5FC;border: 1px solid #AACCEE;padding: 5px 5px 5px 10px;font-size:12px;line-height:12px;color:#888;}
.downldlinks{text-align:center;border: 1px solid #AACCEE;border-top:0;padding:20px 10px;margin:0;}
.downldlinks h4{text-align:left;margin:5px 0;}
.downldlinks .buysaledl{border-bottom: 1px solid red;color:red;cursor: pointer;}
.downldlinks-inner{min-height: 123px;}
.downldlinks-inner .clicktodl{padding: 0 2px;color:red;}
.downldlinks p{font-size:12px;text-align:left;line-height:25px;}
.downldlinks p a:after{content:"";}
.downldlinks .dl-mail input[type=text] {width:200px; border-radius:3px; font-size:14px;font-style:italic; line-height:14px; padding:6px 10px;}
.downldlinks .dl-mail button[type=button] {margin:0 5px; border-radius:3px; font-size:13px;font-style:italic; line-height:14px; padding:7px 12px 7px 10px; color: #fff;background: #F80000;background: -webkit-linear-gradient(top, #F80000, #B44C4C);progid: DXImageTransform.Microsoft.gradient(startcolorstr=#ffF80000,endcolorstr=#ffB44C4C,gradientType=0);cursor:pointer;}
.downldlinks .dl-mail button[type=button]:hover {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.downldlinks .dl-terms {font-size:12px;}
.downldlinks .dl-terms a{border-bottom:1px solid #00a67c;}
.downldlinks .dl-terms p{display: block; color:#f00; font-size:12px;line-height:20px; margin:0;text-align:center;}
.downldlinks p.mail-dl-success{font-size:14px;font-style:italic; line-height:20px; padding:5px 20px; margin-bottom:10px;}
.downmid-ad{width:49.3%;float:right;}
.downmid-ad-top{margin-top: 10px;background: #F9F9F9;border: 1px solid #DDDDDD;padding: 5px 5px 5px 15px;font-size:12px;line-height:12px;color:#888;}
.downmid-ad-btm{text-align:center;border: 1px solid #DDDDDD;border-top:0;padding-top:5px;min-height:165px;}
.use-des{margin:10px 0;}
.downbtm-ad-left{width: 49.5%;float: left;text-align: center;}
.downbtm-ad-right{width: 49.2%;float: right;text-align: center;}
.dl-page-login-pop{padding: 0 2px;color: red;font-weight: bold;cursor: pointer;}
.tinalert{display: none;position: fixed;top:50%;left: 50%;width: 300px;min-height: 150px;margin-top:-75px;margin-left: -150px;box-shadow: 0 0 5px #aaa;background: #fafafa;border: 1px solid #aaa;}
.alert_title{padding:5px 10px;border-bottom:1px solid #aaa;margin-bottom:10px;background:#eee;}
.alert_title h4{font-size:15px;}
.alert_content{padding:0 10px;}
.tinalert p{line-height: 150%;font-size: 13px;}
.tinalert p span{padding: 0 2px;color:red;}
.tinalert .alert_close{position: absolute;top: 5px;right: 5px;width: 15px;height: 15px;border-radius: 15px;color: #888;text-align: center;line-height: 15px;
font-size: 15px;cursor: pointer;}
.confirm-buy,.alert_cancel{text-align: center;margin-top: 30px;}
.confirm-buy .btn,.alert_cancel .btn{margin: 5px 10px;padding: 4px 16px;}

/* Shop page
/* ----------- */
.shop-wrap{margin-top:-60px;background:#f1f1f1;}
.sub-billboard.shopping {background-image: url(../images/shop-bg.jpg);}
.sub-billboard {height: 250px;}
.billboard {text-align: center;color: #FFF;background: center top no-repeat #222;background-size: cover;}
.billboard .wrapper {height: 200px;margin-top: 50px;position: relative;width: 100%;left: 0;top: 0;display: inline-table;}
.billboard .inner {width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.sub-billboard .inner h1 {font-size: 28px;letter-spacing: 1px;line-height: 1.2;margin-bottom: 10px;color:#fff;}
.sub-billboard .inner p{font-size:12px;line-height:1.5;}
.container.shop {background-color: #f1f1f1;position: relative;}
.navcaret#guide {text-align: center;padding-top: 10px;background-color: #f1f1f1;position: relative;}
.navcaret#guide ul li {float: none;display: inline-block;margin: auto 20px;margin-bottom: -1px;}
.navcaret#guide .current-menu-item {border-bottom: 1px solid #666;}
#goodslist{margin: 20px auto 30px auto;overflow:hidden;}
.shop-item{margin: auto 6px;background-color: #FFF;box-shadow: 0 1px 1px rgba(0,0,0,0.15);overflow: hidden;position: relative;border: 10px solid #FFF;border-bottom: 0 none;}
.shop-item h3,.shop-item h3 a{font-weight:400;font-size:14px;line-height:25px;height:25px;overflow:hidden;}
.shop-item p{font-size:12px;line-height:20px;font-weight:400;height:40px;overflow:hidden;}
.shop-item .pricebtn{margin:10px 0 15px;font-size:16px;height:auto;color:#6D27D3;line-height:26px;}
.shop-item .pricebtn strong{font-size:20px;font-weight:normal;}
.pricebtn .buy{background-color: #6D27D3;display: inline-block;border-radius: 2px;color: #FFF;padding: 3px 10px;float: right;font-size: 12px;line-height:18px;}
.pricebtn .buy:hover{background-color:#9e5BE0;}
#single-blog-wrap.container.shop{margin:20px auto;}
.shop .area{background-color: #fff;margin-bottom: 20px;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.shop .product-content{padding: 40px;max-width: 1100px;margin: auto;font-size:13px;}
.shop .breadcrumb {color: #999;margin-bottom: 20px;font-size:13px;}
.shop .breadcrumb a {color: #999;font-size:13px;}
.shop .breadcrumb a:hover{text-decoration:underline;}
.shop .product {position: relative;}
.shop .product .preview {width: 360px;height: 300px;text-align: center;color: #FFF;position: absolute;left: 0;top: 0;}
.shop .product .preview img {display: block;margin: auto;border: 1px solid rgba(0,0,0,.05);box-shadow:none;}
.shop .product .preview .view-share {height: auto;margin-top: 10px;line-height: 24px;}
.shop .product .preview .view {float: left;color: #999;}
.shop .product .preview .share {float: right;color:#999;}
.share a {width: 24px;height: 24px;display: inline-block;margin-right: 5px;background: url(../images/share.png);cursor: pointer;margin-bottom: -8px;opacity: .8;position: relative;top: -2px;}
.share a.bds_qzone{background-position: 0 -65px !important;}
.share a.bds_tsina{background-position: 0 0 !important;}
.share a.bds_tqq{background-position: 0 -163px !important;}
.share a.bds_weixin{background-position: 0 -32px !important;position: relative;z-index: 2;}
.share a.bds_weixin #weixin-qt{left:-120px;border-color:#aaa;}
.shop .product .property {margin-left: 400px;min-height: 400px;color: #999;}
.shop .product .property .row {padding: 5px 20px;}
.shop .product .property .title h1 {font-size: 18px;margin-bottom: 5px;color: #333;}
.shop .product .property .summary {background-color: #f5f5f5;padding: 10px 20px;margin: 10px auto;color: #333;}
.shop .product .property .summary li {padding: 5px 0;}
.shop .product .property .dt {width: 70px;display: inline-block;color: #999;}
.shop .product .property .summary .summary-price strong {font-size: 24px;color: #6D27D3;font-weight: normal;font-family: Arial;}
.shop .product .property .summary .summary-price strong em {font-size: 14px;font-style: normal;margin-right: 3px;}
.shop .product .property .amount .amount-number {display: inline-block;vertical-align: middle;border: 1px solid #d8d8d8;height: 32px;overflow: hidden;}
.shop .product .property .amount .control {height: 32px;line-height: 32px;width: 20px;text-align: center;display: block;float: left;font-size: 12px;color: #999;background-color: #f5f5f5;}
.shop .product .property .amount .amount-input {border: 1px solid #e1e1e1;border-top: 0 none;border-bottom: 0 none;vertical-align: middle;width: 60px;height: 32px;padding: 8px 6px;text-align: center;float: left;}
.shop .product .property .amount .amount-input:focus{box-shadow: none;border-color: #e1e1e1 !important;}
.shop .product .property .buygroup {margin-top: 20px;}
.shop .product a.buy-btn.sold-out,.shop .product a.buy-btn.free-buy,.shop .product a.buy-btn.sold-out:hover,.shop .product a.buy-btn.free-buy:hover{background-color: #9e9e9e;cursor: default;}
.shop .product a.buy-btn, .shop .product a.set-email-btn {background-color: #6D27D3;width: 160px;height: 40px;line-height: 40px;text-align: center;color: #FFF;display: inline-block;font-size: 16px;cursor:pointer;}
.shop .product a.buy-btn:hover, .shop .product a.set-email-btn:hover{background-color:#9e5BE0;}
.shop .product a.buy-btn i, .shop .product a.set-email-btn i {margin-right: 8px;}
.shop .product .main-content {height: auto;overflow: hidden;}
.shop .product .main-content .shop-content {width: 100%;float: left;}
.shop .product .mainwrap {height: auto;margin-left: 260px;}
.shop .product .nav {height: 48px;border: 1px solid #d8d8d8;margin: auto;position: relative;}
.shop .product .nav .intro {display: none;width: 260px;height: 100%;float: left;}
.shop .product .nav li {float: left;height: 48px;line-height: 48px;display: block;cursor: pointer;position: relative;}
.shop .product .nav li.active {border-top: 2px solid #6D27D3;position: relative;z-index: 1;margin: -1px 0 0 -1px;}
.shop .product .nav li a {padding: 0 20px;border-right: 1px dotted #d2d2d2;color: #666;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.shop .product .nav li a i {margin-right: 5px;}
.shop .product .nav li.active a {display: block;height: 100%;line-height: 47px;color: #6D27D3;border-left: 1px solid #e4c1c1;border-right: 1px solid #e4c1c1;}
.shop .product .nav li.active:after {content: '';display: block;border-width: 5px;border-style: solid;border-color: #6D27D3 transparent transparent;width: 0;height: 0;font-family: arial;position: absolute;top: -1px;left: 50%;margin-left: -5px;}
.shop .product .nav li a em {font-style: normal;margin-left: 5px;color: #6D27D3;}
.shop .product #wrapnav .fixed-buy-btn {font-size: 14px;float: right;display: none;height: 50px;line-height: 50px;}
.shop .product .mainwrap .wrapbox {margin: 20px auto;display: none;}
#single-blog-wrap .area .single-content {max-width: 960px;padding: 10px;margin: auto;font-size: 14px;line-height: 1.8;}
.shop #reviews .comments-main{padding: 10px;}
.shop .product .mainwrap .wrapbox p {margin: 10px auto;}
#history .history-tip {text-align: center;padding: 20px;margin: auto;background-color: #f5f5f5;color: #666;}
#single-blog-wrap .area .single-content p {margin: 20px auto;}

#history .pay-history,.order-history {margin: auto;}
#history .pay-history .greytip {text-align: right;color: #999;margin: 10px auto;}
#history .pay-history table,.order-history table {text-align: center;border-collapse: collapse;border-spacing: 0;}
#history .pay-history td, #history .pay-history th,.order-history td,.order-history th {padding: 10px;}
#history .pay-history th,.order-history th {border-top: 1px solid #d8d8d8;background-color: #f5f5f5;}
#history .pay-history td,.order-history td {border-bottom: 1px dotted #e5e5e5;color: #666;}
.shop .product .main-content .shop-sidebar {float: left;width: 240px;margin-left: -100%;border: 1px solid #e5e5e5;box-sizing: border-box;padding-bottom: 10px;}
.shop .product .main-content .shop-sidebar h3 {padding: 0 10px;height: 48px;line-height: 48px;border-bottom: 1px solid #e5e5e5;background-color: #f9f9f9;color: #666;font-size: 12px;font-weight:normal;}
.shop .product .main-content .shop-sidebar h3 i {margin-right: 5px;}
.shop .product .main-content .shop-sidebar ul li {display: block;margin-bottom: 0;line-height: 1;margin-top: 6px;}
.shop .product .main-content .shop-sidebar ul li p{padding: 8px 10px;font-size: 12px;color:#6D27D3;}
#order {font-size: 12px;display: none;position: absolute;width: 860px;left: 50%;top: 20px;margin-left: -430px;background-color: #FFF;z-index: 9999;}
#order #alipayment {border-top: 1px solid #e5e5e5;}
#order #pay {border-top: 5px solid #f5f5f5;}
#order #pay .part-order {height: auto;overflow: hidden;}
#order #pay ul {padding: 20px;}
#order #pay h3 {color: #3bbfaf;font-size: 16px;margin-bottom: 20px;}
#order #pay h3 span {color: #999;margin-left: 5px;font-size: 12px;}
#order #pay ul li {margin: 10px auto;}
#order #pay ul label {display: inline-block;width: 90px;text-align: right;margin-right: 10px;}
#order #pay ul label small {color: #ea4c89;margin-right: 3px;font-size:smaller;}
#order #pay ul li input[readonly] {background-color: #f5f5f5;color: #999;}
#order #pay ul input {background-color: #FFF;border: 1px solid #e5e5e5;box-shadow: 0 1px 1px rgba(0,0,0,.05) inset;padding: 5px 8px;width: 250px;}
#order #pay .checkout {background-color: #f5f5f5;padding: 20px;border-bottom: 1px solid #e5e5e5;height: auto;overflow: hidden;}
#order #pay .checkout #promote{float:left;line-height:42px;}
#order #pay .checkout #promote input{height: 36px;width: 160px;}
#order #pay .checkout #promote #promote_code_apply{padding: 9px 12px;color: #fff;background: #AEAEAE;height: 42px;cursor: pointer;}
#order #pay .checkout #pay-submit {float: right;background-color: #6D27D3;color: #FFF;border: 0 none;padding: 12px 40px;cursor: pointer;}
#order #pay .checkout #pay-submit:hover {background-color: #9e5BE0;}
#order #pay .checkout #total-price {float: right;margin: 12px 20px 0 0;}
#order #pay .checkout #total-price strong {color: #6D27D3;font-size: 20px;font-weight: normal;margin-right: 3px;}
#order #pay .popup-close {cursor:pointer;position: absolute;width: 50px;height: 50px;line-height: 50px;text-align: center;background-color: #444;right: 0;top: 0;color: #FFF;font-size: 16px;}
#order #pay .popup-close i {-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;-o-transition: all ease-out .3s;transition: all ease-out .3s;}
#order #pay .popup-close:hover i {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.label-title{position: relative;background: #C5E7C4;color: #666;padding: 35px 10px 5px;border-radius: 3px;}
.label-title span{background: #fff;padding: 5px 10px;position: absolute;top: 0;border-top: 1px solid #38DD66;color:#38DD66;}
.label-title p{line-height:150%;}

/* Radio page
/* ----------- */
body.page-template-page-radio-php .container-radio {max-width: 1200px; margin: 0 auto;}
body.page-template-page-radio-php #single-blog-wrap {padding-top: 0;}
body.page-template-page-radio-php .content {padding: 0;background: none;overflow: hidden;}
body.page-template-page-radio-php #pp_full_res iframe {width:100%;}
.live-online{padding: 30px 0 10px;overflow: hidden;}
.live-online ul li{display: inline-block;width: 25%;float:left;}
.live-online ul li a{width: 100%;text-align: center;color: #575757;font-size: 13px;text-decoration: none;position:relative;display:inline-block;overflow: hidden;}
.live-online ul li a:hover p{bottom:0;}
.live-online p{text-align: center;color: #fff;font-size: 14px;line-height:25px;text-indent: 0;padding: 0 !important;position:absolute;bottom:-30px;width:100%;background:rgba(0,0,0,0.5);}
.live-online .wp-caption {width: 100% !important;padding:5px 10px;}
.live-online img {margin:0 auto;border-radius:0;border: 1px solid #eee;box-shadow:0 1px 5px rgba(0,0,0,.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);width:100%;}
.live-online img:hover {border-color:#eee;box-shadow:0 1px 15px rgba(0,0,0,.2);-moz-box-shadow:0 1px 15px rgba(0,0,0,.2);	-webkit-box-shadow:0 1px 15px rgba(0,0,0,.2);-webkit-filter:grayscale(70%);}
.container-radio #box2{display: none;}
.box-control{width: 100px;margin: 10px auto 100px;}
.box-control li{float: left;width: 40px;height: 10px;border: 1px solid #fff;background: #227cc0;margin-left: 5px;cursor: pointer;}
.box-control li:hover{background: #ccc;}
.box-control li.active{background: #f90;cursor: default;}

/* prettyprint
/* ------------ */
.precode {overflow-x:auto;overflow-y:hidden;margin-bottom:15px;border:1px solid #e1e1e8;border-radius:3px;background:#f7f7f9;position: relative;}
.precode pre{border:0;border-radius:0;}
pre {border:1px solid #e1e1e8;border-radius:3px;white-space: nowrap; white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;overflow-x:auto;}
.precode::-webkit-scrollbar {height:10px;background:#F8E4FF url(../images/stripes_tiny.png) repeat;box-shadow:2px 2px 2px #DDDAFF;border-radius:3px;}
.precode::-webkit-scrollbar-button {display:none;}
.precode::-webkit-scrollbar-thumb {background:#A286FF !important;border-radius:3px;}
.precode::-webkit-scrollbar-thumb:horizontal:hover {background:#B3A2FF !important;box-shadow:3px 3px 3px #F5EEF3;}
.precode::-webkit-resizer {display:none;}
.prettyprint {padding:8px;background-color:#f7f7f9;line-height:25px;width:auto;min-width:95%;width:95%;font-size:14px;}
.prettyprint.linenums {-webkit-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;-moz-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;}
.old-code {display: none;border: none;line-height: 25px;letter-spacing: 1px;}
.com {color:#93a1a1;}
.lit {color:#195f91;}
.pun,.opn,.clo {color:#93a1a1;}
.fun {color:#dc322f;}
.str,.atv {color:#D14;}
.kwd,.prettyprint .tag {color:#1e347b;}
.typ,.atn,.dec,.var {color:teal;}
.pln {color:#48484c;}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {margin:0 0 0 33px;/* IE indents via margin-left */padding-left:0;list-style: decimal outside;}
ol.linenums li{padding-left:12px;color:#bebec5;line-height:25px;margin-top:0;margin-bottom:0;list-style: decimal outside;}
pre.code {position: relative;}
pre.code textarea{position: absolute;top: 0;left: 41px;width: 100%;height: 100%;margin: 0;padding: 8px 0px 8px 11px;border: none;line-height: 25px;font-size: 13px;font-family: Monaco,Menlo,Consolas,"Courier New",monospace !important;background-color: #F7F7F7;overflow: hidden;resize: none;}
pre.code textarea:focus {border: none;box-shadow: none;}
.comment-main .prettyprint{font-size:12px;}

/* CSS3 Animate
/* ---------------- */
@keyframes heartbomb{
  0% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1);  transform:scale(1,1); }
  40% {opacity:0.3; -webkit-transform:scale(5,5); -moz-transform:scale(5,5); -ms-transform:scale(5,5); -o-transform:scale(5,5); transform:scale(5,5);}
  100% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);-ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1);}
}
@-moz-keyframes heartbomb{
  0% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1);}
  40% {opacity:0.3; -webkit-transform:scale(5,5);  -moz-transform:scale(5,5); -ms-transform:scale(5,5);  -o-transform:scale(5,5);  transform:scale(5,5);}
  100% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1); -ms-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1);}
}
@-webkit-keyframes heartbomb{
  0% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1); transform:scale(1,1);}
  40% {opacity:0.3; -webkit-transform:scale(5,5);  -moz-transform:scale(5,5);-ms-transform:scale(5,5);  -o-transform:scale(5,5);  transform:scale(5,5);}
  100% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1); -ms-transform:scale(1,1);-o-transform:scale(1,1); transform:scale(1,1);}
}
@-0-keyframes heartbomb{
  0% {opacity:1; -webkit-transform:scale(1,1);  -moz-transform:scale(1,1);-ms-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1);}
  40% {opacity:0.5; -webkit-transform:scale(5,5); -moz-transform:scale(5,5);-ms-transform:scale(5,5);  -o-transform:scale(5,5); transform:scale(5,5); }
  100% {opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);-ms-transform:scale(1,1);  -o-transform:scale(1,1); transform:scale(1,1); }
}

@keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);-moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2);  -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-moz-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);-moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);-moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1);-o-transform:rotate(1080deg) scale(1,1);transform:rotate(1080deg) scale(1,1); opacity:1;}
}
@-webkit-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1); -o-transform:rotate(0deg) scale(1,1); transform:rotate(0deg) scale(1,1);  opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2); -moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1); -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1);  transform:rotate(1080deg) scale(1,1);  opacity:1;}
}
@-o-keyframes starrotate{
  0% { -webkit-transform:rotate(0deg) scale(1,1); -moz-transform:rotate(0deg) scale(1,1);-ms-transform:rotate(0deg) scale(1,1);-o-transform:rotate(0deg) scale(1,1);transform:rotate(0deg) scale(1,1); opacity:1;}
  50% { -webkit-transform:rotate(540deg) scale(2,2);  -moz-transform:rotate(540deg) scale(2,2);-ms-transform:rotate(540deg) scale(2,2); -o-transform:rotate(540deg) scale(2,2); transform:rotate(540deg) scale(2,2); opacity:0.5; }
  100%{ -webkit-transform:rotate(1080deg) scale(1,1);  -moz-transform:rotate(1080deg) scale(1,1);-ms-transform:rotate(1080deg) scale(1,1); -o-transform:rotate(1080deg) scale(1,1); transform:rotate(1080deg) scale(1,1); opacity:1;}
}