/* 9GM Style - Red/Gold Theme */

* { margin: 0; padding: 0; }

BODY {
    FONT-SIZE: 13px;
    COLOR: #000;
    FONT-FAMILY: Arial, "微软雅黑", Helvetica, sans-serif;
    background-image: url('bg.jpg');
    background-size: 100% auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #2a0a02;
}

TD {
    FONT-SIZE: 13px;
    COLOR: #000;
    FONT-FAMILY: Arial, "微软雅黑", Helvetica, sans-serif;
}

TH {
    FONT-SIZE: 14px;
    COLOR: #fff;
    FONT-FAMILY: Arial, "微软雅黑", Helvetica, sans-serif;
}

A:link {
    FONT-SIZE: 13px;
    COLOR: #000;
    TEXT-DECORATION: none;
}

A:visited {
    FONT-SIZE: 13px;
    COLOR: #000;
    TEXT-DECORATION: none;
}

A:active {
    FONT-SIZE: 13px;
    COLOR: #000;
    TEXT-DECORATION: none;
}

A:hover {
    COLOR: #FF0000;
    TEXT-DECORATION: underline;
}

A.NavT:link, A.NavT:visited, A.NavT:active {
    FONT-SIZE: 13px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}

A.NavT:hover {
    FONT-SIZE: 13px;
    COLOR: #ffff00;
    TEXT-DECORATION: underline;
}

A.NavT1:link, A.NavT1:visited, A.NavT1:active {
    FONT-SIZE: 13px;
    COLOR: #FD02EE;
    TEXT-DECORATION: none;
}

A.NavT1:hover {
    FONT-SIZE: 13px;
    COLOR: #ffffff;
    TEXT-DECORATION: underline;
}

A.NavT2:link, A.NavT2:visited, A.NavT2:active {
    FONT-SIZE: 13px;
    COLOR: #0EFD02;
    TEXT-DECORATION: none;
}

A.NavT2:hover {
    FONT-SIZE: 13px;
    COLOR: #ffffff;
    TEXT-DECORATION: underline;
}

.topmenu { color: #FFFFFF; }

a.topmenu:link, a.topmenu:visited, a.topmenu:active {
    font-family: Arial, "微软雅黑";
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
}

a.topmenu:hover {
    font-family: Arial, "微软雅黑";
    font-size: 13px;
    color: #FFFF00;
    text-decoration: underline;
}

.tb_border {
    BORDER-RIGHT: #ae7728 1px solid;
    BORDER-TOP: #ae7728 1px solid;
    BORDER-LEFT: #ae7728 1px solid;
    BORDER-BOTTOM: #ae7728 1px solid;
}

.T_t_b {
    BORDER-RIGHT: 1px solid #ae7728;
    BORDER-LEFT: 1px solid #ae7728;
}

.Top_guanggao {
    BORDER-TOP: 1px solid #ae7728;
    BORDER-LEFT: 1px solid #ae7728;
}

.Top_guanggao_td {
    BORDER-RIGHT: 1px solid #ae7728;
    BORDER-BOTTOM: 1px solid #ae7728;
}

.m_f1 {
    FILTER: Glow(Color=#5f1401, Strength=2);
    COLOR: #FFFFFF;
}

.ser_tit {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
}

.text_foot {
    COLOR: #661d0a;
    line-height: 180%;
    padding: 12px 0;
}

INPUT {
    BORDER-RIGHT: #ae7728 1px solid;
    BORDER-TOP: #ae7728 1px solid;
    BORDER-LEFT: #ae7728 1px solid;
    BORDER-BOTTOM: #ae7728 1px solid;
    background: #fffbf6;
}

.Clan_b_b {
    BORDER-BOTTOM: #ae7728 1px dotted;
}

.red { COLOR: #ff0000; }
.font_R11 { COLOR: #FFFFFF; }
.book { COLOR: #FFFFFF; }
.STYLE11 { COLOR: #ffffff; }
.ads2 { background-color: #ffffff; }

/* Main container */
.main {
    width: 1330px;
    margin: 0 auto;
    position: relative;
}

/* Top section */
.top {
    height: 360px;
    width: 1330px;
    margin: 0 auto;
    position: relative;
}

.top .logo {
    width: 600px;
    height: 300px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.top .logo img {
    max-width: 600px;
    max-height: 300px;
}

/* Header/Navigation */
#header {
    width: 100%;
    height: 70px;
    position: relative;
    min-width: 1330px;
    margin: 0 auto;
    z-index: 1000;
    background: linear-gradient(to bottom, #5f1401, #861701);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
    border: solid 1px #8d621d;
}

#header .center {
    position: relative;
    width: 1300px;
    margin: 0 auto;
    height: 70px;
}

#header .toplogo {
    float: left;
    width: 100px;
    height: 70px;
}

#header .toplogo img {
    max-height: 60px;
    margin-top: 5px;
}

#menu { height: 70px; }

#menu ul {
    float: right;
    width: 1200px;
}

#menu ul li {
    float: left;
    height: 70px;
    line-height: 70px;
    margin-left: 10px;
    list-style: none;
}

#menu ul li:hover {
    background: url('background6.png') no-repeat center bottom;
}

#menu ul li a {
    width: 110px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 2px;
    display: block;
    text-decoration: none;
}

#menu ul li a:hover { text-decoration: none; }
#menu ul li a:hover span { color: #fff; }

#menu ul li a strong {
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

#menu ul li a span {
    line-height: 14px;
    font-size: 12px;
    color: #efdb00;
    text-transform: uppercase;
    display: block;
}

