body{
    font-family:Microsoft YaHei,Arial,sans-serif
}
h3{
    font-size:100%
}
.topblue1{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:225%;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    border:1px solid transparent;
    border-radius:4px;
    background-color:#337ab7;
    color:#fff;
    border-color:#2e6da4
}
.topblue1:hover{
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.topblue1:visited{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4
}
.topred1{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:225%;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    border:1px solid transparent;
    border-radius:4px;
    background-color:#d9534f;
    color:#fff;
    border-color:#d43f3a
}
.topred1:hover{
    color:#fff;
    background-color:#c9302c;
    border-color:#ac2925
}
.topred1:visited{
    color:#fff;
    background-color:#d9534f;
    border-color:#d43f3a
}
.gxlarge,.glarge,.gnormal,.gmiddle,.gsmall,.rxlarge,.rlarge,.rnormal,.rmiddle,.rsmall,.bxlarge,.blarge,.bnormal,.bmiddle,.bsmall,.wxlarge,.wlarge,.wnormal,.wmiddle,.wsmall,.egxlarge,.eglarge,.egnormal,.egmiddle,.egsmall,.erxlarge,.erlarge,.ernormal,.ermiddle,.ersmall,.ebxlarge,.eblarge,.ebnormal,.ebmiddle,.ebsmall,.ewxlarge,.ewlarge,.ewnormal,.ewmiddle,.ewsmall a:link{
    color:#039;
    text-decoration:none
}
.gxlarge,.glarge,.gnormal,.gmiddle,.gsmall,.rxlarge,.rlarge,.rnormal,.rmiddle,.rsmall,.bxlarge,.blarge,.bnormal,.bmiddle,.bsmall,.wxlarge,.wlarge,.wnormal,.wmiddle,.wsmall,.egxlarge,.eglarge,.egnormal,.egmiddle,.egsmall,.erxlarge,.erlarge,.ernormal,.ermiddle,.ersmall,.ebxlarge,.eblarge,.ebnormal,.ebmiddle,.ebsmall,.ewxlarge,.ewlarge,.ewnormal,.ewmiddle,.ewsmall a:visited{
    color:#69C;
    text-decoration:none
}
.gxlarge,.glarge,.gnormal,.gmiddle,.gsmall,.rxlarge,.rlarge,.rnormal,.rmiddle,.rsmall,.bxlarge,.blarge,.bnormal,.bmiddle,.bsmall,.wxlarge,.wlarge,.wnormal,.wmiddle,.wsmall,.egxlarge,.eglarge,.egnormal,.egmiddle,.egsmall,.erxlarge,.erlarge,.ernormal,.ermiddle,.ersmall,.ebxlarge,.eblarge,.ebnormal,.ebmiddle,.ebsmall,.ewxlarge,.ewlarge,.ewnormal,.ewmiddle,.ewsmall a:hover{
    color:#C00;
    text-decoration:underline
}
.gxlarge,.glarge,.gnormal,.gmiddle,.gsmall,.egxlarge,.eglarge,.egnormal,.egmiddle,.egsmall{
    color:#333;
    text-decoration:none
}
.rxlarge,.rlarge,.rnormal,.rmiddle,.rsmall,.erxlarge,.erlarge,.ernormal,.ermiddle,.ersmall{
    color:#C00;
    text-decoration:none
}
.bxlarge,.blarge,.bnormal,.bmiddle,.bsmall,.ebxlarge,.eblarge,.ebnormal,.ebmiddle,.ebsmall{
    color:#00C;
    text-decoration:none
}
.wxlarge,.wlarge,.wnormal,.wmiddle,.wsmall,.ewxlarge,.ewlarge,.ewnormal,.ewmiddle,.ewsmall{
    color:#FFF;
    text-decoration:none
}
.gxlarge,.glarge,.gnormal,.gmiddle,.gsmall,.rxlarge,.rlarge,.rnormal,.rmiddle,.rsmall,.bxlarge,.blarge,.bnormal,.bmiddle,.bsmall,.wxlarge,.wlarge,.wnormal,.wmiddle,.wsmall{
    font-weight:normal
}
.egxlarge,.eglarge,.egnormal,.egmiddle,.egsmall,.erxlarge,.erlarge,.ernormal,.ermiddle,.ersmall,.ebxlarge,.eblarge,.ebnormal,.ebmiddle,.ebsmall,.ewxlarge,.ewlarge,.ewnormal,.ewmiddle,.ewsmall{
    font-weight:bold
}
.xlarge,.gxlarge,.rxlarge,.bxlarge,.wxlarge,.egxlarge,.erxlarge,.ebxlarge,.ewxlarge{
    font-size:125%
}
.large,.glarge,.rlarge,.blarge,.wlarge,.eglarge,.erlarge,.eblarge,.ewlarge{
    font-size:113%
}
.normal,.gnormal,.rnormal,.bnormal,.wnormal,.egnormal,.ernormal,.ebnormal,.ewnormal{
    font-size:100%
}
.middle,.gmiddle,.rmiddle,.bmiddle,.wmiddle,.egmiddle,.ermiddle,.ebmiddle,.ewmiddle{
    font-size:88%
}
.small,.gsmall,.rsmall,.bsmall,.wsmall,.egsmall,.ersmall,.ebsmall,.ewsmall{
    font-size:75%
}
a:hover{
    color:#c00000
}
.maincolor{
    background:#d076c5!important
}
.maincolor a{
    color:#fff!important;
    font-weight:700;
    font-size:20px
}
.maincolor.btn{
    color:#fff;
    font-weight:700;
    font-size:16px;
    border:0
}
#header{
    background:none;
    border:none;
    padding-top:9px;
    margin-bottom:0
}
#header .maincolor .open > a,#header .maincolor .active > a{
    background:#6f0a63!important
}
#header .maincolor a:hover{
    background:#6f0a63!important
}
#sitemap a:hover{
    background:#6f0a63!important
}
#mobilelogin,#mobilelogout,#tablelogin,#tablelogout{
    font-size:16px;
    margin:10px 0;
    background:#6f0a63!important;
    border-color:#600
}
#header #top{
    background:#fff;
    padding-bottom:2px
}
#header #marquee{
    overflow:hidden;
    height:25px
}
#header .navbar-header{
    width:100%
}
#header .dropdown-menu{
    padding:0
}
#header .navbar-nav>li>a{
    padding-top:0;
    padding-bottom:0
}
#header #function{
    padding:10px 0
}
#header #navbottom{
    padding:10px 0 0
}
#navbar .nav>li>a{
    padding:0 10px
}
#welcome .nickname{
    color:#C00;
    font-size:16px
}
#news .panel .panel-heading{
    height:42px;
    color:#fff;
    padding:10px 8px
}
#news .panel .panel-title a{
    font-size:20px
}
#tag{
    padding:0 5px 10px 0
}
@media (max-width:767px){
    #tag a{
        font-size:16px
    }
}
#content .navbar .nav li{
    border-right:1px #999 solid
}
#content h2{
    padding:0;
    margin:0;
    font-size:26px
}
#content .content_title{
    display:inline-block;
    margin:0;
    padding:0 0 10px;
    font-size:26px
}
#content .dash{
    padding:0 0 10px;
    font-size:20px;
    color:#000
}
#content .content_thumb{
    padding:0 10px 10px 0
}
#content .content_thumb .text{
    background:#aaa;
    text-align:center
}
@media (max-width:767px){
    #content .content_thumb{
        width:100%
    }
    #content .content_thumb .image img{
        width:100%
    }
}
.content_head{
    position:relative;
    padding:10px;
    margin-bottom:10px
}
.content_head img{
    vertical-align:text-bottom;
    width:32px
}
.content_head a img{
    vertical-align:middle
}
.content_head .title{
    font-size:26px;
    font-weight:700;
    padding-right:10px;
    margin:0;
    color:#000;
    display:inline-block
}
.content_head .title a{
    color:#000
}
.content_head .total{
    padding:0 10px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc
}
.content_head .vote{
    padding:0 10px;
    color:#000;
    border-right:1px solid #ccc
}
.content_head .vote:hover{
    color:#c00000
}
.content_head .hot{
    padding:0 10px;
    color:#000;
    border-right:1px solid #ccc
}
.content_head .hot:hover{
    color:#c00000
}
.content_head .rss{
    padding:0 10px;
    color:#000;
    position:absolute;
    right:0;
    bottom:10px
}
.content_head .num{
    color:#F26C4F
}
@media (max-width:767px){
    .content_head .total{
        font-size:16px
    }
    .content_head .vote{
        font-size:16px
    }
    .content_head .hot{
        font-size:16px
    }
}
.content_in .title{
/*    font-weight:lighter*/
}
.content_in .content_title{
    font-weight:700
}
.content_mail .title{
    font-weight:lighter
}
.content_mail .content_title{
    font-weight:700
}
.content .notice{
    padding:0 0 10px;
    margin:0;
    font-size:26px
}
.content .mail .title{
    margin:0;
    font-size:26px
}
.content .mail .content{
    margin:0;
    font-size:18px;
    font-weight:400
}
#content_text{
    text-align:justify;
    text-justify:inter-ideograph;
    font-size:20px;
    font-weight:400;
    margin:0
}
.add_post{
    font-size:20px;
    color:#fff
}
.form-control{
    font-size:20px
}
#vote_function{
    padding:10px 50px;
    position:relative
}
#vote_function .title{
    position:absolute;
    top:10px;
    left:0;
    width:100%
}
#vote_function table.vote{
    position:relative;
    z-index:100
}
#vote_function table.vote .button{
    color:red;
    border:2px solid red;
    background:#fff;
    padding:2px 5px
}
#vote_function table.vote .number{
    color:#fff;
    padding:2px 5px
}
#vote_function table.vote .bar{
    border:1px solid #fff
}
#maybe .media:first-child{
    margin-top:15px
}
#vote_function_favorite_email_rss,#vote_function_favorite_email_rss_wide{
    background:#ddd;
    margin-bottom:10px;
    margin-top:10px;
}
.news_list{
    padding:10px 0;
    border-bottom:1px solid #999
}
.news_list .title{
    text-align:justify;
    text-justify:inter-ideograph
}
.news_list .content{
    text-align:justify;
    text-justify:inter-ideograph
}
.news_list .content .title{
    font-size:22px;
    font-weight:700;
    margin:0
}
.news_list .content .title.black a{
    color:#000
}
.news_list .content .support{
    font-size:16px
}
.function{
    position:relative;
    font-size:16px;
    border-top:0
}
.function .name{
    color:#c00000
}
@media (max-width:767px){
    .function{
        font-size:18px
    }
}
.comments .media .media-left .content{
    width:120px
}
.comments .media .comment_date{
    font-size:14px
}
.comments .media .comment_ad a{
    font-size:16px
}
.comments .media .media-body,.media-left,.media-right{
    white-space:normal;
    overflow:auto
}
#text_all{
    width:100%
}
.copyright{
    padding:10px 0;
    background:#CCC
}
.copyright .text{
    color:#C00
}
#sitemap{
    padding-top:10px
}
#sitemap .content{
    padding:4px 10px
}
#sitemap a{
    color:#fff;
    padding:10px 4px;
    font-weight:400;
    font-size:16px
}
#sitemap a.liidee{
    color:#039!important
}
#sitemap a.liidee:hover{
    color:#FF6!important
}

