.topmenu a:link, .topmenu a:visited, .topmenu a:hover, .topmenu a:active{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #5EAADE;
  font-family: mingliu,新細明體;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 12.0pt;
  
}
.topmenuSelected a:link, .topmenuSelected a:visited, .topmenuSelected a:hover, .topmenuSelected a:active{
  font-weight: bold;
  color: Yellow;
  background-color: #5EAADE;
  font-family: mingliu,新細明體;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 12.0pt;
  
}
.content {
  font-weight: bold;
  color: #000000;
  font-family: mingliu,新細明體;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 10pt;
  
}
.content a:link, .content a:visited, .content a:hover, .content a:active{
  font-weight: bold;
  color: #FFFFFF;
    background-color: #5EAADE;

  font-family: mingliu,新細明體;
  text-decoration: underline;
  margin-bottom: 0;
  font-size: 10pt;
  
}

.contenttitle {
  font-weight: bold;
  color: #FFFFFF;
  font-family: mingliu,新細明體;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 12pt;
  
}

.eng a:link, .eng a:visited, .eng a:hover, .eng a:active{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #5EAADE;
  font-family: Arial, Garamond, Helvetica;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 12pt;
  
}

.chi a:link, .chi a:visited, .chi a:hover, .chi a:active{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #5EAADE;
  font-family: mingliu,新細明體;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 12pt;
  
}
.contact,.contact a:link, .contact a:visited, .contact a:hover, .contact a:active{
  font-weight: bold;
  color: #FFFFFF;
  font-family: mingliu,新細明體;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 10pt;
  
}

