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

body {
margin:0px 0px 0px 0px;
padding:0px;
background-color: #C9C9C9 ;
color:#333;
font-size:13px;
line-height:21px;
font-family: Arial, "新細明體", Helvetica, sans-serif;
}
a {
color:#333;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*----------------------------------wrapper------------------------------------------*/
#wrapper {
	height: 100%;
	width: 812px;
	margin-left: auto;
	margin-right: auto;
}
/*-----for firefox solve setting height------*/
html>body .wrapper{
	height: auto;
}
.banner {
background:url(/images/banner01.jpg) 0 0 no-repeat;
width:812px;
height:189px;
}
/*-------------------------------------menu--------------------------------------------*/

.TabList{
background:url(/images/menubg.gif) 0 0 no-repeat;
width:812px;
height:49px;
}
.TabList div{
float: left;
}
.TabList p.tabclear{
margin: 0px;
clear:both;
}
.tab01, .tab01hover{
padding-left:6px;
}
.tab01hover a, .tab01hover a:hover{
background:url(/images/en_button01.gif) 0 -49px no-repeat;
height:49px;
width:118px;
display:block;
overflow: hidden;
}
.tab01 a{
background:url(/images/en_button01.gif) 0 0 no-repeat;
height:49px;
width:118px;
display:block;
overflow: hidden;
}
.tab02hover a, .tab02hover a:hover{
background:url(/images/en_button02.gif) 0 -49px no-repeat;
height:49px;
width:120px;
display:block;
overflow: hidden;
}
.tab02 a{
background:url(/images/en_button02.gif) 0 0 no-repeat;
height:49px;
width:120px;
display:block;
overflow: hidden;
}
.tab01 a:hover, .tab02 a:hover  {
background-position: 0 -49px;
}
/*----------------contents---------------*/
.contentsbg {
width:762px;
padding:15px 25px 25px 25px;
background:url(/images/contentsbg.gif) 0 0 repeat-y;
min-height:300px;
_height:300px;
}
.btmore a {
background:url(/images/bt_more.gif) 0 0 no-repeat;
width:56px;
height:15px;
display:block;
}
.btmore a:hover {
background-position:0 -15px;
}
.intro_text {
text-align: left;
text-align: justify;
}
div .twtab, div .entab{
float:right;
padding-right:30px;
padding-top:5px;
}
.twtab a{
background:url(/images/twtab.gif) 0 0 no-repeat;
width:74px;
height:25px;
display:block;
}
.entab a{
background:url(/images/entab.gif) 0 0 no-repeat;
width:74px;
height:25px;
display:block;
}
.twtab a:hover, .entab a:hover {
background-position: 0 -25px;
}

/*----------------------table-----------------------------*/

.datetable {
border-collapse:collapse;
border:1px solid #A8A8A8;
margin-top:16px;
}
.datetable th {
background:url(/images/titlebg.gif) 0 0 repeat-x;
height:39px;
color:#000;
font-size:16px;
line-height:25px;
padding-left:5px;
border:1px solid #CACACA;
text-align:left;
}
.datetable td {
padding:10px;
border:1px solid #CACACA;

}
.project_name{
font-size: 16px;
font-weight: bold;
}
/*----------------footer---------------*/
.footerbg {
background:url(/images/footer.gif) 0 0 no-repeat;
width:812px;
height:40px;
text-align:center;
color:#606466;
line-height:28px;
}
.footerbg a {
text-decoration:underline;
color:#606466;
}
.footerbg a:hover {
text-decoration:none;
}
.footerbg span {
text-decoration:underline;
color:#606466;
}
/*---------------word-----------------*/
.title01 {
font-size:20px;
font-weight:bold;
color:#EC7831;
padding-top:15px
}
.intro p{
}
.contentsbg a {
text-decoration:underline;
color:#606466;
}
.contentsbg a:hover {
text-decoration:none;
}
.contentsbg ul {
padding-left: 40px;
padding-right: 40px;
text-align: justify;
}
.blockgo_how_to_play td {
padding: 10px 10px 10px 0px;
text-align: bottom;
}


/* Screenshot Area */

.screenshot_wrapper {
height: 660px;
}

.screenshot {
float:left;
padding:0px 20px 0px 0px;
}

.thumbnail {
text-align: left;
}

.thumbnail img {
border: 2px solid #333;
}