@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	background-color:
}
body,html{
	height:100%;
}
body,td,div,a,input{
	font-family:"微软雅黑","微軟雅黑",Arial;
	font-size:9pt;
}
form{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}
.InputBox{
	height: 16px;
	border: 1px solid #E0EEFD;
	line-height:18px;
}
.Botton{
	height:25px;
}
#Wrap{
	margin:0px auto;
	width:560px;
	height:410px;
	position:absolute;
}
#PageBox,#ShadowRight,#ShadowDown{
	float:left;
}
#PageBox{
	width:550px;
	height:398px;
	border:1px #888 solid;
}
#ShadowRight{
	height:400px;
	width:8px;
	background:url(../images/shadow_right.png) no-repeat;
}
#ShadowDown{
	height:10px;
	width:560px;
	background:url(../images/shadow_down.png) no-repeat;
}

#Top{
	width:548px;
	height:123px;
	border:#83C700 solid 1px;
	border-bottom:#999999 solid 1px;
	background:url(../images/default_top_bg.png) repeat-x;
}
#Mid{
	height:212px;
	border-top:1px #BBB solid;
	background:#FFFFFF;
}
#Bot{
	padding:7px 0px;
	border-top:1px #BBB solid;
	height:45px;
	background-color:#F5F5F5;
}

#TopTitle{
	padding-top:30px;
	padding-left:30px;
	height:30px;
}
#TopVelLang{
	padding-top:33px;
	height:30px;
	padding-right:20px;
	text-align:right;
}
#LoginBox,#ImgICON{
	float:left;
}
#LoginBox{
	padding:30px 10px 12px 20px;
	width:360px;
	height:170px;
}
#ImgICON{
	padding-top:40px;
	width:160px;
	height:172px;
	text-align:right;
}

#InputLine{
	padding:5px 0px;
	width:100%;
	float:left;	
}
#InputTitle{
	width:70px;
	height:20px;
	line-height:20px;
	float:left;
	text-align:right;
}

#Bot div{
	float:left;
}
#StudioLogo{
	padding-left:15px;
	width:125px;
	height:45px;
	border-right:1px #CCCCCC solid;
}
#Copyright{
	padding-left:15px;
	padding-top:15px;
	width:230px;
	height:30px;
	line-height:15px;
	font-size:9px;
	font-family:Arial;
	color:#999;
}
#Best{
	width:150px;
	padding-left:10px;
	height:45px;
	background:url(../images/the_best.gif) no-repeat center 20px;
}