@charset "utf-8";
/* CSS Document */
body{
	width:100%;
	margin:0px;
	border:0px;
	padding:0px;
	font-family: helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
        background-color:#171918;
}
body * {
    color:#fff;
    font-size:18px;
}
body a {
    color:#707070;
}
body a:hover {
    color:#00FF99;
    text-decoration:none;
}
body input, body textarea, body select, body option {
    color:#000;
}
body>.page_bg {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:-10;
}
body>.page_bg div {
    width:100%;
    height:100%;
}
body>.page_bg>div.cover {
    background-color:rgba(0,0,0,.5);
    left:0;
    position:absolute;
    top:0;
}
body>.page_bg div.img {
    background:none no-repeat center center transparent;
    background-size:contain;
}
body>.page_bg .carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
body>.page_bg .carousel .active.left {left:0;opacity:0;z-index:-1;}
body>.page_bg .carousel .next {left:0;opacity:1;z-index:-2;}

.bastardName {
    font-size:24px;
    color:#00FF99;
}
.container {
    position:relative;
}
.dkbtn {
    padding:0 12px;
    color:#00FF99;
    cursor:pointer;
    border:1px solid #00FF99;
    font-size:18px;
    height:36px;
    line-height:36px;
    background-color:transparent;
}
.dkbtn:hover {
    color:#171918;
    background-color:#00FF99;
}
.dkbtn.grey {
    color:#707070;
    border:1px solid #707070;
    cursor:default;
}
.dkbtn.grey:hover {
    background-color:transparent;
}
.dkbtn.fill {
    color:#171918;
    background-color:#00FF99;
}
.dkbtn .icon {
    display:inline-block;
    width:36px;
    height:36px;
    vertical-align:middle;
}
.dkbtn .icon.create {
    background: url('/images/btn_ic_create.png') no-repeat 0 0;
}
.dkbtn .icon.pic {
    background: url('/images/btn_ic_add_pic.png') no-repeat 0 0;
}
.dkbtn .icon.sticker {
    background: url('/images/btn_ic_add_sticker.png') no-repeat 0 0;
}
.dkbtn .icon.edit {
    background: url('/images/btn_ic_edit.png') no-repeat 0 0;
}
.dkbtn .icon.filter {
    background: url('/images/btn_ic_filter.png') no-repeat 0 0;
}
.dkbtn .icon.reply {
    background: url('/images/btn_ic_reply.png') no-repeat 0 0;
}
.dkbtn:hover>.icon {
    background-position:0 -36px;
}
.dkcheckbox>.icon {
    background: url('/images/btn_tick.png') no-repeat 0 0;
    width:26px;
    height:26px;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    cursor:pointer;
}
.dkcheckbox.checked>.icon {
    background: url('/images/btn_tick_on.png') no-repeat 0 0;
}
.dkdropdown {
    position:absolute;
    display:none;
    background-color:#030303;
    top:100%;
    left:0;
}
.dkdropdown>* {
    padding:10px 10px;
    border-bottom:1px solid #494949;
    text-align:left;
    white-space:nowrap;
}
.dkdropdown>*:last-child {
    border-bottom:0px solid #494949;
}
.downarrow {
    position:absolute;
    display:none;
    width:10px;
    height:5px;
    background: url('/images/ic_arrow_down.png') no-repeat;
    top:-5px;
    left:0;
    right:0;
    margin:auto;
}
.dkheader {
    background-color:#000;
    -webkit-border-radius:11px 11px 0px 0px;
    -moz-border-radius:11px 11px 0px 0px;
    border-radius:11px 11px 0px 0px;
    border-bottom:1px solid #00FF99;
    padding-top:15px;
}
.dkheader * {
    color:#707070;
}
/* dkimginput */
.dkimginput {
    display:inline-block;
    height:36px;
}
.dkimginput .preview {
    width:36px;
    height:100%;
    background: none no-repeat center center #ADAFAE;
    background-size:cover;
    display:block;
    float:left;
    margin-right:3px;
    cursor:pointer;
}
.dkimginput .dropdown {
    display:block;
    float:left;
    line-height:36px;
    height:100%;
}
.dkimginput .dropdown .dropdown-menu {
    width:300px;
}
.dkimginput .dropdown .dropdown-menu li {
    padding:5px;
}
.dkimginput [type=file] {
    display:none;
}
.dkimginput [type=url] {
    display:inline;
    width:70%;
}
.dkimginput .imgbtn {
    text-align:center;
}
.dkimginput .imgurlbtn {
    display:inline-block;
    width:25%;
    text-align:center;
}
.dkimginput .clearimg {
    text-align:center;
}
/* dkimginput */
.scumimage {
    width:185px;
    height:197px;
    position:relative;
}
.scumimage img {
    width:118px;
    height:118px;
    position:absolute;
    bottom:15px;
    left:35px;
    margin:auto;
    z-index:0;
}
.scumimage .frame {
    width:100%;
    height:100%;
    position:absolute;
    background: url('/images/forum_foto_frame.png') no-repeat 0 0;
}
.scumimage.large {
    width:455px;
    height:482px;
}
.scumimage.large img {
    width:288px;
    height:288px;
    bottom:39px;
    left:88px;
}
.scumimage.large .frame {
    background: url('/images/forum_foto_frame_big.png') no-repeat 0 0;
}
.bootstrap-filestyle.input-group {
    width:210px;
    display:block;
    float:left;
}
.bootstrap-filestyle.input-group>input {
    width:120px;
}
.bootstrap-filestyle.input-group>span {
    width:80px;
}
#header {
    height:100px;
    border-bottom:0px solid transparent;
    background-color:rgba(0,0,0,.9);
}
#header .container {
    height:100%;
    text-align:center;
}
#header .container .navbar-brand img {
    border-right:1px solid #535353;
    padding-right:10px;
}
#header .container>div {
    margin-top:35px;
}
#header .container .regions {
    float:left;
}
body[data-user] #header .container .regions {
    display:none;
}
#header .container .regions .region.current .downarrow {
    display:block;
}
#header .container .regions .region {
    float:left;
    position:relative;
    padding:0 10px;
}
body[data-user] #header .container .regions .region {
    float:none;
}
#header .container .regions .region a {
    color:#707070;
    text-decoration:none;
}
#header .container .regions .region:hover a, #header .container .regions .region.current a {
    color:#00FF99;
}
#header .container .loginedregions {
    float:left;
    position:relative;
    cursor:pointer;
}
#header .container .loginedregions .currentregion {
    color:#00FF99;
}
#header .container .loginedregions .currentregion .downarrow {
    display:block;
    right:-15px;
    left:auto;
    top:0;
    bottom:0;
}
#header .container .loginedregions:hover .dkdropdown {
    display:block;
}

