/*
main css style
*/

body {
    background: #f2f2f2;
    padding-top: 65px;
    padding-bottom: 15px;
    min-width: 300px;
}

@font-face {
    font-family: 'arial-bold';
    src: url('../fonts/arial-bold.eot');
    src: url('../fonts/arial-bold.eot?#iefix') format('eot'),
    url('../fonts/arial-bold.woff') format('woff'),
    url('../fonts/arial-bold.otf') format('opentype'),
    url('../fonts/arial-bold.ttf') format('truetype'),
    url('../fonts/arial-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

/* Top Menu */
#topmenu {
    border-top: 3px solid #2f2f2f;
    top: 0;
}

.navbar-default {
    background-color: #fff;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

#topmenu .logo {
    height: 50px;
    overflow: hidden;
    padding: 0 0 0 9px;
}

#topmenu .nav > .active > a,
#topmenu .nav > .active > a:hover,
#topmenu .nav > .active > a:focus {
    background-color: #f7f7f7;
}

#topmenu .nav > li > a:focus,
#topmenu .nav > li > a:hover {
    background-color: #fbfbfb;
}

#topmenu ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

#topmenu .dropdown-menu {
    background-color: #fbfbfb;
    border: 1px solid #f5f5f5;
    border-bottom: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#topmenu .dropdown-toggle {
    cursor: pointer;
}

#topmenu .dropdown-menu li a {
    border-bottom: 2px solid #f5f5f5;
    padding-top: 5px;
    padding-bottom: 5px;
}

#topmenu .dropdown-menu > li:last-child a {
    border-bottom: 1px solid #f5f5f5;
}

#topmenu .dropdown-menu li a:hover, #topmenu .dropdown-menu li a:focus {
    background-color: #39b3d7;
    color: #fff;
}

#topmenu .dropdown-menu .active > a {
    background-color: #fbfbfb;
    color: #333;
}

#topmenu .dropdown-menu .active > a:hover {
    background-color: #39b3d7;
    color: #fff;
}

#topmenu .dropdown-menu .dropdown-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display: none;
}

#topmenu .dropdown-menu li:hover .dropdown-menu {
    display: block;
}

#topmenu .dropdown-menu .dropdown > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

#topmenu .dropdown-menu .dropdown:hover > a:after {
    border-left-color: #ffffff;
}

#topmenu .navbar-form .search-query {
    box-shadow: none;
    width: 120px;
}

.topmenu-social {
    color: #39b3d7;
    float: right;
    font-size: 16px;
    margin: 13px 0 0 20px;
}

.topmenu-social:hover {
    color: #c5c5c5;
}

/* Masonry */
#masonry {
    margin: 0 auto;
    min-height: 250px;
    visibility: hidden;
    margin-top: 35px;
}

#masonry .thumb {
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 0.9em;
    float: left;
    margin: 0 6px 12px 6px;
    padding: 10px 10px 5px 10px;
    position: relative;
    width: 200px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}

#masonry .sticky {
    background: #ffd;
}

#masonry .list_tool_bar_wrap {
    height: 25px;
    position: absolute;
    top: 5px;
    width: 100%;
    text-align: center;
}

#masonry .thumbtitle {
    line-height: 1.3em;
    margin: 1px 0 6px 0;
    text-align: center;
}

#masonry img {
    width: 100%;
}

#masonry a {
    color: #000;
}

#masonry a:hover {
    text-decoration: none;
}

#masonry .masonry-meta {
    border-top: 1px solid #f5f5f5;
    clear: both;
    color: #888;
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 5px 0;
}

#masonry .masonry-meta a {
    color: #a1a1a1;
    font-style: italic;
}

#masonry .masonry-meta a:hover {
    color: #39b3d7;
}

#masonry .masonry-meta-author {
    font-weight: bold;
}

#masonry .masonry-meta-comment {
    margin-left: 35px;
}

#masonry .masonry-meta-avatar {
    float: left;
    height: 25px;
    margin: 2px 0px 5px 0;
    width: 25px;
}

#masonry .masonry-meta-avatar img {
    border-radius: 50%;
}

#ajax-loader-masonry {
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: 48%;
    z-index: 100;
}

.ajax-loader {
    background: transparent url("../images/ajax-loader-2.gif");
    height: 24px;
    margin: 0 auto;
    vertical-align: middle;
    width: 24px;
}

#infscr-loading {
    background: #000;
    bottom: 0;
    color: #fff;
    left: 50%;
    margin-left: -60px;
    opacity: 0.3;
    padding: 5px;
    position: fixed;
    text-align: center;
    width: 120px;
    z-index: 100;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#infscr-loading img {
    width: 43px;
}

/* Post */
.post-wrapper {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.post-wrapper .h1-wrapper {
    border-bottom: 1px solid #eee;
}

.post-wrapper .h1-wrapper h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 10px 25px;
    text-align: center;
}

.post-wrapper .post-content {
    margin: 5px 25px 25px 25px;
    position: relative;
}

.post-wrapper .post-content img {
    max-width: 100%;
}

.post-wrapper .post-meta-top {
    margin: 0 25px;
    padding: 5px 0 15px 0;
}

.post-wrapper .post-comments {
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.post-wrapper .post-comments-wrapper {
    margin: 0 25px;
}

.subpage-title h1 {
    font-size: 1.8em;
    line-height: 1.2em;
    padding-bottom: 0.6em;
    margin-bottom: 5px;
    text-align: center;
}

.subpage-title p {
    border-top: 3px double #ccc;
    padding: 8px 0;
    text-align: center;
}

#post_content_block {
    font-size: 15px;
}

#post_content_block figcaption {
    text-align: center;
}

/* #post_content_block figure:first-child {display:none;}*/

/* Navigation */
#navigation {
    clear: both;
    display: none;
}

#navigation .pager a, .post-wrapper .pager a {
    border-radius: 5px;
}

#navigation .pager a:hover, .post-wrapper .pager a:hover {
    background-color: #39b3d7;
    color: #fff;
}

#scrolltotop {
    bottom: 0;
    position: fixed;
    right: 15px;
    z-index: 999;
}

#scrolltotop a {
    color: #666;
    display: block;
    font-weight: bold;
    line-height: 1em;
    padding: 10px 20px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: rgba(252, 252, 252, 0.9);
}

#scrolltotop a:hover {
    color: #444;
    text-decoration: none;
}

/* Footer */
#footer {
    color: #7f7f7f;
    margin: 20px auto 0 auto;
    z-index: 100;
}

#footer a {
    color: #a5a5a5;
}

/* Images */
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

.gallery-caption {
    color: #888;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

embed,
iframe,
object,
video {
    max-width: 100%;
}

/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin: 10px auto;
    max-width: 95%;
    padding: 10px 10px 0 10px;
    text-align: center;
}

.wp-caption img {
    margin: 0 0 5px 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 5px 5px 5px;
}

/* Customized */
.form-inline .form-group .form-control {
    padding: 6px 5px;
    margin-bottom: 5px;
}

.form-inline .btn {
    padding: 6px 3px;
    margin-bottom: 5px;
}

#more {
    text-align: center;
    cursor: pointer;
    display: none;
    z-index: 1000;
}

#more {
    margin-top: 15px;
}

#more .more {
    background: #000 none repeat scroll 0 0;
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    border-radius: 5px;
    color: #fff;
    opacity: 0.3;
    padding: 5px 44px;
    text-align: center;
    width: 120px;
    z-index: 100;
}

#more .more:hover {
    text-decoration: none;
}

