@charset "utf-8";
/* /webgame/pkt/news/css/ptlogin.css */

/* /webgame/pkt/news/css/pkt.css */

/* CSS Document 
Use for:	www.f2er.net
Version:	2.0
Date:		2013/07/23
Author:		小芳
Update:     
*/

/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

del, ins {
    text-decoration: none
}

fieldset, img {
    border: 0;
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma, arial, \5b8b\4f53;
}

input, select, img {
    vertical-align: middle
}

input, select {
    outline: none
}

ul, ol {
    list-style: none
}

label {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}

.test_box {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

/* CSS reset */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

del, ins {
    text-decoration: none
}

fieldset, img {
    border: 0;
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma, arial, 宋体, sans-serif
}

input, select, img {
    vertical-align: middle
}

input, select {
    outline: none
}

ul, ol {
    list-style: none
}

label {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}

/* global */

body {
    background: #000;
}

.wrapper {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

td {
    font-size: 12px;
    line-height: 160%;
}

.left {
    float: left
}

.right {
    float: right
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.txthide {
    text-indent: -999em;
    overflow: hidden;
    line-height: 0;
    font-size: 0
}

.clearfix:after {
    content: "";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both
}

/*f_flash*/

.header {
    height: 572px;
    position: relative;
}

.flash_bg1 {
    background: url(../webgame/pkt/news/images/bg/fbg_01.jpg?5b199dc) center 0;
    height: 114px;
}

.flash_bg2 {
    background: url(../webgame/pkt/news/images/bg/fbg_02.jpg?5b199dc) center 0;
    height: 115px;
}

.flash_bg3 {
    background: url(../webgame/pkt/news/images/bg/fbg_03.jpg?5b199dc) center 0;
    height: 114px;
}

.flash_bg4 {
    background: url(../webgame/pkt/news/images/bg/fbg_04.jpg?5b199dc) center 0;
    height: 115px;
}

.flash_bg5 {
    background: url(../webgame/pkt/news/images/bg/fbg_05.jpg?5b199dc) center 0;
    height: 114px;
}

.header-start {
    background: url(../webgame/pkt/news/images/bg/btn_start.gif?5b199dc) center center;
    position: absolute;
    bottom: 49px;
    left: 50%;
    margin-left: -69px;
    z-index: 1;
}

.header-start-all {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 517px;
    /* 要高于小人和douc、低于选服 */
    z-index: 3;
}

.header-user {
    position: absolute;
    width: 210px;
    bottom: 12px;
    left: 375px;
    line-height: 24px;
    text-align: center;
    z-index: 1;
}

.header-user .user-label {
    color: #bb245c;
    margin-left: 6px;
    float: left;
}

.header-user .user-name {
    color: #eb5f00;
    white-space: nowrap;
    overflow: hidden;
    width: 80px;
    float: left;
    text-overflow: ellipsis;
    text-align: left;
}

.header-user .user-logout {
    color: #bb245c;
    margin: 0 4px;
    float: left;
}

.header-user .user-reg {
    color: #bb245c;
}

.header-hotarea {
    position: absolute;
    width: 960px;
    height: 572px;
    top: 0;
    left: 0;
    z-index: 1;
}

/* ser_out_face*/

.ser_out_face {
    top: 122px;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: -312px;
    z-index: 3;
}

.out_face_hd, .out_face_bd, .out_face_fd {
    background-image: url(../webgame/pkt/news/images/out_face_bg.png?5b199dc);
}

.out_face_hd, .out_face_hd a {
    color: #ead8ff;
}

.out_face_fd {
    padding-bottom: 20px;
}

/* store_btn */

.sns_textscroll h2 {
    color: #c22608;
}

.text_scroll_bx {
    height: 24px;
    overflow: hidden;
}

.text_scroll_bx a {
    color: #c22608;
    font-weight: 700;
    overflow: hidden;
    height: 24px;
    display: block;
    margin: 0;
}

.text_scroll_bx a:hover {
    color: #c22608
}

/*server_all*/

.server_all .server_box {
    height: 105px;
}

.m_server .m_server_hd, .m_server .m_server_bd, .m_server .m_server_fd {
    background-image: url(../webgame/pkt/news/images/bgsprite.png?5b199dc);
}

.m_server .m_server_fd {
    overflow: hidden;
    zoom: 1;
}

.m_server .m_server_bd {
    width: 580px;
    padding: 0 6px 0 10px;
}

.m_server_bd h2 {
    background: none;
    color: #a0340e;
    font: 700 14px/26px "microsoft Yahei";
    text-indent: 0
}

.alert_w {
    background: url(../webgame/pkt/news/images/alert_bg.png?5b199dc) no-repeat;
}

.select_ser {
    color: #a0340e;
}

/*scrollbar*/

a.jScrollArrowUp {
    background: url(../webgame/pkt/news/images/new_ser.png?5b199dc) no-repeat -288px 0;
}

a.jScrollArrowDown {
    background: url(../webgame/pkt/news/images/new_ser.png?5b199dc) no-repeat -305px 0;
}

.jScrollPaneTrack {
    background: #dcd6c7;
}

.jScrollPaneDrag {
    background: #c8bfab;
}

/* add by yufang 12-06-19 am*/

.news_login_bar {
    display: block!important;
    width: 270px;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 20px;
    color: #754c12;
    letter-spacing: -4px;
    word-spacing: -4px;
    font-size: 0;
}

.news_login_bar a, .news_login_bar span {
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #754c12;
    height: 24px;
    line-height: 24px;
}

.news_login_bar a:hover {
    color: #754c12;
    text-decoration: none;
}

.news_login_bar a.username {
    color: #c22608;
    font-weight: 700;
    margin: 0 10px 0 5px;
    width: 112px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    *zoom: 1;
    vertical-align: top;
}

.news_login_bar a.username:hover {
    text-decoration: underline;
}

.sns_textscroll {
    float: left;
    padding: 0;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    *display: inline;
    *zoom: 1;
    width: 320px
}

.sns_textscroll .text_scroll_bx {
    width: 320px;
    float: left
}

.loginDiv {
    left: 50% !important
}

.game_msg {
    top: 85px!important
}

.loginout {
    cursor: pointer
}

/*add by xiaofang 14-07-29*/

.ue_notice {
    position: absolute;
    top: 153px;
    left: 50%;
    margin-left: -302px;
    z-index: 3;
}

#ms_flash {
    z-index: 999
}

.m_share {
    display: none!important;
}

.m_recommed_ser li a {
    position: relative;
}

.GameDiv {
    z-index: 999;
    top: 6px !important;
    left: 5px !important;
    background-color: #000;
}

#GameFrame {
    width: 950px;
    height: 560px;
}

html, .my_ftop {
    background: none;
}

.header-docu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 210px;
    height: 175px;
    background: no-repeat center center;
     z-index: 3;

}
.header-video{
    background: url(../webgame/pkt/news/images/bg/bg.gif?5b199dc) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 570px;
}
.header-talk{
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 570px;
}
.header-talk .talk-video{
    width: 100%;
    height: 100%;
}
.header-foreground{
    background: url(../webgame/pkt/news/images/bg/foreground.png?5b199dc) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 572px;
}
.header-nav {
    position: absolute;
    left: 0;
    top: 0;
    padding:2px 3px;
    border: 2px solid #fff;
    background:#f2e4bd;
    border-radius: 12px;
    z-index: 2;
}
.header-nav .nav-btn{
    display:block;
    width: 116px;
    height:42px;
    background:url(../webgame/pkt/news/images/bg/btn/btn.png?5b199dc);
    margin-top: 4px;
    font: 700 16px/42px "microsoft yahei";
    color: #c34807;
    text-align: center;

    transition: filter .3s;
}
.header-nav .nav-btn:hover{
    filter: brightness(1.1);
    text-decoration: none;
}
.header-nav .nav-btn.nav-btn-1{
    width: 116px;
    height:51px;
    background:url(../webgame/pkt/news/images/bg/btn/btn_hd.png?5b199dc);
    margin-top: 0;
    font-size: 0;
}

