@charset "utf-8";
/*Font*/
body{ font-size:12px; font-family:Verdana, Geneva, sans-serif,"宋体"}
h1{font-size:12px;}
h2{ font-size:15px;}
h3{font-size:13px;}
p{font-size:12px; margin:0; padding:0;}
.red{ color:#FF3300}
/*Generali*/
body{background:#fff top repeat-x;color:#333;margin:0;padding:0;}
images{border:0}
form{margin:0}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none; }
.sx{float:left}
.dx{float:right}
.mid{vertical-align:middle}
.dividi{clear:both}
a{color:#3366CC;text-decoration:none;}
a:hover{text-decoration:underline}
a img{ border:0px;}
.clear{ margin:0; padding:0; border:0; height:1px; font-size:1px; clear:both}
#wrap{ width:947px; overflow:hidden; margin:0px auto}
#header{ overflow:hidden;padding:15px 36px; height:115px; padding-top:25px}
h1{ float:left; width:150px;}
#search{ float:left; border:1px solid #CCC; margin-left:60px; padding:10px 25px; line-height:1.8em}
#search .inputbox1{ border:1px solid #CCC; font-size:12px; background-color:#fcfcfc}
#search select{ background-color:#fcfcfc; border:1px solid #DBEEAC; font-size:12px;}
#search label{ padding-left:10px;}
#search p{ margin-bottom:3px;}
.button {border:1px solid #CCCCCC;border-right:1px solid #999;border-bottom:1px solid #999;background-color: #6FA008;color:#FFFFFF;font-size:12px;line-height:1.4em;}
.button-cancel {border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;background-color: #eeeeee;color:#000;font-size:12px;line-height:1.4em;}
#nav{ clear:both; border-bottom:5px solid #DBEEAC }
.basictab{padding: 5px 0;margin-left: 0;font: bold 14px "宋体";border-bottom: 3px solid #6FA008;list-style-type: none;text-align: left; padding-left:40px;}
.basictab li{display: inline;margin: 0;}
.basictab li a{text-decoration: none;padding: 5px 15px;margin-right: 3px;border: 1px solid #6FA008;border-bottom: none;background-color: #90CA03;color: #fff;}
/*.basictab li a:visited{color: #fff;}*/
.basictab li a:hover{background-color: #DCF3AB;color: #000000;}
.basictab li a:active{color: #000000;}
.basictab li.selected a{ /*selected tab effect*/position: relative;top: 3px;padding-top: 8px;background-color: #DCF3AB;color: #000000;}
#footer{ margin:30px 0px; clear:both; margin-bottom:100px; margin-top:200px; text-align:center}
#footer-s{ margin:30px 0px; clear:both; margin-bottom:100px; margin-top:20px; text-align:center}
/* content */
#content{ margin-top:6px;}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin-right: 254px; /*Set right margin to RightColumnWidth*/ min-height:300px;}
* html #contentcolumn{ height:300px}
#rightcolumn{float: left;width: 244px; /*Width of right column*/margin-left: -254px; /*Set left margin to -(RightColumnWidth) */ text-align:center;}

/* cards */
.cards{ padding:30px 40px;}
.cards li{ line-height:1.8em}
#cardlists table{ background-color:#ece9d8}
#cardlists tr,td{ line-height:1.8em;}
#cardlists th{ background-color:#6b696b; color:#FFF}
#cardlists .rule{ width:350px ; text-align:left}
/*************/
#cardview{width:940px; margin:0px auto}
#cardview td{ border:1px #FFFFFF solid; padding-left:8px;}
#cardview .no1{ background-color:#f7f7de; font-weight:bold; width:80px; overflow:hidden;}
#cardview .no2{ background-color:#e6e6fa; font-weight:bold; width:80px; overflow:hidden;}
#cardview .no3{ background-color:#e0ffff; font-weight:bold; width:80px; overflow:hidden;}
#cardview .no4{ background-color:#e0ffff; font-weight:bold;}
#cardview .no5{ width:50px;}
#cardview .no6{  width:80px;}
#cardview table{ background-color:#FFFFFF;}
#cardview .img1{ padding-right:10px; vertical-align:top;}
#cardview .img2{ padding-left:10px; vertical-align:top;}
.bValue0{ color: #000000} /* white  */
.bValue1{ color: #06682d}/* green */
.bValue2{ color: #00AAFF}/* blue */
.bValue3{ color: #DD44FF}/* 紫色 */
.bValue4{ color: #FF6600}/* yellow */
.bValue5{ color: #FF0000}/* red */
.sProfession0{background: url(/images/sProfession0.gif) left no-repeat; padding-left:20px;}
.sProfession1{background: url(/images/sProfession1.gif) left no-repeat; padding-left:20px;}
.sProfession2{background: url(/images/sProfession2.gif) left no-repeat; padding-left:20px;}
.sProfession3{background: url(/images/sProfession3.gif) left no-repeat; padding-left:20px;}
.sProfession4{background: url(/images/sProfession4.gif) left no-repeat; padding-left:20px;}
.sProfession5{background: url(/images/sProfession5.gif) left no-repeat; padding-left:20px;}
.sProfession6{background: url(/images/sProfession6.gif) left no-repeat; padding-left:20px;}
.sProfession7{background: url(/images/sProfession7.gif) left no-repeat; padding-left:20px;}
.sProfession8{background: url(/images/sProfession8.gif) left no-repeat; padding-left:20px;}
.sProfession9{background: url(/images/sProfession9.gif) left no-repeat; padding-left:20px;}
.pagination {padding:3px; MARGIN: 3px; text-align:right;font-family:Geneva; clear:both}
.pagination a {	BORDER: #999 1px solid; MARGIN: 2px;COLOR: #999; PADDING-TOP: 2px; TEXT-DECORATION: none;PADDING-RIGHT: 5px; PADDING-LEFT: 5px;}
.pagination a:hover {BORDER: #999 1px solid; color:#999	}
.pagination a:active {BORDER: #DF9999 1px solid; color:#999}
.pagination span.current {BORDER: #999 1px solid; PADDING-LEFT: 5px;PADDING-right: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR:#999; PADDING-TOP: 2px; text-decoration:underline}
.pagination span.disabled {	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #999; PADDING-TOP: 2px; BORDER: #999 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;}
.pagination span.pagelist {BORDER: #999 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;  COLOR: #999; PADDING-TOP: 2px;}
/*  shop */
#shop table{ border-bottom:1px solid #CCC; border-right:1px solid #ccc}
#shop td,#shop th{ border-left:1px solid #CCC; border-top:1px solid #ccc; line-height:1.8em; text-align:center; padding:2px}
#shop th{ background-color:#666; color:#FFF}
#cardlists ul{ text-align:left; margin:0; padding:0; padding: 5px 0;margin-left: 0;font: bold 14px "宋体";list-style-type: none;text-align: left; padding-left:40px;}
#cardlists li{ width:100px; line-height:1.8em;display: inline;margin: 0;}
#cardlists li a{text-decoration: none;padding: 5px 15px;margin-right: 3px;border: 1px solid #6FA008;background-color: #90CA03;color: #ffffff;}
#cardlists li a:visited{color: #fff;}
#cardlists li a:hover{background-color: #DCF3AB;color: #000000;}
#cardlists li a:active{color: black;}
#cardlists li.selected a{ background-color: #DCF3AB;color: #000000;}
#declare{ padding:15px 10px; text-indent:24px; text-align:left; line-height:1.6em}
/* index */
.welcome{ margin:10px 0px; text-indent:24px; line-height:1.6em;}
/* link */
#link{ padding:30px;}
#link h2{ color:#000; margin-left:0px; padding-left:0px; }
#link li{ list-style:square ; margin-left:15px; line-height:1.8em}
/* */

/*dict */
#dict{ padding:0px 10px;}
	#dict th{ background-color:#F7F7DD; line-height:1.8em; min-height:30px;}
	#dict td{ background-color:#FaFaEf; padding:2px 5px;}
	* html #dict th,* html #dict td{ height:30px;}
	#dict ul{ list-style:none; margin:0; padding:0;}
	#dict li{ float:left; width:150px; margin-right:3px; line-height:1.8em}
	#searchpage{ margin:5px; text-align:right}
	#searchpage .textbox{ border:1px solid #096; width:150px; background-color:#FaFaEf}

/*album */
#album{padding:0px 10px; padding-top:30px; text-align:center;}
#album a{ color:#000000;}
.album_l{ width:354px; padding-left:20px; float:left; background: url(/images/album.jpg) right repeat-y;}
.album_l li{ list-style-type:disc; line-height:1.8em}
#album h2 { color:#9b7921; text-align:left; margin:0px; padding:0px; margin-bottom:10px;}
	#album h2 span{ font-size:0.8em;}
#album table{ clear:both; width:100%; border-bottom:1px solid #CCC; border-right:1px solid #ccc}
#album td,#album th{ border-left:1px solid #CCC; border-top:1px solid #ccc; line-height:1.8em; text-align:center; padding:2px}
#album th{ background-color:#666; color:#FFF}
.sCamp1{ background: url(/images/Faction_Alliance.gif) left no-repeat; padding-left:25px;}
.sCamp2{ background: url(/images/Faction_Horde.gif) left no-repeat; padding-left:25px;}
.album_r { padding-left:40px; float:left;}
.album_r li{ list-style-type:disc;}
/*album  view*/
/*.kazutt img{ width:120px; float:left;}*/
.kazutt img{ width:130px; float:left;}
.kazu-tite h2{ color:#9b7921;}
.kazu-js{ float:left;}
.kazu-js span{ font-weight:bold;}
.kazu-js ul{ width:320px; margin-left:40px;}
.kazu-js li{ list-style-type:none; font-size:13px; line-height:1.8em;}
.kazu-nr h2{color:#9b7921; clear:both; margin:0px; padding:0px; margin-top:10px; margin-bottom:4px;}
.kazu-nr{width:940px; padding-top:20px; clear:both}
.kazu-nr ul{width:900px; padding:0px; margin:0px;}
/*.kazu-nr li{ float:left; text-align:center; height:147px; line-height:1.6em; color:#9b7921; font-weight:bold;}*/
/*.kazu-nr img{width:88px; padding-right:10px; }*/
.kazu-nr li{ float:left; text-align:center; height:173px; line-height:1.6em; color:#9b7921; font-weight:bold;}
/*.kazu-nr li{ float:left; text-align:center; height:340px; line-height:1.6em; color:#9b7921; font-weight:bold;}*/
.kazu-nr img{width:106px; padding-right:6px; }
/*.kazu-nr img{width:220px; padding-right:5px; }*/
.topic{ text-align:left; color:#666; padding:5px ; margin:5px 0px; /*border-bottom:1px #666 dotted; */}
/************ index ***/
#index{ font-size:12px;}
/*hero*/

#hero{ width:924px; margin:0px auto;}
.hero-l{ background-color:#000000; width:168px; margin-top:20px; padding:10px 23px; float:left;}
.hero-lm{ width:68px; margin-right:30px; height:378px; background:url(/images/lm.gif) left top no-repeat; float:left;}
.hero-bl{ width:68px; height:378px; background:url(/images/bl.gif) left top no-repeat; float:left;}
.hero-l ul{ height:291px; width:67px; padding-left:7px; padding-top:60px; overflow:hidden;}
.hero-l li{ margin:0px; padding:0px;}
.hero-l h2{ margin:0px; padding:0px; overflow:hidden; text-align:center; color:#fffc00;}
.zhuye-img{ margin-right:3px; margin-top:3px;}
.hero-tf{ width:168px; height:29px; margin:10px 0px; text-align:center; background:url(/images/tf.gif) left top no-repeat;}
.hero-tf img{ float:right;}
.hero-tf span{ font-size:12px; font-weight:bold; line-height:2.4em; color:#FFFFFF; }
.hero-annu{ text-align:center;}
.hero-r{ }
.hero-m{float:left; width:499px; padding-left:45px; padding-right:33px; text-align:center;}
.hero-ls img{ width:66px;}
.hero-ls { width:499px; padding-top:55px; text-align:left;}
.hero-ls a{ margin-left:5px;}
.hero-list{ background-color:#000000;  text-align:center; padding-top:15px; width:114px; margin-top:20px; float:left; height:550px; overflow:auto;}
.hero-list img{ width:92px;}
.hero-zhye{ padding-top:10px; padding-bottom:10px;}
.hero-zl{ margin:0px auto; padding-bottom:15px; width:51px;}
/******************  rule ****/
#rule{padding-top:30px;}
#rule h3{ font-size:16px}
	#rule p{ text-align:left; font-size:14px; text-indent:30px; line-height:1.6em; margin-bottom:3px;}
	#rule_nav{ padding-top:30px;}
	#rule_nav ul{ border-left:1px #096 dashed; margin-left:35px;padding-left:35px; padding-top:15px;}
	#rule_nav li{line-height:1.6em;  text-align:left; font-size:14px; }

#submitform{background: #fff; height: 100%; padding: 15px}
	#submitform dl{ margin:0px; padding:0px; padding-top:15px; width:400px;}
	#submitform dt{ float:left; width:100px; text-align:right; margin-bottom:3px; height:30px; line-height:24px; padding-right:5px; font-weight:bold}
	#submitform dd{margin-bottom:3px; min-height:30px;}
	#submitform span{ color: #CC9900; font-size:16px; font-weight:bold;}
	* html #submitform dd{ height:30px;}
	
/*  message*/
#message{ width:500px; height:800px; background-color:#003366;}

/********* userinfo ****/
#userinfo{ line-height:2.0em; padding:5px;}
	#userinfo a{ padding:0px 10px;}
.decks_sore{ padding-top:20px;}
#decklists_search{padding-top:20px; text-align:right;}
	#decklists_search label{ padding-left:10px; padding-right:3px;}
	#decklists_search select{ font-size:12px;}
/********** 在最底下 ***/
a, area {
blr:expression(this.onFocus=this.blur())
} /* for IE */
:focus {
-moz-outline-style: none;
} /* for Firefox */

/*  first*/
#first{padding:0px 10px; padding-top:30px; text-align:center;}
#first a{ color:#000000;}
#first h2 { color:#9b7921; text-align:left; margin:0px; padding:0px; margin-bottom:10px;}
#first h2 span{ font-size:0.8em;}
#first li{ padding:0px; margin:0px; float:left; margin-left:5px; margin-bottom:5px;}
#first img{ width:227px; height:325px;}

/* link */
.link{width:947px; padding-top:30px; overflow:hidden; margin:0px auto;clear:both; }
.link h2{ margin:0px; padding:10px 0px 5px 0px;}

/********* index ***/
#index p{ margin-bottom:5px; line-height:1.6em}
#index_link img{ margin-bottom:5px;}