@import url(global.css);
@import url(layout.css);
@import url(component.css);

div#Content {
	padding-top:20px;
}
div.LeftBottom {
	border: 0;
	padding: 0;
}

/*=== 会员登录 ===*/
table#TblLogin, table#TblLogin td {
	font-size: 12px;
}
/*=== 会员註冊 ===*/
table#TblReg, table#TblReg td {
	font-size: 12px;
}
*html table#TblReg div span { position: relative;top:-2px; }
*+html table#TblReg div span { position: relative;top:-2px;}
.font18 {
	font-size:18px;
	color:cccccc;
	font-weight:bold;
}
/* ============================================
登录页面

Usage examples:
<div id="Content" class="LoginCont">
</div>
============================================ */
.LoginStyle {
    border:1px solid #CCCCCC; 
    text-align:left;
    margin:0 auto;
}
#LoginDlg {
	border:1px solid #FFDA68;
	margin:0 auto;
	margin-top:10px;
	width:730px;
	padding-bottom:20px;
}
#LoginDlg .LTitle{
 	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:8px 0 8px 0;
	background-color: #FF9000;
	text-align: left;
	color : #ffffff;
	font-size : 14px;
	text-indent:1em;
}
#LoginDlg .LCont {
	border-top:1px solid #FFDA68;
	padding:10px 0;
}
/* ============================================
左边说明框

Usage examples:
============================================ */
#LoginDlg .LCont .LLeft {
	float:left;
	width:50%;
	margin-left:10px;
	font-size:10pt;
}
#LoginDlg .LCont .LLeft li {
	clear:both;
	padding:6px 0;
}
#LoginDlg .LCont .LLeft li span{
	float:left;
}
#LoginDlg .LCont .LLeft li span a:link, #LoginDlg .LCont .LLeft li span a:visited{
	color:#0000BB;
}
#LoginDlg .LCont .LLeft li span.RightDesc{
	float:left;
	margin-left:2px;
	width:310px;
	text-align:justify;
	text-justify:inter-ideograph;
}
/* ============================================
右边登录框

Usage examples:
============================================ */
#LoginDlg .LRight {
	float:left;
	width:42%;
	border:3px solid #CCCCCC;
	margin-right:10px;
	margin-top:20px;
	padding:0 8px 8px 6px;	
}
#LoginDlg .LRight .RBox{
	background-color:#F5F5F5;
	margin-top:8px;
	padding:4px 0;
	height: 250px;
}
#LoginDlg .LRight .RBox p{
	clear:both;
	display:block;
	padding:0;
	margin:8px 0;
}
#LoginDlg .LRight .RBox .LInputBox{
	float:left;
	margin-left:4px;
	padding-left:6px;
	width:280px;
}
#LoginDlg .LRight .RBox .LInputBox b {
	position: relative;
	top:-3px;
	left: 4px;
}
.W280 {
	width: 280px;
}
#LoginDlg .LRight .RBox .LInputBox label {
	float:left;
	padding-top:5px;
	width:98px;
	text-align:right;
}
#LoginDlg .LRight .RBox .RInputBox{
	float:left;
	width:80px;
	text-align:left;
	padding-top:10px;
}
#LoginDlg .LRight .RBox .RBoxRow{
	padding:0 0 8px 30px;
}
#LoginDlg .LRight .RBox .NumLetter {
	float:left;
	line-height:8px;
	margin-left:14px;
	padding-top:5px;
	width:37px;
}
#LoginDlg .LRight .RBox .NumLetterImg {
	float:left;
	width:150px;
}
DIV.Button {
	float:left;
	margin-top:6px;
	width:151px;
	padding:6px 0;
	background-color:#F5F5F5;
	margin-left:5px;
	text-align:center;
}
DIV.ButtonOne {
	margin-left:0;
	width:150px;
}
.AllWidth {
	width:100%;
	text-align:center;
}
#check {
	width:84px;
	height:15px;
}


.user_bgline{
	background:#FFFFFF url(../../../images/index/user/public/user_bg.gif) repeat-x left top;
}
/*=== 登入錯誤 ===*/
.login_error{
	padding: 3px;
	margin:0;
	color: #000;
	border: 1px solid #FF7300;
	background: #F7FFDD url(../../../images/index/public/global/reg_error.gif) no-repeat 2px center;
	padding-left:2em;	
}
.input_reg{
	height:16px;
	padding-top:2px;
}
/*=== 郵箱補全提示 ===*/
.regMail{
	width:198px;
	padding-left:3px;
	height:18px;
	line-height:18px;
}
#emailSug {
	background:#fff;
	border: 1px solid #999;
	border-right-color:#999;
	border-bottom-color:#999;
	position: absolute;
/*	box-shadow:1px 5px 7px #999;
	-moz-box-shadow:1px 5px 7px #999;
	-webkit-box-shadow:1px 5px 7px #999;*/
	float:left;
	overflow:hidden;
	z-index:9999;
	margin-left:4px;
}
#emailSug li {
	padding-left:4px;
	cursor:pointer;
	color:#404040;
	height:22px;
	line-height:22px;
	text-align:left;
	z-index:9999;	
}
#emailSug li.sugactive {
	background: #3399FF;
	color:#fff;
}