@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;	
}
a{
	text-decoration: none;
	color:#950;	
}
a:hover{
	text-decoration:underline;
	color:#039;		
}
body{
	background-color:#E5E5E5;
	/* background-image:url(../pic/bg_pat.jpg);
	background-repeat:repeat-x;
	*/
	font-family:sans-serif;	
}
#container{
	position:relative;
	left:50%;
	width:960px;
	margin-left:-480px;
	-moz-box-shadow: 0 0 30px #AAA;
	-webkit-box-shadow: 0 0 30px #AAA;
	box-shadow: 0 0 30px #AAA;
	background-color:#f5f1e8;
}
#topHead{
	position:relative;
	height:10px;
	z-index:2;
}
#topBanner{
	position:relative;
	background-image:url(../pic/UI_BannerLoginTo.png);
	background-repeat:no-repeat;
	height:330px;
	z-index:2;
	font-family:"微軟正黑體",sans-serif;
}
	#topBanner #loginOut a{
		position:absolute;
		top:15px;
		left:30px;
		color:#333;
		font-size:16px;
	}
	#topBanner #loginOut a:hover{
		text-decoration:none;
	}	
	#topBanner #userInfo{
		position:absolute;
		top:120px;
		left:700px;
		color:#111;
	}
	
	#topBanner #txt_name{
		position:absolute;
		top:118px;
		left:730px;
		width:150px;
		outline: 0; 
		border:0px;
		background-color:transparent; 
	}
	#topBanner #txt_pass{
		position:absolute;
		top:172px;
		left:730px;
		width:150px;
		outline: 0; 
		border:0px;
		background-color:transparent; 
	}
	#topBanner #chb_auto_login{
		position:absolute;
		top:213px;
		left:730px;
		width: 15px;
height: 15px;
	}		
	#topBanner #btn_login{
		position:absolute;
		top:245px;
		left:785px; 
		cursor:pointer;
		border:0px;
	}
	#topBanner #btn_register{
		position:absolute;
		top:245px;
		left:665px; 
		cursor:pointer;
		border:0px;
	}		


#neck{
	position:relative;
	height:20px;
	z-index:2;
}




#content{
	position:relative;
	height:330px;
	width:900px;
	margin:0px auto 50px auto;	
	z-index:2;
	background-color:#FFF;
	-moz-box-shadow: 0 0 10px #AAA;
	-webkit-box-shadow: 0 0 10px #AAA;
	box-shadow: 0 0 10px #AAA;
				
}
	#content #area_menu{
		float:left;
		height:40px;
		background-color:#ccc;	
		font-family:"微軟正黑體",sans-serif;
		font-size:14px;
		color:#fff;
	}
		#content #area_menu #menu_topic{
			float:left;
			width:300px;
			height:40px;
			padding-top: 10px;
			background-color:#8f5e3a;			
			vertical-align:middle;
			text-align:center;
			vertical-align:middle;

		}	
		#content #area_menu #menu_theme{
			padding-left:90px;
			padding-top: 10px;
			height:40px;
			float:left;
			width:160px;
			background-color:#af8e6a;		
		}	
		#content #area_menu #menu_year{
			padding-left:50px;
			padding-top: 10px;
			height:40px;
			background-color:#af8e6a;
			float:left;
			width:160px;			
		}
		#content #area_menu #menu_check{
			padding-left:0px;
			padding-top: 10px;
			background-color:#af8e6a;
			height:40px;
			float:left;
			width:600px;
			text-align:center;
			vertical-align:middle;			
		}
			#content #area_menu #menu_check img{
				cursor:pointer;			
			}
								
	
	#content #area_sub{
		float:right;
		background-color:#fff;
		height:300px;		
	}
		#content #area_sub #sub_content{
			display:block;
			width:600px;
			height:300px;
			float:right;
		}
			#content #area_sub #sub_content #pic_banner{
				display:none;
				width:600px;
				height:300px;
				float:right;				
				background-image:url(../pic/ex1.png);
			}
			#content #area_sub #sub_content #menu_view{
				/*display:none;*/
				width:600px;
				height:300px;
				float:right;
				background-color:#f5eac9;				
			}
			#content #area_sub #sub_content #menu_view img{
				padding-top:15px;
				padding-left:80px;	
				cursor:pointer;			
			}								
		#content #area_sub #sub_text{			
			display:block;
			width:300px;
			height:300px;
			float:left;
			font-size:13px;
			background-color:#f5eac9;
			color:#333333;
		}
			#content #area_sub #sub_text .title{
				font-size:18px;	
				color:#000;	
				font-family:"微軟正黑體",sans-serif;		
				padding:40px 20px 0px 25px;
			}		
			#content #area_sub #sub_text .text{			
				padding:10px 20px 0px 25px;
			}		
#underline{
	position:relative;
	height:20px;
	background-color:#ba9477;
	z-index:2;
	display:none;
}

#footer {
	position:relative;
	height:60px;
	z-index:2;
	font-size:12px;
	color:#9a6457;	
	padding:10px 0px 10px 0px;
}
.options {padding-top:10px; margin-left:60px;margin-top:10px;}
.options span{font-size:13px; padding-right:10px;}
.options select{ width:400px; padding:5px;}
.btns{ margin:20px 0px 0px 120px;}
.btns .btn-member{cursor:pointer; float:left; margin-left:30px;background-image:url(../pic/btnMember.png); width:143px; height:38px;}
.btns .btn-member:hover{background-position:0 38px;}
.btns .btn-trial{ cursor:pointer;float:left; margin-left:20px;background-image:url(../pic/btnTrial.png); width:143px; height:38px;}
.btns .btn-trial:hover{background-position:0 38px;}