/*index thumb*/
.thumbtitle, .thumbtitle .h2, .thumbtime {
    text-align: left;
}

.thumbtitle .h2 {
    display: block;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
    height: 48px;
    line-height: 16px;
    overflow: hidden;
}

.thumbtitle .name, .thumbtitle .time_ago {
    color: #a1a1a1 !important;
}

.thumbtitle a.name:hover {
    text-decoration: underline !important;
}

.thumbtitle .bullet {
    font-weight: bold;
}

.thumbtime {
    font-size: 12px;
    display: block;
    width: 100%;
    color: #898989;
    border-bottom: solid #f5f5f5 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.thumbtime_icon {
    text-align: left;
    font-size: 12px;
    display: block;
    width: 100%;
    border-bottom: solid #f5f5f5 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 25px;
    color: #898989;
}

.thumbsummary {
    padding-bottom: 0px;
    color: #a1a1a1;
    max-height: 64px;
    line-height: 16px;
    overflow: hidden;
}

.thumbsummary_more {
    padding-bottom: 0px;
    color: #a1a1a1;
    max-height: 96px;
    line-height: 16px;
    overflow: hidden;
}

#masonry .masonry-meta {
    padding: 5px 0;
}

#masonry .masonry-meta-comment {
    margin-left: 0;
}

.article_image {
    margin: 25px;
    padding: 0px;
}

.article_image img {
    max-width: 649px;
    width: 100%;
    height: auto;
}

.favicon img {
    width: auto !important;
}

.single_source_name, .single_publish_date {
    float: none;
    line-height: 30px;
    color: #898989;
}

.single_source_name {
    margin-right: 25px;
}

.single_publish_date {
    color: #b95f5e;
}

#masonry .thumb {
    height: 245px;
}

#masonry a {
    display: block;
}

#masonry .thumb-holder {
    height: 245px;
    overflow: hidden;
    position: relative;
}

.original_url {
    /*float: left;*/
    clear: both;
    margin: 20px 0;
}

.single #navigation {
    display: none;
}

*::before, *::after {
    box-sizing: border-box;
}

*::before, *::after {
    box-sizing: border-box;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -5px;
}

/*top menu*/
.navbar-default .navbar-brand {
    color: #CCCC00;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #00bf00;
}

/*mobile top menu*/
.mobile_top_nav {
    display: none;
}

.mobile_top_nav ul, .mobile_top_nav ul li {
    list-style: none;
}

.mobile_top_nav ul li {
    display: inline-block;
    float: left;
}

.mobile_top_nav ul li a {
    float: left;
    font-size: 14px;
    height: 50px;
    line-height: 20px;
    padding: 16px 5px 14px;
    color: #777;
}

.mobile_top_nav ul li.active a {
    color: #00bf00 !important;
}

.mobile_top_nav ul {
    margin: 0 !important;
}

.mobile_top_nav form {
    border: 0px;
}

/*#814*/
.list_img {
    display: block;
    /*width: 200px;*/
    height: 150px;
    background-size: cover !important;
    background-color: #000000 !important;
    margin-left: auto;
    margin-right: auto;
}

.mask_tags_left_top {
    background-color: #000000;
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 2px 10px;
    position: absolute;
    top: 0;
    z-index: 50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.mask_tags_left_bottom {
    background-color: #000000;
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 2px 10px;
    position: absolute;
    top: 129px;
    z-index: 50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.logo img {
    height: 30px;
    margin-top: 6px;
    margin-right: 10px;
}

#sidebar-left h4 {
    clear: both;
}

#ajax_loader {
    position: absolute;
    left: 50%;
    top: 40%;
}

.like_count {
    border: 1px solid #999999;
    border-radius: 50%;
    /*background: url("../images/circle_bg_30x30.png") no-repeat left top;*/
    background-size: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    float: left;
    font-size: 14px;
    color: #585858;
}

.home .like_count {
    cursor: pointer;
}

.detail_page_wrap .like_count {
    cursor: text;
}

.author_avatars_span {
    float: left;
    padding-left: 3px;
}

.author_avatars_span a {
    float: left;
}

.avatar {
    float: left;
    margin-left: 0;
    margin-right: 3px;
    border-radius: 50%;
}

#masonry .avatar-25 {
    height: 25px;
    width: 25px !important;
}

#masonry .avatar-30 {
    height: 30px;
    width: 30px !important;
}

.auto_translated {
    float: right;
    color: #ABABAB;
}

.translated_btn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #E1E1E1;
    border-radius: 6%;
    color: #ababab;
    float: left;
    /*margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;*/
    height: 25px;
}

.translated_btn_selected {
    background: #898989 none repeat scroll 0 0;
    color: #ffffff;
}

.like_btn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 6%;
    color: #ababab;
    float: right;
    height: 25px;
}

.like_btn_disabled {
    background: #898989 none repeat scroll 0 0;
    color: #ffffff;
}

.bullet {
    padding-left: 2px;
    padding-right: 2px;
}

.like_bar {
    display: block;
    height: 40px;
    padding-top: 10px;
}

.tags_bar {
    display: table;
    height: 40px;
    padding-top: 30px;
}

.tags_bar_icon {
    padding-right: 5px;
}

.tags_bar a {
    color: #898989;
}

.tags_bar a:hover {
    color: #585858;
    font-weight: bold;
    text-decoration: none;
}

.push-bar {
    display: block;
    padding-top: 1px;
}

/*sign in layer popup*/
.layui-layer {
    border-radius: 5px !important;
}

/*login bar*/
#topmenu .login-bar {
    font-family: "Arial";
    float: right;
    /*background: #efefef none repeat scroll 0 0;*/
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 16px 10px 17px 20px;
    padding: 0;
}

#topmenu .login-bar .login-btn {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    background-color: #4b99f8;
    padding: 7px 15px;
    border: solid 1px #4b99f8;
    border-radius: 3px;
}

#topmenu .login-bar .login-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

#topmenu .login-bar .user-profile {
    font-family: "Arial", sans-serif;
    margin: 0;
    padding: 0;
    float: left;
}

#topmenu .make-a-post {
    margin: 8px 10px 0 0;
    padding: 5px 10px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    float: right;
    cursor: pointer;
}

#topmenu .make-a-post:hover {
    background-color: #f9f9f9;
}

#topmenu .make-a-post a {
    color: #666666;
    text-decoration: none;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/
}

#topmenu .make-a-post a:hover {
    /*color: #000000;*/
    text-decoration: none;
}

/*Import an article -->>>*/
.share-a-link-wrap {
    background: url("../images/circle_bg_32x32_pen.png") no-repeat left top;
    background-size: 100%;
    margin: 8px 0px 0 0;
    width: 32px;
    height: 32px; /*border: solid 1px #878787;*/
    float: right;
    border-radius: 50%;
    list-style: none;
    padding: 0;
    padding-bottom: 1px;
    display: table;
    background-color: #6da1ff;
    cursor: pointer;
}

.share-a-link-wrap:hover {
    background: #f2f2f2 url("../images/circle_bg_32x32_hover.png") no-repeat left top !important;
}

.share-a-link-active {
    background: #f2f2f2 url("../images/circle_bg_32x32.png") no-repeat left top !important;
}

.share-a-link-wrap li {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    outline: none;
    color: #666666;
    background: url("../images/icon_share_a_link_pen.png") no-repeat center;
}

.share-a-link-active li {
    background: url("../images/icon_share_a_link_pen_act.png") no-repeat center !important;
}

.share-a-link-wrap:hover li {
    background: url("../images/icon_share_a_link_pen_hover.png") no-repeat center !important;
}

