body{color:#7a7a7a;font-family:Trebuchet MS, sans-serif;font-size:13px;/* font-variant: small-caps; */;margin:0 auto;background:#5bcfff url(./img/header_bg.png) no-repeat 50% top; overflow-x: hidden;}
a, a:visited{color:#56b5cd;text-decoration:none}a:hover{color:#3b9cb4}
h2{font-size:17px;text-shadow:0px 1px 0px #fff;border-bottom:1px solid #9ACAD6;padding-left:10px;margin:0 0 7px 0}
h2 small{font-size:11px;padding-left:10px}
input,select,textarea{background:#fff;color:#7c7c7c;font-family:Trebuchet MS, sans-serif;box-shadow:0 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1);-o-box-shadow:0 0 1px 1px rgba(0,0,0,.1);-khtml-box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-khtml-border-radius:2px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-khtml-transition:all .2s linear;border:0;padding:3px}
input:focus,
select:focus,
textarea:focus{box-shadow:0 0 1px 1px #67c22e;-moz-box-shadow:0 0 1px 1px #67c22e;-webkit-box-shadow:0 0 1px 1px #67c22e;-o-box-shadow:0 0 1px 1px #67c22e;-khtml-box-shadow:0 0 1px 1px #67c22e;outline:none}
button{background:url(./img/style/btn.png) top;color:#fff;font-family:Trebuchet MS, sans-serif;font-weight:bold;text-shadow:0px 1px 1px #459eb4;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-khtml-border-radius:2px;border:1px solid #58b1c8;padding:5px;cursor:pointer}
ul{list-style-type:none;padding-left:10px;margin:0}
ul li{background:url(./img/plus-small-circle.png) no-repeat 0px 2px;padding-left:19px}
#header{height:170px;padding-top:271px}
h1.logo{display:block;width:363px;height:71px;margin:0 auto;padding:0}
h1.logo a{display:block;width:363px;height:71px;text-indent:-999em}
#infobar{background:rgba(0,0,0,.6);color:#fff;text-shadow:0px 1px 1px #000;padding:7px;width:100%;height:18px}
.notice{background:url(./img/notice/exclamation.png) no-repeat 2% 50%, url(./img/style/notice.png) repeat-x bottom #edb4b4;color:#aa5959;text-shadow:0px 1px 0px #f3cece;box-shadow:inset 0px 1px 0px #f2cbcb, 0px 2px 0px #e8e8e8;-moz-box-shadow:inset 0px 1px 0px #f2cbcb, 0px 2px 0px #e8e8e8;-webkit-box-shadow:inset 0px 1px 0px #f2cbcb, 0px 2px 0px #e8e8e8;-o-box-shadow:inset 0px 1px 0px #f2cbcb, 0px 2px 0px #e8e8e8;-khtml-box-shadow:inset 0px 1px 0px #f2cbcb, 0px 2px 0px #e8e8e8;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;-khtml-border-radius:2px;border:2px solid #d48c8c;padding:12px;padding-left:48px}
.notice a{color:#813434;font-weight:bold}
.block{padding:5px 10px 10px 10px;margin-top:10px}
.block h2{font-size:18px;border-color:#b5b5b5}
.block .alternate{color:#828282;font-weight:bold;font-size:18px;padding-left:10px;border:0}
#subtext{color:#066d88;font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow:0px 1px 0px #4dccee;text-align:center;z-index:1;margin-top:-40px;margin-right:50px}
#wrapper{background:#fff;box-shadow:0 0 2px 2px rgba(0,0,0,.2);-moz-box-shadow:0 0 2px 2px rgba(0,0,0,.2);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.2);-o-box-shadow:0 0 2px 2px rgba(0,0,0,.2);-khtml-box-shadow:0 0 2px 2px rgba(0,0,0,.2);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;width:1004px;min-width:900px;margin:20px auto 0;margin-bottom:40px;padding:3px}
.links{text-align:center;margin:24px auto 0;width:900px;height:55px;line-height:53px}
.links a{font-size:15px;font-weight:bold;color:#fff;text-shadow:0px 1px 2px rgba(0,0,0,.8);padding:0 0 0 50px}
.links a.fst{padding-left:0}
.links a:hover{color:#ffea00}
.sidebar{min-width: 250px !important; background:#D5F1F7;color:#669FAD;border:1px solid #bee2eb;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-bottomleft:2px;border-top-left-radius:2px;border-bottom-left-radius:2px;margin-right:5px;padding:10px;display:table-cell;vertical-align:top;width:250px}
.sidebar input:focus,.sidebar select:focus,.sidebar textarea:focus{box-shadow:0 0 1px 1px #669fad;-moz-box-shadow:0 0 1px 1px #669FAD;-webkit-box-shadow:0 0 1px 1px #669fad;-o-box-shadow:0 0 1px 1px #669fad;-khtml-box-shadow:0 0 1px 1px #669fad;outline:none}
#main{background:#f6f6f6;border:1px solid #D9D9D9;border-left:0;-webkit-border-top-right-radius:2px;-webkit-border-botEtom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;padding:5px;margin-left:5px;display:table-cell;vertical-align:top;width:100% !important;max-width: 200px;}
#copyright{font-size:11px;color:#666;font-weight:bold;/*text-shadow:0px 1px 0px rgba(0,0,0,.6);*/font-style:normal;text-align:center;padding:3px;margin:0 auto 25px}
#copyright a{color:#fff;border-bottom:1px dotted #fff}
.error{border:2px solid #ce0000;padding:10px 10px 10px 20px;background:#ffe5e5}
.error h2{border:0 none;padding:0;margin:0 0 10px 0;color:#ce0000}
.error ul{margin:0 0 5px 20px;list-style:square}
.error li{color:#000;padding:0;margin:0 0 5px 0;background:none;font-size:1.1em}
.error li:first-letter{text-transform:uppercase}
.itemlist{border:1px solid #c1dad7;border-collapse:collapse;width:100%}
.itemlist th{font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#4f6b72;border-right:1px solid #c1dad7;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:6px 6px 6px 12px;background:#cae8ea url(./img/bg_header.jpg) no-repeat}
.itemlist td{border-right:1px solid #c1dad7;border-top:1px solid #c1dad7;background:#fff;padding:6px 6px 6px 12px;text-align:center;color:#4f6b72}
.itemlist .alt td{background:#f5fafa;color:#797268}
.ranking, .pages{width:600px;border:2px solid #bababa;border-collapse:collapse;margin:auto;}
.ranking th, .pages th{color:#7a7a7a;background:#d4d4d4;border:1px solid #bababa;box-shadow:inset 1px 1px 0px #ebebeb;-moz-box-shadow:inset 1px 1px 0px #ebebeb;-webkit-box-shadow:inset 1px 1px 0px #ebebeb;height:30px;text-shadow:0px 1px 0px #ebebeb}
.ranking td, .pages td{background:#fff;border:1px solid #bababa}
.ranking th,.ranking td, .pages td{text-align:center;padding:7px}
.ranking caption { display:none; }
.pages { margin-top: 10px; }
.reipk, .pages{width:250px;border:2px solid #bababa;border-collapse:collapse;margin:auto;}
.reipk th, .pages th{color:#7a7a7a;background:#d4d4d4;border:1px solid #bababa;box-shadow:inset 1px 1px 0px #ebebeb;-moz-box-shadow:inset 1px 1px 0px #ebebeb;-webkit-box-shadow:inset 1px 1px 0px #ebebeb;height:30px;text-shadow:0px 1px 0px #ebebeb}
.reipk td, .pages td{background:#fff;border:1px solid #bababa}
.reipk th,.reipk td, .pages td{text-align:center;padding:7px}
.reipk caption { display:none; }
#main img { max-width: 100%;}
form[name="mixlogin"] center button.submit { width: 190px; }
#characterinfo tbody tr td{ padding:0;}
#heroinfo #ranking_character_list {padding: 0;line-height: 0.8;}
#characterinfo tbody tr td button {width: 170px;padding: 2px;}
#heroinfo #ranking_character_list tr td button {width: 100%;height: 23px;padding: 0;}
.info th,.info td, .pages td{text-align:center;padding: 1px;background: #f5faff;}
.info td, .pages td{background:#f5faff;border:1px solid #bababa; align:center}
.info, .pages{width:600px;border-collapse:collapse;margin:auto;}