.footer-colapse-btn {
    background-color: #666;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 1px #fff;
    background-image: url(/images/up-arrow.svg);
    background-repeat: no-repeat;
    background-position: center 45%;
    position: absolute;
    bottom: 13px;
    left: 22%;
    margin-left: -45px;
    z-index: 9;
    color: transparent;
    transform: rotate(180deg);
    transition: all .3s        
}

.footer-colapse-btn.active {
    transform: rotate(0);
}

#search{
    padding:10px 0
}
#search #keywordtitle{
    color:#C00;
    font-size:16px
}
#copyright{
    color:#333;
    padding-bottom:20px
}
#copyright .container{
    position:relative
}
#copyright .container #counter{
    margin-top:-20px
}
#block_image img{
    width:100%
}
#modal_login .modal-dialog{
    width:380px;
    margin:0 auto
}
#modal_login .form-horizontal{
    padding-top:40px
}
#mobiletop{
    padding:10px
}
#mobileheader .navbar-toggle,#tableheader .navbar-toggle{
    background:#f8f8f8!important
}
#mobilemember,#tablemember{
    margin:10px 0;
    padding:0 10px
}
#mobilemember a,#tablemember a{
    padding:0 10px
}
#mobileblock{
    padding-bottom:10px;
    overflow:hidden
}
#cse-search-box{
    margin:0 0 10px;
    background-color:grey
}
#cse-search-box div.gsc-control-cse{
    background-color:grey;
    border:0
}
#table_search div.gsc-control-cse{
    background-color:grey;
    border:0
}
#mobilefooter{
    padding:10px
}
#mobilemessage{
    padding:10px
}
#mobilemessage .num{
    color:red;
    padding:0 4px;
    font-size:22px
}
#mobileheader{
    margin-bottom:0;
    background:none;
    border:none
}
#mobileheader.nav>li>a{
    padding:10px
}
#mobilemenu{
    width:320px;
    background-color:#333;
    overflow-x:hidden;
    overflow-y:auto
}
#mobilemenu,#mobilemenu a{
    color:#aaa;
    font-size:20px
}
#mobilemenu ul,#mobilemenu li{
    list-style:none
}
#mobilemenu > ul{
    padding-left:0
}
#mobilemenu > ul > li{
    background-color:#666
}
#mobilemenu > ul > li > ul{
    background-color:#333
}
#mobilemenu > ul > li > ul > li{
    padding:5px 0
}
#mobilemenu > ul > li.title{
    padding:10px 20px
}
#mobilemenu > ul > li.content{
    padding:10px 0 10px 30px;
    background-color:#333
}
#mobilemenu > ul > li .item{
    padding:5px 0
}
.mobilemenuopen{
    position:fixed
}
:focus{
    outline:none
}
a:hover{
    text-decoration:none
}
.panel{
    margin-bottom:10px
}
.pagination{
    margin:10px 0 0
}
.tag.btn{
    color:#337ab7;
    margin-top:5px
}
.tag.btn .label{
    background:#aaa;
    padding:1px 5px
}
h2.tag{
    font-size:14px!important;
    margin-top:5px!important;
    padding:6px 12px!important
}
.btn.homebtn{
    padding:2px 10px
}
.btn.homebtn.red{
    color:#b2159f;
    border-color:#b2159f;
    background-color:#fff
}
.btn.homebtn.red:hover{
    color:#fff;
    background-color:#b2159f
}
.btn.homebtn.blue{
    color:#039;
    border-color:#039
}
.btn.homebtn.blue:hover{
    color:#fff;
    background-color:#039
}
.SmallLinkBox.btn{
    padding:1px 5px
}
.media .btn.more{
    padding:2px 10px;
    color:#b2159f;
    border-color:#b2159f;
    background-color:#fff
}
.media .btn.more:hover{
    color:#fff;
    background-color:#b2159f
}
.media .btn.more.left{
    color:#C00;
    border-color:#C00
}
.media .btn.more.left:hover{
    color:#fff;
    background-color:#C00
}
.media .btn.more.right{
    color:#039;
    border-color:#039
}
.media .btn.more.right:hover{
    color:#fff;
    background-color:#039
}
.cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{
    box-sizing:content-box
}
#player_1{
    margin:0 auto
}
body{
    font-size:18px
}
@media (max-width:767px){
    body{
        font-size:22px
    }
}
.gray20{
    font-size:22px;
    color:#333
}
.gray16{
    font-size:18px;
    color:#333
}
.SmallLinkBox:link{
    display:block;
    width:60px;
    height:18px;
    background-color:#ededed;
    font-size:12px;
    text-align:center;
    color:#039;
    line-height:17px;
    text-decoration:none;
    border:#039 1px solid
}
.SmallLinkBox:visited{
    background-color:#ededed;
    text-align:center;
    color:#039
}
.SmallLinkBox:hover{
    background-color:#039;
    text-align:center;
    color:#FFF;
    border:#039 1px solid
}
.SmallLinkred:link{
    display:block;
    width:60px;
    height:18px;
    background-color:#fff;
    font-size:12px;
    text-align:center;
    color:#C00;
    line-height:17px;
    text-decoration:none;
    border:#C00 1px solid
}
.SmallLinkred:visited{
    background-color:#fff;
    text-align:center;
    color:#C00
}
.SmallLinkred:hover{
    background-color:#C00;
    text-align:center;
    color:#FFF;
    border:#C00 1px solid
}
::-webkit-input-placeholder{
    font-size:19px
}
::-moz-placeholder{
    font-size:19px
}
:-ms-input-placeholder{
    font-size:19px
}
input:-moz-placeholder{
    font-size:19px
}
.gray18{
    font-size:18px;
    color:#333
}
.rednum{
    color:#C00;
    font-size:16px
}
.rednums{
    color:#C00;
    font-size:13px
}
h3.tag_line{
    color:#9c9a9a
}
h4.tag_line{
    color:#9c9a9a
}
.sitemapcolor{
    background:#6F0A63!important
}
[v-cloak]{
    display:none
}
div.ad-mid{
    background:#999;
    padding:5px;
    margin:0px;
    text-align:center
}
div.top-ad{
    height:80px
}
#apDiv22{
    position:fixed;
    left:10px;
    bottom:70px;
    z-index:1000
}
#apDiv22 .close{
    position:absolute;
    right:0;
    top:0
}
@media (min-width:320px) and (max-width:480px){
    div #tag{
        white-space:nowrap;
        overflow-x:scroll
    }
    .message-func-box{
        padding:  3px;
    }    
    .message-online-text{
        font-size: 1em;
    }    
}
.profile_avatar{
    width:62px;
    height:65px
}
#news .media .media-left .media-object{
    width:60px
}
#news .media .media-body{
    font-size:16px
}
#news #message .num{
    color:#c00;
    font-weight:700
}
.media,.media a{
    white-space:normal
}
.media-left,.media>.pull-left{
    padding-right:5px
}
.media-body,.media-left,.media-right{
    white-space:nowrap;
    overflow:hidden
}
.media h3,.media h4{
    font-size:18px;
    margin-bottom:6px
}
div#copyright{
    font-size:12pt
}
.fa-gift{
    color:#E4665B;
    font-size:36px
}
.abgne-frame-20140107-1{
    position:relative;
    overflow:hidden;
    width:100%;
    height:250px
}
.abgne-frame-20140107-1 .overlay{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#000;
    opacity:0.5;
    -webkit-transition:opacity 0.4s linear;
    -moz-transition:opacity 0.4s linear;
    -o-transition:opacity 0.4s linear;
    transition:opacity 0.4s linear
}
.abgne-frame-20140107-1 img{
    -webkit-transition:width 0.4s linear,height 0.4s linear,-webkit-transform 0.4s linear;
    -moz-transition:width 0.4s linear,height 0.4s linear,-moz-transform 0.4s linear;
    -o-transition:width 0.4s linear,height 0.4s linear,-o-transform 0.4s linear;
    transition:width 0.4s linear,height 0.4s linear,transform 0.4s linear
}
.abgne-frame-20140107-1:hover img{
    width:110%;
    height:270px;
    -webkit-transform:translate(-12.5px,-8px);
    -moz-transform:translate(-12.5px,-8px);
    -o-transform:translate(-12.5px,-8px);
    transform:translate(-12.5px,-8px)
}
.abgne-frame-20140107-1:hover .overlay{
    opacity:0
}
.abgne_tip_gallery_block{
    padding:0;
    color:#fff;
    position:relative;
    overflow:hidden
}
.abgne_tip_gallery_block .SmallLinkBox{
    position:absolute;
    top:15px;
    right:10px
}
.abgne_tip_gallery_block .caption{
    padding:15px;
    width:100%;
    color:#fff;
    background-color:#000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    position:absolute;
    bottom:-40px;
    cursor:pointer
}
.abgne_tip_gallery_block .caption h2{
    margin:0;
    padding:0px 0px 15px;
    color:#fff;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1
}
.abgne_tip_gallery_block a:hover{
    text-decoration:none;
    color:#fff
}
.nav-game-download-icon{
    color:#be4bdb;
    font-size:24px
}

.home-block-img {
  height:122px;
  width: 153px;
}

.nav-row{
  margin-left: auto;
  margin-right: 10px;
}

.profile-link-btn {
    background-color: #73B534; 
    color:#ffffff;
    border-radius: 5px; 
    padding:2px; 
    font-size:11px    
}


.friend-activity-new-msg-icon {
    font-size:2.5em;
}

.big-button{
    font-size: 20px;
}