.share-a-link-wrap a img {
    display: none;
}

.share-a-link-drop-down ul, .share-a-link-drop-down ul li {
    list-style: none;
    width: 130px;
    margin: 0 auto;
    padding: 0;
}

.share-a-link-drop-down ul li {
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: solid 1px #cccccc;
    border-radius: 3px;
    margin-bottom: 8px;
    cursor: pointer;
}

.share-a-link-drop-down ul li a {
    color: #585858;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
}

.share-a-link-drop-down ul li.last {
    margin: 0;
}

.enter-a-link-wrap {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: "Arial";
}

.enter-a-link-wrap h1 {
    font-size: 14px;
    color: #585858;
    margin: 50px auto 25px auto;
    font-weight: bold;
}

input#enter-a-link {
    font-size: 14px;
    color: #585858;
    width: 80%;
    height: 34px;
    padding: 0 16px;
    border: solid 1px #c1c1c1;
    border-radius: 3px;
    background: #ffffff;
    outline: none;
    margin-bottom: 30px;
}

#enter-a-link-submit {
    -webkit-appearance: none;
    font-size: 12px;
    width: 107px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    background-color: #4b99f8;
    cursor: pointer;
}

#parse_link_loading {
    display: none;
    width: 100%;
    height: 255px;
    background: #ffffff;
    z-index: 1000;
    position: absolute;
    top: 0;
    border-radius: 5px;
    text-align: center;
}

#parse_link_loading img {
    width: 64px;
    height: 64px;
    margin-top: 75px;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#parse_link_loading h1 {
    font-size: 14px;
    color: #585858;
    margin: 15px auto 25px auto;
    font-weight: bold;
}

#parse_link_err {
    display: none;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    float: left;
    width: 100%;
    height: 57px;
    line-height: 57px;
    text-align: center;
    background-color: #fd4343;
    border-radius: 0 0 5px 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
}

.disable_close {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
    z-index: 19891016;
    pointer-events: visible;
}

/*Import an article --<<<*/

/*message alert -->>>*/
.message-alert-wrap {
    margin: 8px 0px 0 20px;
    width: 33px;
    height: 31px;
    border: solid 0px #878787;
    float: right;
    list-style: none;
    padding: 0;
    display: table;
    background: url("../images/icon_message_bg.png") no-repeat left top;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
}

.message-alert-active {
    background: url("../images/icon_message_bg_active.png") no-repeat left top;
}

.message-alert-wrap li {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.message-alert-wrap .count {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 19px;
    height: 19px;
    line-height: 20px;
    font-size: 12px;
    color: #ffffff;
    display: block;
    text-align: center;
    background-color: #ff1e1e;
    border-radius: 50%;
}

/*Cascading pop-up menus*/
.message-alert-drop-down {
    height: 450px;
    overflow: hidden;
}

.message-alert-drop-down .single-messsage {
    width: 96%;
    color: #000000;
    border-bottom: solid 1px #f1f1f1;
    margin: 0 auto;
    padding: 5px 0;
    min-height: 62px;
}

.message-alert-drop-down .single-messsage:first-child {
    margin-top: -6px;
}

.message-alert-drop-down .single-messsage:last-child {
    border: 0;
}

.message-alert-drop-down .avatar_wrap,
.message-alert-drop-down .text_wrap,
.message-alert-drop-down .time_wrap {
    display: table-cell;
    color: #b8b8b8;
    margin: 0;
    padding: 0px;
    vertical-align: middle;
    text-align: left;
}

.message-alert-drop-down .avatar_wrap {
    width: 62px;
    height: 62px;
    padding: 16px 20px 16px 13px;
}

.message-alert-drop-down .avatar_wrap a {
    display: inline-block;
}

.message-alert-drop-down .avatar_wrap img {
    height: 30px;
    width: 30px;
}

.message-alert-drop-down .avatar_wrap img {
    border-radius: 50%;
    border: solid 1px #999999;
}

.message-alert-drop-down .avatar_wrap img.system_message {
    border-radius: 0;
    border: 0;
}

.message-alert-drop-down .avatar_wrap img:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.message-alert-drop-down .text_wrap {
    line-height: 16px;
    width: 274px;
    padding-right: 6px;
}

.message-alert-drop-down .text_wrap a {
    outline: none;
    color: #67a1e4;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    display: inline;
    margin-right: 3px;
}

.message-alert-drop-down .text_wrap p {
    padding: 0;
    margin: 0;
    text-indent: 0;
}

.message-alert-drop-down .time_wrap {
    width: 92px;
    text-align: right;
    padding-right: 6px;
}

.message-alert-drop-down .font-bold {
    font-weight: bold;
}

/*message alert --<<<*/

/*Processing... -->>>*/
#processing_loading {
    width: 100%;
    height: 255px;
    background: #ffffff;
    position: absolute;
    top: 0;
    border-radius: 5px;
    text-align: center;
}

#processing_loading img {
    width: 64px;
    height: 64px;
    margin-top: 75px;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#processing_loading h1 {
    font-size: 14px;
    color: #585858;
    margin: 15px auto 25px auto;
    font-weight: bold;
}

#processing_err, #processing_suc {
    display: none;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    float: left;
    width: 100%;
    height: 57px;
    line-height: 57px;
    text-align: center;
    background-color: #fd4343;
    border-radius: 0 0 5px 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
}

#processing_suc {
    background-color: #A5DC86;
}

/*Processing... --<<<*/

#topmenu .login-bar .user-profile .logout {
    display: none;
    padding: 0;
    margin: 7px 0 0 0;
    text-align: center;
    background: #fbfbfb;
    border: dashed 1px #e5e5e5;
}

#topmenu .login-bar .user-profile li:hover ul {
    display: block;
    width: 100%;
}

#topmenu .login-bar .user-profile .logout li {
    border-bottom: solid 1px #ffffff;
}

#topmenu .login-bar .user-profile .logout li.last {
    border-bottom: none;
}

#topmenu .login-bar .user-profile .logout li:hover {
    background: #f2f2f2;
}

#topmenu .login-bar .user-profile .logout a {
    text-decoration: none;
    color: #666666;
    display: block;
    padding: 0 10px;
    text-align: left;
}

#topmenu .login-bar .user-profile .logout a:hover {
    text-decoration: none;
    /*color: #000000;*/
}

#topmenu .login-bar .user-profile li {
    list-style: none;
}

#topmenu .login-bar .user-profile li ul li {
    height: 30px;
    line-height: 30px;
}

#topmenu .login-bar .user-profile #user-name {
    display: block;
    min-width: 65px;
    color: #666666;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    padding: 2px 10px 2px 10px;
    font-size: 18px;
    font-weight: normal;
}

#topmenu .login-bar .user-profile #user-name:hover {
    text-decoration: none;
    background-color: #f2f2f2 !important;
    border-radius: 3px;
}

/*profile setting*/
.profile, .profile .navbar-header {
    min-width: 400px;
}

#profile_setting {
    margin: 35px auto 0 auto;
    min-width: 125px;
}

#profile_setting table {
    height: 500px;
    width: 100%;
    max-width: 500px;
    background: #ffffff;
    margin: auto;
}

#profile_setting th {
    padding: 15px;
    text-align: center;
    font-size: 27px;
    color: #CC9900;
    background: #F1EFEA;
}

#profile_setting td {
    padding: 15px;
}

.profile #profile_setting input.text {
    height: 55px;
    width: 320px;
    padding: 10px;
    border: solid 1px #D6D3CE;
    border-radius: 3px;
    background: #FFFFFF;
}