#header .container .account {
    float:right;
}
#header .container .account>div {
    float:left;
    padding:0 10px;
    border-right:2px solid #fff;
}
#header .container .account a {
    color:#00FF99;
    text-decoration:none;
}
#header .container .account .guest {
    border-right:0px;
}
#header .container .mains {
    display:inline-block;
}
#header .container .mains>div {
    float:left;
    padding:0 20px;
    position:relative;
}
#header .container .mains .icon {
    width:20px;
    height:20px;
    display:inline-block;
    margin-right:5px;
    vertical-align:middle;
}
#header .container .mains>div.current .downarrow {
    display:block;
}
#header .container .mains>div.current .icon, #header .container .mains>div:hover .icon {
    background-position:0 -20px;
}
#header .container .mains>div.current a, #header .container .mains>div:hover a {
    color:#00FF99;
}
#header .container .mains .index .icon {
    background: url('/images/btn_header_home.png') no-repeat 0 0;
}
#header .container .mains .forum .icon {
    background: url('/images/btn_header_forum.png') no-repeat 0 0;
}
#header .container .mains .frds .icon {
    background: url('/images/btn_header_frd.png') no-repeat 0 0;
}
#header .container .mains .fbuddy .icon {
    background: url('/images/btn_header_fbuddy.png') no-repeat 0 0;
}
#header .container .profile {
    position:absolute;
    right:0;
    top:0;
    padding-left:30px;
    padding-bottom:20px;
}
#header .container .profile .profilepic {
    width:40px;
    height:40px;
    background-size:cover;
    position:relative;
    cursor:pointer;
}
#header .container .profile .profilepic .downarrow {
    display:block;
    left:50px;
    top:0;
    bottom:0;
}
#header .container .profile:hover .dkdropdown {
    display:block;
    right:0;
    left:auto;
}

#footer {
    position:fixed;
    bottom:0;
    width:100%;
    background-color:rgba(0,0,0,.9);
    padding:10px 0;
}
#footer .langs {
    float:left;
    padding-right:10px;
}
#footer .lang {
    float:left;
    margin-right:10px;
}
#footer .lang.current a {
    color:#00FF99;
}
#footer .miscs {
    float:left;
    margin-left:20px;
}
#footer .miscs>div {
    float:left;
    margin-right:10px;
}
#footer .copyright {
    color:#707070;
}

#content {
    padding-top:100px;
    padding-bottom:60px;
}
#content .container {
    margin-top:20px;
}

[data-page=index] #content {
    padding-top:0;
    background-size:cover;
    min-height:800px;
}
[data-page=index] #content .container {
    height:100%;
    min-height:800px;
}
[data-page=index] .regionlogo {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    width:550px;
    height:280px;
}
[data-page=index] .ads {
    width:360px;
    position:relative;
    top:80px;
    left:90px;
}
[data-page=index] .ads .ad {
    display:block;
    float:left;
    margin-bottom:10px;
}
[data-page=index] .ads .ad.large {
    width:360px;
    height:180px;
}
[data-page=index] .ads .ad.small {
    width:360px;
    height:90px;
    margin-right:10px;
}
[data-page=index] .ads .ad img {
    width:100%;
    height:100%;
}

/* login page */
#loginform {
    display:block;
    width:310px;
    margin:50px auto 0 auto;
}
#loginform>* {
    width:100%;
    display:block;
    text-align:center;
    margin-bottom:10px;
}
#loginform>input {
    height:40px;
}
#loginform>.right {
    text-align:right;
}
#loginform>.line {
    height:20px;
    line-height:20px;
}
#loginform>.line>div {
    display:inline-block;
    height:1px;
    width:100%;
    background-color:#4F4F4F;
}
#loginform .top {
    position:relative;
    text-align:left;
}
#loginform .top span {
    position:absolute;
    color:#fff;
    right:0;
    bottom:20px;
}
#loginform input[type=submit] {
    background-color:#00FF99;
    color:#171918;
    border:0px solid transparent;
}
#loginform a.reg {
    font-size:22px;
}

/* forum start */
[data-page=forum] .cats {
    width:940px;
    margin:auto;
}
.forum_block {
    cursor:pointer;
    width:225px;
    height:360px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    background-color:rgba(0,0,0,.75);
    border:solid 1px #00FF99;
    margin:5px 5px;
    padding:13px;
    text-align:center;
    float:left;
    position:relative;
}
.forum_block>* {
    width:100%;
    margin-bottom:3px;
}
.forum_block .grey {
    color:#707070;
}
.forum_block>.icon {
    width:116px;
    height:90px;
    display:inline-block;
}
.forum_block[data-catid^='1'] .icon {
    background-image:url('/images/ic_forum_bird.png');
}
.forum_block[data-catid^='2'] .icon {
    background-image:url('/images/ic_forum_toilet.png');
}
.forum_block[data-catid^='3'] .icon {
    background-image:url('/images/ic_forum_frd.png');
}
.forum_block[data-catid^='4'] .icon {
    background-image:url('/images/ic_forum_fishing.png');
}
.forum_block[data-catid^='5'] .icon {
    background-image:url('/images/ic_forum_mrbao.png');
}
.forum_block[data-catid^='6'] .icon {
    background-image:url('/images/ic_forum_ask.png');
}
.forum_block[data-catid^='7'] .icon {
    background-image:url('/images/ic_forum_rainbow.png');
}
.forum_block[data-catid^='8'] .icon {
    background-image:url('/images/ic_forum_event.png');
}
.forum_block .title {
    font-size:24px;
}
.forum_block .numtopics {
    font-weight:bold;
    color:#00FF99;
}
.forum_block .desc {
    font-size:15px;
    height:40px;
    line-height:20px;
    margin-bottom:0;
}
.forum_block .line {
    height:1px;
    background-color:#00FF99;
    margin:5px 0 12px 0;
}
.forum_block .msg_extra>* {
    font-size:16px;
}
.forum_block .msg_extra .username {
    float:left;
}
.forum_block .msg_extra .replies {
    float:right;
}
.forum_block .msg_extra .numreplies {
    vertical-align:middle;
}
.forum_block .comment {
    height:50px;
    line-height:25px;
    text-align:left;
    overflow:hidden;
}
.forum_block .comment:hover {
    text-decoration:underline;
}
.forum_block .more {
    position:absolute;
    left:13px;
    bottom:13px;
    text-align:left;
    font-size:16px;
}
.forum_block .more a {
    color:#00FF99;
    font-size:16px;
}

