@charset "utf-8";
/*@charset "utf-8";*/

body,h1,h2,h3,h4,h5,p,ul,dl,ol,li,table,th,tr,td,form,dl,dt,dd {
 margin: 0px; padding: 0px; font-family: "Arial", "MS UI Gothic", SimHei, Sans-serif;}
ul{list-style-type:none;}

body{
/* font-family: "Arial", "MS UI Gothic", "MingLiU"; */
/* font family may affect the interpretation of margin between fonts and other stuff*/
background: #330000;
}

body, a:link, a:visited{
	color:#DDDDDD;
}

/* wrapper */
#wrapper{
	width:980px;
	margin:0 auto; 
}

#header{
	position:relative;
	background: url(../images/header.png) no-repeat;
	height:85px;
}

/* add link to konami logo with virtual text */
.hideout{
display:none;
}

.konami_logo a {
	float:left;
	/*border:1px solid #ffffff;*/
	height:17px;
	width:80px;
	margin: 5px 0 15px 5px;
}

/*#header #logo{
	position:relative;
}

#header .konami{
	margin: 7px 0;
}*/

#topMenu{clear:both; margin: 0 auto; width:616px;}
#topMenu img{margin: 0 10px;}
#mainMenu ul li{float:left; margin:0 20px;} /* 114*4 + margin:20 * no of span 8 */

#contentContainer{
	position:relative;
	background: url(../images/bg-tile.jpg) repeat-y;
}

#contentBG1{
	position:relative;
}

#contentBG2{position:relative; background: url(../images/bg-pattern.png) repeat; text-align:center;}

#contentContainer, #contentBG1, #contentBG2, #contentArea{
	/*height: 400px;*/ /* for testing purpose */
}

.center{text-align:center;}

#detail_area{}
#detail_area, #topMenu{	/*margin: 0 100px;*/}

#footBg{ /* background pattern connection */
	background: url(../images/footer-bg.jpg) no-repeat;
	height:11px;
}

#footer{
	background: #700001;
}

#footer{
	height:16px;	
}

#footer .copyright{
	/*font-size:10px;*/
	/*text-align:right;
	margin: 0 5px;*/
	float:right;
}

/* #topMenu a:link, #topMenu a:visited, #topMenu a:active, */
#footMenu a:link, #footMenu a:visited, #footMenu a:active{
	font-size:11px;
	text-decoration:none;
}

/* #topMenu a:hover, */
#footMenu a:hover{
	color:#333333;
	background:#FFFFFF;
}

#footMenu{
	float:left;
}

#footMenu, #footer .copyright{
	font-size:10px;
	margin: 0 5px;
}

table.announce{	
	/*width:780px; */
	width: 980px;
}

table.announce th{
	font-size:14px;
	font-weight:bold;
}

table.announce td{
	font-size:13px;
	line-height:120%;
	padding-top: 4px; 
	padding-bottom: 2px; 
}

table.announce h4{
	font-size:16px;
}

/* style of frames when flash is not playing*/
#topFrame{
	background: url(../images/frameUp_sha.png) no-repeat center;
	/*height: 65px; no corner*/
	height: 93px;
	
}

#bottomFrame{
	background: url(../images/frameDown_sha.png) no-repeat center;
	/*height: 32px; no corner*/
	height: 88px;
}

#contentArea{position:relative; width:640px; background: #000000; overflow:auto; margin: 0px 166px;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #700001;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	/*height: 383px;*/
	height:335px;
}

#contentArea p, #contentArea h1, #contentArea h2, #contentArea h3{margin: 0 24px;}

#contentArea h1{font-size:26px;	/* line-height: 240%; */ font-weight:bold; /* color:#FF66FF; */, color:#CCCCCC;}
#contentArea h2{font-size:22px;	line-height: 160%;	/* color:#FF99FF; */	font-weight:bold;}
#contentArea h3{font-size:18px;	line-height: 200%;}
#contentArea p{font-size:14px;	line-height: 140%;	font-weight:normal;}
#contentArea img.centerImg {display: block; margin: 0 auto;}

#frameDecor{
	position:absolute;
	width:648px;
	/*top: -32px;*/
	top: 32px;
	left:166px;
	height: 423px;
	background:  url(../images/frameCorner_sha.png) no-repeat center;
}

/* place the flash and content in the middle*/
#flashAlternative{/* margin: 16px 166px; */}

.bgDecorTypeA{
	position:absolute;
	background: url(../images/bg-rocket.png) no-repeat;
	width: 449px;
	height: 320px;
	left: 331px;
	top: 174px;
}

.bgDecorTypeB{
	position:absolute;
	background: url(../images/bg-bome.png) no-repeat;
	width: 449px;
	height: 320px;
	left: 331px;
	top: 174px;
}

h6{
	font-size:12px;
	font-weight:normal;
	line-height: 120%;
	margin: 12px;
}

#contentContainer a:hover{
	background-color:#FFFFFF;
	color:#CC0033;
}

/*ul li{font-size:14px; margin:0 36px;}*/


/* global */
.textBrowse {display:none}
.indent {text-indent:32px;}
.colorA {color:#d7a148;}

/* intro pages */
/* h1  header */
h1#gameIntro, h1#addRules, #landlordIntro {width: 550px; height: 60px; margin:0 auto; display:block;}
#gameIntro {background: url(../images/rule/gameIntro.gif) no-repeat; }
#addRules {background: url(../images/rule/addRules.gif) no-repeat; }
#landlordIntro {background: url(../images/event/landlordIntro.gif) no-repeat; }


#subRule1, #subRule2, #subRule3, #subRule4, #subRule5 {width: 200px; height: 60px; margin:0 auto; display:block;}
#subRule1 {background:url(../images/rule/sub_noOfCard.gif) no-repeat;} /*牌數*/
#subRule2 {background:url(../images/rule/sub_point.gif) no-repeat;} /*叫分*/
#subRule3 {background:url(../images/rule/sub_rule.gif) no-repeat;} /*出牌*/
#subRule4 {background:url(../images/rule/sub_combination.gif) no-repeat;} /*牌型*/
#subRule5 {background:url(../images/rule/sub_remain.gif) no-repeat;} /*餘牌加乘*/

/*#btn_top, #btn_rule, #btn_intro, #btn_landlord {}*/
#btn_top a, #btn_rule a, #btn_intro a, #btn_landlord a{display:block;width:114px; height:32px;}
#btn_top li, #btn_top a {background:url(../images/btn-top.gif) no-repeat; background-position:0px -32px;}
#btn_rule li, #btn_rule a {background:url(../images/btn-rule.gif) no-repeat; background-position:0px -32px;}
#btn_intro li, #btn_intro a{background:url(../images/btn-intro.gif) no-repeat; background-position:0px -32px;}
#btn_landlord li, #btn_landlord a {background:url(../images/btn-landlord.gif) no-repeat; background-position:0px -32px;}

#btn_top a:hover {background-position:0 0;}
#btn_rule a:hover {background-position:0 0;}
#btn_intro a:hover {background-position:0 0;}
#btn_landlord a:hover {background-position:0 0;}


/* table style */
/* caption */
.cardsDemo caption {font-size: 18px;line-height: 140%}
.cardsDemo {font-weight: bold; margin: 0 35px; width: 540px; border:none;}
.cardsDemo tbody td img {padding-right: 8px; }

/* header */

/* footer */

/* cell format/style adjustment */
.cardsDemo tbody th, .cardsDemo thead th, .cardsDemo tbody td, .cardsDemo caption {padding: 4px 8px;}
.cardsDemo tbody td {}


/* hover control */