#xfk {
    display: none;
}

.sdkDialog, .fcmIframe {
    top: 150px!important;
}

.certify_dialog {
    top: 30px!important;
}

.header-user .user-name img {
    margin-right: 2px;
    vertical-align: text-top;
}

/* 用户信息 */

.m-info {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -330px;
    background: url(../webgame/pkt/news/images/bg/info_1.png?5b199dc) no-repeat center top;
    width: 660px;
    height: 50px;
    z-index:1 ;
    /* 绑定提示文本 */
    /* 状态1 一般登陆（未有绑定、未有角色等） */
}

.m-info .info-body {
    height: 50px;
    width: 520px;
    margin: 0 auto;
}

.m-info .login-info {
    float: left;
    text-align: center;
    width: 205px;
    height: 100%;
    display: none;
}

.m-info .login-info.user-ulog {
    display: block;
}

.m-info .login-info .user-name {
    position: relative;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    vertical-align: bottom;
    *vertical-align: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font: 500 14px/54px "microsoft yahei";
    color: #ba3e03;
}

.m-info .text_default_em_2 {
    color: #ba3e03;
}

.m-info .login-info .user-logout, .m-info .login-info .user-login, .m-info .login-info .user-reg {
    font: 700 14px/54px "microsoft yahei";
    color: #ba3e03;
}

.m-info .login-info .user-logout {
    font: 700 14px/54px "microsoft yahei";
    color: #ba3e03;
}

.m-info .info-box {
    float: left;
    width: 314px;
    *zoom: 1;
    font: 500 14px/54px "microsoft yahei";
    color: #eb5f00;
    display: none;
    position: relative;
}

.m-info .info-box:after {
    content: "";
    display: table;
    clear: both;
}

.m-info .info-box.info-box-1 {
    display: block;
}

.m-info .info-bind {
    position: absolute;
    left: 60px;
    top: 34px;
}

.m-info .info-bind-ps {
    padding-left: 24px;
    *zoom: 1;
}

.m-info .info-bind-ps:after {
    content: "";
    display: table;
    clear: both;
}

.m-info .info-bind-ps-link {
    text-decoration: underline;
    cursor: pointer;
}

.m-info .info-box-item {
    float: left;
    *zoom: 1;
    text-align: center;
    height: 54px;
}

.m-info .info-box-item:after {
    content: "";
    display: table;
    clear: both;
}

.m-info .info-box-item .info-label {
    float: left;
}

.m-info .info-box-item.info-box-item-1 {
    width: 314px;
}

.m-info .j-user-xfk {
    cursor: pointer;
}

.m-info.data-status-1 .info-box.info-box-1 {
    display: none;
}

.m-info.data-status-1 .info-box.info-box-2 {
    display: block;
}

.m-info.data-status-1 .login-info.user-ulog {
    display: none;
}

.m-info.data-status-1 .login-info.user-log {
    display: block;
}