.forum_container {
}
.forum_container .top {
    margin-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    position:relative;
}
.forum_container .top .forumlist {
    float:left;
    height:40px;
    line-height:40px;
    position:relative;
    padding-right:20px;
}
.forum_container .top .forumlist .label {
    font-size:24px;
    padding:0;
    color:#00FF99;
}
.forum_container .top .forumlist .downarrow {
    display:block;
    right:0;
    top:0;
    bottom:0;
    left:auto;
}
.forum_container .top .forumlist:hover .dkdropdown {
    display:block;
    min-width:100%;
    z-index:100;
}
.forum_container .top .addtopic {
    float:right;
}
.forum_container .top .jcutter {
    right:150px;
    bottom:0px;
    position:absolute;
}
.forum_container .top .jcutter img.gif {
    display:none;
}
.forum_container .top .jcutter.moving img {
    display:none;
}
.forum_container .top .jcutter.moving img.gif {
    display:block;
}

.forum_container table.topiclist {
    width:100% !important;
}
table.topiclist thead.dkheader {
    background-color:transparent;
}
table.topiclist thead td {
    white-space:nowrap;
}
.forum_container table.topiclist thead.dkheader td:first-child {
    -webkit-border-radius:11px 0px 0px 0px;
    -moz-border-radius:11px 0px 0px 0px;
    border-radius:11px 0px 0px 0px;
}
.forum_container table.topiclist thead.dkheader td:last-child {
    -webkit-border-radius:0px 11px 0px 0px;
    -moz-border-radius:0px 11px 0px 0px;
    border-radius:0px 11px 0px 0px;
}
.forum_container table.topiclist thead.dkheader td {
    padding:15px 15px 5px 15px;
    border-collapse:separate;
    border-spacing:0;
    background-color:#000;
}
table.topiclist td {
    padding:3px 5px;
    text-align:center;
}
table.topiclist td:first-child {
    text-align:left;
}
table.topiclist td:nth-child(2) {
    text-align:left;
}
table.topiclist tr.odd td {
    background-color:#252525;
}
table.topiclist tr.even td {
    background-color:#111312;
}
table.topiclist tbody td:first-child {
    padding-left:15px;
}
table.topiclist tbody td:last-child {
    padding-right:15px;
}
table.topiclist a {
    color:#00FF99;
    text-decoration:none;
}
table.topiclist tr.adrow td {
    padding:0;
}
table.topiclist a.ad {
    width:945px;
    height:90px;
    display:block;
}
table.topiclist a.ad img {
    width:100%;
    height:100%;
}
.dataTables_paginate {
    text-align:center;
}
.dataTables_paginate .paginate_button {
    padding:0 5px;
    cursor:pointer;
}
.dataTables_paginate .paginate_button.disabled {
    cursor:default;
}
.dataTables_paginate .paginate_button.disabled:hover {
    color:#707070;
}
.dataTables_paginate .paginate_button.current {
    cursor:default;
    color:#00FF99;
}

.addtopic_container {
}
.addtopic_container .top {
    margin-bottom:10px;
    padding-left:15px;
    padding-right:15px;
}
.addtopic_container .top .title {
    float:left;
    font-size:24px;
    color:#00FF99;
    cursor:pointer;
}
.addtopic_container .top .title .icon.back {
    display:inline-block;
    width:16px;
    height:17px;
    vertical-align:middle;
    background: url('/images/btn_back.png') no-repeat 0 0;
    margin-right:10px;
}
.addtopic_form {
    display:block;
}
.addtopic_form>div {
    padding:15px 15px 5px 5px;
}
.addtopic_form>div:not(.dkheader) {
    background-color:#252525;
}
.addtopic_form .label {
    float:left;
    width:100px;
    text-align:right;
    font-size:18px;
    color:#707070;
}
.addtopic_form .input {
    padding-left:110px;
    width:100%;
    padding-right:
}
.addtopic_form .input>input[name='title'], .addtopic_form .input>textarea[name='content'] {
    width:100%;
}
.addtopic_form .input>textarea[name='content'] {
    height:300px;
    resize:none;
}
.addtopic_form .input>input[type='file'] {
    display:block;
    float:left;
}
.addtopic_form .input .sticker_container {
    float:left;
}
.addtopic_form .input .stickerbtn {
    display:inline-block;
}
.addtopic_form .input .sticker {
    height:36px;
}
.addtopic_form .input>input[type='submit'] {
    display:block;
    float:right;
}
.addtopic_form.reportBastard {
}
.addtopic_form.reportBastard > * {
    padding:15px 20px 10px 20px;
}
.addtopic_form.reportBastard .field {
    margin:10px 0px;
}
.addtopic_form.reportBastard .label {
    width:160px;
}
.addtopic_form.reportBastard .input {
    padding-left:170px;
}
.addtopic_form.reportBastard .input input {
    width:100%;
}
.addtopic_form.reportBastard .input textarea {
    width:100%;
    resize:none;
    height:100px;
}
.addtopic_form.reportBastard .reportheader {
    -webkit-border-radius:11px 11px 0px 0px;
    -moz-border-radius:11px 11px 0px 0px;
    border-radius:11px 11px 0px 0px;
    padding-top:20px;
}
.addtopic_form.reportBastard .reportheader .requiredtext {
    color:#E60082;
}

