/*
===========================================================================================

主要框架 / 修改BOOTSTRAP

===========================================================================================
*/


body {
	background: #f4f4f4;
	color: #555;
	-webkit-font-smoothing: antialiased;
	/*
	font-family: "Lantinghei SC", "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif !important;
	*/
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;

}

li,ul,ol{
	list-style: none;
	margin: 0;
	padding: 0;
}

textarea {
	margin: 0;
	padding: 0;
	border: none;
}

a,
a:link,
a:hover,
a:active,
a:focus {
	text-decoration: none;
}

a {
	color: #2e3647;
}

a:hover{
	color: #0D0F13;
}


a.title:hover {
}


a.at{
	font-weight: bold;
	color: #FF6B00;
}

a.at:hover{
	color: #FFA500;
}

/*
.container {
	padding: 0;
}

.row {
	margin: 0;
	padding: 0;
	position: relative;
}

.container-fluid>.navbar-collapse, 
.container-fluid>.navbar-header, 
.container>.navbar-collapse, 
.container>.navbar-header {
	padding: 0;
	margin: 0;
}
*/


table.table {
	margin: 0;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  vertical-align: middle;
}

.table.table-va-top>tbody>tr>td{
	vertical-align: top;
	line-height: 2;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th{
	border-top: none;
	line-height: 1;
}


.table.trbb>tbody>tr{
	border-top: none;
	border-bottom: 1px dashed #EEE;
}
.table.trbb>tbody>tr:last-child{
	border-top: none;
	border-bottom: none;
}
.table.trbbs>tbody>tr{
	border-top: none;
	border-bottom: 1px solid #F5F5F5;
}

.table.trbbs>tbody>tr.perfected{
	border-top: none;
	border-bottom: 1px solid #DCEBF9;
}

.table.trbbs>tbody>tr.earned{
	border-top: none;
	border-bottom: 1px solid #DCEBF9;
}


.table.trbbs>tbody>tr.earned>td .border-5{
	border-color: #61BF19;
}

.table.trbbs>tbody>tr:last-child{
	border-top: none;
	border-bottom: none;
}


th {
	text-align: center;
}

.pagination {
	padding:0;
	margin: 0;
}

.pagination>li:first-child>a, 
.pagination>li:first-child>span{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.pagination>li:last-child>a, 
.pagination>li:last-child>span{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


.progress {
	margin: 0;
	padding: 0;
	border-radius: 2px;
	position: relative;
	background: #C2C8CE;
}

.progress-sm {
	height: 15px;
}

.progress span {
  font-size: 11px;
  line-height: 20px;
  width: 100%;
  color: #FFF;
  font-weight: bold;
  display: block;
  text-align: center;
  position: absolute;
}

.progress-sm span{
	font-size: 9px;
	line-height: 15px;
}

.progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	border-radius: 0;
	background-color: #4E8FE5;
}

.progress-bar.green {
	background-color: #47AB37;
}

.dropdown-menu {
	margin: 0;
}

.form-control-sm {
	height: 30px;
}




/*
===========================================================================================

定位类

===========================================================================================
*/

.block  {
	display: block;
}

.inline {
	display: inline;
}
.inline-block {
	display: inline-block;
}

.mg-auto {
	margin: auto;
}

.mg0 { margin:0px; }
.mg5 { margin:5px; }
.mg10 { margin:10px; }
.mg15 { margin:15px; }
.mg20 { margin:20px; }

.mt-50 { margin-top: -50px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }


.mb-10 { margin-bottom: -10px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px;}

.ml-10 { margin-left: -10px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml90 { margin-left: 90px; }
.ml115 { margin-left: 115px; }
.ml110 { margin-left: 110px; }
.ml120 { margin-left: 120px; }
.ml140 { margin-left: 140px; }
.ml165 { margin-left: 165px; }


.mr-10 {margin-right: -10px;}
.mr5 {margin-right: 5px;}
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.pd0 { padding: 0px; }
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }


.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }


.li-pd10 li{
	padding: 10px;
}

.w25{
	width: 25px;
}
.w30 {
	width: 30px;
}

.w35 {
	width: 35px;
}

.w50 {
	width: 50px;
}

.w75  {
	width: 75px;
}

.w100 {
	width: 100px;
}

.w120 {
	width: 120px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}
.min-w200 {
	min-width: 200px;
}

.w250 {
	width: 250px;
}

.w340 {
	width: 340px;
}

.w370 {
	width: 370px;
}

.w-full {
	width: 100%;
}

.max-w-full {
	max-width: 100%;
}

.w-per-80 {
	width: 80%;
}

.min-h500{
	min-height: 500px;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

.oh{
	overflow: hidden;
}
.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.va-bottom{
	vertical-align:bottom;
}

.relative{
	position: relative;
}
.absolute {
	position: absolute;
}

/*
===========================================================================================

绘制修饰类

===========================================================================================
*/

.border { border: 1px solid #EEE; }
.border-5 { border: 5px solid #F1F4F9; }

.tline { border-top: 1px solid #EEE; }
.bline { border-bottom: 1px solid #EEE; }
.bline-dash { border-bottom: 1px dashed #EEE; }
.rline { border-right: 1px solid #EEE; }
.lline { border-left: 1px solid #EEE; }
.radius { border-radius: 100px; }
.radius-4 { border-radius: 4px; }
.radius-10 { border-radius: 10px; }



td.bl {
    border-left: 1px solid #F8F8F8;
}

tr.perfected>td.bl {
    border-left: 1px solid #DCEBF9;
}
/*
===========================================================================================

文字类

===========================================================================================
*/

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6{
	padding: 0;
	margin: 0;
}

.h1, h1{
	font-size: 22px;
  	line-height: 1.7;
}

.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f24 {font-size: 24px;}
.f28 {font-size: 28px;}


.b{
	font-weight: bold;
}

.lh-full {
	line-height: 1;
}
.lh16 {
	line-height: 16px;
}

.lh-18 {
	line-height: 1.8;
}

.lh20 {
	line-height: 20px;
}
.lh25 {
	line-height: 25px;
}

.lh30{
	line-height: 30px;
}
.lh16 {
	line-height: 16px;
}



.fc-white { color: #FFF; }
.fc-gray {color:#BBB;}
.fc-gray-dark{color: #666;}
.fc-gray-md{color: #999;}

.fc-black {color: #222;}
.fc-orange{color: #FF6B00;}
.fc-blue{color: #0D7ECF;}
.fc-red{color:#CE0D0D;}
.fc-blue-dark{color:#0A5184;}
.fc-green{color:#61bf19;}
.fc-green-light{color:#D0EF89;}
.bg-default { background-color: #F1F4F9;}
.bg-gray { background: #f8f8f8; }
.bg-gray-md { background: #EEE; }
.bg-gray-dark{ background: #333333; }
.bg-orange {background: #FF6B00; }
.bg-blue{background: #0D7ECF;}
.bg-black{background: #000000;}
.bg-white{background: #FFFFFF;}
.text-shadow{text-shadow: 0 1px 2px #000000;}

/*
===========================================================================================

复用框架造型

===========================================================================================
*/



.tag {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1;
	border-radius: 2px;
	letter-spacing: 0.3px;
	background: #BEC6CE;
	color: #FFF;
}

.tag-circle {
	border-radius: 50px;
}

.tag:hover{
	color: #fff;
}

.tag-default {
	background: #F1F4F9;
	color:#2E4875;
}

.tag-default:hover {
	background: #DDE5F1;
	color:#2E4875;
}



.tag-white {
	background:#FFF;
	color: #777;
}

.tag-white:hover{
	background:#F8F8F8;
	color: #777;
}

.tag-blue{
	background-color: #629AD6;
	color: #FFF;
}
.tag-blue:hover{
	background-color: #65ADFB;
	color: #FFF;
}

.tag-gray{
	background: #F2F2F2;
	color: #999;
}

.tag-gray:hover{
	background: #E5E5E5;
	color: #777;
}

.tag-orange {
	background: #FF6B00;
}


.tag-topic-type {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	border-radius: 2px;
	padding: 0 3px;
	line-height: 18px;
	margin-right: 5px;
}

.tag-sm {
	line-height: 1;
	font-weight: bold;
}

.tag-md {
	font-size: 14px;
	padding: 2px 5px;
}

.tag-lg {
	font-size: 14px;
	padding: 5px 20px;
}



.tag-ps4 {
	color: #fff;
	background: #6145B1;
}

.tag-ps3 {
	color: #fff;
	background: #D83F3F;
}

.tag-psv {
	color: #fff;
	background: #107FD8;
}


.tag-xboxone {
	color: #fff;
	background: #359E35;
}


.tag-xbox360 {
	color: #fff;
	background: #1A9A91;
}

.tag-3ds {
	color: #fff;
	background: #9A1111;
}

.tag-wiiu {
	color: #fff;
	background: #2195B5;
}

.tag-wii {
	color: #fff;
	background: #3DB0FF;
}

.tag-steam {
	color: #fff;
	background: #4E4E4E;
}

.box-white {
	position: relative;
	background: #FFF;
	/* border:#ececec 1px solid; */
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
    border-radius: 2px;
}

.box-white li:hover {
	background: #F9F9F9;
}

.box-black-a40{
  background: rgba(40,40,40,0.4);
}

.box-black-a80{
  background: rgba(40,40,40,0.8);
}


.box-header {
	background-color: #262b35;
	color: #AAB3C5;
	line-height: 30px;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.box-header a{
	color: #FFF;
}

.box-header-sm{
	height: 40px;
	line-height: 20px;
}

.box-list {
	overflow: hidden;
}


.box-list li {
	overflow: hidden;
	border-bottom: 1px #EEE solid;
}

.box-list.dashed li {
	border-bottom: 1px #EEE dashed;
}



.box-list li.recommend{
	background: #F5F8FA;

}

.box-list li.recommend .title{ 
	color: #0051ad;
	font-weight: bold;
}

.box-list .info {
	color: #99a2b4;
}


.box-list a.comment {
	margin-top: 18px;
	background: #C3C7CF;
	min-width: 30px;
	padding: 2px 10px;
	border-radius:15px;
	line-height: 1;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.box-list-cover li{
	padding: 15px;
	border-right: 1px #EEE solid;
	border-bottom: 1px #EEE solid;
}

.box-list-cover li img{
	max-width: 100%;
}

.box-list-setting li{
	line-height: 40px;
	border-bottom: 1px dashed #EEE;
}


.filter a {
	padding: 2px 5px;
	margin:0 5px;
	text-align: center;
}
.filter a.active {
	color: #FFF;
	font-weight: bold;
	border-radius: 3px;
	background-color: #555;

}


/*
===========================================================================================

按钮类

===========================================================================================
*/

.btn {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	font-weight: bold;
	display: inline-block;
}

.btn-group-lg>.btn, .btn-lg{
	border-radius: 4px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	font-size: 14px;
}

.btn-blue {
	color: white;
	background-color: #13aff0;
	border-color: #0faaea;
}

.btn-blue:hover {
	background: #0E91C8;
	color: #FFF;
}

.btn-gray,
a.btn-gray{
	background: #EEE;
	color: #333;
}

.btn-gray:hover,
a.btn-gray:hover {
	background: #E5E5E5;
	color: #333;
}

.btn-orange{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: white;
	background-color: #FFA500;
	border-color: #FF9B00;
}

.btn-header-black,
.btn-header-black:focus,
.btn-header-black:active {
	background-color: #000;
	color: #FFF;
}
.btn-header-black:hover{
	background-color: #1B1E25;
	color: #FFF;
}
/*
===========================================================================================

SCORE

===========================================================================================
*/
span.score {
	color: #FFF;
	font-weight: bold;
	border-radius: 100px;
	min-width: 30px;
	text-align: center;
}

span.score.score-md{
	padding:0px 10px;
	font-size: 12px;
	font-weight: bold;
}

span.score.score-lg{
	padding:5px 10px;
	font-size: 22px;
	font-weight: bold;
	border-radius: 5px;
}

span.score.score-circle{
	line-height: 30px;
	font-size: 14px;
}
span.score.score-circle-sm{
	line-height: 22px;
	font-size: 12px;
	min-width: 22px;
}

span.score.score-circle-big{
	line-height: 40px;
	font-size: 25px;
	font-weight: bold;
	width: 40px;
}

.score.max{
  background: #663399;
}
.score.high{
  background: #CC0000;
}
.score.mid{
  background: #FF9900;
}
.score.low{
  background: #66CC00;
}
.score.one{
  background: #999999;
}
.score.zero{
  background: #ddd;
}






/*
===========================================================================================

NAV

===========================================================================================
*/


.navbar {
	border: none;
	background: #262b35;
	border-radius: 0;
	margin: 0;
}
.navbar .nav > li:hover .dropdown-menu {
	display: block;
}

.navbar-brand {
	padding: 13px 20px;
	
	margin-right: 20px;
}

.navbar-nav li {
	text-align: center;
	min-width: 80px;
	
}

.navbar-nav>li>a {
	color: #fff;
	padding: 10px 15px;
	line-height: 30px;
}

.navbar-nav li.active a,
.navbar-nav li.active a:hover,
.navbar-nav li.active a:focus {
	background: #343a48;
	padding-left: 20px;
	padding-right: 20px;

}

.navbar-nav li a:hover,
.navbar-nav li a:focus{
	background: #2E333F;
}

.dropdown-menu{
	border-radius: 0px;
	border: none;
}

.dropdown-menu>li>a{
	line-height: 30px;
	min-width: 200px;
}

.dropdown-menu>li>a:hover{
	background-color: #eee;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus
{
	background: #343a48;
}

.navbar-nav li .navbar-userinfo a:hover,
.navbar-nav li .navbar-userinfo a:focus{
	background: inherit;
}

.navbar-nav li .navbar-userinfo a.stronghold:hover,
.navbar-nav li .navbar-userinfo a.stronghold:focus{
	background: #E8E8E8;
}

.navbar-toggle .icon-bar {
	background-color: white;
}

.navbar-toggle {
	margin-right: 10px;
}


@media (max-width: 699px){
.navbar-nav .open .dropdown-menu>li>a {
  padding: 15px;
}
.navbar-nav .open .dropdown-menu>li>a:hover {
  padding: 15px;
  background-color: #2E333F;
}
}

.navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
	background-color: #343a48;
}


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>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:10px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    top: -500px;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/*
===========================================================================================

FOOTER

===========================================================================================
*/

#footer {
	background: #111111;
	font-size: 12px;
	color: #CCC;
}
#footer a{
	color: #CCC;
}

#footer h2 {
	font-size: 16px;
	padding: 15px 0;
	color: #777;
}

#footer li {
	line-height: 30px;
}

.copyright {
	padding: 15px;
	color: #666;
}




/*
===========================================================================================

form

===========================================================================================
*/


.input-error {
	border: 1px solid #FF0000;
}



/*
===========================================================================================

entry

===========================================================================================
*/

.entry {
    letter-spacing: 0.5px;
	overflow: hidden;
	text-rendering: optimizeLegibility;
	vertical-align: middle;
	line-height: 1.8;
	font-size: 14px;
	color: #222;
}


.entry p{
	display: block;
	margin: 10px 0;
	overflow: hidden;
}

.entry p:first-child,
.entry div:first-child {
    margin-top: 0;
}

.entry.topic {
	min-height: 200px;
}

.entry.article{
	letter-spacing: 0.2px;
	margin: auto;
	line-height: 1.8;
	font-size: 16px;
	color: #333;
	padding: 0 40px;
}

.entry.wide{
	letter-spacing: 0.5px;
	line-height: 2.2;
	font-size: 16px;
	color: #555;
}

.entry.article p,
.entry.wide p{
	margin: 10px 0;
}

.entry.article table tbody tr td,
.entry.wide table tbody tr td {
	padding: 10px;
}
.entry.article table tbody tr td p,
.entry.wide table tbody tr td p {
	margin: 0;
}
.entry table tbody tr td img{
	margin: 0;
}

.entry img,
.entry table{
  max-width: 100%;
  height: auto; 
}

.entry img {
	margin: 5px 0;
}

.entry table {
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
}

.entry table td{
  padding: 4px;
  border: 1px solid #EEE;
}

.entry table td.bl {
    border-left: 1px solid #E5E5E5;
}


.entry table.tdnob td{
	border:none;
}

.entry table h3 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}


.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6{
  font-weight: bold;
  line-height: 2;
}

.entry h1 {
  font-size: 30px;
  margin: 40px 0 10px 0;
  border-bottom: 1px #EEE solid;
}

.entry h2 {
  font-size: 24px;
  margin: 30px 0 10px 0;
  border-bottom: 1px #EEE solid;
}

.entry h3{
	font-size: 22px;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #666699;
    /* padding-top: 15px; */
    border-top: 2px solid #EEEEEE;
    font-weight: bold;
    clear: left;
}

.entry h4 {
  font-size: 16px;
  margin: 25px 0 10px 0;
  color: #800000;
}

.entry h5 {
  font-size: 14px;
}


.entry h6 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #777;
}




.entry li {
  line-height: 1.714285714;
}

.entry ul{
  margin:5px 0;
}


.entry ul ol{
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  line-height: 1.714285714;
  padding: 0;
}

.entry blockquote {
	overflow: hidden;
	margin: 10px 0;
	padding: 10px;
	font-size: 14px;
}

.entry pre, 

.entry pre {
  font-family: 'Consolas', 'Panic Sans', 'Consolas', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Menlo', monospace;
  padding: 9.5px !important;
  border: 1px solid #dee6ed !important;
}

.entry code{
  font-family: 'Consolas', 'Panic Sans', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Menlo', monospace;
}

.entry pre code {
background-color: transparent !important;
}
.entry pre code, pre .subst, pre .tag .title, pre .lisp .title, pre .clojure .built_in, pre .nginx .title {
color: black;
}
.entry pre code {
display: block;
padding: 0.5em;
background: #F0F0F0;
}
.entry pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}

.entry blockquote {
  border-left-width: 5px;
  background-color: rgba(102,128,153,0.05);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: block;
}

.entry code,pre{
  font-size: 12px !important;
}

.entry code {
  padding: 2px 4px;
  font-size: 90%;
  color: #162029;
  background-color: rgba(102,128,153,0.05);
  white-space: nowrap;
  border-radius: 4px;
}


.entry .footnote {
vertical-align: top;
position: relative;
top: -0.5em;
font-size: 0.8em;
}



.entry dt, dd {
margin-top: 5px;
margin-bottom: 5px;
}

.entry dd {
margin-left: 40px;
margin-left: 0;
display: block;
-webkit-margin-start: 40px;
}

.entry iframe{
  border:none;
}

.entry a {
  color:#4083a9;
}

.entry .pagelist a.btn{
	color: #666;
	margin-top: 10px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}

.entry .pagelist a.btn.current{
	background-color: #13aff0;
    border-color: #0faaea;
    color: #fff;
}




.entry td.trophy-num p {
  margin-bottom: 0;
}

.entry .psngame-list {
  margin: 10px 0;
}

.entry .psngame-list table td {
  border:none;
}

.entry .psngame-list{
  border: 1px solid #ddd;
}

.entry .psngame-list table{

  border:none;
  background: #F9F9F9;
}

.entry .psngame-list table td.br {
  border-right: 1px solid #F2F2F2;
}

.entry .psngame-list table .platform span {
  margin-right: 5px;
}

.entry .game-title h3{
  line-height: 1.4;
  margin-bottom: 5px;
}

.entry .box-list-psngame table td {
	border: none;
}

.entry .pnomg p{
	margin: 0;
}


.entry-comment {
	font-size: 14px;
	line-height: 2;
	color: #111;
}


#author-avatar {
	display: block;
}

#topic-title {
	
}
#topic-title h1{
	font-size: 18px;
	font-weight: bold;
}

.article #topic-title h1{
	font-size: 26px;
	text-align: center;
	margin: 0 auto 20px auto;
}



.article .info {
	text-align: center;
}

.article #author-avatar {
	display: none;
}

.entry th {
	background-color: #E5E5E5;
	border: none;
    border: 1px solid #EEE;
}




/*
===========================================================================================

特别样式

===========================================================================================
*/


.stronghold {
	background: #EEE;
	border-radius: 30px;
	font-weight: bold;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	color: #71798B;
	text-align: center;
	padding-right: 20px;
}



.stronghold img.icon{

	float: left;
	border-radius: 100px;
	width: 30px;
	margin: 5px 20px 5px 5px;
}


.icon.psn {
	background: #5392D8;
}

.icon.live {
	background: #4AA162;
}

.icon.steam {
	background: #555;
}

.icon.indie {
	background: #5d9525;
}

.infobar {
	overflow: hidden;
	font-size: 12px;
	line-height: 1.5;
	padding: 10px;
	text-align: center;
}

.infobar-blue{
	background: #ecf2f7;
	color: #64778C;
	border-top: 1px #DCEAF5 solid;
	border-bottom: 1px #DCEAF5 solid;
}

.list-gate-feature {
	overflow: hidden;
}
.list-gate-feature .tag{
	display: inline-block;
	margin: 4px 2px;
	padding: 5px 10px;
	background: #F2F2F2;
}

.list-gate-feature .tag:hover{
	background: #E5E5E5;
}
.list-gate-feature .tag.current{
	background: #666;
	color: #fff;
}


.box-list-psngame table {
	background: #F9F9F9;
}

.box-list-psngame table td.rline {
	border-right: 1px #F2F2F2 solid;
}


.gamerscore {
	padding-left: 17px;
	background: url('/images/gamerscoreicon_small.png') no-repeat;
	background-position: 0;

}


.table>tbody>tr>td {
	padding: 10px;
}





.tab-userinfo a{
	display: inline-block;
	min-width: 100px;
	padding: 15px 30px;
}

.tab-userinfo a.current {
	border-bottom: 4px #71798B solid;
}

span.fever_num {
  background: url('/images/fire.png') no-repeat;
  padding-left: 18px;
  color: #444;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
}


.menu-top{
	position: absolute;
	width: 100%;
	z-index:99;
	border-bottom: 1px #EEE solid;
}

.menu-top a{
	font-size: 12px;
	margin: 5px;
	line-height: 20px;
	display: inline-block;
}
.menu-top a.btn{
	margin: 0;
	line-height: 1.5;
}

.exp {
	background: #EEE;
	width: 100%;
	height: 5px;
}

.expbar{
	display: block;
	background: #199fe4;
	width: 100%;
	height: 5px;
}



.bronze {
    color: #C46438;
}
.silver {
    color: #777777;
}
.gold {
    color: #c2903e;
}
.platinum {
    color: #667FB2;
}
/*
========================================

奖杯列表元素-奖杯

========================================
*/


td.trophy-num{
  width: 160px;
  text-align: center;
}


.trophy-num span{
  font-size: 14px;
  padding-left: 16px;
  line-height: 14px;
  font-weight: bold;
  background-origin:content-box;
}

.trophy-num span.bronze{
  background: url('http://www.vglook.com/images/small_trophy.png')  no-repeat ;
  background-position:0 -47px;
  color:#C46438;
}
.trophy-num span.silver{
  background: url('http://www.vglook.com/images/small_trophy.png') no-repeat ;
  background-position:0 -31px;
  color:#777777;
}

.trophy-num span.gold{
  background: url('http://www.vglook.com/images/small_trophy.png') no-repeat ;
  background-position:0 -15px;
  color:#c2903e;
}
.trophy-num span.platinum{
  background: url('http://www.vglook.com/images/small_trophy.png') no-repeat ;
  background-position:0 1px;
  color:#667FB2
}

/*
========================================

奖杯列表元素-难度

========================================
*/



.difficulty {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1;
}
.difficulty span {
  display: block;
}

.difficulty span.a {
  color: #666666;
  font-weight: bold;
}
.difficulty span.b{
  color: #669933;
  font-weight: bold;
}
.difficulty span.c{
  color: #0066cc;
  font-weight: bold;
}
.difficulty span.d{
  color: #6600cc;
  font-weight: bold;
}
.difficulty span.e{
  color: #ff6633;
  font-weight: bold;
}
.difficulty span.f{
  color: #cc0000;
  font-weight: bold;
}
.difficulty span.g{
  color: #CCC;
  font-weight: bold;
}

/*
========================================

奖杯列表元素-平台

========================================
*/

.platform span{
	line-height: 12px;
	font-size: 12px;
	text-transform: uppercase;
	min-width: 30px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight: bold;
	color: #fff;
	padding: 2px 4px;
	display: inline-block;
	margin-right: 5px;
}

.platform span.ps4,
a.ps4.active{
  background-color:#7547A5;
}

.platform span.psvita,
a.psvita.active{
  background-color:#2396E6;
}

.platform span.psone,
a.psone.active{
  background-color:#8E8E8E;
}

.platform span.ps3,
a.ps3.active{
  background-color:#CC3333;
}

.platform span.xboxone,
a.xboxone.active{
  background-color:#13803A;
}

.platform span.xbox360,
a.xbox360.active{
  background-color:#58A398;
}
.platform span.wiiu,
a.wiiu.active{
  background-color: #02ACCC;
}



/*
========================================

Progress-bar color

========================================
*/


.progress-bar.max,
.score.max{
  background: #663399;
}
.progress-bar.high,
.score.high{
  background: #CC0000;
}
.progress-bar.mid,
.score.mid{
  background: #FF9900;
}
.progress-bar.low,
.score.low{
  background: #66CC00;
}
.progress-bar.one,
.score.one{
  background: #999999;
}

/*
========================================

特色BLOCKQUOTE

========================================
*/

.aboutme blockquote {
  border-left: 0;
  line-height: 42px;
  margin: 0;
  padding: 0;
  display: inline;
  color: #777;
  position: relative;
  font-size: 14px;
}

.aboutme blockquote::before {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 28px;
  font-weight: bold;
  color: rgba(0,0,0,0.1);
  position: absolute;
  top: -8px;
  left: -18px;
}

.aboutme blockquote::after {
  content: "\201D";
  font-family: Georgia, serif;
  font-size: 28px;
  font-weight: bold;
  color: rgba(0,0,0,0.1);
  top: -8px;
  right: -18px;
  position: absolute;
}









/*
========================================

特别样式

========================================
*/

a.fever {
    display: block;
    width: 80%;
    margin: 10px auto;
    background-color: #3bb3e0;
    padding: 10px;
    position: relative;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
    -moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
    -o-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
    box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #156785;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}


a.fever::before {
  background-color:#072239;
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:4px;
  left:-2px;
  top:5px;
  z-index:-1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 0px #fff;
  -moz-box-shadow: 0px 1px 0px #fff;
  -o-box-shadow: 0px 1px 0px #fff;
  box-shadow: 0px 1px 0px #fff;
}

a.fever:active {
  color:#156785;
  text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
  background:rgb(44,160,202);
  -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
  -moz-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
  -o-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
  box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
  top:7px;
}

a.fever:active::before {
  top:-2px;
}


tr.earned {
  background: #F1F7FD;
}

img.trophy-image {
	border: 5px solid #EEE;
	width: 64px;
	height: 64px;
}

tr.earned img.trophy-image{
	border-color: #61bf19;

}




.hover-visible{
  visibility: hidden;
}

.table>tbody>tr>td:hover .hover-visible{
  visibility: visible;
}



.box-article-list .title a{
	font-size: 18px;
	line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.2px;
    word-break: break-all;
    word-wrap: break-word;
    transition: color 0.2s;
}

.box-article-list .title a:hover{
	color: #199fe4;
}

.box-article-list .thumbnail{
	width: 220px;
	padding: 0px;
	margin-bottom: 0px;
	border:none;
}
.box-article-list .content{
	margin-left: 235px;
}



.topic-header{
	padding: 0;
	z-index: -999;
	background-size:1920px auto;
	background-position: center center;
}

.topic-header-cover{
	z-index: -998;
	padding: 20px 0;
	background: url(/images/grid_cover.png) repeat;
}








.box-comment {
	padding: 30px;
	background: #EEE;
	border-top: 2px #CCC solid;
}

.comment-list .cell {
	padding: 15px 0;
	border-top: 1px #f5f5f5 solid;
	border-bottom: 1px #DDD solid;
}

.comment-list .cell:first-child{
	border-top:none;
}

.comment-list .cell:last-child{
	border-bottom:none;
}

.comment-list .cell table {
	width: 100%;
}

.comment-list .cell td.avatar {
  width: 50px;
}

.comment-list .cell td {
  vertical-align: top;
}

.comment-info {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 5px;
  color: #CCC;
}
.comment-info a.name {
  margin-right: 5px;
  font-weight: bold;
}

.replyform {
	border-radius: 4px;
	background: #E5E5E5;
	padding: 15px;
	border: 1px #E1E1E1 solid;
}
.replyform button {
	margin-top: 5px;
}
.reply_content {
	border-radius: 4px;
	border:1px #E1E1E1 solid;
}

a.at {
	color: #555;
	font-weight: bold;
}

.no-comment {
	text-align: center;
	padding: 20px;
	color: #999;
}



.mce-content-body{
  background: #FFF;
  overflow-y:scroll;
}

.navbar-search{
	margin-top: 10px;
}

.navbar-search .form-control{
	border-top-left-radius: 30px;
	border-bottom-left-radius:30px;
	height: 30px;
	padding: 0 10px;
    font-size: 14px;
    line-height: 30px;
}

.navbar-search .input-group-btn .btn{
	border-top-right-radius: 30px;
	border-bottom-right-radius:30px;
	padding: 0 10px;
	height: 30px;
    font-size: 14px;
    line-height: 30px;
}





.chosen-choices {
	border-radius: 4px;
}

.chosen-container-multi .chosen-choices li.search-choice{
	margin: 4px 5px 4px 0;
}



.input-sm {
	font-size: 14px;
}











/*
===============================================

MEDIA自适应

===============================================
*/

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, 
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, 
.col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, 
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, 
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 767px){

	nav {
		min-width: 1200px;
	}

	.container {
	  width: 1200px;
	}

	.mainleft{
		width: 850px;
		float: left;
		padding-right: 10px;
	    padding-left: 10px;
	}
	.mainright{
		width: 890px;
		float: right;
		padding-right: 10px;
	    padding-left: 10px;
	}

	.sidebar {
		width: 340px;
		float: right;
		padding-right: 10px;
	    padding-left: 10px;
	}

	.sidebarleft {
		width: 300px;
		float: left;
		padding-right: 10px;
	    padding-left: 10px;
	}

	.mainleft-article{
		width: 900px;
		float: left;
		padding-right: 10px;
	    padding-left: 10px;
	}

	.sidebar-article{
		width: 290px;
		float: right;
		padding-right: 10px;
	    padding-left: 10px;
	}

	#footer{
		min-width: 1200px;
	}

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, 
	.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, 
	.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, 
	.col-md-2, .col-md-3, .col-md-4, .col-md-5, 
	.col-md-6, .col-md-7, .col-md-8, .col-md-9, 
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, 
	.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
	.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, 
	.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, 
	.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 10px;
	    padding-left: 10px;
	}

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


}

@media (max-width: 767px){

	.box-article-list .thumbnail{
		width: 100%;
		margin-bottom: 10px;
	}
	.box-article-list .title{
		font-size: 14px;
	}

	.box-article-list .content{
		margin-left: 0;
	}
	.xs-fl{
		float: left;
	}
	.xs-fn{
		float: none;
	}
	.xs-fr{
		float: right;
	}

	.xs-tc {
		text-align: center;
	}

	.xs-w-full{
		width: 100%;
	}

	.xs-w-inherit {
		width: inherit;
	}
	.xs-w50 {
		width: 50px;
	}
	
	.xs-mb10 {
		margin-bottom: 10px;
	}

	.xs-ml120{
		margin-left: 120px;
	}

	.xs-pr10{
		padding-right: 10px;
	}

	.entry.article{
		padding: 0 10px;
	}

	.xs-h90{
		height: 90px;
	}

}