/*
==============================
 Global Common Style LINODAS.COM ONLY
==============================
 2009-2011 Linoa All Rights Reserved
============================== 
*/

/* ----------------- FONT ------------------- */

@font-face {font-family:'fe';src:url(/img/font/fe.ttf); font-style:normal; font-weight:normal}
@font-face {font-family:'MicroExtendFLF';src:url(/img/font/MicroExtendFLF.ttf); font-style:normal; font-weight:normal}


/* ----------------- 通用 ------------------- */
body {
    font-family: Verdana,"Microsoft YaHei UI","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti","WenQuanYi Zen Hei Sharp", Arial,Helvetica,sans-serif;
    font-size:13px;
    color:#ddd;
	margin: 0;
	padding: 0;
	left:0;
	top:0;
	background-color: #000;
	overflow-y :scroll;
    -webkit-font-smoothing: antialiased;
    /* -ms-touch-action: double-tap-zoom; */
}
 
pre, xmp, li{
	text-align: left;
}
div {
    display: block;
}
table {
    margin: 0px;
    padding: 0px;
}
td {
    padding: 3px;
    vertical-align:top;
    font-size:13px;
    margin:2px;
}
ul {
    margin-left: -1.5em;
}
li {
    margin: 0;
}

th.little {
    background-color: #660000;
    color:#FFFFFF;
    font-weight: bold;
}

table.little ,span.little, div.little{
    border:1px #aa7700 solid;
}
span.little {
    margin:5px;
    padding: 10px;
}
img {
    border:0;
}
small{
    font-size:12px;
    line-height: 16px;
}

label {
    margin-bottom: 0px;
    font-weight: normal;
}

rt {
    font-size:0.75em;
    color:#999;
}

dl dd {
    margin-left: 0.75em;
}

.small {
    font-size:12px;
    line-height: 16px;
}

.tiny {
    font-size:10px;
    line-height: 14px;
}

.standard {
    font-size:13px;
}