.profile #save_profile_setting {
    width: 80px !important;
    height: 40px;
    border: 1px solid #cacaca;
    border-radius: 3px;
    float: right;
    margin-right: 9px;
}

.layui-layer-ico {
    background-position: 0 -40px !important;
}

.layui-layer-setwin .layui-layer-max {
    background-position: -32px -40px !important;
}

.navbar-collapse.in, .navbar-header {
    overflow: visible; /*mobile visible*/
}

/* edit like in detail page>>>*/
#delete_post_by_editor, #edit_page {
    cursor: pointer;
    text-decoration: underline;
    padding-left: 5px;
    padding-right: 15px;
}

#pick_page {
    cursor: pointer;
    text-decoration: underline;
}

.picked {
    cursor: text !important;
    text-decoration: none !important;
    color: #cccccc;
}

.edit-page {
    padding: 0px;
}

.edit-page .title {
    padding-bottom: 5px;
}

.edit-page h2 {
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    font-size: 14px;
}

.edit-page .title input {
    width: 100%;
    height: 30px;
    padding: 0 0px;
}

.edit-page .summary {
    margin-bottom: 5px;
}

.edit-page .save {
    margin-top: 8px;
}

.edit-page .save input {
    float: right;
    width: 75px;
    height: 30px;
}

/*profile edit page<<<*/

/*Custom Share Buttons With Floating Sidebar Settings>>>*/
.leftSocialButtonOnPage .sharethis-arrow {
    width: 126px !important;
}

.leftSocialButtonOnPage .sharethis-arrow span {
    cursor: text !important;
}

.leftSocialButtonOnPage .sharethis-arrow span {
    padding-top: 5px !important;
}

#socialButtonOnPage {
    margin-bottom: 20px !important;
    margin-top: 10px !important;
}

/*Custom Share Buttons With Floating Sidebar Settings<<<*/

/*profile header bar*/
.page-template-profile-php #topmenu {
    margin-bottom: 0;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}

.profile-header-bar {
    width: 100% !important;
    background: #ffffff;
    position: relative;
    margin-top: -11px;
    height: auto;
    border-bottom: solid 1px #EEEEEE;
}

/*user info layout>>>*/
.profile-header-bar .user-info-bar {
    height: auto;
    clear: both;
    padding-top: 15px;
    padding-bottom: 8px;
}

.profile-header-bar .user-pic {
    padding: 0;
    margin: 0 auto;
    width: 118px;
    height: 118px;
}

.user-info-bar .user_pic_follow_wrap {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 300px;
    height: 118px;
}

.user-info-bar .follow {
    display: block;
    width: 91px;
    height: 30px;
    background: url("../images/follow.jpg") no-repeat left top;
}

.user-info-bar .unfollow {
    display: block;
    width: 107px;
    height: 30px;
    background: url("../images/unfollow.jpg") no-repeat left top;
}

.profile-header-bar .follow_wrap {
    position: absolute;
    right: 0;
    width: 110px;
    top: 23px;
    padding-left: 40px;
}

.follow_wrap h3 {
    cursor: pointer;
}

.profile-header-bar .user-pic img {
    width: 118px;
    height: 118px;
}

.profile-header-bar .user-name {
    padding: 0;
    margin: 30px auto 20px auto;
    line-height: 22px;
    font-size: 30px;
    display: table;
}

/*user info layout<<<*/

/*profile header tab menu>>>*/
#topmenu .logined {
    height: 33px;
    margin: 7px 0 9px 10px;
}

#topmenu-avatar-wrapper {
    float: right;
    margin: 9px 0 10px 20px !important;
}

#topmenu-avatar {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    border: solid 1px #cccccc;
}

.profile-header-bar .tab-menu {
    clear: both;
    margin-top: 0;
    background: url("../images/profile_bar_header_bg_multi_line.jpg") repeat left top;
}

.profile-header-bar .tab-menu .profile_menu {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: table;
    line-height: 54px;
    padding-top: 0px;
}

.profile-header-bar .tab-menu .profile_menu li {
    display: inline-block;
    margin: 0px;
    padding: 0px 40px;
    background: url("../images/profile_menu_space.jpg") right center no-repeat;
}

.profile-header-bar .tab-menu .profile_menu li.last {
    background: none;
}

.profile-header-bar .tab-menu .profile_menu_space {
    width: 1px;
}

.profile-header-bar .tab-menu .profile_menu_space span {
    width: 1px;
    height: 24px;
    background: #d7d7d7;
    display: block;
}

.profile-header-bar .tab-menu .profile_menu li a {
    display: block;
    padding: 0 24px;
    text-decoration: none;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    color: #4d4d4d;
    font-size: 16px;
    font-weight: bold;
}

.profile-header-bar .tab-menu .profile_menu li a:hover {
    background: #e2e2e2;
}

.profile-header-bar .tab-menu .profile_menu li a:hover, .profile-header-bar .tab-menu .profile_menu li a:hover span {
    color: #4d4d4d;
    text-decoration: none;
}

.profile-header-bar .tab-menu .profile_menu li a span {
    color: #b3b3b3 !important;
    padding-right: 10px;
    font-size: 12px;
    font-weight: normal;
}

.profile-header-bar .tab-menu .profile_menu li a.active,
.profile-header-bar .tab-menu .profile_menu li a.active span,
.profile-header-bar .tab-menu .profile_menu li a.active:hover {
    color: #529DF8 !important;
    font-weight: bold;
}

/*profile header tab menu<<<*/

.profile .user-profile li.bar {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
}

.avatar {
    border: 1px solid #cccccc;
}

.profile .user-profile li.author_picture {
    padding: 0 5px 0 0;
}

.profile .user-profile li.user_nav {
    padding: 0 5px;
}

.profile .user-profile li ul li {
    float: none;
    display: block;
}

.profile .user-profile #user-name {
    display: block !important;
    height: 30px !important;
}

.profile .user-profile .logout {
    margin: 0 !important;
}

.disabled {
    background-color: #F2F2F2 !important;
}

/*profile page form*/
.profile_search_bar {
    float: left;
    margin-left: 27px;
    position: relative;
    z-index: 101;
}

#MenuBarSearchForm {
    margin-top: 8px;
}

.menu-bar-icon-search {
    position: absolute;
    left: 5px;
    top: 0px;
    padding: 6px 5px 4px 5px;
    font-size: 18px;
    color: #cccccc;
    cursor: pointer;
    height: 32px;
}

.menu-bar-icon-search-bar {
    position: relative;
    display: table;
    width: 646px;
}

.menu-bar-search-icon-key {
    height: 34px;
    width: 600px;
    padding: 6px 18px 6px 33px;
    border-radius: 3px 0 0 3px;
    display: table-cell;
    border: solid 1px #cccccc;
}

.MenuBarSearchForm input.logined {
    border-radius: 3px 0 0 3px;
}

/*menu bar*/
.menu-bar-ico {
    display: table-cell;
    width: 46px;
    border: solid 1px #cccccc;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    text-align: center;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    background: #ffffff url("../images/menu_bar_ico_act.png") no-repeat scroll center center;
}

.menu-bar-ico:hover {
    border-color: #f2f2f2;
    background: #f2f2f2 url("../images/menu_bar_ico_act.png") no-repeat scroll center center !important;
}

.menu-bar-ico-active {
    border-color: #cccccc;
    background: #f2f2f2 url("../images/menu_bar_ico_act.png") no-repeat scroll center center !important;
}

.menu-bar-ico img {
    padding: 0 0 2px 0;
    display: none;
}

