body
{
    margin: 0 auto;
    padding: 0px 0;
    text-align: center;
    background-color: #000;
    color: #fff;		
    font-size: 12px;
    line-height: 20px;
    font-family: Arial;
    overflow: -moz-scrollbars-vertical;
    
    background-repeat: no-repeat;
	height:174 px;
	width:970 px;
	display:block;





}
#header
{
    height: auto;
    width: 100%;
    line-height: 3em;
    text-align: right;
    margin-bottom: 3px;
    float: left;
}


#logo
{
    float: center;
    width: 950px;
    height: 250px;
    background: url('images/LOGO_71.jpg') no-repeat center center;
    margin-right: 10px;
    display: block;
}


/* 
 * ========================================
 * 全網超連結 
 * ========================================
 */

a:link,
a:visited,
a:active{
	/*background: transparent;*/
        color: #FFFFFF;
	/* color: #013565; */
        text-decoration: none;
}

a:hover{
	/*background: transparent;*/
        /* color: #34498B; */
        color: #F00;
	text-decoration: underline;
}

.input {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; FONT-SIZE: 11px; WIDTH: 94px; HEIGHT: 11px; BACKGROUND-COLOR: #000101; FONT-SIZE: 10px; COLOR: #EEEEEE; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.input_sort {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; FONT-SIZE: 10px; WIDTH: 40px; HEIGHT: 11px; BACKGROUND-COLOR: #000101; FONT-SIZE: 10px; COLOR: #EEEEEE; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.input_sort1 {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; FONT-SIZE: 10px; WIDTH: 40px; HEIGHT: 11px; BACKGROUND-COLOR: #EEEEEE; FONT-SIZE: 10px; COLOR: #222222; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}

#imgink {
	COLOR: #222;font-size : 11px;
}
#imglink A {
	COLOR: #222;font-size : 11px; TEXT-DECORATION: none
}
#imglink A:hover {
	COLOR: #950303;font-size : 11px; TEXT-DECORATION: underline;position: relative; left: 1px; top: 1px; clip:  rect()
}

#navline1 {
	COLOR: #66FF00;
}
#navline1 A {
	COLOR: #66FF00; TEXT-DECORATION: none
}
#navline1 A:hover {
	COLOR: #66FF00; TEXT-DECORATION: underline
}

#bluelink {
	COLOR: #104466;font-size : 11px;
}
#bluelink A {
	COLOR: #104466;font-size : 11px; TEXT-DECORATION: none
}
#bluelink A:hover {
	COLOR: #0497fa;font-size : 11px; TEXT-DECORATION: underline
}

#blacklink {
	COLOR: #EEEEEE;font-size : 11px;
}
#blacklink A {
	COLOR: #EEEEEE;font-size : 11px; TEXT-DECORATION: none
}
#blacklink A:hover {
	COLOR: #EEEEEE;font-size : 11px; TEXT-DECORATION: underline
}


#index_text {
	COLOR: #666666;
	font-size : 11px;
}
#index_text A {
	COLOR: #707274;font-size : 11px; TEXT-DECORATION: none
}
#index_text A:hover {
	COLOR: #707274;font-size : 11px; TEXT-DECORATION: underline
}

.button{
	background: #dce3ee;
	border: 1px solid #5f779e;
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	padding: 1px;
	vertical-align: middle;
}
.bottom_link{
	color: #ffcc00;
	font-family: Verdana;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
}
.bottom_link A {
	color: #ffcc00;
	font-family: Verdana;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
}
.bottom_link A:hover {
	color: #ffcc00;
	font-family: Verdana;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
	TEXT-DECORATION: underline
}
.button2{
	background: #b9d3f8;
	border: 1px solid #5f779e;
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	padding: 1px;
	vertical-align: middle;
}