.medium {
    font-size:14px;
}
.big {
    font-size:16px;
}
li.lite {
    list-style: none;
}
.top_frame {
    display: block;
    width:100%;
    background:  url(//linodas-10037205.file.myqcloud.com/img/banner/topbar20170628.jpg) no-repeat top center;
}

.number {
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight: bold;
    line-height: 18px;
}

.allbody {
    display: block;
    float: none;
    margin: auto;
    text-align: center;
    width: 900px;
    padding: 0px;
	line-height: 20px;
}

.allframe {
	width: 900px;
    padding: 0px;
    margin: 0 0 0 0;
    border:1px #751 solid;
    background-color: #000;
	opacity: 1.0; 
}

.mainframe {
    width: 830px;
    display:block;
    border:1px #751 solid;
    padding-bottom:15px;
    margin:35px;
    text-align:center;
	opacity: 1.0;
    background: -webkit-gradient(linear, 0 0, 0 100, from(#2c2720), to(#0e0d0c));
    background: -moz-linear-gradient(top, #2c2720, #0e0d0c 100px);
    background: linear-gradient(to bottom, #2c2720, #0e0d0c 100px);
}

.maintitle {
    font-weight: bold;
    color: #EECA44;
    font-size: 20px;
}

.headerarea
{
    text-align: center;
    height: 230px;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
}

.headerarea a
{
    color: white;
}

.footerarea {
    border-top-color: #333;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 10px 0px 0px 0px;
	padding-bottom: 35px;
    text-align: center;
}

.footerarea .copyright {
    font-size: 13px;
    line-height: 18px;
}

.global_header {
    position: absolute;
    left:0;
    display: block;
    margin: -2px 0 0 0;
    text-align: center;
    height:26px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    width:100%;
    background: #222;
    border-bottom: 1px solid #555;    
    background: transparent	9;
    background: -webkit-gradient(linear,left top,left bottom,from(#2C2C2C),to(#191919));
    background: -moz-linear-gradient(top,#2C2C2C,#191919);
    background: transparent	9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c',endColorstr='#191919');
    opacity: .8; 
    z-index: 100;   
}

.nav_content {
   width: 900px;
   left:0px;
   position: relative;
   text-align: inherit;
   z-index: 101;  
   padding: 0 0 0 0;
}


/*
#passportbar {
	position: relative;
	width:auto;
	font-weight: bold;
}

#passportbar ul {
	position: absolute;
	top: 0;
	right:0px;
	list-style: none;
	margin:0;
	vertical-align:middle;
}

#passportbar ul li {
	float:left;
	width:85px;
	height: 35px;
	vertical-align:middle;
	text-align: center;
	line-height: 35px;
}


#passportbar .passport_index {
	width:220px;
	vertical-align: middle;
}
#passportbar .passport_other a {
	display: block;
	height: 13px;
	line-height: 13px;
	overflow: hidden;
	padding: 11px 7px 11px 8px;	
}

#passportbar .passport_other a:hover{
	background-color:#666666;
}
*/

input,textarea {
   font-family: "Microsoft YaHei", Verdana, Tahoma, Arial, sans-serif;
   background:none;
   color:white;
   border:1px #aa7700 solid;
   margin:auto 2px 4px 2px;
}


input[type="radio"] {
    margin:auto 2px 4px 2px;
    border: none;
}

input[type="checkbox"] {
    border: none;
    margin: 0px;
}

input[type="text"],input[type="password"],input[type="email"],input[type="number"]  {
    padding: 3px;
}

input[type=number] {
    -moz-appearance:textfield;
    -webkit-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -moz-appearance:none;
    -webkit-appearance: none;
    margin: 0;
}

input[type="button"],input[type="submit"],input[type="reset"]   {
    padding: 3px 10px;
}


select {
   background-color:white;
   color:black;
   font-size: 1em;
   font-family: "Microsoft YaHei", Verdana, Tahoma, Arial, sans-serif;
}

input.link {
    cursor:pointer;
    text-align: center;
    width:auto;
    vertical-align: middle;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;

}

input.blue {
    border-color: #6d89d5;
    background-color: #0e0874;
}

input.green {
    border-color: #39d939;
    background-color: #034503;
}

input.red {
    border-color: #f05252;
    background-color: #6d1212;
}

input.purple {
    border-color: #A77DE9;
    background-color: #5820A6;
}

input.brown {
    border-color: #FCCF81;
    background-color: #BA7128;
}

input.teal {
    border-color: #8AE6F0;
    background-color: #1F626F;
}

input.notallowed {
    border-color: #666666;
    background-color: #333333;
    color: #999;
    cursor:not-allowed !important;
}


input {
    text-align: left;
    vertical-align: middle;
}

select {
    color: #000000;
}

h2 {
    font-size: 19px;
    margin:15px auto 20px auto;
}

h3 {
    font-size: 17px;
    margin:4px auto 7px 5px;
}

h4 {
    font-size: 15px;
    margin:4px auto 7px 5px;
}

.c0 {
    color:#ddd;
}
.c1 {
    color:#1AB097;
}
.c2 {
    color:#40B611;
}
.c3 {
    color:#84B011;
}
.c4 {
    color:#B4B211;
}
.c5 {
    color:#F6BA68;
}
.c6 {
    color:#F59B41;
}
.c7 {
    color:#ED7F10;
}
.c8 {
    color:#C83E31;
}
.ubg0 {
    background-color: #0b90b6;
}
.ubg1 {
    background-color: #0AA087;
}
.ubg2 {
    background-color: #30A601;
}
.ubg3 {
    background-color: #74A001;
}
.ubg4 {
    background-color: #A4A201;
}
.ubg5 {
    background-color: #D2B130;
}
.ubg6 {
    background-color: #D59B31;
}
.ubg7 {
    background-color: #DD6F00;
}
.ubg8 {
    background-color: #B82E21;
}
.ubg9 {
    background-color: #8e44b1;
}

.bg0 {
    background-color: #101010;
}
.bg1 {
    background-color: #120500;
}
.bg2 {
    background-color: #001205;
}
.bg3 {
    background-color: #051200;
}
.bg4 {
    background-color: #000512;
}
.bg5 {
    background-color: #120005;
}
.bg6 {
    background-color: #050012;
}
.bd0 {
    border:1px solid #444;
}
.bd1 {
    border:1px solid #960;
}
.bd2 {
    border:#096 1px solid;
}
.bd3 {
    border:#690 1px solid;
}
.bd4 {
    border:#069 1px solid;
}
.bd5 {
    border:#906 1px solid;
}
.bd6 {
    border:#609 1px solid;
}
.bdr {
    border:#900 1px solid;
}
.bdg {
    border:#090 1px solid;
}
.bdb {
    border:#009 1px solid;
}

.rbd1 {border:#320 1px solid;}
.rbd2 {border:#320 1px solid;}
.rbd3 {border:#630 1px solid;}
.rbd4 {border:#777 1px solid;}
.rbd5 {border:#b73 1px solid;}
.rbd6 {border:#111 1px solid; border-image: linear-gradient(to bottom right, #cc3 0%, #487 100%); border-image-slice: 1; }
.rbd7 {border:#111 1px solid; border-image: linear-gradient(to bottom right, #cc3 0%, #487 100%); border-image-slice: 1; }
.rbd8 {border:#111 1px solid; border-image: linear-gradient(to bottom right, #cc3 0%, #487 100%); border-image-slice: 1; }

/* ------------------- 字体 ------------------- */

.monospace {
    font-family: monospace;
}

/* ------------------- 浮动 ------------------- */

.floatright {
    float:right;
    display: inline;
}

.floatleft {
    float:left;
    display: inline;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.texttop {
    vertical-align: top;
}

.blockcenter {
    margin: 0 auto;
}

.center {
    margin: 0 auto;
}




/* ----------------------- 小样式 ---------------------- */

xmp {
    white-space:pre-wrap;
}

del,.del {
    text-decoration:line-through;
    color: #999;
}


hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #666;
}


a {
    color:#decaa2;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
    color:#F52;
}
a:focus {
    color: inherit;
    text-decoration: inherit;
}

a:active {
    color: inherit;
    text-decoration: inherit;
}


.innerframe {
    font-family: "Microsoft YaHei", Verdana, Tahoma, Arial, sans-serif;
    color: #ffffff;

}

.highlight
{
   border-bottom: solid 1px #333;
}

.outline
{
   border-style:solid;
   border-width:1px;
   border-color:#333333;
}

.outlineupper
{
   border-style:solid;
   border-width:1px;
   border-color:#996600;
}

.tinytitle {
    font-size: 15px;
    font-weight: bold;
    color: #ff9900;
}

.inspace {
    padding: 0px 10px 10px 10px;
    margin: 8px;
}

.staticframe {
    padding: 5px 8px 5px 8px;
    margin: 0px 0px 5px 0px;
    width:auto;
}

.tablecell{
    display: table-cell;
}

.middlecenter {
    vertical-align: middle;
    text-align: center;
}


/* ----------------------- 固定文字格式 --------------------- */

a.orange {color:#F93}
a.orange:hover {color:#D71}

a.green {color:#CF9}
a.green:hover {color:#7D4}

a.lightgreen {color:#6F6}
a.lightgreen:hover {color:#3D6}

a.yellow {color:#fe5}
a.yellow:hover {color:#fb0}

a.gray {color:#999}
a.gray:hover {color:#ccc}

a.red {color:#F99;}
a.red:hover {color:#D66}

a.brown {color:#C96}
a.brown:hover {color:#A63}

a.blue {color:#9CF}
a.blue:hover {color:#5BF}

a.lightblue  {color:#3df}
a.lightblue:hover {color:#0af}

a.silver {color:#888}
a.silver:hover {color:#AAA}

a.purple {color:#A7F}
a.purple:hover {color:#85D}

a.white {color:#FFF}


a.on {color:green}
a.off {color:red}

a.ud {text-decoration: underline}

a.noud,span.noud {text-decoration: none !important;}
a.noud:hover, span.noud:hover {text-decoration: none !important;}
/* --------------------------- 题头 ---------------------- */

.groupframe {
    margin-top:15px;
}

.groupframe .grouptext {
    margin: 0 0 5px 12px;
}

.grouptitle {
    background: #000;
    font-weight: bold;
    position: relative;
    width:auto;
    display: inline;
    top:-12px;
    left:20px;
    padding: 2px 7px;
}

/* --------------------------- 顶栏 ---------------------- */
.commonmenu {
    margin: 0;
    padding: 0;
    height: 20px;
}

.commonmenu img {
    vertical-align: top;
}

.commonmenu li	{
    float: left;
    list-style: none;
    position: relative;
    z-index: 100;
}

.commonmenu li a {
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    width: auto;
}

.commonmenu li a:hover	{
    text-decoration: underline;
}

.commonmenu li ul{
    margin: 0;
    padding: 0;
    position: absolute;
    display: none;
    left: 0;
    top: 20px;
    z-index:40;
    width: 210px;
}

.commonmenu li ul .line {
    display: block;
    height: auto;
    width: auto;
    padding: 0px 10px 2px 10px;
    z-index: 40;
    height: 19px;
    overflow: hidden;
}

.commonmenu li ul .line-extend {
    height: 24px;
    line-height: 24px;
}

.commonmenu li ul .right {
    float: right;
    font-weight: bold;
    display: inline;
    height: 17px;
}


.commonmenu li ul .menusep {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-left: none;
    border-right: none;
    height: 5px;
    margin: 2px 0px 0px 0px;
    padding: 0;
    overflow: hidden;
}

.commonmenu li ul div a {
    text-decoration: underline;
}

.commonmenu li ul div a:hover {
    text-decoration: underline;
}

.commonmenu .shortcuts {
	position: absolute;
	top: -60px;
	left: -340px;
}

.commonmenu .shortcuts .cut {
	height: 40px;
	width:40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-right: 8px;
}

.commonmenu .shortcuts .cut a {
	line-height: 40px;
	display:block;
}

.commonmenu .rightcuts {
	position: absolute;
	top: 30px;
    right: -78px;
	width:50px; 
}

.commonmenu .rightcuts .cut {
	height: 40px;
	width:40px;
	line-height: 40px; 
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
    position: relative;
}

.commonmenu .rightcuts .cut a.node {
    line-height: 40px;
    display:block;
}

.commonmenu .rightcuts .addon {
	right: 45px;
	top : -1px;
	display: none;
	z-index: 200;
	position: absolute;
	font-weight: normal;
    line-height: 20px;
    font-size:13px;
}


/* ------------------- 底栏 ------------------- */


.index_footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    overflow: hidden;
    text-align: left;
    padding-bottom: 50px;
    list-style: none;
}

.index_footer ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 25px;
    float: left;
    width: 180px;
    margin-left: 8px;
    margin-right: 8px;
    list-style: none;
}

.index_footer ul li {
    line-height: 22px;
    color: #999;
    width: 100%;
    list-style: none;
}

.index_footer ul li b {
    line-height: 22px;
    font-size: 12px;
    display: block;
    color: #AAA;
    border-bottom: 1px solid #CCC;
    margin-bottom: 3px;
}

.global_ad_frame {
    text-align: center;
    margin: 0 auto;
}

.global_ad {
    text-align: center;
    /*width: 728px;
    height: 110px;*/
    max-width:728px;
    margin-bottom: 10px;
}

.global_ad .main_ad {
    position: absolute;
    z-index: 2;
    background-color: black;
    /*width:728px;
    height: 90px;*/
    max-height: 90px;
}

.global_ad .alter_ad {
    position: absolute;
    z-index: 1;
    /*width: 728px;
    height: 90px;*/
    background-image: url(/img/common/alternate_bottom.jpg);
}

.global_ad .ad_tip {
    margin: 5px 0 5px 0;
    background-color: black;
}


/* ------------------- 特定 ------------------- */

.bigchar {
    font-size: 18px;
    vertical-align: middle;
    font-weight: bold;
}

.midchar {
    font-size: 16px;
    vertical-align: middle;
    font-weight: bold;
}

table.tbl {
    table-layout:fixed
}


.bottom_scroll_top {
    position: fixed;
    bottom: 40px;
    width: 40px;
	width:40px;
	text-align: center;
}

.bottom_scroll_top a {
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 14px;
}

/* ------------------- 大部分常用ToolTip -------------------*/


a.info {
    
}

a.info:hover {
    color: #f30;
    text-decoration: none;
}

a.ud span.tiplink {
    text-decoration: underline;
}

a.info span.tiplink:hover {
    color: #f30 !important;
    text-decoration: underline;
}

a.info span.info {
    display:none !important;
}

.global_tooltip span.info {
    text-decoration: none;
    display:none;
    width:220px;
    position:absolute;
    padding:10px;
    text-align:left;
    z-index: 1200;
    /*background: url(/img/common/mask90.png) repeat;*/
    background: #030303;
    color: #DDD;
    word-wrap: break-word;
    word-break: normal;
}

.global_tooltip span.commoninfo {
    width:auto;
    max-width: 220px;
}

.opacity {
    background: url(/img/common/mask90.png) repeat;
}

/* ------------------- 卡 ------------------- */

#global_tooltip .info {
    line-height: 14px;
    font-size:12px;
}

#global_tooltip .boldtitle {
    font-weight:bold;
    font-size: 13px;
}

/* ------------------- 战斗参数 ------------------- */

.melee{
    color: #ff6666;
}
.magic{
    color: #6b7ccd;
}
.armor {

    color: #ee66aa;
}
.ward {
    color: #4bfbfa;
}
.destroy_armor {

    color: #33ff33;
}
.destroy_ward {
    color: #33ff33;
}
.tech {
    color: #33cc63;
}
.spirit {
    color: #cc9966;
}
.willpower {
    color:#ff6600;
}

/* ------------------- 状态 ------------------- */

.status_pow {
    color: #ff0000;
}
.status_dex {
    color: #00FF00;
}
.status_int {
    color: #6666ff;
}
.status_con {
    color: #ff9900;
}
.status_spi {
    color:yellow;
}
.status_hp {
    color:#aaa;
}


/* ------------------- 道具 -------------------  */

.item .info {
     line-height: 14px;
     font-size:12px;
 }

.item .boldtitle {
    font-weight:bold;
    font-size: 13px;
}

.info .oracle_box_header {
    margin: 4px 0 12px 0;
}

/* ------------------- 卡和卡面 ---------------------*/

.card_frame {
    width: 150px;
    height: 200px;
}

.card_frame .cardtitle {
    height:20px;
    text-align: center;
    overflow: hidden;
    margin: 2px;
    white-space: nowrap;
}

.card_frame .cardtext {
    margin: 4px;
    height:146px;
    overflow: hidden;
    font-size:12px;
    line-height: 14px;
}

.card_frame .cardfooter {
    height:20px;
    position: relative;
}

.card_frame .cardnum {
    position: absolute;
    top: -5px;
    left:64px;
    width: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.cardfooter .l_rune {
    position: absolute;
    top: -4px;
    left:4px;
}

.cardfooter .r_rune {
    position: absolute;
    top: -4px;
    right:4px;
}



.card_frame_full  {
    width: 300px;
    height: 400px;
}

.card_frame_full .cardtitle {
    height:33px;
    text-align: center;
    overflow: hidden;
    margin: 16px auto 4px auto;
    font-size:18px;
    white-space: nowrap;
}

.card_frame_full .cardtext {
    margin: 10px;
    height:292px;
    overflow: hidden;
    font-size:16px;
    line-height: 20px;
}

.card_frame_full .cardfooter {
    height:40px;
    position: relative;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.card_frame_full .cardnum {
    position: absolute;
    top: -10px;
    left:128px;
    width: 40px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.card_frame_full .cardfooter .l_rune {
    position: absolute;
    top: -8px;
    left:8px;
}

.card_frame_full .cardfooter .r_rune {
    position: absolute;
    top: -8px;
    right:8px;
}


/* ------------------- 通用弹窗 ------------------- */

#body_mask {
	opacity:0.85;
	filter:alpha(opacity=85);
	background:#000;
	z-index:255;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#body_mask_back {
    opacity: 0;
    filter: alpha(opacity=0);
    filter:alpha(opacity=85);
    background:#000;
    z-index:254;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}


.smallwindow {
    background-color:black;
    display:block;
    position:absolute;
    /*margin-left: -230px;
    margin-top: -140px;*/
    text-decoration: none;
    z-index: 50;
    width: 240px;
    min-height: 100px;
    padding:10px;
    text-align: left;
}

.fullscreenwindow {
	position:fixed;
	width:420px;
	left:50%;
	top:35%;
	margin-left:-210px;
	height:auto;
	z-index:256;
}

.fullscreenwindow input[type="button"] {
    min-width: 70px;
}

.fullscreenpop {
	position:fixed;
	width:600px;
	top:15%;
	margin:auto;
	height:auto;
	z-index:256;
    left: 0;
    right: 0;
}

/* ------------------- 通用行（用于数字和属性） ------------------- */

.stats {
    margin: 4px 0px 0px 0px;
    width: auto;
}

.stats .frame{
    height: 50px;
    margin: 0px 0px 7px 7px;
    width: 130px;
}

.stats .big_frame {
    height: 50px;
    margin: 0px 0px 4px 10px;
    width: 280px;
}

.stats .num {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 3px 20px;
    text-align: right;
    border-bottom-width: 0px;
}

.stats .label_title {
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-width: 0px;
    font-size: 15px;
    margin: 0px 0px 0px 20px;
}

/* ------------------- 通用行（用于项目介绍） ------------------- */

.stands {
    margin: 0px 0px 0px 0px;
    width: 98%;
}

.stands .frame{
    height: 70px;
    margin: 8px 8px 0px 8px;
    width: 240px;
    vertical-align: top;
}

.stands .frame .text {
    font-size: 13px;
    margin: 3px 0px 0px 20px;
    width: 240px;
    border-bottom-width: 0px;
    overflow: hidden;
}

.stands .frame .title {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 15px;
    margin: 0px 0px 0px 20px;
    width: 240px;
}

/*  ------------------- 等级颜色 ------------------- */

.TRASH {color: #777;}
.NORMAL {color: #EEe;}
.MOB {color: #ffffff;}
.HERO {color: #A22207;}
.PVP {color: #CC9966;}
.UNCOMMON {color: #66ff66;}
.RARE {color: #3399ff;}
.EPIC {color: #82d;;}

.CRAFT {color: #D91;}
.CLASS {color: #F40;}

.LEGEND {color: #ff6600;}
.ANCIENT {color: #3cf;}
.IMMORTAL {color: #f48daa;}
.MYTHICAL {color: #fe6;}
.ORACLE {color:#d9e;}

.ITEM_TRASH {color: #777;}
.ITEM_NORMAL {color: #fff;}
.ITEM_UNCOMMON {color:#ae7;}
.ITEM_RARE {color:#9ce;}
.ITEM_USAGE {color:#FF8484;}
.ITEM_PVP {color: #CC9966;}
.ITEM_ANCIENT {color: #4ff;}
.ITEM_EPIC {color: #92d;}
.ITEM_LEGEND {color: #ff6600;}

.CHAT_GENERAL, .CHAT_CHANNEL_1 {color:#ccc;}
.CHAT_GUILD  , .CHAT_CHANNEL_2 {color:#be7;}
.CHAT_MESSAGE, .CHAT_CHANNEL_3 {color:#d9e;}
.CHAT_SYSTEM,  .CHAT_CHANNEL_-1  {color:#FFFB00;}


/*   ------------------- 战斗记录 -------------------    */

.combatname {
    color:yellow;
}

/*   ----------------- 通用列表 ---------------- */

.description {
    margin: 4px 0 0 0;
    text-align: right;
    font-size: 12px;
}

.description .entry {
    width: 100%;
    float:left;
}

.description .key {
    width: 27%;
    margin: 2px 0 0 0;
    font-weight: bold;
    text-align: left;
    float: left;
}

.description .val {
    width: 72%;
    margin: 2px 0 0 0;
    text-align: right;
    float: left;
}


/* ----------------- 横排段落 ----------------- */

.decision_content {
    width: 100%;
    padding: 8px 0 8px 0;
    text-align: center;
}

.decision_content .decision_frame {
    width: 180px;
    text-align: center;

}


/* ------------------ wiki 框  --------------------*/

table.subtip {
    margin: 10px 10%;
    background: #120500;
}

table.notice_tip {

}

table.warning_tip {
    border: 1px solid #960;
    border-left: 10px solid #960;
}

table.error_tip {

}

table.supererror_tip {

}

table.subtip td.tip-text {
    padding: 0.25em 0.5em;
    width:100%
}

table.subtip td.tip-pic {
    border: none;
    padding: 2px 0 2px 0.9em;
    text-align: center;
    width:80px;
}


/* ------------------- 全局状态 ------------------- */

.enable {color:#33ff33;}
.disable {color:red;}
.upper {color:yellow;}
.super {color: #00ffcc;}
.lesserupper {color:#e7d1b2}
.upper2 {color:#33ee33}
.bold {font-weight: bold;}
.bolder {color:#cd9d3d;font-weight: bold;}
.highlesser {color:#aaa;}
.lesser {color:#999;}
.lowest {color:#666;}


/* -------------------  卡片符文的贴图  -------------------   */

.small_rune {
   width:22px;
   height:22px;
   cursor:pointer;
   overflow:hidden;
   margin: 0;
   padding: 0;
   border:1px solid #333333;
}

.small_rune_null {
   border:none;
   cursor:default;
}

.small_rune_armor { background:url(/img/common/small_rune.png); }
.small_rune_axe { background:url(/img/common/small_rune.png) -20px 0; }
.small_rune_buff { background:url(/img/common/small_rune.png) -40px 0; }
.small_rune_debuff { background:url(/img/common/small_rune.png) -60px 0; }
.small_rune_earth { background:url(/img/common/small_rune.png) -80px 0; }

.small_rune_fire { background:url(/img/common/small_rune.png) 0 -20px; }
.small_rune_frost { background:url(/img/common/small_rune.png) -20px -20px; }
.small_rune_holy { background:url(/img/common/small_rune.png) -40px -20px; }
.small_rune_lighting { background:url(/img/common/small_rune.png) -60px -20px; }
.small_rune_hammer { background:url(/img/common/small_rune.png) -80px -20px; }

.small_rune_shadow { background:url(/img/common/small_rune.png) 0 -40px; }
.small_rune_spear { background:url(/img/common/small_rune.png) -20px -40px; }
.small_rune_spirit { background:url(/img/common/small_rune.png) -40px -40px; }
.small_rune_fist { background:url(/img/common/small_rune.png) -60px -40px; }
.small_rune_summon { background:url(/img/common/small_rune.png) -80px -40px; }

.small_rune_sword { background:url(/img/common/small_rune.png) 0 -60px; }
.small_rune_tech { background:url(/img/common/small_rune.png) -20px -60px; }
.small_rune_dagger { background:url(/img/common/small_rune.png) -40px -60px; }
.small_rune_ward { background:url(/img/common/small_rune.png) -60px -60px; }
.small_rune_willpower { background:url(/img/common/small_rune.png) -80px -60px; }


.small_rune_heroic { background:url(/img/common/small_rune.png) 0 -80px; }
.small_rune_chaos { background:url(/img/common/small_rune.png) -20px -80px; }
.small_rune_misc { background:url(/img/common/small_rune.png) -40px -80px; }


.full_rune {
    width:38px;
    height:38px;
    cursor:pointer;
    overflow:hidden;
    margin: 0;
    padding: 0;
    border:1px solid #333333;
}

.full_rune_null {
    border:none;
    cursor:default;
}


.full_rune_armor { background:url(/img/common/medium_rune.png); }
.full_rune_axe { background:url(/img/common/medium_rune.png) -36px 0; }
.full_rune_buff { background:url(/img/common/medium_rune.png) -72px 0; }
.full_rune_debuff { background:url(/img/common/medium_rune.png) -108px 0; }
.full_rune_earth { background:url(/img/common/medium_rune.png) -144px 0; }

.full_rune_fire { background:url(/img/common/medium_rune.png) 0 -36px; }
.full_rune_frost { background:url(/img/common/medium_rune.png) -36px -36px; }
.full_rune_holy { background:url(/img/common/medium_rune.png) -72px -36px; }
.full_rune_lighting { background:url(/img/common/medium_rune.png) -108px -36px; }
.full_rune_hammer { background:url(/img/common/medium_rune.png) -144px -36px; }

.full_rune_shadow { background:url(/img/common/medium_rune.png) 0 -72px; }
.full_rune_spear { background:url(/img/common/medium_rune.png) -36px -72px; }
.full_rune_spirit { background:url(/img/common/medium_rune.png) -72px -72px; }
.full_rune_fist { background:url(/img/common/medium_rune.png) -108px -72px; }
.full_rune_summon { background:url(/img/common/medium_rune.png) -144px -72px; }

.full_rune_sword { background:url(/img/common/medium_rune.png) 0 -108px; }
.full_rune_tech { background:url(/img/common/medium_rune.png) -36px -108px; }
.full_rune_dagger { background:url(/img/common/medium_rune.png) -72px -108px; }
.full_rune_ward { background:url(/img/common/medium_rune.png) -108px -108px; }
.full_rune_willpower { background:url(/img/common/medium_rune.png) -144px -108px; }


.full_rune_heroic { background:url(/img/common/medium_rune.png) 0 -144px; }
.full_rune_chaos { background:url(/img/common/medium_rune.png) -36px -144px; }
.full_rune_misc { background:url(/img/common/medium_rune.png) -72px -144px; }


/* ------------------  物品类型 ----------------------- */

.item_type {
    width:38px;
    height:38px;
    cursor:pointer;
    overflow:hidden;
    margin: 0;
    padding: 0;
    border:1px solid #333333;
}

.item_type_metal { background:url(/img/common/item_type.png); }
.item_type_nobelmetal { background:url(/img/common/item_type.png) -36px 0; }
.item_type_wood { background:url(/img/common/item_type.png) -72px 0; }
.item_type_cloth { background:url(/img/common/item_type.png) -108px 0; }
.item_type_leather { background:url(/img/common/item_type.png) -144px 0; }
.item_type_herb { background:url(/img/common/item_type.png) -180px 0; }

.item_type_elixir { background:url(/img/common/item_type.png) 0 -36px; }
.item_type_luxuries { background:url(/img/common/item_type.png) -36px -36px; }
.item_type_gem { background:url(/img/common/item_type.png) -72px -36px; }
.item_type_magical { background:url(/img/common/item_type.png) -108px -36px; }
.item_type_element { background:url(/img/common/item_type.png) -144px -36px; }
.item_type_alchemy { background:url(/img/common/item_type.png) -180px -36px; }

.item_type_spice { background:url(/img/common/item_type.png) 0 -72px; }
.item_type_animal { background:url(/img/common/item_type.png) -36px -72px; }
.item_type_food { background:url(/img/common/item_type.png) -72px -72px; }
.item_type_art { background:url(/img/common/item_type.png) -108px -72px; }
.item_type_currency { background:url(/img/common/item_type.png) -144px -72px; }
.item_type_special { background:url(/img/common/item_type.png) -180px -72px; }

.item_type_unknown { background:url(/img/common/item_type.png) 0 -108px; }

.small_item_type {
    display: inline-block;
    width:18px;
    height:18px;
    margin: 0px;
    vertical-align: text-top;
    border: 0;
}

.small_item_type_metal { background:url(/img/common/small_item_type.png); }
.small_item_type_nobelmetal { background:url(/img/common/small_item_type.png) -18px 0; }
.small_item_type_wood { background:url(/img/common/small_item_type.png) -36px 0; }
.small_item_type_cloth { background:url(/img/common/small_item_type.png) -54px 0; }
.small_item_type_leather { background:url(/img/common/small_item_type.png) -72px 0; }
.small_item_type_herb { background:url(/img/common/small_item_type.png) -90px 0; }

.small_item_type_elixir { background:url(/img/common/small_item_type.png) 0 -18px; }
.small_item_type_luxuries { background:url(/img/common/small_item_type.png) -18px -18px; }
.small_item_type_gem { background:url(/img/common/small_item_type.png) -36px -18px; }
.small_item_type_magical { background:url(/img/common/small_item_type.png) -54px -18px; }
.small_item_type_element { background:url(/img/common/small_item_type.png) -72px -18px; }
.small_item_type_alchemy { background:url(/img/common/small_item_type.png) -90px -18px; }

.small_item_type_spice { background:url(/img/common/small_item_type.png) 0 -36px; }
.small_item_type_animal { background:url(/img/common/small_item_type.png) -18px -36px; }
.small_item_type_food { background:url(/img/common/small_item_type.png) -36px -36px; }
.small_item_type_art { background:url(/img/common/small_item_type.png) -54px -36px; }
.small_item_type_currency { background:url(/img/common/small_item_type.png) -72px -36px; }
.small_item_type_special { background:url(/img/common/small_item_type.png) -90px -36px; }

.small_item_type_unknown { background:url(/img/common/small_item_type.png) 0 -108px; }


/* -------------------  线性标题  -------------------   */

.wireframe .title {
    border-bottom-color: #554312;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0px 0px 3px 0px;
    margin: 15px 0px 7px 0px;
    width: 99%;
}

.wireframe .title .name{
    font-size: 16px;
    font-weight: bold;
    color:#f7e1a2;
}

.wireframe .title .tip{
    font-size: 13px;
    float:right;
    font-weight:normal;
    color:#999999;
    display:inline;
    clear:both;
}

/* ------------------- 底部通栏 ------------------- */

.minibottom {
    width: 992px;
    height: 32px;
    line-height: 30px;
    bottom: 0px;
    left: 50%;
    margin-left: -492px;
    position: fixed;
    overflow: hidden;
    z-index: 14;
    padding: 0 5px;
}

.minibottom .box {
    overflow: hidden;
}

.minibottom .bottom_scr {
    margin-left: 25px;
    width: 330px;
}

.chatbox {
    width: 500px;
    height: 332px;
    min-height: 300px;
    position: fixed;
    bottom: 25px;
    background-color: black;
    z-index: 100;
    display: block;
    text-align: left;
    display: none;
}

.chatbox .chatlog {
    text-align: left;
    display: block;
    margin: 3px;
    overflow: auto;
    height: 270px;
    width: 496px;
    position: relative;
    word-break:break-all;
}

.chatbox .chatline {
    line-height: 20px;
}

.chatbox .chattitle {
    text-align: center;
    margin:2px auto 2px auto;
    height:20px;
    line-height: 20px;
}

.chatbox .chattitle .entry {
    text-align: center;

}

.chatbox .chattitle .entry a {
    width:100%;
    display: block;
}

.chatbox .postchat {
    margin-left: 10px;
}

.chatbox .rightfunc {
    margin-right: 10px;
}

.chatbox .chatfunc {

}


/* ------------------ 玩家小框 --------------------*/

.playertip {
    width: 270px !important;
    vertical-align: top !important;
    padding: 0px !important;
}

.playertip table {
    margin: 10px;
    /*background:rgba(0,0,0, 0.7)!important;
    filter: Alpha(opacity=70); background:#000;*/
}

.playertip td {
    margin: 0px ;
    padding: 0px ;
    position:relative;
}

.playertip .img {
    margin: 0px;
}

.playertip .description
{
    margin-top: 5px;
    line-height: 14px;
}

.playercard {
    padding: 0 10px 8px 10px;
}

.playercard .title_container {
    position: relative;
    padding: 8px 0 4px 0;
    border-bottom: 1px solid #333;
}

.playercard .cover_container {
    height: 100px;
    margin: -100px 0 0 -11px;
    overflow: hidden;
    position: absolute;
    width: 270px;
}


.playercard .title_frame {
    min-height: 42px;
    padding-bottom: 2px;
    margin-left: 80px;
}

.playercard .avatarframe {
    position: absolute;
    top:-30px;
    padding:2px;
    z-index: 2;
    width:74px;
    height:74px;
}

.playercard .title_unameline {

}

.playercard .title_usubnameline {
    margin-top: 4px;
}

.playercard .gridline {
    padding: 8px 0;
    /*line-height: 1.3;*/
    border-bottom: 1px solid #333;
}

.playercard .gridline:last-child {
    padding: 8px 0 4px 0;
    /*line-height: 1.3;*/
    border: 0;
}

.playercard .statline {
    text-align: center;
}

.readable {
    text-indent: 2em;
    line-height: 24px;
    font-size:16px;
    color:#bbb;
}


/* ------------ NPC ------------- */

.npcgrid {
    margin: 0 0 50px 0;
}

.npcgrid:hover {
    border: 1px solid #960;
    cursor: pointer;
}



/* ------------------- 列表 ------------------- */


.brief_list {
    margin: 4px 0px 0px 0px;
}

.brief_list .entry {
    margin-top: 2px;
    margin-bottom:  2px;
}

.brief_list .entry .partyhead {
    width: 100%;
    height: 14px;
    margin: 2px 0 9px 0;
}

.brief_list .entry .partyetc {
    border-top-style: solid;
    border-top-width: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin: 2px 0 3px 0;
    padding: 2px 0 0 0;
    font-size: 11px;
    width: 100%;
    line-height: 15px;
}

/* ------------------ 左右两列的container 综合类  ( 这一段需要重新设计) ----------------*/

.container {
    display: block;
}

.container .container-row {
    padding: 10px;
}

.container .container-row .container-cell  {
    width:46%;
}

.container .container-row .container-left {
    float: left;
    margin-right:25px;
}

.container .container-row .container-right {
    float: right;
    margin-left:25px;
}

/* ------------------- TAB ------------------- */

.common_tab {
    width: 100%;
}

.common_tab .tab_title {
    cursor: pointer;
    display: inline;
    float: left;
    position: relative;
    margin: 0px 0px 0px 15px;
    padding: 2px 7px;
    text-decoration: none;
    top: 1px;
    z-index: 0;
}

.common_tab .tab_title_right {
    cursor: pointer;
    display: inline;
    float: right;
    position: relative;
    margin: 0px 15px 0px 0px;
    padding: 2px 7px;
    text-decoration: none;
    top: 1px;
    z-index: 0;
}

.common_tab .current {
    border-bottom: none;
    padding: 2px 7px 3px 7px;
    z-index: 0;
}

.common_tabcontent {
    width: 100%;
}

.common_tabcontent .tab_content {
    margin: 0px;
}

/* ---------------- 细胞表格 --------------*/

.celltable {
    width:100%;
}

.celltable td {
    vertical-align: middle;
    line-height: 150%;
}


/*  -------------------  静态格式  -------------------    */
.format a:hover {
    color:#F52;
}

.format .admin { color:#fba !important; }
.format .warden { color:#dbf !important; }
.format .chosen { color:#fda !important; }
.format .greater { color:#bdf !important; }
.format .donator {color:#dfb !important;}
.format .oldgod {color:#ccc !important;}

.format .guildmaster { color:#FFBBBB !important; }
.format .greatofficer { color:#FFDDBB !important; }
.format .officer { color:#BBBBFF !important; }
.format .veteran { color:#DDFFBB !important; }

.format .member { color:#DDD !important; }

.format .pow { color: #f00 !important; }
.format .dex { color: #0f0 !important; }
.format .int { color: #66f !important; }
.format .con { color: #f90 !important; }
.format .spi { color: #ff0 !important; }

.format .powl { color: #990000 !important; }
.format .dexl { color: #009900 !important; }
.format .intl { color: #555599 !important; }
.format .conl { color: #995522 !important; }
.format .spil { color: #999900 !important; }
.format .hpl { color: #999 !important; }

.format .pows { color:#990000 !important; border-bottom-color:#990000;  }
.format .dexs { color:#009900 !important; border-bottom-color:#009900;}
.format .ints { color:#555599 !important; border-bottom-color:#555599;}
.format .cons { color:#995522 !important; border-bottom-color:#995522;}
.format .spis { color:#999900 !important; border-bottom-color:#999900;}

.format .item { color:#FF8484 !important; }
.format .card { color:#9f9 !important; }
.format .achievement { color:#9cf !important; }
.format .building { color:#39e !important; }
.format .skill { color:#fe1;  }
.format .paragon { color:#7af; }

.format .bane { color: #87c387 !important; }
.format .spell { color: #313fa2 !important; }
.format .aura { color: #78cbc7 !important; }
.format .summon { color: #d98787 !important; }
.format .disease { color: #963f1a !important; }
.format .curse { color: #de64dd !important; }

.format .inv {color:#EB8 !important}

/* ------------------- 排版 ---------------- */

.format .child {margin: 0 0 0 10px;}



/* -------------------  独立选择器（不能被覆盖） -------------------  */


.w250 {width: 250px}
.w200 {width: 200px}
.w170 {width: 170px}
.w150 {width: 150px}
.w120 {width: 120px}
.w100 {width: 100px}
.w70 {width: 70px}
.w50 {width: 50px}

.w100p {width: 99%}
.w90p {width: 89%}
.w60p {width: 59%}
.w50p {width: 49%}
.w33p {width: 32%}
.w30p {width: 29%}
.w23p {width: 22%}

.mg5 {margin: 5px}
.mg10 {margin: 10px}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}

.mt2 {margin-top: 2px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}

.tip_image {
	vertical-align: middle;
	margin: 2px 5px auto 2px;
}

.textoverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.hovercolor {
    color:#F52;
}

.error {
    color: #f43;
    font-size: 16px;
    font-weight: bold;
}

.nobr {
    white-space:nowrap;
    overflow: hidden;
}

.breakword {
    word-wrap: break-word;
    word-break:break-all;
}

.floating {
   position:absolute;
}

.floatout {
   position: relative;
}

.floatinline {
    float: left;
    display: inline;
}

.inline {
    display: inline;
}

.nounderline {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.clearfloat:after {
     content: "";
     height: auto;
     display: block;
     clear: both;
     overflow: auto;
}

.block{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    clear:both;
    *display:inline;
    margin-left: 0;
    margin-right: 0;
}

.xline {
    position:absolute;
    z-index:2;
    width:1px;
    height:1px;
    font-size:1px;
    overflow:hidden;
}

.hidden {
    display: none;
}

#page_title {
    text-indent: 1em;
    color:#F6BA68;
}

#gototop {
    display: none;
}

.notice_number {
    background: #BF1031;
    border: 1px solid #BF1031;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),inset 0 1px 0 rgba(255, 255, 255, 0.15);
    color: #FFF;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    -webkit-text-size-adjust: none;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    text-indent: 0;
    text-align: center;
    text-decoration: none;
}

.game_master {
    background-image: url("/img/common/gm.gif");
    width:20px;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
}

.combat_end_func input {
    margin: 10px 30px;
}

.console_frame {
    top:5px;
    left:5px;
    width:550px;
    height:350px;
    position:fixed;
    z-index: 1012;
    color: rgb(204, 204, 204);
    border: 2px solid rgb(170, 170, 170);
    background-color: black;
    opacity: 1;
}

.console_frame .terminal {
    height: 335px;
    width: 100%;
}

.center-frame {
    left:50%;
}



/* ------------------------ SCROLL BAR ---------------------- */

::-webkit-scrollbar-thumb{background-color:#DBC7C1;height:50px;outline-offset:-2px;}
::-webkit-scrollbar-thumb:hover{background-color:#B5A6A1;height:50px;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track-piece{}


/* ---------------------- 瀑布流 ------------------- */
/*
.grid-group {
    column-gap: 15px;
    margin: 10px auto;
    column-width: 380px;
}

.grid-group figure {
    transition: opacity .4s ease-in-out;
    column-break-inside: avoid;
    display: inline-block;
}*/

/* --------------------- Bootstrap 覆盖 ----------------- */

blockquote {
    padding: 5px 15px;
    margin: 5px 0 5px 0;
    font-size: inherit;
    border-left: 3px solid #666;
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 3px solid #666;
    border-left: 0;
}