/*menu bar countries*/
.menu-bar-countries {
    display: table;
    padding: 0 10px 0 10px;
}

.mobile-menu-bar {
    display: none;
}

.menu-bar-countries h1, .menu-bar-countries span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #777777;
    line-height: 30px;
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}

.menu-bar-countries h1 {
    width: 100%;
}

.menu-bar-countries h1 a {
    color: #777777;
    text-decoration: none;
}

.menu-bar-countries h1 a:hover {
    color: #000000;
}

.menu-bar-countries span, .menu-bar-countries span a {
    font-size: 12px;
    font-weight: bold;
    color: #777777;
    text-decoration: none;
}

.menu-bar-countries span a:hover {
    color: #000000;
    text-decoration: none;
}

.tooltipster-content .footer, .mobile-menu-bar .footer {
    clear: both;
    width: 100%;
    display: block;
    line-height: 20px;
    font-size: 14px;
    border-top: solid 1px #ebebeb;
    padding: 8px 10px 0 10px;
    margin-top: 10px;
}

.mobile-menu-bar .footer {
    padding-bottom: 10px;
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 0px;
}

.tooltipster-content .footer a, .mobile-menu-bar .footer a {
    color: #b8b8b8;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

.tooltipster-content .footer .text, .mobile-menu-bar .footer .text {
    margin-left: 20px;
}

.tooltipster-content .footer a:hover, .mobile-menu-bar .footer a:hover {
    color: #000000;
}

.tooltipster-content .footer a.mid::after, .mobile-menu-bar .footer a.mid::after {
    content: ".";
    position: relative;
    right: -4px;
    top: -3px;
}

.tooltipster-content a.active, .mobile-menu-bar a.active {
    color: #000000;
}

/*explore menu*/
.explore_menu_wrap {
    float: right;
    display: table;
}

.explore_menu_wrap a {
    display: table-cell;
    text-decoration: none;
    color: #777;
    font-family: "arial";
    font-size: 14px;
    font-weight: normal;
    width: 38px;
    height: 20px;
    padding: 15px;
    padding: 15px;
}

.explore_menu_wrap a:hover {
    background-color: #fbfbfb;
    color: #333333;
}

.explore_menu_wrap a.active {
    background-color: #f7f7f7;
    color: #00bf00;
}

/*go_button*/
.go_button {
    width: 354px;
    height: 178px;
    background: #ffffff;
    border-radius: 5px;
    margin: 100px auto 0 auto;
    display: table;
    text-align: center;
    -webkit-box-shadow: #e3e3e3 0px 0px 30px;
    -moz-box-shadow: #e3e3e3 0px 0px 30px;
    box-shadow: #e3e3e3 0px 0px 30px;
}

.go_button p {
    max-width: 288px;
    margin: 43px auto 23px auto;
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    line-height: 24px;
}

.go_button .go {
    width: 108px;
    height: 30px;
    background: #4b99f8;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

/*profile <<<*/

/*setting page>>>*/
.share_bar {
    padding: 0;
    margin: 0 0 0 0;
    width: 100%;
    height: 29px;
}

.share_bar .left_social {
    float: left;
}

.share_bar .right_share {
    float: right;
}

.share_bar .left_social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.share_bar .left_social ul li {
    display: inline-block;
    width: 30px;
    height: 29px;
    margin-right: 12px;
}

.share_bar .left_social .fb {
    background: url("../images/social_fb_2.png") no-repeat left top;
}

.share_bar .left_social .fb a {
    display: block;
    width: 30px;
    height: 29px;
    background: url("../images/social_fb_1.png") no-repeat left top;
}

.share_bar .left_social .tw {
    background: url("../images/social_tw_2.png") no-repeat left top;
}

.share_bar .left_social .tw a {
    display: block;
    width: 30px;
    height: 29px;
    background: url("../images/social_tw_1.png") no-repeat left top;
}

.share_bar .left_social .print {
    background: url("../images/social_print_2.png") no-repeat left top;
}

.share_bar .left_social .print a {
    display: block;
    width: 30px;
    height: 29px;
    background: url("../images/social_print_1.png") no-repeat left top;
}

.share_bar .left_social .in {
    background: url("../images/social_in_2.png") no-repeat left top;
}

.share_bar .left_social .in a {
    display: block;
    width: 30px;
    height: 29px;
    background: url("../images/social_in_1.png") no-repeat left top;
}

.share_bar .right_share ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.share_bar .right_share ul li {
    display: inline-block;
    height: 18px;
    line-height: 18px;
}

.share_bar .right_share ul li a {
    font-size: 12px;
    color: #a3a3a3;
    text-decoration: none;
}

.share_bar .right_share .share {
    width: 59px;
    /*border-right: solid 1px #e5e5e5;*/
}

.share_bar .right_share .bookmark {
    padding-left: 23px;
}

/*share social ico>>>*/
.tooltipster-base, .tooltipster-content {
    z-index: 1031 !important;
    pointer-events: auto;
    padding: 8px 0 !important;
}

.tooltipster-content .social {
    clear: both;
    padding: 8px 20px;
}

.tooltipster-content .last {
    padding-bottom: 5px;
}

.tooltipster-content .social img {
    width: 20px;
    height: 20px;
    float: left;
}

.tooltipster-content .social span {
    font-size: 14px;
    font-family: "arial-bold";
    font-weight: normal;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    color: #585858;
    text-decoration: none;
}

.tooltipster-content .social a:hover {
    text-decoration: none;
}

/*share social ico<<<*/
.location-global {
    display: table;
    padding: 0;
    margin: 0 auto;
}

.location-global ul {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}

.location-global ul li {
    display: inline-block;
    padding-right: 2px;
}

.location-global .location, .location-global .global {
    font-size: 12px;
    color: #a3a3a3;
    word-break: break-all; /*support IE，chrome，FF not support*/
    word-wrap: break-word; /*support IE，chrome，FF*/
}

.location-global .location-ico, .location-global .global-ico {
    padding-right: 5px;
}

.location-global .global a {
    font-size: 12px;
    color: #a3a3a3;
    text-decoration: none;
}

.location-global .location {
    padding-right: 20px;
}

.about_you {
    display: table;
    margin: 20px auto 20px auto;
    padding: 0;
    color: #a3a3a3;
    font-size: 14px;
    max-width: 450px;
    text-align: center;
}

.about_you p {
    margin-bottom: 0;
    /*word-break:break-all;*/ /*support IE，chrome，FF not support*/
    word-wrap: break-word; /*support IE，chrome，FF*/
}

.follower_following {
    display: table;
    margin: 20px auto 20px auto;
    padding: 0;
    font-size: 14px;
    max-width: 450px;
    text-align: center;
}

.follower_following a {
    color: #cacaca;
    font-family: "arial";
}

.follower_following a:hover {
    color: #585858;
    text-decoration: none;
}

.follower_following span {
    float: left;
    font-family: "Arial";
    font-weight: bold;
    color: #cecece;
}

.follower_following .follower {
    float: left;
}

.follower_count {
    padding-left: 15px;
    float: left;
    color: #000000 !important;
    front-weight: bold;
}

.follower_following .following {
    float: left;
    padding-left: 55px;
}

.following_count {
    float: left;
    padding-left: 15px;
    color: #000000 !important;
    front-weight: bold;
}

/*setting page<<<*/

/*profile responsive<<<*/

/*profile responsive>>>*/

/*fix responsive issue*/
#topmenu .container {
    position: relative;
}

/*detail page landing page>>>*/
/*tool bar ico*/
.tool_bar .ico_like {
}

/*.detail_page_wrap .container { width: 1288px !important; }*/
.related_articles_wrap {
    width: 30%;
    padding-right: 10px;
}

.related_articles {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-right: 10px;
    background: #ffffff;
    border: solid 1px #ececec;
}

.google_box {
    margin-top: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.related_articles .article {
    clear: both;
    display: table;
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 7px;
    border-bottom: solid 1px #ececec;
}

.related_articles .article a {
    display: block;
    line-height: 18px;
    max-height: 54px;
    overflow: hidden;
    font-family: "arial-bold";
    font-weight: normal;
}

.related_articles h1, .suggest_peoples h1 {
    font-size: 14px;
    font-weight: normal;
    font-family: "arial-bold";
    color: #b8b8b8;
    width: 100%;
    margin-bottom: 26px;
}

.related_articles h2, .related_articles h2 a {
    margin-top: 18px;
    font-size: 14px;
    font-weight: normal;
    font-family: "arial-bold";
    color: #585858;
    text-decoration: none;
}

.suggest_peoples h2, .suggest_peoples h2 a {
    margin-top: 18px;
    font-size: 14px;
    font-weight: normal;
    font-family: "arial-bold";
    color: #585858;
    text-decoration: none;
}

.related_articles .picture {
    display: block;
    width: 100%;
    height: 145px;
    background-size: cover !important;
    background-color: #ededed !important;
    margin-left: auto;
    margin-right: auto;
}

.article_wrap {
    width: 78.5%;
    padding-left: 0;
    padding-right: 10px;
}

/*right column>>>*/
.detail_right_column {
    float: left;
    padding: 0;
    width: 21.5%;
}

/*display source user name>>>*/
.source_user_wrap {
    padding: 20px 15px 23px 15px;
    margin: 0 0 10px 0;
    background: #ffffff;
    border: solid 1px #ececec;
    display: table;
    width: 100%;
}

.source_user_wrap h1 {
    font-size: 14px;
    font-family: "arial-bold";
    font-weight: normal;
    color: #b8b8b8;
    width: 100%;
    margin-bottom: 26px;
    margin-top: 0;
}

.source_user {
    margin-bottom: 27px;
}

.engaged_articles .article {
    clear: both;
    display: table;
    width: 100%;
    padding-bottom: 14px;
    border-bottom: solid 1px #ececec;
    margin-bottom: 23px;
}

.engaged_articles .last {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.engaged_articles .picture {
    display: block;
    width: 100%;
    height: 145px;
    background-size: cover !important;
    background-color: #ededed !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
}

.engaged_articles .article h2 {
    margin: 0;
    padding: 0;
}

.engaged_articles .article .no_bg {
    margin-top: -9px;
}

.engaged_articles .article a {
    display: block;
    line-height: 18px;
    max-height: 54px;
    overflow: hidden;
    font-family: "arial-bold";
    font-weight: normal;
    margin-top: 0px;
    font-size: 14px;
    color: #585858;
    text-decoration: none;
}

/*display source user name<<<*/

/*suggest peoples>>>*/
.suggest_peoples_wrap {
    padding: 0 15px;
    background: #ffffff;
    border: solid 1px #ececec;
    width: 100%;
}

.suggest_peoples {
    float: none;
    max-width: 100%;
    padding: 0;
}

.suggest_peoples {
    clear: both;
}

.suggest_peoples .people {
    clear: both;
    display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom: solid 1px #ececec;
}

.suggest_peoples h1 {
    margin-bottom: 16px;
    font-family: "arial-bold";
    font-weight: normal;
}

.suggest_peoples .name {
    padding-left: 5px;
    width: auto;
    height: 40px;
    line-height: 40px;
}

.suggest_peoples h2 {
    display: table-cell;
    font-size: 13px;
    font-family: "arial-bold";
    font-weight: normal;
    /*height: 40px;*/
    margin: 0;
    padding: 0 0 0 5px;
    vertical-align: middle;
}

.suggest_peoples h3 {
    margin: 0;
    padding: 5px 0 0 5px;
    font-size: 12px;
    font-weight: normal;
    color: #cdcdcd;
    display: block;
    font-family: "arial-bold";
}

.suggest_peoples h3:hover {
    color: #509CF8;
    cursor: pointer;
}

.suggest_peoples ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.suggest_peoples li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-cell;
    vertical-align: middle;
}

.suggest_peoples img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.related_articles .last, .suggest_peoples .last {
    border: 0;
}

.related_articles .more, .suggest_peoples .more {
    clear: both;
    font-size: 12px;
    color: #cdcdcd;
    text-align: center;
    padding: 20px 0 10px;
    display: none;
}

/*suggest peoples<<<*/

/*tool bar*/
.article_image {
    margin-top: 0;
}

#double-left-column {
    float: right;
    padding: 0;
    width: 70%;
}

#double-left-column, .post-wrapper {
    position: relative;
    padding-bottom: 10px;
}

