body {
	/*background-image: url(../images/bg.gif);*/
	background: #A0DDF0 url(../images/bg_01.jpg) repeat-x;
	font-size:12px;
	line-height: 180%;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, sans-serif, 新細明體;
}

ul {padding:0; margin:0; list-style:none;}

a:link{
	color: #333333;
	text-decoration: underline;
}

a:visited{
	color: #333333;
	text-decoration: underline;
}

a:hover{
	color: #333333;
	text-decoration: none;
}


/*
The basic color setting
*/
.main_table {
	background-color: #FFFFFF;
	/*border: 1px solid #D30C11; *//* basic color */
	width:1022px;
}

.color_base {
	color: #D30C11; /* basic color */
}

.bg_base {
	background-color: #D30C11; /* basic color */
}

.bg_color1 {
	background-color: #FF0066; /* basic color */
}

.bg_color2 {
	background-color: #FF9900; /* basic color */
}

.bg_color7 {
	background-color: #FFFF00; /* basic color */
}

.bg_color3 {
	background-color: #009900; /* basic color */
}

.bg_color4 {
	background-color: #0066FF; /* basic color */
}

.bg_color5 {
	background-color: #336699; /* basic color */
}

.bg_color6 {
	background-color: #9933FF; /* basic color */
}

/*
end
*/

