@import "../base.less";
@import "../language.less";

@topHeight: 100px;
@toolHeight: 26px;

body{
	background: #0b111b;
}

.main{
	width: 780px;
	margin: 0 auto;
}

.top{
	height: @topHeight;
	background: #090e16;
	
	.main{
		background: url(../images/member/A61.gif) no-repeat 0 50%;
	}
	
	.tool{
		height: @toolHeight;
		background: url(../images/member/A06.png) no-repeat right 100%;
	}
	
	.log{
		height: @topHeight - @toolHeight - 5;
		margin-top: 5px;
		 
		table{
			float: right;
			color: white;
			background: #090e16;
			
			td{
				padding: 3px 0;
			}

			th{
				text-align:left;
				font-size:12px;
				font-weight:normal;
				padding: 0 20px 0 10px;
				background:url(../images/member/A69.gif) no-repeat right;		
			}
			
			.time{
				font-size: @fontSmaller;
				text-align: right;
				color: #cbe2ed;
				vertical-align: bottom;
			}
			
			#randomCode{
				width:50px;
				float:left;
			}
			
			#randomSpan{
				background: url(../images/waiting1.gif) no-repeat center;
				width:80px;
				height:23px;
				vertical-align:middle;
				cursor: pointer;
				display:block;
				float:left;
				margin-left:5px;
				margin-right: 5px;
				
			}


		}
	}
}

.language{
	float: right;
	
	.font{
		.hidden;
	}
}


.context{
	height: 320px;
	background: url(../images/member/A68.gif);
	
	.flash{
		height: 300px;
		padding-top: 20px;
		div{
			float: left;
		}
	}
}
	
.adds{
	height: 120px;
	div{
		float:left;
		width: 260px;
		height:120px;
		cursor: pointer;
	}
	
	.d1{
		background: url(../images/member/A65_of.gif);
	}
	.d2{
		background: url(../images/member/A66_of.gif);
	}
	.d3{
		background: url(../images/member/A67_of.gif);
	}
	.d4{
		background: url(../images/member/A64_of.gif);
	}
	
	.d1:hover{
		background: url(../images/member/A65_ov.gif);
	}
	/*
	.d2:hover{
		background: url(../images/member/A66_ov-.gif);
	}
	.d3:hover{
		background: url(../images/member/A67_ov.gif);
	}
	*/
	.d4:hover{
		background: url(../images/member/A64_ov.gif);
	}
}


.bottom{
	color: #99a4b4;
	font-size: @fontSmaller;
	margin-top: 45px;
	background:url(../images/A71_sky_bottom.png) no-repeat center;
	
	> div{
		width: 59%;
		padding-bottom:23.8%;
	}
	
	.lt,.gt{
		display: inline-block;
		float: right;
    	margin-top: 5px;	
	}
	.lt{
		clear: both;
    	color: #FFFFFF;
    	margin-right:15px;
	}
	.gt{
		div{
			width:16px;
			height:18px;
			float:right;
			cursor:pointer;
			margin-right:5px;		
		}
		
		.d1{
			width:312px;
			background:url(../images/A11_iconlist.png);
			margin-right:0px;
		}

		.d2{
			background:url(../images/A11_flash.png) no-repeat 0 50%;
		}
		.d3{
			background:url(../images/A11_sfr.png) no-repeat 0 50%;
		}
		.d4{
			background:url(../images/A11_chr.png) no-repeat 0 50%;
		}
		.d5{
			background:url(../images/A11_ff.png) no-repeat 0 50%;
		}
		.d6{
			background:url(../images/A11_ie.png) no-repeat 0 50%;
		}

	}
}


.errMsg{
	z-index:101;
	font-size:11px;
    position: absolute;
    color: white;
    top:10px;
display:none;
}