.tool_bar_space {
    height: 42px;
    position: relative;
}

#tool_bar {
    position: absolute;
    z-index: 999;
}

.post-wrapper .tool_bar {
    height: 42px;
    line-height: 42px;
    width: 100%;
    background: #ffffff;
}

.post-wrapper .tool_bar .box {
    margin: 0 15px;
    height: 42px;
    line-height: 30px;
    border-bottom: solid 1px #e6e6e6;
}

.tool_bar .like, .tool_bar .share, .tool_bar .published-edit {
    float: right;
    cursor: pointer;
}

.detail_page_wrap .like_wrap {
    border-radius: 3px;
    padding: 0 0 0 15px;
    height: 30px;
    float: right;
    margin-top: 6px;
}

.detail_page_wrap .like_wrap:hover {
    background: #f2f2f2;
}

.detail_page_wrap .tool_bar_like {
    padding: 0;
}

.tool_bar .like {
    margin-right: 12px;
}

.tool_bar .liked {
    color: red;
}

.tool_bar .visit_site {
    float: left;
    cursor: pointer;
    width: 110px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    margin-top: 6px;
    margin-right: 18px;
    text-align: center;
    margin-left: 10px;
    padding: 0 15px;
}

.tool_bar .visit_site:hover {
    background: #f2f2f2;
}

.tool_bar .visit_site a {
    display: block;
    text-align: center;
    margin: 0px auto 0 auto;
    text-decoration: none;
}

.tool_bar .visit_site a:hover {
    text-decoration: none;
}

.tool_bar .visit_site .text {
    display: table-cell;
    vertical-align: bottom;
    line-height: 30px;
}

.tooltipster-content .liked_users {
    clear: both;
    padding: 8px 18px 0 18px;
}

.tooltipster-content .liked_users h1 {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: normal;
    font-family: "arial-bold";
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: left;
}

.tooltipster-content .liked_users ul, .tooltipster-content .liked_users ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tooltipster-content .liked_users ul {
    margin-bottom: 12px;
}

.tooltipster-content .liked_users ul li {
    display: table-cell;
    vertical-align: middle;
}

.tooltipster-content .liked_users img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

.tooltipster-content .liked_users a {
    font-size: 14px;
    font-family: "arial-bold";
    font-weight: normal;
    text-decoration: none;
    color: #585858;
}

.tool_bar .liked_count {
    float: right;
    font-size: 14px;
    color: #585858;
    font-weight: normal;
    font-family: "arial-bold";
    /*height: 30px;*/
    line-height: 11px;
    /*border-radius: 3px;*/
    margin-top: 9px;
    /*margin-right: 6px;
    margin-left: 8px;*/
    padding: 0 15px;
    cursor: pointer;
}