.addtopic_form.reportBastard .bastardinfo {
    position:relative;
    background-color:#1C1C1C;
}
.addtopic_form.reportBastard .bastardinfo .input {
    width:700px;
}
.addtopic_form.reportBastard .bastardinfo .image_container {
    position:absolute;
    width:132px;
    height:180px;
    margin:auto;
    top:0;
    bottom:0;
    right:20px;
}
.addtopic_form.reportBastard .bastardinfo .image_container .img {
    cursor:pointer;
    width:132px;
    height:132px;
}
.addtopic_form.reportBastard .bastardinfo .image_container .blankimg {
    position:absolute;
    width:132px;
    height:132px;
    background: url('/images/btn_add_foto_bao.png') no-repeat 0 0;
}
.addtopic_form.reportBastard .bastardinfo .image_container .img:hover .blankimg {
    background-position:0 -132px;
}
.addtopic_form.reportBastard .bastardinfo .image_container .preview {
    display:none;
    background: none no-repeat center center;
    background-size:cover;
    width:100%;
    height:100%;
    position:relative;
}
.addtopic_form.reportBastard .bastardinfo .image_container.hasimg .preview {
    display:block;
}
.addtopic_form.reportBastard .bastardinfo .image_container .dkbtn {
    width:100%;
    position:absolute;
    bottom:0;
    font-size:14px;
    cursor:pointer;
}
.addtopic_form.reportBastard .bastardinfo .image_container .dkbtn.delimg {
    display:none;
}
.addtopic_form.reportBastard .bastardinfo .image_container.hasimg .dkbtn.addimg {
    display:none;
}
.addtopic_form.reportBastard .bastardinfo .image_container.hasimg .dkbtn.delimg {
    display:block;
}
.addtopic_form.reportBastard .victimdetail .input.inline>*{
    display:inline-block;
    width:315px;
}
.addtopic_form.reportBastard .victimdetail .input.inline>label {
    width:auto;
}
.addtopic_form.reportBastard [name=submit] {
    float:right;
}

.topicdetail .dkheader {
    padding-left:15px;
    padding-right:15px;
}
.topicdetail .dkheader>.title {
    font-size:24px;
    font-weight:bold;
    color:#fff;
    float:left;
}
.topicdetail .dkheader>.orderbtn {
    float:right;
    cursor:pointer;
}
.topicdetail .dkheader>.orderbtn>.icon {
    display:inline-block;
    width:36px;
    height:36px;
    vertical-align:middle;
    background: url('/images/btn_ic_sort01.png') no-repeat 0 0;
}
.topicdetail .dkheader>.orderbtn>.asctext {
    display:none;
}
.topicdetail .dkheader>.orderbtn>.dsctext {
    display:inline-block;
}
.topicdetail .dkheader>.orderbtn[data-order='asc']>.asctext {
    display:inline-block;
}
.topicdetail .dkheader>.orderbtn[data-order='asc']>.dsctext {
    display:none;
}
.topicdetail .dkheader>.orderbtn[data-order='asc']>.icon {
}
.topicdetail .dkheader>.orderbtn>div {
    color:#00FF99;
}
.topicdetail .comment {
    background-color:#252525;
    padding:20px;
    border-bottom:2px solid #171918;
    position:relative;
}
.topicdetail .comment .msg {
    min-height:210px;
    padding-right:220px;
    width:100%;
}
.topicdetail .comment .text {
    white-space:pre-wrap;
}
.topicdetail .comment .msg .time {
    font-size:16px;
    color:#616161;
}
.topicdetail .comment .user {
    padding:0 20px;
    border-left:2px solid #171918;
    width:220px;
    position:absolute;
    right:0;
    top:20px;
}
.topicdetail .comment .msg form>.label {
    font-size:18px;
    color:#616161;
    padding:0;
}
.topicdetail .comment .msg form textarea {
    width:100%;
    height:150px;
    resize:none;
}
.topicdetail .comment .msg .buttons {
    margin-top:5px;
}
.topicdetail .comment .msg .buttons [type=file] {
    float:left;
}
.topicdetail .comment .msg .buttons .stickerbtn {
    display:inline-block;
}
.topicdetail .comment .msg .buttons .sticker_container {
    float:left;
}
.topicdetail .comment .msg .buttons .sticker {
    height:36px;
}
.topicdetail .comment .msg .buttons [type=submit] {
    float:right;
}
.topicdetail .comment .user .profilepic {
    width:180px;
}
.topicdetail .comment.bao {
    min-height:570px;
}
.topicdetail .comment.bao .left {
    width:455px;
    position:absolute;
}
.topicdetail .comment.bao .left .bottom {
    width:280px;
    height:40px;
    line-height:40px;
    margin:auto;
    background: url('/images/ic_bao_stick_container.png') no-repeat 0 0;
    position:relative;
    text-align:center;
    color:#707070;
}
.topicdetail .comment.bao .left .bottom .worshipcount {
    color:#707070;
}
.topicdetail .comment.bao .left .bottom .sticks {
    position:absolute;
    width:250px;
    bottom:100%;
    left:0;
    right:0;
    margin:auto;
}
.topicdetail .comment.bao .left .bottom .sticks .stick {
    position:absolute;
    width:2px;
    height:61px;
    background: url('/images/ic_bao_stick.png') no-repeat 0 0;
    bottom:0;
}
.topicdetail .comment.bao .left .pads {
    position:absolute;
    top:170px;
    left:96px;
    width:58px;
    height:230px;
    overflow:hidden;
}
.topicdetail .comment.bao .left .pads .pad {
    position:absolute;
    width:58px;
    height:40px;
    background: url('/images/ic_bao_pad.png') no-repeat 0 0;
}
.topicdetail .comment.bao .left .golds {
    position:absolute;
    top:170px;
    right:90px;
    width:49px;
    height:230px;
    overflow:hidden;
}
.topicdetail .comment.bao .left .golds .gold {
    position:absolute;
    width:49px;
    height:27px;
    background: url('/images/ic_bao_gold.png') no-repeat 0 0;
}
.topicdetail .comment.bao .left .flowers {
    position:absolute;
    bottom:83px;
    left:90px;
    height:39px;
    width:280px
    overflow:hidden;
}
.topicdetail .comment.bao .left .flowers .flower {
    position:absolute;
    width:42px;
    height:39px;
    background: url('/images/ic_bao_flower.png') no-repeat 0 0;
}
.topicdetail .comment.bao .right {
    width:100%;
    padding-left:500px;
    float:right;
    position:relative;
}
.topicdetail .comment.bao .right .bastardinfo {
    margin-bottom:30px;
}
.topicdetail .comment.bao .right .title {
    font-size:15px;
    color:#707070;
}
.topicdetail .comment.bao .right .process {
    white-space:pre-wrap;
}
.topicdetail .comment.bao .right .actions {
    margin-top:30px;
}
.topicdetail .comment.bao .right .action {
    float:left;
    margin-right:10px;
    width:83px;
    text-align:center;
}

