@charset "UTF-8";




* {
    margin: 0; padding: 0; border: 0;
    line-height: 1.4;
}

a:hover ,a:focus{color:#44BBAA !important;}



body {
	width:100%;
	height:100%;
	background:url(image/pageBase.png) no-repeat fixed;
	background-color:#242424;
	font-size: 80%;
}


#main{

	margin: 0 auto;
	width: 828px;

}


#tab{
	width:450px;
	margin:10px auto;
}

#tab a{

	font: large "Arial", sans-serif;
	text-decoration: none;
	letter-spacing:1px;
	color:#ff33ee;
}




#header{
        height: 34px;
        background: url('image/header.png') no-repeat;
}

#container{
	background: url('image/bg.png') repeat-y;
	padding-bottom:50px;
}


.bar{

	margin:0px -25px;
	padding:0px;
}


/*screenShot*/
.ss{

	margin:15px 0px;
}

#containerBox{
	margin: 0px 14px;
	padding:5px 60px;
	width:800px;

}

	#containerBox a image{
			margin:15px 0px;
			
	}


	#containerBox h2{
		font: bold 120% "Arial", sans-serif;
		color:#222222;
		margin-bottom:-6px;
	}

        #containerBox dl {
		margin-top:10px;
                font-size: 120%;
                padding: 5px 10px;
		background:#999;
		height:150px;
		width:670px;
		overflow-y:scroll;

        }
        #containerBox dl dt {
		font: bold large "Arial", sans-serif;
                color: #ffffff;
                background: url('./image/gradh-red.png') left bottom no-repeat;
        }
        #containerBox dl dd {
                margin: 0.2em 0 0.3em 3em;
                color: #ffffff;
        }

#footer {
        margin-bottom:100px;
        height: 34px;
        background: url('./image/footer.png') no-repeat;
}

#footer p{
                padding-top: 5px;
                text-align: center;

        }


#footer p a{

		text-decoration: none;
                color:#000000;
				
	}


/*--------------------DownLoad info----------------------*/



#containerBox h3 a{
	font-size : 30px;
	}

#textbox{
	padding-top:10px;
	margin:0px 40px 30px;
	
}


	#textBox p{
			font-size:80%;
			
		}