@charset "utf-8"; 
h4{ padding-left:5px;  margin:10px 0px;  border-left:15px solid #cad3df;  border-bottom:1px solid #cad3df;  width:740px}
ul#tabnav{list-style-type:none; margin:0px; padding-left:0px; padding-bottom:23px; border-bottom:1px solid #cad3df; border-left:15px solid #000; font:bold 12px verdana,arial; margin:10px -15px; width:785px}
ul#tabnav li{float:left; height:22px; background-color:#080808; margin:0px 3px 0px 0px; border:1px solid #cad3df}

ul#tabnav a:link, ul#tabnav a:visited{display:block; color:#666; text-decoration:none; padding:5px 10px 0px 10px}
ul#tabnav a:hover{background:url(../image/button/link-0.gif); color:#cad3df}

#char ul#tabnav li.home a:link, #char ul#tabnav li.home a:visited, 
#charaction ul#tabnav li.dev a:link, #charaction ul#tabnav li.dev a:visited, 
#charequipment ul#tabnav li.design a:link, #charequipment ul#tabnav li.design a:visited{background:url(../image/button/btn_bk01.gif); color:#000}

#char ul#tabnav li.home a:hover, #charaction ul#tabnav li.dev a:hover, 
#charequipment ul#tabnav li.design a:hover{background:url(../image/button/btn_bk01.gif); color:#cad3df}


ul#bbs{list-style-type:none; margin:0px; padding-left:0px; padding-bottom:23px; font:bold 12px verdana,arial; margin:10px 0px;}
ul#bbs li{float:left; height:22px; background-color:#080808; margin:0px 3px 0px 0px; border:1px solid #cad3df; text-align:center;}

ul#bbs .bbs_a{ cursor: pointer;}
ul#bbs .bbs_a{display:block; color:#666; text-decoration:none; padding:5px 10px 0px 10px}
ul#bbs .bbs_a:hover{background:url(../image/button/link-0.gif); color:#cad3df}
ul#bbs li.sel .bbs_a{background:url(../image/button/btn_bk01.gif); color:#000}
ul#bbs li.sel .bbs_a:hover{background:url(../image/button/btn_bk01.gif); color:#cad3df}

.bgcolor{background-color:#10151b}
.battle_result{ display:none}
.light{   color:#40526a;   font-size:80%}
.unselect{color:#506685}
.divide{  border-left:1px solid #070b0e;   width:1px;   background:#070b0e;   margin:0px 15px}
.carpet_frame{  text-align:center;   /*word-break:break-all;*/ cursor: pointer }
.carpet0{  padding-bottom:20px;   margin:20px 0 3px 0;   background-image:url(../image/carpet011.gif);   background-position:bottom center;   background-repeat:no-repeat}
.carpet1{  padding-bottom:20px;   margin:20px 0 3px 0;   background-image:url(../image/carpet010.gif);  background-position:bottom center;  background-repeat:no-repeat}
div#main_frame{ width:800px;  min-width:800px;  position:relative;  min-height:100%;    margin:0 30px 0 30px;   padding:0 30px 0 30px;   border-left:1px solid #070b0e;   border-right:1px solid #070b0e;   border-bottom:1px solid #070b0e;   background:url(../image/other/ev_bg.gif) repeat-y;  text-align:left;  margin:0 auto}
#menu{ padding:8px 10px 5px 10px;  border-top:1px solid #070b0e;  background:#304052}
#menu2{ border-top:1px dotted #070b0e;  border-bottom:1px solid #070b0e;  padding:5px 10px 2px 10px;  background:#202935}
#contents{ padding-bottom:7em}
#title{ padding:15px;  width:auto; background-image:url(../image/title04.png); height:65px;}
#foot{ width:800px;  padding:8px 0 4px 0;  background:#1b222c;  border-top:1px solid #070b0e;  text-align:center;  color:#5a708f;  position:absolute;  bottom:0}
.error{ color:red;  font-weight:bold;  font-size:100%}
.result{ color:#6c6;  font-weight:bold;  font-size:100%}
.margin15{ margin:15px}
a{ text-decoration:none;  color:#8a9cb7;  font-weight:bold}
a:hover{ text-decoration:underline;  color:#cbd3de;  font-weight:bold}
.a0{  text-decoration:none;  color:#c69500;  font-weight:bold}
.a0:hover{  text-decoration:underline;  color:#fc3;  font-weight:bold}
.a1{   font-size:12px;   padding:6px 9px 3px 9px;   margin-top:5px;   margin-right:5px;   font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk01.gif) repeat-x left top}
.a1:hover{   font-size:12px;   padding:6px 9px 3px 9px;   margin-top:5px;   margin-right:5px;   font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk02.gif) repeat-x left top}
.td0{ background:#242f3c;  border-bottom:1px solid #afbdcf;  padding:0px 0px}
.td1{ background:#242f3c;  border-bottom:1px solid #afbdcf;  padding:10px 20px}
.td2{ background:#384b5f;  border-bottom:1px solid #afbdcf;  padding:3px}
.td3{ background:#567294;  border-bottom:1px solid #afbdcf;  padding:3px}
.td4{ background:#4a6380;  padding:3px}
.td5{ background:#6f8baa;  padding:3px}
.td6{ background-color:#304052;  padding:3px}
.td7{ border-left:1px solid #304052;  border-bottom:1px solid #304052;  padding:3px}
.td7.ce{ text-align:center;}
.td8{ border-left:1px solid #304052;  border-right:1px solid #304052;  border-bottom:1px solid #304052;  padding:3px}
.td9{ background-color:#283544;  padding:3px}
.td10, .td12{ background:#4a6380;  padding:3px}
.td11{ background:#6f8baa;  padding:3px;  width:400px}
.td13{ border-left:1px solid #304052;  border-right:1px solid #304052;  border-bottom:1px solid #304052;  padding:3px}
.last1{ background:#304052;padding: 0 4px 4px;}
.tdToggleBg{ background-color:#202935}
select{ background:#91a2bb;  color:#10151b}
.select0{ background:#768bab;  color:#10151b}
.text{ padding:1px 5px 0px 5px;  color:#10151b;  border:1px solid #1a232d;  background:#91a2bb;  font-size:14px}

.btn{  font-size:12px;   padding:5px 8px 2px 8px;   margin-top:5px;   margin-right:5px;   font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk01.gif) repeat-x left top}
.btn:hover{cursor:pointer;   font-size:12px;   padding:5px 8px 2px 8px;   margin-top:5px;   margin-right:5px;   font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk02.gif) repeat-x left top}

.btn2{  font-size:12px;  padding:8px 5px 2px 5px;  margin:5px 0;   font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk01.gif) repeat-x left top}
.btn2:hover{cursor:pointer;   font-size:12px;    padding:8px 5px 2px 5px; margin:5px 0;  font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk02.gif) repeat-x left top}
.btn2_sel{ border:1px solid #e4e383; background:url(../image/button/btn_bk03.png) repeat-x left top}
.btn2 img{width:16px; height:16px}

.btn3{  font-size:12px;  padding:4px 5px 2px 5px;  margin:5px 0;   font-weight:bold;   text-align:center;   color:#BBBBBB;   border:1px solid #334357;   background:url(../image/button/btn3.png) repeat-x left top}
.btn3:hover{cursor:pointer;   font-size:12px;    padding:4px 5px 2px 5px; margin:5px 0;  font-weight:bold;   text-align:center;   color:#EEEEEE;   border:1px solid #334357;   background:url(../image/button/btn3_hover.png) repeat-x left top}


.iconbtn{  font-size:12px;   padding:5px 8px 2px 20px;   margin:5px 5 0 0;  font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk01.gif) repeat-x left top}
.iconbtn:hover{cursor:pointer;   font-size:12px;   padding:5px 8px 2px 20px;  margin:5px 5 0 0;   font-weight:bold;   text-align:center;   color:#181818;   border:1px solid #334357;   background:url(../image/button/btn_bk02.gif) repeat-x left top}
.iconbtn img{position:absolute;margin:2px 0 0 -17px}

.btl_img{ background:#070b0e;  padding:3px; overflow:hidden}
.teams{ width:50%;  text-align:center;  padding:10px}
.break{ border-bottom:1px solid #070b0e}
.break-top{ border-top:1px solid #070b0e}

.hpsp{ padding-left:20px}

.bl{ width:49%;  float:left;  border-right:1px solid #070b0e}

.br{ width:50%;  float:right}

.ttd1{ border-left:1px solid #070b0e;  padding-left:10px}
.ttd2{   padding-left:10px}
/* .town{  padding-left:0px;   min-height:300px;   background-image:url(../image/other/town03.png);   background-position:top right;  background-repeat:no-repeat; _height:300px} */
.town{  width:100%; padding-left:0px;   min-height:300px;  _height:300px}
.town .town_left{float:left; vertical-align:top; width:47%;}
.town .town_right{float:left; vertical-align:top; width:53%;}
.table1{ border:#EEEEFC 2px solid;  font-family:arial;  font-size:14px}
.table2{ border:#304052 2px solid;  width:100%; height:100%; text-align:center; background-color: #10151b;}
.table2 td ,.table2 th {border:#304052 1px solid;padding:5px 5px;};
.table_setting {width:100%}
.table_setting input[type="checkbox"]{vertical-align:inherit; margin:-2px 2px 0 0;}

.first { background-color: red; 	font-family: Verdana, "Courier New";  font-size: .93em; color:white}

.BattleNo { font-size: 150%; color:#F4CE9F; text-align: center }

.but01{ background:url(../image/button/btn1_bk01.gif); width:96px; height:21px; color:#9e550f ; border: 0px none; cursor:pointer;}
.but01:active{ color:#FFF ; }
.but02{ background:url(../image/button/btn2_bk01.gif); width:48px; height:21px; color:#9e550f ; border: 0px none; cursor:pointer; margin-left:-1px;}
.but02:active{ color:#FFF ; }


.p1{white-space:normal;overflow:hidden; text-align:left;}

.img1{ cursor: pointer; }

.mail_info{ width:352px;height:437px;background:url(../image/system/mail/mail_list_1.png) no-repeat;padding:72px 5px 5px 20px}

.clear_both{clear:both; }

.map_info{  width:100%; margin:0 0 0 20px;  padding-left:0px;   min-height:300px;  _height:300px}
.map_left{float:left; vertical-align:top; width:65%;}
.map_right{float:right; vertical-align:top; width:34%;}

.table3 {background: none repeat scroll 0 0 #070B0E;}
.table3 th{background:#4a6380;  padding:3px; text-align:center; border-right:#000000 1px solid;}
.table3 thead th.header{background-image: url(../image/system/icon/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;}
.table3 td{color: #BDC8D7;background: none repeat scroll 0 0 #242F3C;border-bottom: 1px solid #AFBDCF;padding:1px 3px}
.table3 tr.alt td{
	background-color: #000;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	color:yellow;
	}
.table3 .instance_img{width:350px;height:210px}

.AcctionTable{margin:3px}    
.AcctionTable td{padding:3px}    
.AcctionTable tr.alt td{
	background-color: #66CC66;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
	color:yellow;
	}
    
.cou_icon {cursor: pointer}
/* 地圖戰鬥資訊 */
#MAP_BATTLE_PROCESS{display:none;}

/* 提示框美化 */
body div#tooltip { position:absolute;z-index:1000;max-width:220px;width:auto !important;width:220px;background:#000;text-align:left;padding:5px;min-height:1em;}
body div#tooltip p { margin:0;padding:0;color:#fff;font:12px verdana,arial,sans-serif; }
body div#tooltip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }

/* 資料表排序 */
table.tablesorter {
	font-family:arial;
	background-color: #304052;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #304052;
	text-align:center;
	border: 1px solid #444444;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../image/system/icon/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	background-color: #10151b;
	color: #BDC8D7;
	padding: 4px;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	color: #3D3D3D;
	background-color:#CCCCCC;
}

table.tablesorter tbody tr.select td {
	background-color: #F0F0F6;
}

table.tablesorter tbody tr.b td {
	font-weight: bold;
	background-color:#17151b;
}
table.tablesorter tbody tr.nb td a, table.tablesorter tbody tr.nb.odd td  {
	font-weight: normal;
	background-color:#10151b;
}
table.tablesorter thead tr .headerSortUp,table.table3 thead tr .headerSortUp {
	background-image: url(../image/system/icon/asc.gif);
}
table.tablesorter thead tr .headerSortDown,table.table3 thead tr .headerSortDown {
	background-image: url(../image/system/icon/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #0088A8;
}
.image-grid {
  margin: -20px 0 30px -40px;
  padding-left: 15px;
  width: 840px;
  vertical-align: bottom;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 128px;
  margin: 20px 0 0 35px;
  float: left;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  height: 207px;
  overflow: hidden;
  list-style-type:none;
}

.chartable{height:128px; width:100% ;display: table}
.chartd{display:table-cell; text-align: center; vertical-align: bottom; width: 100%;}

.li_no_type  li {list-style-type:none;}

.page{ text-align:center; margin-top:10px; width:100%}

#file_sort{background-image: url(../image/system/bg2.jpg); width:99%; min-height:50px;border:2px solid #a47b73; padding:3px 2px;  _height:50px}
#file_sort table td{line-height: 220%;}

.skill_title{color:yellow;}
#list table{width:100%}

#LOGINFROM{width:740px}
#LOGINFROM .right_div{width:380px;float:right}
#LOGINFROM h4{width:380px;}
#LOGINFROM .left_div{width:350px;padding:5px;float:left;}

/*fb專區*/
.char {width:100%;margin-left:7px;border-bottom:1px solid #777777;}
.char th {width:38px; }
.char th img{background-image: url(../image/other/char_bg_icon.png);width:38px;height:38px;padding:2px}
.char td{text-align:left;padding: 0.5px 3px;vertical-align:top; }