.topicdetail_container .top {
    margin-bottom:10px;
    padding-left:15px;
    padding-right:15px;
}
.topicdetail_container .top .title {
    float:left;
    font-size:24px;
    color:#00FF99;
    cursor:pointer;
}
.topicdetail_container .top .title .icon.back {
    display:inline-block;
    width:16px;
    height:17px;
    vertical-align:middle;
    background: url('/images/btn_back.png') no-repeat 0 0;
    margin-right:10px;
}
.topicdetail_container .top .buttons {
    float:right;
}
.topicdetail_container .top .buttons>div {
    margin-left:20px;
    float:left;
}
/* forum end */

/* myaccount end */
.myaccount_container .top {
    margin-bottom:10px;
}
.myaccount_container .top .title {
    float:left;
    font-size:24px;
    color:#FFF;
}
.myaccount_container .top .buttons {
    float:right;
}
.myaccount_container .top .buttons>div {
    margin-left:20px;
    float:left;
}
/* myaccount end */

/* profile conainter */
.userprofile {
    background-color:#252525;
    -webkit-border-radius:11px 11px 0px 0px;
    -moz-border-radius:11px 11px 0px 0px;
    border-radius:11px 11px 0px 0px;
    padding:20px;
}
.userprofile .left {
    width:450px;
    float:left;
    padding-bottom:30px;
}
.userprofile .right {
    width:100%;
    padding-left:480px;
}
.userprofile .images {
    width:450px;
}
.userprofile .images .main {
    position:relative;
}
.userprofile .images .uservip {
    background: url('/images/ic_vip_big.png') no-repeat center center;
    width:64px;
    height:77px;
    position:absolute;
    top:0;
    left:10px;
}
.userprofile .thumbs .thumb {
    float:left;
    border:5px solid transparent;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    position:relative;
    margin-top:5px;
    cursor:pointer;
}
.userprofile .thumbs .thumb.current {
    border:5px solid #00FF99;
    cursor:default;
}
.userprofile .thumbs .thumb .lockbar {
    display:none;
    position:absolute;
    bottom:0;
    width:100%;
    height:15px;
    background: url('/images/ic_locker.png') no-repeat center center rgba(0,0,0,.7);
}
.userprofile .thumbs .thumb.secret .lockbar {
    display:block;
}
.userprofile .thumbs .thumb.bottombtn {
    margin-bottom:40px;
}
.userprofile .thumbs .thumb .dkbtn {
    position:absolute;
    bottom:-40px;
    text-align:center;
    width:100%;
    display:none;
    font-size:14px;
    padding:0 3px;
    height:30px;
    line-height:30px;
}
.userprofile .thumbs .thumb .uploadimg {
    display:block;
}
.userprofile .thumbs .thumb.hasimg .delimg {
    display:block;
}
.userprofile .thumbs .thumb.hasimg .uploadimg {
    display:none;
}
.userprofile .thumbs .thumb .preview {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: url('/images/btn_add_foto.png') no-repeat 0 0;
    background-size:cover;
}
.userprofile .thumbs .thumb.secret .preview {
    background: url('/images/btn_add_foto_locked.png') no-repeat 0 0;
    background-size:cover;
}
.userprofile .thumbs .thumb .preview:not('.haspreview'):hover {
    background-position:0 -80px;
}
.userprofile .thumbs .thumb .preview.haspreview {
    background-position:center center;
}
.userprofile .thumbs .thumb.hasimg .preview {
    display:none;
}
.userprofile .right>div {
    margin:5px 0;
}
.userprofile .right .label {
    color:#606060;
    font-size:18px;
    padding:0;
}
.userprofile .right .name {
    font-size:28px;
    font-weight:bold;
}
.userprofile .right .selfdesc {
    white-space:pre-wrap;
}

.editaccount_form {
    float:right;
}
.editaccount_form>* {
    margin:5px 0px;
}
.editaccount_form .label {
    float:left;
    width:60px;
    height:43px;
    line-height:43px;
    font-size:18px;
    color:#707070;
}
.editaccount_form .input {
    float:left;
    width:350px;
    height:43px;
}
.editaccount_form input, .editaccount_form select, .editaccount_form textarea {
    width:100%;
    padding:0 5px;
    color:#000;
}
.editaccount_form input, .editaccount_form select {
    height:43px;
}
.editaccount_form .input_for {
    width:120px;
    position:relative;
    float:left;
}
.editaccount_form .input_for .unit {
    position:absolute;
    right:3px;
    top:0;
    margin:auto;
    color:#000;
    height:43px;
    line-height:43px;
}
.editaccount_form .inner .input {
    width:120px;
}
.editaccount_form .inner {
    float:right;
}
.editaccount_form .textarea .input {
    height:auto;
}
.editaccount_form textarea {
    height:340px;
    resize:none;
}
.editaccount_form .submit .input {
    float:right;
    width:auto;
}
.editaccount_form .submit input[type=submit] {
    width:auto;
}

