#system_msg{
  z-index:5000;
  left:0;top:0;
  display:none;
  border-radius:0px 0 6px;
  padding:7px 10px
}

.top_profile_sep {
    margin: 4px 13px;
    border-top: 1px solid #dbe4ec;
}

.swchItemA{          
              background: #d1d9e0 !important;
    color: #5b6e85;
    font-size: 15px !important;
    font-family: 'PT Sans', sans-serif !important;
    padding: 10px 15px !important;
    border: 1px solid rgba(147,173,200,.9);
    text-decoration: none;
    border-radius: 100%;          
          }          
          .swchItem{          
          background: white !important;          
          font-size: 15px !important;          
          font-family: 'PT Sans', sans-serif !important;          
          padding: 10px 15px !important;          
          border: 1px solid #e6e6e6;          
          text-decoration: none;          
          border-radius: 100%;          
          }          
          .swchItem:hover{          
          text-decoration: none;          
          border: 1px solid rgba(147,173,200,.9) !important;          
          }

a {
    color: #42648b;
    text-decoration: none;
    cursor: pointer;
}
#page_header_cont {
    position: fixed;
    height: 46px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 120;
    direction: ltr;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#page_header_cont .back {
    position: absolute;
    width: 100%;
    background: #507299;
    height: 46px;
    border-bottom: 1px solid #466991;
    box-sizing: border-box;
}
#page_header_wrap {
    direction: ltr;
}
#page_header {
    position: relative;
    height: 46px;
    margin: 0 auto;
    font-size: 12px;
    padding: 0 15px;
}
.fl_l {
    float: left;
}
.fl_r {
    float: right;
}
.input_back_wrap {
    position: relative;
    z-index: 90;
    cursor: text;
    pointer-events: none;
}
.input_back {
    position: absolute;
    color: #8c8e91;
    z-index: 90;
}
.ts_wrap .input_back_content {
    font-size: 13px;
    color: #8fadc8;
    line-height: 16px;
}
.input_back_content {
    padding: 0 1px;
    white-space: nowrap;
    line-height: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
input.text.ts_input {
    border: 0;
    box-sizing: border-box;
    padding: 6px 6px 6px 19px;
    margin: 9px 0;
    height: 28px;
    line-height: 16px;
    width: 230px;
    border-radius: 14px;
    -o-transition: background-color 0.05s, color 0.05s;
    transition: background-color 0.05s, color 0.05s;
    background: #31537a url(/images/icons/head_magglass.png) no-repeat;
    padding-left: 19px;
    border-left: 8px solid transparent;
    background-position: left 8px;
    color: #d9e2ec;
}
.head_nav_btns {
    padding-left: 15px;
}
.top_nav_btn {
    padding: 0!important;
    width: 46px;
    position: relative;
    color: #000;
    opacity: 1;
    -o-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}
.top_notify_count {
    display: none;
    padding: 1px 4px;
    border: 2px solid #597da3;
    font-weight: bold;
    border-radius: 12px;
    color: #fff;
    font-size: 9px;
    height: 11px;
    line-height: 11px;
    top: -36px;
    left: 7px;
    background-color: #ff734c;
    text-align: center;
    position: absolute;
}

.top_notify_count2 {
    display: none;
    padding: 1px 4px;
    border: 2px solid #597da3;
    border-radius: 12px;
    color: #fff;
    font-size: 9px;
    height: 11px;
    line-height: 11px;
    top: 8px;
    left: 21px;
    background-color: #ff734c;
    text-align: center;
    position: absolute;
}

#top_notify_btn.has_notify .top_notify_count {
    display: block;
}
.top_nav_btn .top_nav_btn_icon {
    margin: 13px auto 12px;
    background: url(/images/icons/head_icons.png) no-repeat;
    height: 20px;
    width: 20px;
}
.top_nav_btn_icon2 {
    margin: 13px auto 12px;
    background: url(/images/icons/head_icons.png) no-repeat;
    background-position: -65px -23px;
    height: 20px;
    width: 20px;
}
.top_nav_link {
    display: inline-block;
    white-space: nowrap;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    padding: 0 10px;
    color: #fff;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.top_profile_name {
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
}
.top_profile_img, .top_profile_arrow {
    display: inline-block;
    vertical-align: top;
}
.top_profile_img {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    margin: 9px 0;
}

