html, body {	height:100%; width:100%; margin:0; padding:0; }
body {		font-family:Arial; background-color:#FFFFFF; color:#222233; font-size:12px;  }

.CONT{	width:1000px; height:100%; margin-left:auto; margin-right:auto; position:relative; border:0px solid #FF0000; }

#HEAD{	width:100%; height:95px; background-image:url('./pic/head_back.png'); }
#LOGO{	position:absolute; width:210px; height:80px; left:5px; top:5px; background-image:url('./pic/x-treem_logo.png'); }

#TOPMENU{	position:absolute; height:25px; top:45px; left:230px; line-height:25px; }
#TOPMENU a{	display:inline-block; height:25px; padding: 0px 15px 0px 15px; 
		font-weight:bold; color:#F0F0FF; text-decoration:none; }
#TOPMENU a:hover{	cursor:pointer; background-image:url('./pic/menu_over.png'); }
#TOPMENU .SEL{		background-image:url('./pic/menu_over.png'); }

#SUBMENU{	position:absolute; height:25px; top:70px; left:230px; line-height:25px; font-size:11px; }
#SUBMENU a{	display:inline-block; height:25px; padding: 0px 15px 0px 15px;  
		font-weight:bold; color:#006699; text-decoration:none;
		}
#SUBMENU a:hover{	color:#F0F0FF; cursor:pointer; background-image:url('./pic/menu_over2.png');    }
#SUBMENU .SEL{		color:#F0F0FF; background-image:url('./pic/menu_over2.png');    }

#LANG{		position:absolute; height:25px; top:10px; right:10px; line-height:25px; 		visibility:hidden; }
#LANG img{	border:1px solid #006699; margin-left:10px;}
#LANG img:hover{border:1px solid #CC0000; }

#DATA{	min-height:500px; background-color:#f0f0ff; padding-bottom:20px; }
#TEXT{	position:relative; width:600px; left:200px; top:10px; padding:0px; border:0px solid red; font-size:12px; line-height:18px; }


#FOOT{	clear:both; position:relative; width:100%; height:30px; background-image:url('./pic/foot_back.png'); top:0px; }
#FOOT .CONT{	text-align:right; font-size:10px; line-height:35px; color:#FFFFFF; }
#FOOT a{	color:#FFFFFF; text-decoration:none; }
#FOOT a:hover{	color:#333333; }

#CLEAR, .CLEAR {	clear:both; }

#LEFT{		position:absolute; top:40px; left:0px; width:180px; text-align:center; border:0px solid #CCCCCC; }
#RIGHT{		position:absolute; top:40px; right:0px; width:180px; text-align:center; border:0px solid #CCCCCC; }
#RIGHT img{	border-width:0px; }

#MCSE{	display:block; cursor:pointer; width:100px; height:60px; top:10px; left:30px; position:relative; 
		background-image:url('./pic/home_intro/logo-mcse.png');
		border:1px solid #CCCCCC;
	}

h1{	font-size:12px; margin:0px; height:25px; line-height:25px; text-align:center; 
	background-color:#006699; color:#003366; background:url('./pic/h1.png') no-repeat; 	}
h2{	font-size:11px; margin:0px; padding:8px; text-align:center; color:#CC0000; line-height:20px; }



.BOT1{		height:40px; background-image:url('./pic/b1.png'); }
.BUT{		width:140px; height:25px; line-height:25px; display:inline-block; text-align:center; border:5px solid:#003366; text-decoration:none;
		margin-left:auto; margin-right:auto; font-weight:bold; cursor:pointer;
		background-color:#77aacc; color:#FFFFFF; border-bottom:1px solid #006699; border-right:1px solid #006699; }
.BUT:hover{	background-color:#006699; color:#FFFFFF; }

.LINE1{		width:100%; height:1px; background-color:#006699; }
.LINE2{		width:100%; height:2px; background-color:#CCCCCC; }

#TEXT h1{	background:none; text-align:left; padding-left:20px; font-weight:normal; }

#TEXT p{	padding:5px; }
#TEXT li.h10{	margin-bottom:10px; }

#TEXT fieldset{	border:1px solid #006699; padding:0px 10px 20px 10px; text-align:center; margin-top:10px; }
#TEXT legend{	margin-left:20px; padding:5px 20px 5px 20px; border:1px solid #006699; background-color:#006699; color:#FFFFFF; }

#TEXT #HOSTING{		text-align:left; margin:10px 40px 10px 40px; border-collapse:collapse; border:0px solid black; }
#TEXT #HOSTING input.radio{	margin-left:20px; }
#TEXT #HOSTING td{		padding:5px; vertical-align:top; }
#TEXT #HOSTING .SEL:hover{	background-color:#DDDDff; cursor:pointer; }

#MSG{	text-align:center; color:#DD0000; margin:10px; }

.FLEFT{		float:left; }
.FRIGHT{	float:right; }
.FCENTER{	display:block; margin-left:auto; margin-right:auto; }
FORM{	padding:0px; margin:0px; }

.BWHITE{	background-color:#FFFFFF; }
.FWHITE{	color:#FFFFFF; }
.BBLUE1{	background-color:#006699; }
.BBLUE2{	background-color:#77aacc; }

.H1, #TEXT h1.H1{	color:#FFFFFF; background-color:#77aacc; font-weight:bold; margin-top:10px; }

.M10{	margin:10px; }

.BIG{	font-size:15px; color:#ffaa00; font-weight:bold; }

.BOR{	border:1px solid #006699; }

.BLOCK{		border:1px solid #006699; width:590px; }
.BLOCK:hover{	background-color:#FFFFFF; cursor:pointer; }
.BLOCK .IMG{	float:left; width:200px; left:0px; top:0px; padding:20px; }
.BLOCK .TXT{	float:right; width:300px; left:260px; top:0px; padding:20px; }