.uploadimghints {
    color:#E60082;
    font-size:12px;
    width:100%;
    text-align:center;
}

.editaccount_container .top {
    margin-bottom:10px;
}
.editaccount_container .top .title {
    float:left;
    font-size:24px;
    color:#FFF;
}
.editaccount_container .top .back {
    float:right;
}

/* for other user */
.userprofile .thumbs .thumb:not(.applying) .applybtn {
    display:block;
}
.userprofile .thumbs .thumb.applying .applyingbtn {
    display:block;
}

.useraccount_container .top {
    margin-bottom:10px;
}
.useraccount_container .top .title {
    float:left;
    font-size:24px;
    color:#FFF;
}
.useraccount_container .top .buttons {
    float:right;
}
.useraccount_container .top .buttons>div {
    float:left;
    width:36px;
    height:36px;
    display:block;
    margin-left:30px;
    cursor:pointer;
}
.useraccount_container .top .buttons>.pm {
    background-image:url('/images/btn_frd_func_chat.png');
}
.useraccount_container .top .buttons>.follow {
    background-image:url('/images/btn_frd_func_fav.png');
}
.useraccount_container .top .buttons>.poke {
    background-image:url('/images/btn_frd_func_kiss.png');
}
.useraccount_container .top .buttons>.block {
    background-image:url('/images/btn_frd_func_ban.png');
}
.useraccount_container .top .buttons>div:hover, .useraccount_container .top .buttons>div.active {
    background-position:0 -36px;
}

/* profile conainter */

/* frds page */
.frds_container .top {
    margin-bottom:10px;
}
.frds_container .top .subpages {
    float:left;
}
.frds_container .top .subpages>div {
    float:left;
    cursor:pointer;
    width:36px;
    height:36px;
    margin-right:10px;
    background: none no-repeat 0 0 transparent;
}
.frds_container .top .subpages>div:hover {
    background-position:0 -36px;
}
.frds_container[data-search=mynearby] .top .subpages>.mynearbybtn,
.frds_container[data-search=online] .top .subpages>.onlinebtn,
.frds_container[data-search=nearby] .top .subpages>.nearbybtn,
.frds_container[data-search=poke] .top .subpages>.pokebtn
{
    background-position:0 -36px;
}
.frds_container .top .subpages div.mynearbybtn {
    background-image:url('/images/btn_frd_nearby.png');
}
.frds_container .top .subpages div.onlinebtn {
    background-image:url('/images/btn_frd_clock.png');
}
.frds_container .top .subpages div.nearbybtn {
    background-image:url('/images/btn_frd_location.png');
}
.frds_container .top .subpages div.pokebtn {
    background-image:url('/images/btn_frd_kiss.png');
}
.frds_container .top .filterbtn {
    float:right;
}
.frds_container .dkheader {
    padding:15px 15px 5px 15px;
    color:#707070;
}
.frds_container .dkheader>div {
    display:none;
}
.frds_container[data-search=mynearby] .dkheader>div.mynearby,
.frds_container[data-search=online] .dkheader>div.online,
.frds_container[data-search=nearby] .dkheader>div.nearby,
.frds_container[data-search=poke] .dkheader>div.poke,
.frds_container[data-search=filter] .dkheader>div.filter
{
    display:block;
}
.frds_container .userlist_wrapper {
    background-color:#252525;
    padding:10px 5px 30px 5px;
    min-height:200px;
}
.frds_container .userlist_wrapper .ad {
    width:920px;
    height:206px;
    margin:5px;
    display:block;
    float:left;
}
.frds_container .userlist_wrapper .ad img {
    width:100%;
    height:100%;
}
.frds_container .frds {
    position:relative;
}
.frds_container .userlist_wrapper~.loading {
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
    z-index:10;
    display:none;
    width:32px;
    height:32px;
    margin:auto;
}
.frds_container .userlist_wrapper~.nomore {
    position:relative;
    bottom:30px;
    display:none;
    width:100%;
    text-align:center;
}

.frds_modal .modal-dialog {
    width:450px;
    background-color:#171918;
    padding:20px 50px;
    margin-top:100px;
}
#map_modal.frds_modal .modal-dialog {
    width:600px;
    padding:10px 10px;
}
.frds_modal .modal-content {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    box-shadow:none;
    border:0;
    background-color:transparent;
}
#frds_filter_modal .modal-body .heading {
    color:#fff;
    border-bottom:1px solid #00FF99;
    padding:5px;
    text-align:center;
    margin-bottom:10px;
}
#frds_filter_modal .modal-body select {
    width:70px;
    height:100%;
}
#frds_filter_modal .modal-body .form-group {
    height:40px;
    margin-left:0;
    margin-right:0;
}
#frds_filter_modal .modal-body .form-group>* {
    height:40px;
    line-height:40px;
    display:inline-block;
    color:#000;
}
#frds_filter_modal .modal-body .form-group.center {
    text-align:center;
}
#frds_filter_modal .modal-body .form-group label {
    color:#676767;
    width:50px;
}
#frds_filter_modal .modal-body .form-group label.first {
    width:60px;
}
#frds_filter_modal .modal-body .form-group label.textto {
    width:36px;
    text-align:center;
}
#frds_filter_modal .modal-body .form-group .dkcheckbox {
    color:#fff;
}
#frds_filter_modal .modal-body .form-group [type=submit] {
    width:100%;
}

#map_modal #mapCanvas {
    width:540px;
    height:400px;
    margin-bottom:10px;
}
#map_modal .mapbottom {
}
#map_modal .mapbottom .dkbtn {
    float:left;
}
/* frds page */