/*.tool_bar .liked_count:hover {
    background: #f2f2f2;
}*/
.tool_bar .likes {
    border-radius: 3px;
}

.tool_bar .vertical_line {
    border-left: solid 1px #e5e5e5;
    width: 1px;
    height: 12px;
    margin-top: 8px;
    float: right;
}

.tool_bar .share, .tool_bar .published-edit {
    width: auto;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    margin-top: 6px;
    margin-right: 18px;
    text-align: center;
    padding: 0 15px;
}

.tool_bar .share {
    background: #6da1ff;
    margin-left: 5px;
}

.tool_bar .share .icon-share {
    background: url("../images/ico_detail_tool_bar_share_default.png") no-repeat left center !important;
}

.tool_bar .icon-share {
    color: #ffffff !important;
}

.tool_bar .share:hover, .tool_bar .published-edit:hover {
    background: #f2f2f2;
}

.tool_bar .share:hover .icon-share {
    background: url("../images/ico_detail_tool_bar_share_hover.png") no-repeat left center !important;
}

.tool_bar .share:hover .icon-share {
    color: #6da1ff !important;
}

.tool_bar .text {
    font-size: 14px;
    color: #585858;
    font-weight: normal;
    font-family: "arial-bold";
    display: table-cell;
    vertical-align: middle;
}

.tool_bar .like:hover .icon-heart {
    color: red;
}

/*.tool_bar .like:hover .text  {
    color: #cccccc;
}
.tool_bar .unlike:hover span {
    color: #cccccc !important;
}*/
.tool_bar .published-edit .icon-edit {
    display: block;
    width: 20px;
    height: 30px;
    float: left;
    background: url("../images/ico_detail_published_edit.png") no-repeat 0px 8px;
}

.tool_bar .published-edit a {
    float: left;
    font-size: 14px;
    color: #585858;
    font-weight: normal;
    font-family: "arial-bold";
    text-decoration: none;
}

/*show like count*/
.like_bar span.show_liked_users {
    cursor: pointer;
}

/*comment style>>>*/
.comments_wrap {
    border: solid 1px #e5e5e5;
    background: #FFFFFF;
    padding: 20px;
}

.add_comment_form {
    width: 100%;
    margin-bottom: 20px;
    display: table;
}

.add_comment_form #comment {
    width: 100%;
    background: #f3f3f3;
    border: 0;
    height: 87px;
    padding: 5px;
    color: #a1a1a1;
}

.add_comment_form .can_not_blank {
    border: solid 1px red !important;
}

button.add_comment {
    height: 30px;
    float: right;
    background: #f2f2f2;
    border: 0;
    border-radius: 5px;
    color: #535353;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.11);
    padding: 5px 15px;
    font-family: "arial-bold";
    margin-top: 6px;
    width: 89px;
}

.add_comment_form span.err {
    display: none;
    color: red;
    font-size: 11px;
    padding: 10px 0;
    width: 70%;
    font-family: "arial-bold";
    float: left;
}

.comment_box {
    clear: both;
    display: table;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #ebebeb;
    color: #585858;
}

.comment_box .content {
    white-space: normal;
    word-wrap: normal;
    word-break: normal;
}

.comments_wrap .last {
    border: 0;
    margin-bottom: 0;
}

.comment_box .avatar, .comment_box .right {
    display: table-cell;
    vertical-align: top;
}

.comment_box .avatar {
    width: 48px;
    margin-right: 15px;
    float: none;
    border: 0;
}

.comment_box .right {
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

.comment_box .right .name {
    font-family: "arial-bold";
    font-size: 14px;
}

.comment_box .right .name a {
    color: #585858;
    text-decoration: none;
}

.comment_box .right .name a:hover {
    text-decoration: none;
}

.comment_box .right .create_time {
    font-family: "arial";
    color: #cacaca;
    font-size: 12px;
    padding-left: 5px;
}

.comment_box .user_avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.comments_wrap .load_more {
    display: block;
    text-align: center;
    vertical-align: middle;
}

.comments_wrap #load_more_comment {
    background: #ffffff;
    border: 0;
    color: #cacaca;
    font-size: 12px;
    font-family: "arial";
    display: table-cell;
    width: auto;
}

/*comment style<<<*/

/*detail page landing page<<<*/

/*set_top un-set_top*/
.set_top, .unset_top, .top_featured {
    width: 58px;
    height: 27px;
    position: absolute;
    cursor: pointer;
    z-index: 101;
}

.set_top {
    left: 0;
    background: url('../images/to_stick.png');
    top: 120px;
}

.unset_top {
    top: 120px;
    left: 0;
    background: url('../images/to_unstick.png');
}

.top_featured {
    width: 63px;
    height: 22px;
    line-height: 22px;
    top: 20px;
    left: 0;
    background: url('../images/top_featured.png') left top repeat;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.can_not_to_unset_top {
    cursor: text;
}

/*ico panel: comment ico, like ico*/
.ico_panel {
    height: 15px;
    line-height: 15px;
    margin: 0px 0 10px 0;
}

.ico_panel span {
    display: block;
    float: left;
    margin-right: 3px;
}

.ico_panel .text {
    margin-top: 1px;
    font-size: 14px;
    color: #afafaf;
}

.ico_panel img {
    width: 10px !important;
    height: 10px !important;
}

.ico_panel .comment_count_ico {
    padding-left: 0px;
}

.ico_panel .icon-export {
    padding-left: 0px;
    width: 13px;
    font-size: 14px;
}

.ico_panel img.ico_home_list_share {
    width: 14px !important;
    height: 11px !important;
}

/*home page tool_bar>>>*/
.list_tool_bar, .list_tool_bar_cp {
    position: absolute;
    top: 0;
    right: 2px;
    width: 100%;
}

.list_tool_bar_wrap .like, .list_tool_bar_wrap .share, .list_tool_bar_wrap .published_edit {
    width: 34px;
    height: 34px;
    border: solid 0px #eeeeee;
    border-radius: 50%;
    display: table;
    float: right;
    margin-right: 5px;
    cursor: pointer;
    background-size: cover !important;
    outline: none;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.list_tool_bar_wrap .like {
    background: url("../images/icon_circle_like.png") no-repeat center;
}

.list_tool_bar_wrap .like:hover {
    background: url("../images/icon_circle_unlike_hover.png") no-repeat center;
}

.list_tool_bar_wrap .unlike {
    background: url("../images/icon_circle_unlike.png") no-repeat center;
}

.list_tool_bar_wrap .unlike:hover {
    background: url("../images/icon_circle_like_hover.png") no-repeat center;
}

.list_tool_bar_wrap .share {
    background: url("../images/icon_circle_share.png") no-repeat center;
}

.list_tool_bar_wrap .share:hover {
    background: url("../images/icon_circle_share_hover.png") no-repeat center;
}

.list_tool_bar_wrap .published_edit {
    background: url("../images/icon_circle_edit.png") no-repeat center;
}

.list_tool_bar_wrap .published_edit:hover {
    background: url("../images/icon_circle_edit_hover.png") no-repeat center;
}

.list_tool_bar_wrap .loading {
    display: none;
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0 0 2px 0;
    margin: 0;
    vertical-align: middle;
}

.list_tool_bar_wrap .loading img {
    width: 15px !important;
    height: 15px !important;
    padding: 0;
    margin: 0 0 2px;
    border: 0;
}

.list_tool_bar_wrap .disabled {
    cursor: wait;
}

.list_tool_bar_wrap .disabled .icon-heart {
    display: none;
}

.list_tool_bar_wrap .disabled .loading {
    display: table-cell;
}

/*home page tool_bar<<<*/

/*-----device begin-----*/
/*>=768+17*/
@media (min-width: 785px) {
    .profile #nav-main {
        display: none !important;
    }

    .profile .login-bar {
        float: right !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        height: 30px !important;
    }
}

/*>=992*/
@media (min-width: 992px) {
    .detail_page_wrap .container {
        width: 100%;
    }
}

/*>=1288*/
@media (min-width: 1288px) {
    .related_articles {
        width: 283px;
    }

    .detail_page_wrap .container {
        width: 1288px;
    }
}

/*<=1183+17*/
@media (max-width: 1200px) {
    .menu-bar-icon-search-bar {
        width: 446px;
    }

    .menu-bar-search-icon-key {
        width: 400px;
    }
}

/*<=975+17*/
@media (max-width: 992px) {
    .menu-bar-icon-search-bar {
        width: 246px;
    }

    .menu-bar-search-icon-key {
        width: 200px;
    }
}

/*<=975+17*/
@media (max-width: 992px) {
    #double-left-column {
        width: 100%;
    }

    .article_wrap {
        width: 100%;
        padding: 0;
    }

    .content_wrap {
        width: 100%;
    }

    .related_articles_wrap {
        width: 100%;
    }

    .detail_right_column {
        width: 100%;
        margin: 10px 0;
    }

    .post-wrapper {
        margin-bottom: 10px;
    }

    .related_articles, .engaged_articles {
        width: 100%;
        clear: both;
        float: none;
        margin-right: 0;
        display: table;
    }

    .related_articles .article, .engaged_articles .article {
        max-width: 31.33%;
        float: left;
        clear: none;
        margin-right: 2%;
    }

    .related_articles .article a, .engaged_articles .article a {
        height: 36px;
    }

    .engaged_articles .article .no_bg {
        margin-top: 163px;
    }

    .related_articles .last {
        border-bottom: 1px solid #ececec;
    }

    .engaged_articles .last {
        border-bottom: 1px solid #ececec;
        margin-bottom: 23px;
        padding-bottom: 14px;
    }

    .detail_right_column {
        clear: both;
    }

    .source_user_wrap {
        width: 100%;
    }

    .related_articles_wrap {
        padding-right: 0px;
    }
}

