body {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: #222;
}
table{
table-layout:fixed;
}
.itembox-gem {
    display: inline-block;
    text-align: center;
    color: grey;
    width: 440px;
    background-color: black;
    font-family: FontinSmallCaps, "Fontin SmallCapsa", "Helvetica Neue", Helvetica, Arial, 微軟正黑體, sans-serif;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #303030;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
a:hover{color: cyan;text-decoration:underline;}

A.gem_red, .gem_red, .mod_corrupted,.corrupted {
    color: #ba1519;
}
.collapse
{
width:100%;
}
.table-responsive
{
padding:1px;
}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ItemType {
    margin-top:40px;
    font-size: 18px;
    position: relative;
    text-align: center;
}
.mod-value {
    color: #00cccc;
}
a{
text-decoration:none;//去掉下划线
}
A.gem_green, .gem_green {
    color: #1aaa42;
}
a,.classic {
   color: #a38b63;
}
.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #444;
}
tr {
border-top: 1px solid rgba(0,255,0,0.100);
border: 5px solid #ccc;
}
.text-mod, .explicitMod, .implicitMod {
    font-family: "FontinSmallCaps", "Fontin SmallCapsa", Verdana, Arial, Helvetica, sans-serif;
}
A.item_gem, .item_gem, .textGemItem, .gemitem, .TextGem, .text-gem, .GemImplicitMod {
    color: #1ba29b;
}
A.gem_blue, .gem_blue, .Augmented, A.item_magic, .item_magic, .textMagicItem, .TextMagic, .text-mod, .explicitMod, .implicitMod, .utilityMod, .magicitem, .text-type1, .harvestRequirements, .qualityMod {
    color: #8888ff;
}
.table-striped>tbody>tr:nth-of-type(odd)>td, .table-striped>tbody>tr:nth-of-type(odd)>th {
    color:#ffffff;
    background-color: #222;
}
.table-bordered>tbody>tr>th, th.tablesorter-header {
color:#ffffff;
    background-color: #111;
}
.table>tbody>tr>td {
color:#ffffff;
    background-color: #0f0f0f;
}
.tablesorter table, .tablesorter td, .tablesorter th {
    border: 1px solid #eee;
    padding: 5px;
}
.TitleGemBar {
    background: top left repeat-x;
    position: relative;
    background-image: url(/image/item/popup/ItemsHeaderGemMiddle.png?scale=1);
    height: 34px;
}
.TitleGemBarL{
background: url(/image/item/popup/ItemsHeaderGemLeft.png?scale=1) no-repeat top left;
height: 32px;
    width: 44px;
    left: 0px;
    position: absolute;
}
.TitleGemBarR {
    background-image: url(/image/item/popup/ItemsHeaderGemRight.png);
    height: 32px;
    width: 44px;
    right: 0px;
    position: absolute;
}
.ItemGemSeparator {
    background: center no-repeat;
    position: relative;
    background-image: url(/image/item/popup/ItemsSeparatorGem.png);
    height: 8px;
    margin: 1px 0px;
}
.TitleNotableBar{
    background: top left repeat-x;
    position: relative;
    background-image: url(/image/skill/popup/header-double-notable-middle.png);
    height: 54px;
}
.TitleNotableBarL {
    background: url(/image/skill/popup/header-double-notable-left.png) no-repeat top left;
    height: 54px;
    width: 44px;
    left: 0px;
    position: absolute;
}
.TitleNotableBarR {
    background-image: url(/image/skill/popup/header-double-notable-right.png);
    height: 54px;
    width: 44px;
    right: 0px;
    position: absolute;
}