.row_line {
	padding:0; 
	background-image:url(http://www.socgame.com.tw/images/l.gif)
}
		
		
/* GLOBAL NAV
*********************************/
#global_nav{background:#000000 url(../../images/theme/nav.gif) repeat-x;
border-top:1px solid #000;font:11px/11px Verdena;height:33px;width:760px;}
#global_nav li,
#global_nav ul{float:left;position:relative;}
#global_nav a,
#global_nav a b{cursor:pointer;float:left;}
#global_nav a{background:repeat-x top left;color:#FFFFFF;text-decoration:none;}
#global_nav a,
#global_nav .hub_nav .first a{background-image:url(../../images/theme/nav_global.gif);}
#global_nav a b{padding:11px 12px;}
#global_nav .hub_nav a{background-image:url(../../images/theme/nav_global_divided.gif);}
#global_nav .hub_nav b{padding:11px 6px 11px 8px;}
#global_nav .hub_nav .first b{padding:11px 6px;}
#global_nav a:hover,
#global_nav a.on:hover{background-position:center left;color:#fff;}
#global_nav a.on{background-position:top left;}


.pagelink,
.pagelinklast,
.minipagelink,
.minipagelinklast{
	background: #d8d8d8;
	padding: 2px 4px 2px 4px;
}
.pagecurrent {color:#FFFFFF; background-color:#999999; padding: 2px 4px 2px 4px;}


/* 按鈕樣式 */
.downloadbutton
{
	/* width:120px;
        height:20px; */
        white-space:nowrap;
	background-color: #EEEEEE;
	border:1px solid #000000;
	font-weight:bold;
	float:none;
	text-align:center;
	margin:0px;
	font-size:11px;
	padding:3px;
}
.downloadbutton a:link,
.downloadbutton a:visited,
{
        text-decoration: none;
}
.downloadbutton a:hover,
{
        text-decoration: none;
}

.typebutton
{
	/* width:120px;
        height:20px; */
        white-space:nowrap;
	background-color: #EEEEEE;
	border:1px solid #000000;
	/*font-weight:bold;*/
	float:none;
	text-align:center;
	margin:0px;
	font-size:11px;
	padding:3px;
}
.typebutton a:link,
.typebutton a:visited,
{
        text-decoration: none;
}
.typebutton a:hover,
{
        text-decoration: none;
}

.tableoutline {
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

div#recdownload a {display: block; padding:3px 3px 3px 10px; color: #484848;}
div#recdownload a:hover {background-color: #DDECF6; }


/* 
 * ========================================
 * new style quote and code wrappers MATT's DESIGN 
 * ========================================
 */

.quotetop{
	background: #E4EAF2 url(../../ip.boardpr/css_img_quote.gif) no-repeat right;
	border: 1px dotted #000;
	border-bottom: 0;
	border-left: 4px solid #8394B2;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	margin: 2px auto 0 auto;
	padding: 3px;
}

.quotemain{
	background: #FAFCFE;
	border: 1px dotted #000;
	border-left: 4px solid #8394B2;
	border-top: 0;
	color: #465584;
	padding: 4px;
	margin: 0 auto 0 auto;
}

.codetop,
.sqltop,
.htmltop{
	background: #FDDBCC url(../../ip.boardpr/css_img_code.gif) no-repeat right;
	color: #000;
	font-weight: bold;
	margin: 0 auto 0 auto;
	padding: 3px;
}

.codemain,
.sqlmain,
.htmlmain{
	background: #FAFCFE;
	border: 1px dotted #000;
	color: #465584;
	font-family: Courier, "Courier New", Verdana, Arial;
	margin: 0 auto 0 auto;
	padding: 2px;
}

/* 
 * ========================================
 * old school quote and code styles - backwards compatibility 
 * ========================================
 */

#QUOTE,
#CODE{  
	background: #FAFCFE; 
	border: 1px solid #000; 
	color: #465584; 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	padding: 2px; 
	white-space: normal;
}

#CODE{ 
	font-family: Courier, "Courier New", Verdana, Arial;
}


.row555 {
width: 100%;
border: 1px solid #999999;
background: #FFFFFF;
empty-cells: show;
}


.row666 {
width: 100%;
border: 1px solid #FFFFFF;
background: #EEEEEE;
empty-cells: show;
}
/* 
 * ========================================
 * wic
 * ========================================
 */
 .wic_row1 {
	background: #EEEEEE;
	color:#000000;
	empty-cells: show;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


.wic_row2 {
	background: #FFFFFF;
	color:#000000;
	empty-cells: show;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

 .wic_row3 {
background: #CCCCCC;*/
color:#000000;
empty-cells: show;
}

.wic_row4 {
border-bottom: 0px solid #000000;
background: #add8de;
color:#FFFFFF;
empty-cells: show;
}

 .wic_index {
color:#FFFFFF;
empty-cells: show;
padding:2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
.wic_row5 {
border-bottom: 0px solid #000000;
background: #374648;
color:#FFFFFF;
empty-cells: show;
}

.test {
border-bottom-width: 1px; 
border-bottom-style: dotted; 
border-bottom-color: #666666; 
border-left-width: 1px; 
border-left-style: dotted; 
border-left-color: #666666; 
padding:3px; color:#FFFFFF;
}
 .row111 {
width: 100%;
/*border: 1px solid #999999;*/
background: #f7f7f7;
empty-cells: show;
}


.row222 {
	width: 100%;
	empty-cells: show;
	background-color: #FFFFFF;
}

.td_f7f7f7_01 {
border-right: 1px #666666 solid; 
border-bottom: 1px #666666 solid; 
background-color: #333333;
}
.td_f7f7f7_00 {
	background-color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

.td_eeeeee_01 {
border-top: 1px #666666 solid;
border-right: 1px #666666 solid; 
border-bottom: 1px #666666 solid; 
background-color: #222222;
}
.td_eeeeee_00 {
	border-top: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	border-left: 1px #666666 solid;
	background-color: #222222;
}