/* user block */
.userblock {
    display:block;
    float:left;
    width:176px;
    position:relative;
    margin:5px 5px 5px 5px;
    cursor:pointer;
}
.userblock .usermain {
    width:100%;
    height:176px;
    position:relative;
}
.userblock .usermain .bottom {
    position:absolute;
    bottom:0;
    width:100%;
    padding:0 6px 6px 6px;
    height:30px;
}
.userblock .usermain .bottom .left {
    float:left;
    width:24px;
    height:24px;
    background: url('/images/ic_frd_online.png') no-repeat 0 0;
}
.userblock .usermain .bottom .right {
    float:right;
    width:24px;
    height:24px;
    background: url('/images/ic_frd_mobile.png') no-repeat 0 0;
}
.userblock .usermain .bottom .middle {
    background-color:rgba(0,0,0,.5);
    color:#fff;
    width:100px;
    height:24px;
    line-height:24px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    text-align:center;
    font-size:17px;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
}
.userblock .userextra {
    width:176px;
    height:30px;
    line-height:30px;
    background-color:rgba(0,0,0,.25);
    text-align:center;
}
.userblock .userextra, .userblock .userextra * {
    font-size:17px;
    color:#00FF99;
}
.userblock .brands {
    position:absolute;
    top:0;
    left:0;
}
.userblock .brands>div {
    width:34px;
    height:41px;
    background: url('/images/ic_skull_small.png') no-repeat 0 0;
    float:left;
    margin-left:10px;
}
.userblock .brands>div.vip {
    background: url('/images/ic_vip_small.png') no-repeat 0 0;
}
/* user block */


/* pm */
.pm_container .top {
    margin-bottom:10px;
}
.pm_container .top .title {
    float:left;
    font-size:24px;
    color:#FFF;
}
.pm_container .top .pull-right>div {
    float:left;
    height:36px;
    line-height:36px;
    display:none;
}
.pm_container .top .pull-right>div.logout {
    margin-left:10px;
    display:block;
}
.pm_container .top .pull-right>div.gclabel {
    display:block;
}
.pm_container[data-pming="1"] .top div.pmlabel {
    display:block;
}
.pm_container[data-pming="1"] .top div.gclabel {
    display:none;
}
.pm_container .pm {
    -webkit-border-radius:11px 11px 0px 0px;
    -moz-border-radius:11px 11px 0px 0px;
    border-radius:11px 11px 0px 0px;
    background-color:#252525;
    padding:0 15px;
    position:relative;
}
.pm_container .pm>.divider {
    position:absolute;
    width:2px;
    height:100%;
    background-color:#171918;
    left:320px;
    top:0;
}
.pm_container .pm .userlist {
    margin:15px 0;
    float:left;
    width:300px;
}
.pm_container .pm .userlist .user {
    width:100%;
    padding-right:10px;
    height:40px;
    position:relative;
    margin-bottom:5px;
    overflow:hidden;
    cursor:pointer;
}
.pm_container .pm .userlist .user.current {
}
.pm_container .pm .userlist .user label {
    color:#fff;
}
.pm_container .pm .userlist .user.current label {
    color:#00FF99;
}
.pm_container .pm .userlist .user .bubble {
    position:absolute;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:#f00;
    font-size:16px;
    right:5px;
    top:0;
    bottom:0;
    margin:auto;
}

.pm_container.fbuddy .alluserlist .userlistbtns .pmusersbtn .bubble {
	color: #f00;
	display: none;
}

.pm_container .pm .userlist .user .rightarrow {
    position:absolute;
    display:none;
    height:10px;
    width:5px;
    background: url('/images/ic_arrow_right.png') no-repeat;
    top:0;
    bottom:0;
    right:6px;
    margin:auto;
}
.pm_container .pm .userlist .user.current .rightarrow {
    display:block;
}
.pm_container .pm .pmcontent {
    margin:15px 0;
    position:absolute
    width:100%;
    padding-left:315px;
}
.pm_container .pm .pmcontent>* {
    width:100%;
    display:block;
}
.pm_container .pm .pmcontent .pmwindow {
    height:600px;
    border:1px solid #707070;
    margin-bottom:10px;
    overflow:auto;
}
.pm_container .pm .pmcontent .pmwindow .msg {
    padding:10px;
}
.pm_container .pm .pmcontent .pmwindow .msg:nth-child(even) {
    background-color:#1C1C1C;
}
.pm_container .pm .pmcontent .pmwindow .msg a.info {
    display:block;
    float:left;
    width:40px;
    height:40px;
}
.pm_container .pm .pmcontent .pmwindow .msg .content {
    float:left;
    padding:0 5px;
}
.pm_container .pm .pmcontent .pmwindow .msg .content .text {
    white-space:pre-wrap;
}
.pm_container .pm .pmcontent .pmwindow .msg .username {
    color:#707070;
    font-weight:bold;
}
.pm_container .pm .pmcontent .pmwindow .msg .publishtime {
    float:right;
    font-size:16px;
    color:#707070;
}
.pm_container .pm .pmcontent [name=content] {
    width:100%;
    margin-bottom:10px;
}
.pm_container .pm .pmcontent .dkimginput {
    float:left;
    display:block;
    margin-right:10px;
}
.pm_container .pm .pmcontent [type=file] {
    float:left;
}
.pm_container .pm .pmcontent .stickerbtn {
    float:left;
}
.pm_container .pm .pmcontent [name=submit] {
    float:right;
}

/* pm */