/*<=750+17*/
@media (max-width: 767px) {
    body {
        padding-top: 0;
    }

    .make-a-post, .list_tool_bar_wrap, .published-edit, #delete_post_by_editor, #edit_page {
        display: none;
    }

    .navbar-fixed-top {
        position: fixed;
        top: auto;
    }

    #topmenu .navbar-collapse {
        max-height: none;
        height: 50px;
    }

    #topmenu .navbar-nav {
        margin: 0;
    }

    #topmenu .navbar-collapse .dropdown-menu {
        display: block !important;
        width: 100%;
    }

    #topmenu .nav > li {
        clear: both;
    }

    #topmenu #nav-main ul li a {
        background: #f7f7f7;
        border-top: 1px solid #fff;
        color: #333;
    }

    #topmenu .login-bar .user-profile #user-name {
        padding: 2px 10px;
    }

    #topmenu .login-bar .user-profile .logout {
        margin-top: 7px;
    }

    #topmenu .make-a-post {
        padding: 8px 10px;
        margin-top: 1px;
    }

    #topmenu .logo {
        margin-left: 5px;
    }

    #topmenu #nav-main ul li a:hover {
        background: #efefef;
        color: #333;
    }

    nav#nav-main, #topmenu .container {
        margin: 0 !important;
        padding: 0;
    }

    .profile-header-bar .user-pic {
        margin-top: 5px;
    }

    .profile_search_bar {
        margin-left: 0px;
    }

    #topmenu .user-profile a {
        background: none !important;
    }

    #topmenu .user-profile a:hover {
        background: none !important;
        color: #000000 !important;
    }

    #topmenu #nav-main > ul > li:first-child > a {
        border-top: none;
    }

    #topmenu .dropdown .dropdown-menu {
        background: #f7f7f7;
        left: 0;
        position: relative;
        top: 0;
    }

    #topmenu .dropdown .dropdown-menu li a {
        padding: 10px 30px;
    }

    #topmenu .dropdown .dropdown-menu .dropdown ul {
        padding-left: 20px;
    }

    #topmenu .open .dropdown-menu > li > a {
        color: #333;
    }

    #topmenu .dropdown-menu .dropdown > a:after {
        display: none;
    }

    #topmenu .dropdown .caret {
        display: none;
    }

    #topmenu #topmenu-avatar-wrapper {
        float: right;
        margin-right: 20px;
        margin-top: 22px;
    }

    #topmenu .topmenu-social {
        margin-top: -5px;
        margin-bottom: 3px;
    }

    #double-left-column {
        float: none;
    }

    .post-wrapper .post-meta-top .pull-right {
        /*display: none;*/
    }

    #scrolltotop {
        right: 5px
    }

    #scrolltotop a {
        padding: 5px 10px;
    }

    .sidebar {
        padding-top: 0;
    }

    /*detail page*/
    .article_wrap {
        width: 100%;
    }

    /*profile page*/
    .profile #nav-main {
    }

    .profile #profile_setting input.text {
        width: 100%;
    }

    #profile_setting {
        /*display: table;*/
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .profile .login-bar {
        float: left !important;
        margin-top: 17px !important;
        margin-bottom: 10px !important;
        height: 30px !important;
    }

    .profile-header-bar {
        padding-top: 80px;
        height: auto;
    }

    .location-global ul li {
        display: block !important;
        text-align: center;
    }

    /*profile page menu bar*/
    .profile_menu {
        margin: 0;
    }

    .profile-header-bar .tab-menu .profile_menu li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .profile-header-bar .tab-menu .profile_menu li a {
        padding-left: 14px;
        padding-right: 14px;
    }

    .go_button {
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
    }

    .go_button p {
        font-size: 12px;
    }

    .location-global .location {
        padding-right: 0;
    }
}

/*<=543+17*/
@media (max-width: 560px) {
    .related_articles .article, .engaged_articles .article {
        max-width: 47%;
        float: left;
        clear: none;
        margin-right: 3%;
    }
}

/*<=463+17*/
@media (max-width: 480px) {
    #masonry .thumb {
        width: 89%;
    }

    #masonry img {
        /*height: auto !important;*/
        width: 100% !important;
    }

    .ico_panel img {
        width: auto !important;
    }

    .thumb-holder img {
        height: auto !important;
        width: 100% !important;
    }

    #infscr-loading img {
        width: 43px !important;
    }

    .visit_site {
        display: none;
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .ajax-loader {
        background: transparent url("../images/ajax-loader-2@2x.gif");
        background-size: 24px 24px;
    }
}

/*<=383+17*/
@media (max-width: 400px) {
    .page-template-profile_setting .container, .page-template-profile_setting .container-fluid {
        padding: 0;
    }

    .profile-header-bar .tab-menu .profile_menu li {
        margin-left: 5px;
    }

    .related_articles .article, .engaged_articles .article {
        max-width: 100%;
        float: left;
        clear: none;
        margin-right: 0;
    }

    .related_articles .article a, .engaged_articles .article a {
        height: auto;
        max-height: 72px;
    }

    .related_articles .picture, .engaged_articles .picture {
        height: 163px;
    }

    .engaged_articles .article .no_bg {
        margin-top: -9px;
    }

    /*login layer on mobile*/
    .layui-layer {
        width: 300px;
    }
}

/*-----device end-----*/