/* Announcement bar */
.SMbox {
    position: relative;
    width: 1330px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(to top right, #a02e10, #601400);
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center;
    text-shadow: 1px 3px 2px #000;
}

/* QQ contact bar */
.QQbox {
    position: relative;
    width: 1330px;
    height: 36px;
    line-height: 36px;
    background: url('findbox_bg.png') no-repeat center top;
    margin: 0 auto;
}

.QQbox .daili {
    width: 1300px;
    height: 36px;
    margin-left: 20px;
}

ul.QQlist li {
    float: left;
    padding-left: 25px;
    padding-right: 10px;
    cursor: pointer;
    color: #d9be05;
    overflow: hidden;
    white-space: nowrap;
    list-style: none;
}

/* Filter/search bar */
.findbox {
    position: relative;
    width: 1330px;
    height: 36px;
    line-height: 36px;
    background: url('findbox_bg.png') no-repeat center top;
    margin: 0 auto;
}

.findbox .title {
    width: 70px;
    height: 36px;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    margin-right: 20px;
    margin-left: 10px;
}

.findbox .keys {
    width: 900px;
    height: 36px;
    float: left;
}

.findbox .form {
    width: 230px;
    height: 36px;
    float: right;
}

ul.keylist li {
    list-style: none;
    float: left;
    padding-right: 15px;
    cursor: pointer;
    color: #fff;
}

input.txtbox {
    width: 120px;
    padding: 5px 11px;
    border: none;
    border-radius: 5px;
    outline: 0;
}

.findbtn {
    margin-left: 20px;
    border: 1px solid #011c80;
    border-top: none;
    border-left: none;
    width: 54px;
    background: #FF6408;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    border-radius: 3px;
    text-align: center;
}

/* Content wrapper */
.wrap {
    position: relative;
    width: 1350px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-top: 2px;
}

.wrap .content-t {
    width: 1330px;
    height: 20px;
    margin: 0 auto;
    background: url('content-t.png') left;
}

.wrap .content-b {
    width: 1330px;
    height: 20px;
    margin: 0 auto;
    background: url('content-b.png') left;
}

.wrap .content {
    width: 1330px;
    margin: 0 auto;
    background: url('content.png') left repeat-y;
}

/* Game list table */
table.gamelist {
    width: 1300px;
    margin-left: 15px;
    background: #ffffff;
    border-collapse: collapse;
    table-layout: fixed;
}

table.gamelist th {
    height: 36px;
    line-height: 36px;
    background-color: #a13d07;
    background: linear-gradient(to bottom, #5f1401, #a13d07);
    color: #FFFFFF;
    border: solid 1px #ae7728;
    font-size: 14px;
    font-weight: bold;
}

table.gamelist td {
    border: solid 1px #ae7728;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}

table.gamelist td a {
    color: #000000;
    text-decoration: none;
}

table.gamelist td a:hover {
    text-decoration: underline;
    color: #FF0000;
}

table.gamelist td:nth-child(8) a {
    display: inline-block;
    width: 65px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #FF6408;
    border-radius: 4px;
}

/* Row backgrounds */
table.gamelist tr.jtth td {
    background-color: #fffbf6;
    background: linear-gradient(to bottom, #fffbf6, #f4e7d7);
}
table.gamelist tr.jtth:hover td {
    background-color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}

table.gamelist tr.jtjp td {
    background-color: #fcf8e8;
    background: linear-gradient(to bottom, #fcf8e8, #fffbf6);
}
table.gamelist tr.jtjp:hover td {
    background-color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}

table.gamelist tr.thwd td { background-color: #FFFFFF; }
table.gamelist tr.thwd:hover td { background-color: #fff9e6; }

table.gamelist tr.txtj td {
    background-color: #fffbf6;
    background: linear-gradient(to bottom, #fffbf6, #f4e7d7);
}
table.gamelist tr.txtj:hover td {
    background-color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}

table.gamelist tr.txgd td {
    background-color: #fffbf6;
    background: linear-gradient(to bottom, #fffbf6, #f4e7d7);
}
table.gamelist tr.txgd:hover td {
    background-color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}

table.gamelist tr.txtjbt td { background-color: #FFFFFF; }
table.gamelist tr.txtjbt:hover td { background-color: #fff9e6; }

table.gamelist tr.txgdbt td { background-color: #FFFFFF; }
table.gamelist tr.txgdbt:hover td { background-color: #fff9e6; }

table.gamelist tr.mtth td { background-color: #FFFFFF; }
table.gamelist tr.mtth:hover td { background-color: #fff9e6; }

table.gamelist tr.mtthgd td { background-color: #FFFFFF; }
table.gamelist tr.mtthgd:hover td { background-color: #fff9e6; }

table.gamelist tr.mtjp td { background-color: #FFFFFF; }
table.gamelist tr.mtjp:hover td { background-color: #fff9e6; }

table.gamelist tr.mttxtj td { background-color: #FFFFFF; }
table.gamelist tr.mttxtj:hover td { background-color: #fff9e6; }

table.gamelist tr.mttxgd td { background-color: #FFFFFF; }
table.gamelist tr.mttxgd:hover td { background-color: #fff9e6; }

table.gamelist tr.mtthwd td { background-color: #FFFFFF; }
table.gamelist tr.mtthwd:hover td { background-color: #fff9e6; }

table.gamelist td.r { color: #e54202; }
tr.nokey { display: none; }

/* Legacy table styling */
.tableBorder1 {
    BORDER-RIGHT: #5f1401 0px solid;
    BORDER-TOP: #5f1401 0px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    BORDER-LEFT: #5f1401 0px solid;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: #5f1401 0px solid;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
}

th {
    background: linear-gradient(to bottom, #5f1401, #a13d07);
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    height: 36px;
    line-height: 36px;
    border: solid 1px #ae7728;
}

.dl tr td a { font-size: 13px; }
.menu_1 { background-color: #5f1401; }

.logo {
    width: 600px;
    height: 300px;
    margin: 0 auto;
    text-align: center;
}

.logo a {
    width: 600px;
    height: 300px;
    display: block;
    text-indent: -9999px;
}

.about {
    height: 38px;
    width: 312px;
    font-size: 13px;
    line-height: normal;
    font-weight: bolder;
    position: absolute;
    left: auto;
    top: 96px;
    text-align: left;
}

.aboutqq {
    height: 28px;
    width: 312px;
    font-size: 13px;
    line-height: normal;
    font-weight: bolder;
    position: absolute;
    left: auto;
    top: 76px;
    text-align: left;
}

/* Fixed side ads */
.fix {}
.fix .l { left: 10px; top: 30px; height: 250px; width: 120px; background: #000; position: fixed; border: 1px solid #ae7728; border-radius: 4px; }
.fix .r { right: 10px; top: 30px; height: 250px; width: 120px; background: #000; position: fixed; border: 1px solid #ae7728; border-radius: 4px; }
.fix a { margin-bottom: 10px; display: inline-block; }
.fix img { width: 120px; height: 250px; }

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

/* Header ad images */
.header {}
.header ul { overflow: hidden; }
.header ul li { float: left; width: 443px; }
.header ul li a { display: block; }
.header ul li img { width: 443px; height: 100px; }

/* Picture ad */
.pic { margin: 0 auto; overflow: hidden; width: 1300px; }
.pic img { max-width: 1300px; }

/* Footer */
.footer {
    background: linear-gradient(to bottom, #5f1401, #861701);
    text-align: center;
    padding: 20px;
    line-height: 28px;
    color: #fff;
    border: solid 1px #8d621d;
    border-radius: 4px;
    margin-top: 10px;
}

#footer { min-width: 1330px; margin: 0 auto; }
#footer .center { padding-top: 35px; }

#copyright {
    width: 1330px;
    line-height: 40px;
    text-align: center;
    clear: both;
    color: #661d0a;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

#copyright p .icon_badge {
    width: 18px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

#copyright p .icon_badge img { width: 100%; height: 100%; display: block; }
#copyright .beian { height: 45px; margin-bottom: 12px; }
#copyright .beian img { height: 100%; }

.clear { display: block; height: 0; line-height: 0; overflow: hidden; clear: both; font-size: 0; }
.clear_::after { content: ""; display: block; clear: both; height: 0; line-height: 0; overflow: hidden; }
.center { margin: 0 auto; width: 1300px; }
/* Filter Bar - matching 9gm.com */
.filterbar { width: 1300px; margin: 5px auto 5px; padding: 0; }
table.filtertable { width: 1300px; border-collapse: collapse; background: linear-gradient(to top right, #a02e10, #601400); border: 1px solid #8d621d; }
table.filtertable td.filtertd { padding: 5px 3px; text-align: center; border-right: 1px solid #5f1401; }
table.filtertable td.filtertd:last-child { border-right: none; }
.bigdroplst { border: 1px solid #cfbda8; height: 45px; text-align: center; letter-spacing: 2px; font-size: 14px; font-weight: bold; color: #5f1401; background: #fffbf6; border-radius: 4px; padding: 0 10px; cursor: pointer; min-width: 140px; outline: none; }
.bigdroplst:hover { border-color: #FF6408; background: #fff; }
.bigdroplst option { padding: 5px; }
.hotsearch { width: 1300px; margin: 0 auto 8px; padding: 8px 10px; background: #fffbf6; border: 1px solid #d9bd82; border-radius: 4px; line-height: 28px; font-size: 13px; }
.hotsearch .hottitle { color: #5f1401; font-weight: bold; margin-right: 8px; }
.hotsearch .hotkey { display: inline-block; padding: 2px 8px; margin: 2px 3px; color: #861701; text-decoration: none; border: 1px solid #d9bd82; border-radius: 3px; background: #fff; font-size: 12px; cursor: pointer; }
.hotsearch .hotkey:hover { color: #fff; background: #FF6408; border-color: #FF6408; text-decoration: none; }
#adCount { display: inline-block; padding: 4px 12px; background: #f2dfb2; border-radius: 3px; font-size: 13px; color: #5f1401; }

/* Hot search - more prominent */
.hotsearch { 
    width: 1300px !important; 
    margin: 5px auto 8px !important; 
    padding: 10px !important; 
    background: #fff3d6 !important; 
    border: 1px solid #d9a93e !important; 
    border-radius: 4px; 
    line-height: 30px; 
    font-size: 13px;
    display: block !important;
}
.hotsearch .hottitle { color: #861701; font-weight: bold; margin-right: 10px; font-size: 14px; }
.hotsearch .hotkey { 
    display: inline-block; 
    padding: 3px 10px; 
    margin: 3px 4px; 
    color: #861701; 
    text-decoration: none; 
    border: 1px solid #d9bd82; 
    border-radius: 3px; 
    background: #fff; 
    font-size: 12px; 
    cursor: pointer;
}
.hotsearch .hotkey:hover { color: #fff; background: #FF6408; border-color: #FF6408; text-decoration: none; }

/* Filter bar spacing */
.filterbar { margin-bottom: 5px !important; }

/* Table header - match 9gm.com */
table.gamelist th {
    height: 38px;
    line-height: 38px;
    background: linear-gradient(to bottom, #5f1401, #a13d07);
    color: #FFFFFF;
    border: solid 1px #ae7728;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* Table cells - proper alignment */
table.gamelist td {
    border: solid 1px #ae7728;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    padding: 0 5px;
}


/* Front keyword search */
.front-searchbar{
    width:1300px;
    margin:5px auto 8px;
    padding:10px;
    background:#fff8e8;
    border:1px solid #d9a93e;
    border-radius:4px;
    line-height:32px;
    box-sizing:border-box;
}
.front-search-title{
    color:#861701;
    font-weight:bold;
    margin-right:8px;
}
.front-searchbar input{
    width:430px;
    height:30px;
    line-height:30px;
    border:1px solid #b98d45;
    border-radius:4px;
    padding:0 10px;
    background:#fff;
    outline:none;
}
.front-searchbar button{
    height:32px;
    line-height:32px;
    border:0;
    border-radius:4px;
    padding:0 18px;
    margin-left:6px;
    cursor:pointer;
    color:#fff;
    background:#FF6408;
}
.front-searchbar #frontClearBtn{
    background:#8a6a3d;
}
.front-search-tip{
    color:#8a6a3d;
    margin-left:10px;
    font-size:12px;
}


/* 9gm 星级和广告推荐列 */
table.gamelist td.star-cell,
table.gamelist td.recommend-cell{
    padding:0;
    text-align:center;
    overflow:hidden;
    vertical-align:middle;
}
table.gamelist td.star-cell img{
    width:60px;
    height:28px;
    vertical-align:middle;
    display:inline-block;
}
table.gamelist td.recommend-cell img{
    width:80px;
    height:28px;
    vertical-align:middle;
    display:inline-block;
}

/* 9gm 游戏主页按钮列 */
table.gamelist td:nth-child(8) a {
    display: inline-block;
    width: 65px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #FF6408;
    border-radius: 4px;
}
table.gamelist td:nth-child(8) a:hover {
    background: #e55a00;
    text-decoration: none;
    color: #fff;
}