input.text.ts_input{
border:0;
box-sizing:border-box;
padding:6px 6px 6px 19px;
margin:9px 0;
height:28px;
line-height:16px;
width:230px;
border-radius:14px;
-o-transition:background-color 0.05s, color 0.05s;
transition:background-color 0.05s, color 0.05s;
background:#31537a url(/images/icons/head_magglass.png) no-repeat;
padding-left:19px;
border-left:8px solid transparent;background-position:left 8px;color:#d9e2ec
}

input.text.ts_input::-webkit-input-placeholder{
color:#8fadc8
}

input.text.ts_input::-moz-placeholder,input.text.ts_input:-moz-placeholder{
color:#8fadc8
}

input.text.ts_input:-ms-input-placeholder{
color:#8fadc8
}

input.text.ts_input~.placeholder .ph_content{
color:#8fadc8
}

input.text.ts_input:focus{
background-color:#fff;color:#000
}

.ts_wrap .input_back_content{
font-size:13px;
color:#8fadc8;
line-height:16px
}
.top_nav_btn:hover {
    background-color: #486991;
}
a:hover {
    text-decoration: underline;
}

.top_home_link .top_home_logo {
    background: url(/images/logo_head.png) no-repeat;
    height: 30px;
    width: 40px;
    margin: 7px -7px 0;
}
.top_home_link {
    width: 46px;
    height: 46px;
    display: block;
    outline: none;
}


.top_nav_btn#top_notify_btn:hover .top_nav_btn_icon {
    background-position: -35px -23px;
}

.top_nav_btn#top_notify_btn .top_nav_btn_icon {
    background-position: -5px -23px;
}


.page_block {
  padding: 25px 30px 30px;
}
.main .page_block {
  margin-top: 25px;
}
#page_title {
  padding: 7px 10px;
  margin: 0;
  font-weight: bold;
  color: #607387;
  line-height: 140%;
}
#page_title a {
  color: #2B587A;
}
#page_title b {
  color: #AAB7C5;
  float: right;
}
#top_nav {
  margin: 0 auto;
  padding: 0px 25px;
}
#top_nav a.home_link,
#top_nav a.top_link {
    color: #FFFFFF;
    display: block;
    height: 46px;
    padding: 0px 15px;
    transition: 0.5s;
    line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#top_nav a:hover {
  text-decoration: none;
}

.top_link:hover {
    background-color: #51759b;
}
.top_link {
    font-size: 13px;
    padding: 0px 15px;
}

.top_nav_link:hover {
    background-color: rgba(75,109,148,.65);
    text-decoration: none;
}

.footer_wrap {
    margin:0 auto;
    line-height: 1.36em;
    padding: 16px 10px 35px;
    text-align: center;
    width: 795px;
    box-sizing: border-box;
}
.footer_nav {
    color: #7c7f82;
}
.footer_bench {
    padding-top: 5px;
    font-size: 11px;
}
.footer_copy {
    padding-right: 20px;
}
.footer_lang {
    padding-left: 20px;
}
.footer_lang_link {
    margin-left: 5px;
}
.bnav_a {
    padding: 2px 5px;
}
.header {
    display: block;
    background: #fafbfc;
    padding: 0 20px;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #eef0f3;
    border-radius: 2px 2px 0 0;
    font-size: 16px;
    outline: none;
    color: #000; 
    width: 830px;
    margin-left: 61px;
}
.header_extra_left {
    float: left;
}
.header_extra {
    float: right;
}
.header_inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.saved {
    float: right;
    color: #65686c;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 13px;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}
#page_layout {
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    width: 960px;
}
.page_body {
    font-size: 13px;
    width: 925px;
    margin-top: 46px;
    margin: 10px 30px auto;
}
.button_blue button, .button_gray button, .button_light_gray button, .flat_button {
    padding: 7px 16px 8px;
    margin: 3px;
    font-size: 13px;
    line-height: 15px;
    margin-left: 12px;
    display: inline-block;
    border-radius: 100px;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-family: Open Sans,Helvetica Neue,sans-serif;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    background: none;
    background-color: #6690c7;
    color: #fff;
    border: 0;
    box-sizing: border-box;
}
.profile_action_btn button {
    padding-left: 2px;
    padding-right: 2px;
}
.page_photo .flat_button, .page_photo .page_actions_wrap {
    margin-top: 10px;
}
.profile_msg_split .profile_btn_cut_left {
    border-radius: 2px 0 0 2px;
    border-right: 1px solid #7496b9;
    height: 30px;
}
.button_blue button.hover,.button_blue button:hover,.flat_button.hover,.flat_button:hover{
    background-color:#6c96cc;
    text-decoration:none
}
.button_blue button.active,.button_blue button:active,.flat_button.active,.flat_button:active{
    background-color:#5a85bd;padding-top:8px;padding-bottom:7px
}
.profile_gift_icon {
    background: url(/images/icons/gift_icon.png) no-repeat;
    background-position: left 1px;
    padding-right: 21px;
}
.profile_msg_split .profile_btn_cut_right {
    border-radius: 0 2px 2px 0;
    border-right: 1px solid #5e82a7;
    height: 30px;
    width: 38px;
    padding-left: 11px;
}
.profile_blocked {
  margin: 0 auto;
  padding: 20px 0 60px 0;
  width: 420px;
  text-align: center;
  font-size: 1.09em;
  color: #111;
  line-height: 160%;
}
#reg_bar {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    background: #EEF1F3;
    background: rgba(238, 241, 243, 0.9);
    top: -56px;
    font-size: 13px;
    border-bottom: 1px solid #DAE1E8;
    z-index: 400;
}
.fixed {
    position: fixed;
}