//////
div.tprofile {
  width: 100%;
  font-weight: bold;
  font-size: 80%;
  color: #FFCC00;
  text-align: center;
}
table.thin {
  font-family: Arial, Garamond, Helvetica;
  /*background-color: #FFF;*/
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 90%; 
  border: 0px;
}
table.thin td {
  border: 0px;
}
table.report table.thin td {
  border: 0px;
}
table.profilestats {
  border-style: none;
  margin-left: 0;
  margin-right: 0;
  border-spacing: 0;
  padding: 0 0;
  font-size: 10px; 
  display: block;
  width: 100%;
  background-color: #333333;
  border-bottom: 2px solid #000; 
  border-right: 2px solid #000;
  border-top: 2px solid #888; 
  border-left: 2px solid #888;
}
table.profilestats th {
  color: #FFCC00;
  text-align: left;
  padding: 0 0;
  font-weight: bold;
  font-size: 10px; 
}
table.profilestats td {
  color: #FFFFFF;
  text-align: right;
  font-weight: bold;
  font-size: 10px; 
}
table.ttb {
  background-color: #282828; 
  color: #FFFFFF;
  margin: 0px; 
  border-bottom: 2px solid #888; 
  border-right: 2px solid #888;
  border-top: 2px solid #EEE; 
  border-left: 2px solid #EEE;
  font-size: 14px;
}
/*table.ttb td {
  text-decoration: bold;
}*/
table.ttb h6 {
  font-size: 10px;
}
table.ttb h6 a:link { color: #3333FF; text-decoration: underline; }
table.ttb h6 a:visited { color: #3333FF; text-decoration: underline; }
table.ttb h6 a:hover { color: #7777FF; background-color: #282828; }
table.ttb h6 a:active { color: #000000; background-color: #0000FF; }
table.ttb a:link { color: #00FF00; text-decoration: none; }
table.ttb a:visited { color: #00EE00; text-decoration: none; }
table.ttb a:hover { color: #77FF77; background-color: #282828; }
table.ttb a:active { color: #000000; background-color: #00FF00; }

div.help { 
  padding: 2px;
  background-color: #FFFF99; 
  color: #000000;
  margin: 0px; 
  border-bottom: 1px solid #333; 
  border-right: 1px solid #333;
  border-top: 1px solid #EEE; 
  border-left: 1px solid #EEE;
}
h6, h5 { 
  width: 100%;
  background-color: #AAAAAA;
  color: #000000;
  text-align: center;
  align: center;
  text-decoration: none;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
table.tooltip { 
  width: 300px; 
  background-color: #CCCCCC; 
  color: #000000;
  margin: 0px; 
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #EEE; 
  border-left: 2px solid #EEE;
}
table.tooltip td {
  color: #000000;
}
.sitehome a:link { color: #FFDD33; }
.sitehome a:hover { background-color: #335555; }
.sitehome a:visited { color: #FFDD00; }
.sitehome a:active { margin-left: 1px; margin-top: 1px; }

h4 a:link { color: #FFDD33; }
h4 a:hover { background-color: #335555; }
h4 a:active { margin-left: 1px; margin-top: 1px; }
h4 a:visited { color: #FFDD00; }

div.menutitle a:link { color: #FFDD33; }
div.menutitle a:hover { background-color: #335555; }
div.menutitle a:active { margin-left: 1px; margin-top: 1px; }
div.menutitle a:visited { color: #FFDD00; }

/*table.report a.cat:link { color: #666666; text-decoration: none; }
table.report a.cat:visited { color: #666666; text-decoration: none; }*/

table.report a:link { color: #000088; }
table.report a:visited { color: #000077; }
table.report a:active { background-color: #000000; color: #8888FF; }
table.report a:hover { background-color: #DDDDDD; }


div.up {
  width: 100%;
  font-weight: bold;
}
div.up:hover { background-color: #000088; }
div.up:active { background-color: #5555AA; }
div.up a:link { color: #FFDD00; }
div.up a:visited { color: #FFDD00; }
div.up a:active { background-color: #000055; color: #FFDD00; }
div.up a:hover { background-color: #FFDD00; color: #000055; }

/* blue, standard link */
a:link { color: #0000FF; }
a:visited { color: #000088; }
a:active { background-color: #000000; color: #8888FF; }
a:hover { background-color: #999999; }

div.menuitems a:hover { background-color: #AAAAAA; }
div.bigmenuitems a:hover { background-color: #AAAAAA; }


/* click down and right a:active { margin-left: 1px; margin-top: 1px; } */

span.itemspell { color: #00FF00; }
span.itemspell a.spell:link { 
  color: #00FF00;
}
span.itemspell a.spell:visited { color: #00EE00; }
span.itemspell a.spell:hover {
  color: #77FF77; 
}
span.itemspell a.spell:active { color: #000000; background-color: #00FF00; }
span.itemdesc { color: #AAAA00; }
span.spdesc { color: #FFFF00; }
body { 
  background-color: #FFFFFF; 
  color: #000000; 
  font-family: Arial, Garamond, Helvetica;
  text-decoration: none; 
  font-size: 100%; 
  margin: 0; 
}
.checkbox {
  margin-bottom: 0px;
}
table.rc {
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 90%; 
}
table.rc td {
  width: 32px;
  text-align: center;
  vertical-align: top;
  font-size: 80%;
}
div.mainsearch {
  width: 100%;
  margin-top: 200px;
  margin-bottom: 100;
  padding: 5px;
}
div.newsbody {
  font-size: 80%;
  width: 95%;
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #AAA; 
  border-left: 2px solid #999;
  margin: 10 10 10 10;
  padding: 2px;
}
div.optionbar {
  font-size: 90%;
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #AAA; 
  border-left: 2px solid #999;
  margin-bottom: 3px;
  background-color: #DDDDDD; 
  padding: 2px;
}
div.menuitems {
  width: 100%; 
  background-color: #DDDDDD; 
  color: #000000; 
  /*border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-left: 2px solid #999;*/
}
div.menutitle {
  /*border-right: 2px solid #333;*/
}
div.menuitems a {
  display: block;
  padding: 0;
  /*width: 120px;*/
  padding-left: 5px;
}
div.menuitems ul { list-style: none; padding: 0; margin: 0px; }
div.bigmenuitems {
  width: 100%; 
  background-color: #DDDDDD; 
  color: #000000; 
}
div.bigmenuitems a {
  display: block;
  padding: 0;
  padding-left: 5px;
}
div.bigmenuitems ul { list-style: none; padding: 0; margin: 0px; }
table.r {
  font-family: Arial, Garamond, Helvetica;
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 70%; 
  width: 200px;
}
table.r td {
  width: 25%;
}
table.menu2 {
  font-family: Arial, Garamond, Helvetica;
  border-style: none;
  margin-top: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 11px; 
}
table.menu2 th {
  width: 80px;
  text-align: center;
}
table.menu2 th a {
  display: block;
  padding: 0;
  width: 80px;
}
table.menu {
  font-family: Arial, Garamond, Helvetica;
  border-style: none;
  margin-top: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 9px; 
}
table.menu th {
  width: 80px;
  text-align: center;
}
table.menu th a {
  display: block;
  padding: 0;
  width: 80px;
}
ul { padding: 0 20; margin: 0px; }
div.price {
  align: center;
  font-size: 75%;
  width: 300;
  background-color: #DDDDDD;
}
span.right { align: right; }
span.rank { color: #000000; font-size: 80%; }
span.react  { background-color: #FFFFFF; }
span.react1 { background-color: #FF0000; }
span.react2 { background-color: #FF0000; }
span.react3 { background-color: #FFFF00; }
span.react4 { background-color: #FFFF00; }
span.react5 { background-color: #00FF00; }
span.react6 { background-color: #00FF00; }
span.react,span.react1,span.react2,span.react3,span.react4,span.react5,span.react6 {
  padding: 2;
  margin-top: 3;
}
pre { font-size: 11px; }
table { 
  font-family: Arial, Garamond, Helvetica;
  border-style: none 
}
table.graphdata {
  font-family: Arial, Garamond, Helvetica;
  border-style: none;
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 0 0;
  font-size: 9px; 
}
table.back {
  font-family: Arial, Garamond, Helvetica;
  margin-left: 0px;
  margin-right: 0px;
  border-spacing: 0px;
  padding: 2 2;
  font-size: 90%; 
  width: 100%;
  background-color: #CCCCCC; 
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #AAA; 
  border-left: 2px solid #999;
}
table.item {
  font-family: Arial, Garamond, Helvetica;
  margin-left: 0;
  margin-right: 0;
  border-spacing: 0;
  padding: 0 0;
  font-size: 90%; 
  display: block;
  width: 100%;
  border: 0px;
}
table.report table.item td {
  border: 0px;
}
table.item a {
  font-weight: bold;
  vertical-align: center;
}
span.quality a:link,span.quality a:visited { color: #000000; }
span.quality-1 a:link,span.quality-1 a:visited { color: #CC8800; }
span.quality0 a:link,span.quality0 a:visited { color: #808080; }
span.quality1 a:link,span.quality1 a:visited { color: #CC9900; }
span.quality2 a:link,span.quality2 a:visited { color: #00BB00; }
span.quality3 a:link,span.quality3 a:visited { color: #0068FF; }
span.quality4 a:link,span.quality4 a:visited { color: #8000FF; }
span.quality5 a:link,span.quality5 a:visited { color: #FF8000; }
span.quality6 a:link,span.quality6 a:visited { color: #FF0000; }

table.playerselect { border-style: none; font-size: 90%; }
table.playerselect td { align: left; padding: 0; }
table.playerselect input { width: 18; height: 18; }

select { margin: 0; padding: 0; }
table.foundation { border-style: none; }
table.foundation td.menu { font-size: 70%; align: left; vertical-align: top; }
table.foundation td.body { font-size: 100%; align: left; vertical-align: top; padding-left: 10px; }

table.quest {
  background-color: #CCCCCC; 
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #AAA; 
  border-left: 2px solid #999;
  margin-left: 0;
  margin-right: 0;
  border-spacing: 0;
}
table.quest td {
  padding: 2;
}

table.valuereport { 
  background-color: #000000;
  border-style: none; 
  color: #000000;
  font-size: 90%; 
  border-spacing: 0;
  margin-left: 1;
  margin-right: 0;
}
table.valuereport tr { background-color: #AAAAAA; }

table.report {
  /*background-color: #555555;*/
  border-style: none;
  color: #000000;
  font-size: 90%; 
  border-spacing: 0;
  border-collapse: collapse;
  margin-left: 0;
  margin-right: 2;
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #999; 
  border-left: 2px solid #999;

/*  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #777; 
  border-left: 2px solid #777;*/
}
/*  #border-collapse: collapse;*/
table.report td { 
  /*border-style: none; */
  border: 1px solid #DDD;
  padding: 2;
  margin: 0px;
}
table.report th { 
  border: 1px solid #888;
  background-color: #AAAAAA; 
  color: #000000; 
}
table.report tr { background-color: #FFFFFF; }
table.report tr.highlight { background-color: #AAAAAA; }
table.tb {
  margin: 0px; 
  font-size: 9px;
  margin: 0px;
  border-spacing: 0px;
  padding: 0 0;
}
table.panel { 
  background-color: #CCCCCC; 
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #EEE; 
  border-left: 2px solid #EEE;
  font-size: 90%;
}
table.panel td {
  margin: 5;
}
table.box th {
  width: 100;
  height: 100;
  background-color: #AAAAAA; 
  color: #0000AA; 
  margin: 0px; 
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #CCC; 
  border-left: 2px solid #CCC;
}
h1, h2, h3, h4, div.menutitle, .sitetitle, .sitehome, div.up, a.up {
  width: 100%; 
  background-color: #000055;
  color: #FFDD00; 
  margin: 0px; 
  border-bottom: 2px solid #333333; 
  #border-right: 2px solid #333333;
  border-top: 2px solid #CCCCCC; 
  #border-left: 2px solid #CCCCCC;
  #text-decoration: bold;
}
.sitetitle {
  height: 30;
  text-align: center;
  text-valign: middle;
}
.sitehome {
  height: 35;
  text-align: center;
}
h1, h2, h3, div.menutitle {
  width: 100%;
}
h4 { text-align: center; }
h5.hp { background-color: #FF0000; color: #FFFFFF; }
h5.mana0 { background-color: #0000FF; color: #FFFFFF; }
h5.mana1 { background-color: #FF0000; color: #FFFFFF; }
h5.mana2 { background-color: #FFFF00; color: #000000; }
h5.mana3 { background-color: #FFFFFF; color: #000000; }
h2, h3 { margin-top: 10px; }

span.title { text-decoration: underline; font-size: 150%; }
span.navbar { font-size: 80%; padding: 2; }
span.positive { color: #3300FF; }
span.negative { color: #BB0000; }
span.item { color: #007700; }
span.base { font-size: 90%; }

table.addpost {
  background-color: #FFFFFF;
  border-style: none; 
  color: #000000;
  font-size: 90%; 
  border-spacing: 1;
  margin-left: 1;
  margin-right: 0;
  width: 100%;
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #AAA; 
  border-left: 2px solid #999;
  font-weight: bold;
}
table.addpost input { width: 100%; }
table.addpost textarea { width: 100%; height: 300; }

div.thread { 
  font-size: 90%; 
  text-align: left;
}
div.thread div.header {
  background-color: #CCCCCC;
  width:100%;
  padding: 3px;
}
div.thread div.body {
  padding: 3px;
  overflow: auto;
  display: block;
  width: 500px;
}
div.thread div.quote {
  margin-left: 10%;
  margin-right: 10%;
  font-size: 80%;
  border-bottom: 2px solid #333; 
  border-right: 2px solid #333;
  border-top: 2px solid #AAA; 
  border-left: 2px solid #999;
  padding: 2px;
}
div.thread table {
  font-size: 90%;
}
div.thread span.reply {
  float: right;
}
span.right {
  float: right;
}