/* fbuddy */
.faccount_container>* {
    width:100%;
}
.faccount_container>.divider {
    margin:30px 0;
    background-color:#707070;
    height:1px;
}
.faccount_container .topdesc {
}
.faccount_container .topdesc img {
    display:block;
    width:140px;
    height:140px;
    float:left;
}
.faccount_container .topdesc .text {
    width:100%;
    padding-left:150px;
}
.faccount_container .topdesc .text .title {
    font-size:24px;
    color:#fff;
}
.faccount_container .topdesc .text .desc {
    color:#707070;
    white-space:pre-wrap;
}
.faccount_container .accounts .account {
    width:100%;
    height:104px;
    margin-bottom:20px;
    display:block;
    background-color:#111312;
    position:relative;
}
.faccount_container .accounts .account>.img {
    width:104px;
    height:100%;
    display:block;
    float:left;
}
.faccount_container .accounts .account .name {
    font-size:24px;
    color:#00FF99;
    margin-left:10px;
    float:left;
    line-height:104px;
    height:104px;
}
.faccount_container .accounts .account .preview {
    background: url('/images/btn_add_foto_buddy.png') no-repeat 0 0;
    background-size:cover;
    cursor:pointer;
}
.faccount_container .accounts .account .preview:hover {
    background-position:0 -104px;
}
.faccount_container .accounts .account .preview.haspreview, .faccount_container .accounts .account .preview.haspreview:hover {
    background-position:center center;
}
.faccount_container .accounts .account.new .name {
    line-height:normal;
}
.faccount_container .accounts .account.new .name>* {
    line-height:32px;
    height:auto;
}
.faccount_container .accounts .account .name>.namelabel {
    line-height:52px;
}
.faccount_container .accounts .account .selectaccount {
    position:absolute;
    top:0;
    bottom:0;
    right:10px;
    margin:auto;
    height:36px;
}
.faccount_container .accounts .account .deleteaccount {
    position:absolute;
    top:1px;
    right:5px;
    cursor:pointer;
    color:#fff;
}
.faccount_container .areachoose {
    width:100%;
}
.faccount_container .areachoose>* {
    width:45%;
    float:left;
    height:auto;
    text-align:center;
    line-height:30px;
}
.faccount_container .areachoose * {
    /*color:#171918;*/
}
.faccount_container .areachoose .dkbtn {
    height:auto;
    margin-top:10px;
}
.faccount_container .areachoose .dkbtn.grey {
    color:#707070;
    border:1px solid #707070;
    cursor:default;
    background-color:transparent;
}
.faccount_container .areachoose .dkbtn.grey * {
    color:#707070;
}
.faccount_container .areachoose .dkbtn.grey:hover {
    background-color:transparent;
}
.faccount_container .areachoose .regular {
    margin-right:5%;
}
.faccount_container .areachoose .special {
    margin-left:5%;
}
/* fbuddy */

/* fbuddy chatroom */
.pm_container.fbuddy .top .title.regular {
    display:none;
}
.pm_container.fbuddy[data-area='1'] .top .title.regular {
    display:block;
}
.pm_container.fbuddy[data-area='1'] .top .title.special {
    display:none;
}
.pm_container.fbuddy .userlist .topinfo {
    border-bottom:1px solid #171918;
    margin-bottom:15px;
}
.pm_container.fbuddy .userlist .user.group {
    cursor:auto;
}
.pm_container.fbuddy .userlist .user.group img {
    vertical-align:top;
}
.pm_container.fbuddy .userlist .user.group .middle {
    display:inline-block;
}
.pm_container.fbuddy .userlist .user.group .username {
    color:#707070;
}
.pm_container.fbuddy .userlist .user.group .middle>* {
    height:20px;
    line-height:20px;
    padding:0;
    font-size:16px;
    display:block;
}
.pm_container.fbuddy .userlist .user.group .label, .pm_container.fbuddy .userlist .user.group.current .label {
    color:#00FF99;
}
.pm_container.fbuddy .userlist .user.group .pmlabel {
    display:inline;
}
.pm_container.fbuddy .userlist .user.group .gclabel {
    display:none;
}
.pm_container.fbuddy .userlist .user.group.current .pmlabel {
    display:none;
}
.pm_container.fbuddy .userlist .user.group.current .gclabel {
    display:inline;
}
.pm_container.fbuddy .userlistbtns>* {
    float:left;
    width:50%;
    text-align:center;
    color:#707070;
    cursor:pointer;
}
.pm_container.fbuddy .alluserlist[data-list=pmusers] .userlistbtns .pmusersbtn {
    color:#00FF99;
}
.pm_container.fbuddy .alluserlist[data-list=onlineusers] .userlistbtns .onlineusersbtn {
    color:#00FF99;
}
.pm_container.fbuddy .alluserlist[data-list=onlineusers] .userlistbtns .onlineusersbtn * {
    color:#00FF99;
}
.pm_container.fbuddy .alluserlist .pmusers, .pm_container.fbuddy .alluserlist .onlineusers {
    display:none;
}
.pm_container.fbuddy .alluserlist[data-list=pmusers] .pmusers {
    display:block;
}
.pm_container.fbuddy .alluserlist[data-list=onlineusers] .onlineusers {
    display:block;
}

/* fbuddy chatroom */

/* notify */
.notify_container {
}
.notify_container .top {
    padding-bottom:15px;
    border-bottom:1px solid #00FF99;
}
.notify_container .buttons {
    float:left;
}
.notify_container .buttons>div {
    float:left;
    cursor:pointer;
    position:relative;
    padding:0 15px;
    color:#707070;
}
.notify_container .buttons>div.current {
    color:#00FF99;
}
.notify_container .buttons>div.current .downarrow {
    display:block;
}
.notify_container .notify {
    background-color:#252525;
}
.notify_container .notify>div:nth-child(2) {
    background-color:#111312;
}
.notify_container .notify>div {
    padding:15px;
}
.notify_container .notify>div>* {
    float:left;
    display:block;
}
.notify_container .notify>div .text {
    margin-left:15px;
    height:40px;
    line-height:40px;
}
.notify_container .notify>div a {
    color:#00FF99;
}
.notify_container .notify>div .dkbtn {
    display:inline-block;
    float:none;
}
.notify_container .notify>div>.datetime {
    float:right;
    height:40px;
    line-height:40px;
}
/* notify */

/* stickers */
#sticker_select_modal .sticker {
    width:100px;
    margin-right:5px;
    margin-bottom:5px;
    cursor:pointer;
}
#sticker_select_modal .modal-dialog {
    width:700px;
}
.sticker {
}
#fbuddy_sticker_select_modal .sticker {
    width:100px;
    margin-right:5px;
    margin-bottom:5px;
    cursor:pointer;
}
#fbuddy_sticker_select_modal .modal-dialog {
    width:700px;
}
/* stickers */