#reg_bar_content {
    padding: 10px 0px 10px 110px;
    line-height: 160%;
    text-align: center;
    color: #7992AD;
    font-weight: bold;
}
.scroll_fix {
    position: relative;
}
.flat_button.secondary.flat_button_loading{
    background:none;
    overflow:hidden;
    text-indent:-9999px;
    position:relative
    }
    .flat_button.flat_button_loading:hover,.flat_button.secondary.flat_button_loading:hover{
    background:none
    }
    .flat_button.flat_button_loading:before,.flat_button.secondary.flat_button_loading:before{
    display:block;
    content:"";
    position:absolute;
    -webkit-animation:700ms linear infinite round_spinner;-o-animation:700ms linear infinite round_spinner;animation:700ms linear infinite round_spinner;
    top:50%;
    left:50%;
    background:url(/images/icons/round_spinner.png);
    width:16px;
    height:16px;
    margin:-8px
}


.guest_actions{
    background: #fdf0f0;
    padding-left: 55px;
    border: 1px solid #f8d5d6;
    line-height: 160%;
    margin: 7px 0px;
    text-align: center;
    padding: 11px 0px 12px;
    color: #666;
}
.ui_tab_count {
    padding-left: 6px;
    font-size: 13px;
    color: #939699;
}
.profile-menu {position:relative!important}           
.profile-button s {display:inline-block;z-index:9;background:#3297db;font-size:10px;margin-right:10px;margin-left:1px;line-height:14px;padding:2px 6px;text-decoration:none;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;}           
.profile-button, .profile-button:hover {display: inline-block;
    color: #fff;
    position: relative;
    line-height: 30px;
    white-space: nowrap;
    /* line-height: 42px; */
    height: 42px;
    overflow: hidden;
    padding: 0 10px;
    color: #fff;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    padding-left: 39px;
    padding-right: 18px;
    text-decoration: none;
}           
.profile-button i {position:absolute;right:0px;top:14px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid rgba(255,255,255,0.7);}           
.profile-avatar, .profile-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}           
.profile-avatar {display:inline-block;width:28px;height:28px;position:absolute;top:-0px;left:0px;border-radius: 20px;}           
.profile-avatar img {width:28px;height:28px;object-fit:cover;vertical-align:bottom;background:#fff;border:2px solid #fff}           
.profile-menu:hover .profile-list {visibility:visible;}           
.profile-list {    position: absolute;
    width: 190px!important;
    right: 5px!important;
    top: 22px;
    padding-top: 18px;
    visibility: hidden;
    z-index: 9;}       
.profile-list-in {background:#fff;width:190px!important;max-width:190px!important;padding:3px 0px;box-shadow:0px 8px 35px rgba(0,0,0,0.1);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}           
.profile-list-in a {display:block;padding:10px 20px;text-decoration:none;border-bottom:1px solid #f1f1f1;font-size:12px;color:#8a8a8a}           
.profile-list-in a:hover {color:#000;}           
.profile-list-in a.last {border-bottom:0px !important}           
.profile-list-in a i {background:#3297db;color:#fff;font-style:normal;font-size:10px;padding:2px 6px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}           
.profile {margin-top:15px;height:30px;font-size:13px;float:right}           
.profile_avatar, .profile_avatar img {border-radius: 2px;}           
.profile_avatar {width:24px;height:24px;overflow:hidden;float:left;margin-right:7px;margin-top:2px;border:2px solid #fff}           
.profile_avatar img {width:24px;height:24px;object-fit:cover}

.settings_icon {
    float: right;
    font-size: 13px;
    background: url(/images/icons/settings.png) no-repeat;
    background-position: left 22px;
    padding-left: 25px;
    line-height: 54px;
}
.pedit_separator {
    margin: 5px auto 20px;
    height: 0;
    border-top: 1px solid #ebedf0;
}
.post_like {
    color: #2F5879;
    font-size: 10px;
    cursor: pointer;
    padding: 5px 6px;
    margin-top: -1px;
    right: 0px;
    position: absolute;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.post_like_link {
    color: #829BAF;
}
.post_like_icon {
    background: url(/images/icons/like.gif?2) no-repeat 1px 0px;
    height: 10px;
    margin: 2px 2px 0px;
    padding-right: 1px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    width: 11px;
}
.post_full_like_wrap .post_like:first-child, .post_full_like_wrap .post_share:first-child {
    margin-left: -7px;
}
.wall_module .post_like:hover .post_like_icon, .wall_module .post_share:hover .post_share_icon {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
.wall_module .post_like_icon, .wall_module .post_share_icon {
    background: url(/images/post_icon.png?2) no-repeat 0 0;
    display: inline-block;
    width: 16px;
    height: 13px;
    margin: 2px 0 1px;
    float: left;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.wall_module .post_like_link, .wall_module .post_share_link {
    margin: 1px 0 0 6px;
    float: left;
}
.wall_module .post_like_count, .wall_module .post_share_count {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #7996b5;
}
.wall_module .post_like:hover, .wall_module .post_share:hover {
    background-color: #f2f4f7;
}

wall_module .post_like_count, .wall_module .post_share_count {
    margin: 1px 0 1px 6px;
    float: left;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #627e9e;
}
.wall_module .post_like_count, .wall_module .post_like_link, .wall_module .post_share_count, .wall_module .post_share_link {
    line-height: 15px;
    height: 14px;
}
.head_user{padding:3px 10px;transition:background 200ms ease;position:relative;height: 40px !important;margin-right:-4px;}
.head_user:hover{background: #486991;}
.head_user img{width:35px;height:35px;border-radius:18px}
.head_name{ white-space: nowrap;
    color: #fff;
    font-size: 13px;
    padding-right: 10px;
    display: inline-block;
    margin-top: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 102px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px !important;
    font-weight: 700 !important;}
.head_mylink{width:100%;height:100%;top:0px;left:0px;position:absolute}
.head_user_num{position:absolute;color:#fff;top:5px;left:36px;padding:3px 5px;background:#000;border-radius:50%;font-weight:bold}
.head_user_num:empty{display:none}
.head_tools{background:#fff;list-style:none;padding:10px 0;position:absolute;top:-301px;opacity:0;margin-top:15px;right:0px;border:1px solid #BCCAD7;box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1);border-top:0px;transition:margin-top 200ms ease,opacity 200ms ease}
.head_user:hover .head_tools{margin-top: 346px;opacity:1;min-width:165px;box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);}
.head_tools a{text-decoration:none !important}
.head_tools li{white-space:nowrap;padding:9px 15px;color:#5D646F;transition:background 200ms ease,color 200ms ease}
.head_tools li:hover{background: #ecf0f4;color: #567CA4;}
.tools_new{color:#41658c;background:#D3DDE4;padding:3px;font-weight:bold;border-radius:2px}
.tools_new:empty{display:none}

.error {
    background: #ffefe9 url(/images/icons/msg_error.png?1) no-repeat 12px 12px;
    padding-left: 55px;
}
.msg_text {
    display: inline-block;
    vertical-align: middle;
    line-height: 150%;
    margin: 11px 40px;
    font-size: 12.5px;
}
 .msg, .ok_msg {
    padding: 7px 18px 9px;
    margin: 15px 20px;
    border: 1px solid #c1c9d9;
    border-radius: 2px;
    line-height: 150%;
}
.error, .info_msg, .ok_msg {
    min-height: 40px;
    line-height: 38px;
}

.myWinCont b {
    color: #777;
    font-weight: normal;
}