.regist{
	padding: 2px 0.3em;
	color: #FFFFFF;
	text-decoration: underline;
}
.regist:link{color: #FFFFFF;text-decoration: underline;}
.regist:visited{color: #FFFFFF;text-decoration: underline;}
.regist:hover{color: #FFFFFF;text-decoration: none;}


.addfavor{
	padding: 2px 0.3em;
	text-decoration: underline;
	border-top: 1px solid #D30C11;
	border-left: 1px solid #D30C11;
	border-right: 1px solid #D30C11;
	border-bottom: 1px solid #D30C11;
}



.line_bar{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
}


.dot_bar{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.dot_bar2{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.line_bar3{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC66;
}

.dot_bar3{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC66;
}

.line_bar4{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #60BFFF;
}

.dot_bar4{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99D6FF;
}



.img_corner_bg {
	background-color: #FFFFFF;
}

.block_search {
	color: #303030;
	padding: 6px;
	background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 1em;
	margin-bottom: 1em;
	height:60px;
}

.block_left_head {
	color: #303030;
	background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #c0c0c0;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 16px;
	font-family: "標楷體";
	text-align: center;
	padding: 3px;
	font-weight: bold;
	letter-spacing:3px;
}

.block_left_head a:link{
	color: #333333;
	text-decoration: underline;
}

.block_left_head a:visited{
	color: #333333;
	text-decoration: underline;
}

.block_left_head a:hover{
	color: #333333;
	text-decoration: none;
}


.block_left {
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 12px;
	text-align: center;
	padding: 6px;
}


.block_left a:link{
	color: #333333;
	text-decoration: underline;
}

.block_left a:visited{
	color: #333333;
	text-decoration: underline;
}

.block_left a:hover{
	color: #333333;
	text-decoration: none;
}


.block_nor_head {
	color: #303030;
	background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #c0c0c0;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 12px;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	letter-spacing:3px;
}

.block_nor {
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	text-align: left;
	padding: 3px;
}


.td_padding {
	padding: 5px;
}


.left_submenu{
	margin-left:10px;
	margin-top:10px;
}


.block_fixedsize_40 {
	height:40px;
	overflow:auto;
}


.block_fixedsize_80 {
	height:80px;
	overflow:auto;
}

.block_autosize{
	overflow:hidden;
}


.block_message_box {
	color: #303030;
	padding: 10px;
	background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;
	border-top: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 16px;
}



.block_home_title {
	color: #303030;
	/*padding: 10px;*/
	height: 43px;
	/*background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;*/
	background:url('/images/home_title_bg.gif') no-repeat ;
	/*
	border-top: 1px solid #D30C11;
	border-left: 1px solid #D30C11;
	border-right: 1px solid #D30C11;
	border-bottom: 1px solid #D30C11;
	*/
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 16px;
	text-align:center;
}


.block_message_box_2 {
	color: #303030;
	padding: 10px;
	background: #ffffc1;
	border: 2px dotted #808080;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 16px;
}


.block_intro_box {
	border: 4px double #c0c0c0;
	color: #303030;
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 12px;
	text-align: left;
}

.font_category{
	font-size: 12px;
	line-height:24px;
	width:120px;
	text-align:left;
	padding:0 0px 0 20px;
}

.font_category:hover{
	background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;
}


.thinborderfloat {
  /*border:solid 1px silver;*/
	border-top: solid 1px #efece9;
	border-bottom: solid 2px #888071;
	border-left: solid 1px #efece9;
	border-right: solid 2px #888071;
  padding:5px;
} 



.input_text {
	border: 1px solid #999999;
}

.select_list {
	border: 1px solid #999999;
}

.input_button {
	border: 1px solid #999999;
	background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;
}

.head_16px{
	color:#000000;
	font-size:16px;
	border-bottom:double #CCCCCC;
}


.head_member_title{
	color:#000000;
	font-size:18px;
//	border: 1px double #000000;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 6px;
	border: 1px solid #999999;
	background: #eeeeee url(../images/code-background-repeat-x.gif) repeat-x;
}


.table_head_15px{
	color:#000000;
	background-color:#E8E8E8;
	font-size:15px;
	line-height:18px;
}

.close{
	font-family: Bitstream Vera Sans;
	font-size: 10pt;
	color: #808080; 
	font-weight: bold; 
	border: 2px solid #808080;
	padding-left: 2px; 
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 1px;
	text-decoration: none;
}

.font_12px{
	font-size:12px;
}

.font_15px{
	font-size:15px;
}

.font_16px{
	font-size:16px;
}

.font_20px{
	font-size:20px;
}

.font_shadow{
	width:100%;
	/*filter:dropshadow(color=#ffffff, offx=2, offy=2, positive=true);*/
	color:#ffffff;
	filter:glow(color=#D30C11,strength=2);
}

.rank_star {
	border: 1px solid #FFFFFF;
}
.rank_star:hover {
	border: 1px solid #999999;
}


ul.userlist li{
	float: left;
	padding: 6px 6px;
	width: 60px;
	height: 50px;
}

ul.userlist li.first{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

ul.userlist li.first #img{
	float: left;
	width: 80px;
}

ul.userlist li.first #text{
	float: left;
}


div.star-box{float:left;width:14px;height:14px;overflow:hidden;position:relative;}
div.star-box img{left:-2px;top:-2px;position:absolute;}

#help ul li.list a {padding:0 9px 0 20px; background:url('../images/icon01.gif') no-repeat; font-size:16px;}
#help ul li.question {padding:0 9px 0 20px; background:url('../images/icon01.gif') no-repeat;}
#help ul li.question a{background: #e0e0e0; font-size:16px;}
#help ul li.answer {padding:0 9px 0 20px;}

div.line {clear:both; width:100%; height:8px; margin-bottom:8px; border-bottom:1px dashed #ccc;}


#help ul li.question {padding:0 9px 0 20px; background:url('../images/icon01.gif') no-repeat;}


div.rank_list {font-family: Verdana; float: left; width:20px; height:20px; text-align:center; color: #000000; background:url('/images/rank_list_bg.gif') no-repeat ;}
div.top_icon a       {float: left; width:73px; height:20px; padding:0 0px 0 8px; text-align:center; color: #000000; background:url('http://www.mini.game.tw/images/top_icon_bg.gif') no-repeat ;}
div.top_icon a:hover {float: left; width:73px; height:20px; padding:0 0px 0 8px; text-align:center; color: #FFFFFF; background:url('http://www.mini.game.tw/images/top_icon_bga.gif') no-repeat ;}


/* style for billboard */
.billboardtab {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	background-color: #E0E0E0;
}
.billboardactive {
	border-bottom:1px none #000000;
	background-color: #FFFFFF;
}
.billboardtabspace {
	border-bottom:1px solid #000000;
}

/* style for index page */
div.idx_gamecat {float: left; width:254px; height:18px; padding:0 0px 0 8px; text-align:left; color: #000000; background:url('http://www.mini.game.tw/images/idx_c_title.gif') no-repeat ;}
div.idx_gameimg {float: left; width:89px; height:96px; padding:6px 1px 1px 1px; text-align:center; line-height: 16px; color: #000000; background:url('http://www.mini.game.tw/images/idx_c_game.gif') no-repeat ;}
div.idx_gameimg img {border: #000000 1px solid;}
div.idx_gamelist {float: right; width:130px; height:20px; padding:0 0px 0 18px; text-align:left; line-height: 20px; color: #000000; background:url('http://www.mini.game.tw/images/icon10.gif') no-repeat ;}
div.idx_gamemore {float: right; width:130px; height:20px; padding:0 0px 0 18px; text-align:left; line-height: 20px; color: #000000; background:url('http://www.mini.game.tw/images/icon11.gif') no-repeat ;}
div.clear {clear:both;}


/* css for scrollup */
#pscroller1{width: 190px;height: 100px;padding: 5px;text-align:left;}

#pscroller2{width: 300px;height: 15px;line-height:15px;font-size: 12px;color:#FFFFFF;padding: 2px 20px 2px 20px;}
#pscroller2 a{text-decoration: none;color:#FFFFFF;}
#pscroller2 a:hover{text-decoration: underline;color:#FFFFFF;}

#pscroller3 {height: 15px;line-height:15px;font-size: 12px;color:#000000;padding: 2px 20px 2px 20px;}
#pscroller3 a{text-decoration: none;color:#000000;}
#pscroller3 a:hover{text-decoration: underline;color:#000000;}

.someclass{ //class to apply to your scroller(s) if desired
}