/*------------------------------------------------------------

* Filename: layout.css
* Version: 1.0.0 (2009-07-07) 
* Website: http://
* Author: Medialand digi-tech. Inc. Ʀ 
* Contact: service@mail.medialand.com.tw
* Description: basic elements

== STRUCTURE: ==============================
* Page width: 990 px
* Number of columns: 2

+ WRAPPER
	+ Nav
	
	
	+ Container
	  + center_cont
	  　　- h2
	  　　- h3
	  　　+ main
	  
	  
	  　　+ footer
	  		- address


============================================


== Color Codes: ============================
* Background: #ffffff(white)
* Content:
* Header h1:
* Header h2:
* Footer:

a(standard):
a(visited):
a(active):

============================================


== Typography: ============================
Body copy: 1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
Headers: 
Inputs, textarea: 
Sidebar heading: 

Notes: decreasing heading by 0.4em with every subsequent heading level
============================================

-------------------------------------------------------------*/


/*== defend ========================*/

#Wrapper{
	background: url(../images/bg/bg_floor01.jpg) repeat-x center 82px;}

#Nav{
	background: url(../images/bg/bg_nav.jpg) repeat-x;
	height: 82px;
	width: 100%;
	text-align: center;}


#Container{
	width: 100%;
	position: relative;
	top: 0px;
	margin: 0 auto;
	background: url(../images/bg/bg_floor02.gif) no-repeat center top;}

#center_cont{
	width: 990px;
	position: relative;
	top: 0px;
	margin: 0 auto;
	background: url(../images/bg/bg_floor03.jpg);
	padding-bottom: 112px;}

	#main{
	margin: 0px 10px;}

	
	
/*----------- guardian_square 保衛隊廣場 -----------------------*/
	#guardian_square{
	position: relative;
	width: 935px;
	margin-right: auto;
	margin-left: auto;}
	
	
	#guardian_square #column_1{
	position: absolute;
	z-index: 1;
	top: 10px;}
		#guardian_square #column_1 ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		height: 22px;
		line-height: 22px;}
		#guardian_square #column_1 li{
		display: block;
		float: left;}
		
		#guardian_square #column_1 #li_1{
		width: 146px;
		padding:0 0 0 30px;
		text-align: left;}
		#guardian_square #column_1 #li_2{
		width: 95px;}
		#guardian_square #column_1 #li_3{
		width: 172px;}
		#guardian_square #column_1 #li_4{
		width: 116px;}
		#guardian_square #column_1 #li_5{
		width: 200px;}
		#guardian_square #column_1 #li_6{
		width: 175px;}
		
		#guardian_square #column_1 .bg1{
		background: url(../images/bg/bg_guardian01.gif) repeat-x;}
		#guardian_square #column_1 .bg2{
		background: url(../images/bg/bg_guardian02.gif);}
		#guardian_square #column_1 .bg3{
		background: url(../images/bg/bg_guardian03.gif);}

	#guardian_square #column_2{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg/bg_guardian04.gif) repeat-y;
	color: #858388;
	z-index: 2;
	position: absolute;
	top: 245px;
	*top: 250px;}
	
		#guardian_square #column_2 .point{
		color: #621e1e;}

	#guardian_square #column_3{
	height: 265px;
	width: 71px;
	z-index: 3;
	position: absolute;
	top: 20px;
	right: 10px;}
	

	
	/*---- guardian_login 登入頁 ----*/
	#guardian_login{
	padding-top: 50px;
	background-image: url(../images/pic/guardian_login_im.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 576px;
	height: 300px;
}
	
	
	/*---- guardian_intro 過場動畫頁 ----*/
	#guardian_intro{
	text-align: center;}
	
	/*---- guardian_clan 家族介紹頁 ----*/
	#guardian_clan{}
	
	/*---- guardian_test 測驗頁 ----*/
	#guardian_test{
	margin-top: 90px;}
	
	/*---- guardian_test 測驗結果頁 ----*/
	#guardian_result{}
	#guardian_result #blog_grammar{
	font-size: 11px;
	height: 40px;
	width: 165px;
	border: 1px solid #949e83;
	overflow: hidden;
	margin: 4px 0px;
	padding: 5px;}
	
	/*---- guardian_role 腳色選擇頁 ----*/
	#guardian_role{
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 338px;
	width: 855px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
}
	
	#guardian_role ul{
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 21px;
	color: #555354;
	width: 776px;}

	#guardian_role li{
	float: left;
	list-style: none;}
	
	#guardian_role #col_1{
	width: 275px;
	text-indent: 10px;}
	
	#guardian_role #col_2{
	padding-left:8px;
	width: 65px;
	border-left: 2px solid #F5F2E9;}
	
	#guardian_role #col_3{
	padding-left:8px;
	border-left: 2px solid #F5F2E9;
	width: 125px;}
	
	#guardian_role #col_4{
	padding-left:8px;
	border-left: 2px solid #F5F2E9;
	width: 111px;}
	
	#guardian_role #col_5{
	border-left: 2px solid #F5F2E9;
	padding-left:8px;
	width: 160px;}
	
	/*---- guardian_card 個人名片頁 ----*/
	#guardian_card{
	width: 850px;
	margin-right: auto;
	margin-left: auto;}
		
		#guardian_card p{
		margin: 0px;
		padding: 0px;}
		#guardian_card ol{
		display: block;
		background: url(../images/dec/line_06.gif) repeat-x bottom;
		width: 600px;
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 12px 0px;
		line-height: 30px;}
		#guardian_card ul{
		margin: 0px;
		padding: 0px;
		color: #545454;
		line-height: 18px;}
		#guardian_card li{
		list-style: none;
		display: block;
		float: left;
		color: #9a9a9a;}
		#guardian_card #li_1{
		width: 74%;}
		#guardian_card #li_2{
		width: 15%;}
		#guardian_card #li_3{
		width: 11%;}
		
		
		/*---- guardian_team 隊伍頁 ----*/
		#guardian_team{
		width: 846px;
		margin-right: auto;
		margin-left: auto;}
		
			#guardian_team p{
			margin: 0px;
			padding: 0px;}
			
			#guardian_team_box{
			margin: 0px;
			padding: 5px;
			width: 440px;
			border: 1px solid #344d20;}
				
		
		
/*----------- bible 我的聖經 -----------------------*/
#subnav{
	width: 104px;
	height: 358px;
	float: left;
	margin-left: 4px;
}
	
	#subnav img{
	float: left;}
	
#right_column{
	float: left;}


	/*---- bible_data02 我的資料 ----*/
	#bible_data02{}
	#bible_data02 p{
	margin: 0px;
	padding: 0px;}

	#bible_data02 #column{
	padding:0 0 0 10px;}
	
	
	/*---- bible_account 我的存摺 ----*/
	#bible_account{
	padding-left: 14px;}
	
	
	/*---- bible 列表 ----*/
	#bible_list1{}
	#bible_list1 ul{
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;}
	
	#bible_list1 li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;}
		
		#bible_list1 #col{
		float: left;
		width: 45%;}
		#bible_list1 #col_0{
		float: right;
		width: 40%;
		font-size: 11px;
		color: #324D20;
		text-align: right;
		padding-right: 1%;}
		
		#bible_list1 #col_1{/*--時間--*/
		float: left;
		background: url(../images/bg/bg_bible04.gif) repeat-y right;
		width: 18%;
		padding-left:2%;}
		
		#bible_list1 #col_2{/*--我的參予--*/
		float: left;
		background: url(../images/bg/bg_bible04.gif) repeat-y right;
		width: 51%;
		padding-left:2%;}
		
		#bible_list1 #col_3{/*--獲得--*/
		float: left;
		width:25%;
		padding-left:1.8%;}

		#bible_list1 #col_4{/*--我的參予2--*/
		width:38%;
		float: left;
		background: url(../images/bg/bg_bible04.gif) repeat-y right;
		padding-left:2%;}
	
		#bible_list1 #col_5{/*--獲得2--*/
		width:19%;
		float: left;
		background: url(../images/bg/bg_bible04.gif) repeat-y right;
		padding-left:2%;}
		
		#bible_list1 #col_6{/*--兌換--*/
		width:17%;
		float: left;
		padding-left:1.8%;}
		


		#bible_list1 #col_7{/*--獲得--*/
		background: url(../images/bg/bg_bible04.gif) repeat-y right;
		float: left;
		width:25%;
		padding-left:2%;}


		#bible_list1 #col_8{/*--時間--*/
		float: left;
		width: 18%;
		padding-left:1.8%;}
		
		/*--時間--*/
		#bible_list1 #col_9{
		background: url(../images/bg/bg_bible04.gif) repeat-y right;
		float: left;
		width: 9%;
		padding-left:1%;}

		#bible_list1 #col_10{
		float: left;
		width: 28%;
		padding-left:1.8%;}





			/*---- bible_gift 品味好禮 ----*/
			#bible_gift{}
			#bible_gift #column{
			float: left;
			margin:35px 4px 35px 26px;
			-margin:35px 17px 35px 13px;}
	
	
	
	


	/*---- bible_myteam 我的保衛隊 ----*/
	#bible_myteam{
	padding-left: 14px;}
	#bible_myteam #column{}
		#bible_myteam #column_box{
		padding: 4px;
		border: 1px solid #344d20;}
			#bible_myteam #column_box p{
			margin: 0px;
			padding: 0px;}
	
			#bible_myteam .colbg{
			background-color: #e4e3df;
			padding: 0px 4px;}
		
			#bible_myteam .colbg a{
			color: #7c1a1b;
			text-align: right;
			display: block;}
			
			#bible_myteam .colbg a:hover{
			text-decoration: underline;}

			#bible_myteam #column_box ul{
			margin: 0px;
			padding: 0px;}
			#bible_myteam #column_box li{
			margin: 4px 0px 0px 4px;
			padding: 0px 0px 0px 10px;
			list-style: none outside;
			display: block;
			line-height: 14px;
			background: url(../images/icon/icon_01.gif) no-repeat left 2px;
			*background: url(../images/icon/icon_01.gif) no-repeat left 1px;}
					

		#bible_myteam #column_box2{}
			#column_box2 a{
			color: #344F22;
			font-size: 11px;
			font-weight: bold;
			display: block;
			float: left;
			border-top: 1px solid #334d20;
			border-left: 1px solid #334d20;
			background: url(../images/dec/line_09.gif) repeat-x center bottom;
			padding: 2px 5px 1px 5px;}
			
			#column_box2 a:hover{
			background: url(../images/dec/line_09.gif) repeat-x center 20px;}
	
	
			#column_box2 #link{
			color: #344e21;
			font-size: 11px;
			font-weight: bold;
			display: block;
			float: left;
			border-top: 1px solid #334d20;
			border-left: 1px solid #334d20;
			background: url(../images/dec/line_09.gif) repeat-x center 20px;
			padding: 2px 5px 1px 5px;
			-padding:4px 5px 3px 5px;}
			
			
	/*---- bible_mine 我收到的 ----*/
	#bible_mine{
	padding-left: 14px;}

	#bible_message{
	position: relative;}
	
	#bible_message #person{
	width: 510px;
	position: absolute;
	z-index: 2;
	top: 30px;
	left: 300px;
	*left: 285px;}
	
		#bible_message #person a{
		display: block;
		color: #85827B;
		text-decoration: none;}
		#bible_message #person a:hover{
		color: #344E21;}

		#bible_message #present{
		border: 1px solid #5C6E48;
		margin:0 25px 0 0;
		padding: 3px 0 0 10px;}
		
		#bible_message #present_box{
		float: left;
		padding: 4px;
		width: 23%;}
		
	#bible_mine_info{
	padding: 2px 4px 10px 2px;}
	
	#bible_mine_info #express{
		height: 176px;
		width: 785px;
		overflow: scroll;
		overflow-x: hidden;
		margin:3px 0 14px 0;
		padding:0 10px 0 0;}
		
		#bible_mine_info #express p{
		padding: 0px;
		color: #686667;
		font-size: 12px;
		line-height: 17px;
		margin: 10px 0px 15px 0px;}
	
	
	/*---- bible_invite 我邀請的 ----*/
	#bible_invite{
	padding-left: 14px;}
		#bible_invite #invite{
		width: 48%;
		float: left;
		padding: 1%;}
	
	
	
	/*---- bible_care 我關注的 ----*/	
	#bible_care{
	padding-left: 14px;}
		#bible_topic{
		padding-left: 14px;}
		#bible_friend{
		width: 31%;
		float: left;
		border: 1px solid #5B6C48;
		padding: 5px;
		margin: 0px 4px 8px 2px;}

/*== member_terms 會員條款 ========================*/
#member_terms{
	border: 1px solid #395126;
	background: #FFFFFF;
	color: #7c7c7c;
	padding: 15px;
	width: 770px;
	margin:0 auto 10px auto;
	overflow: auto;
	height: 300px;
	line-height: 21px;}

	#member_terms p{
		margin: 0px 0px 20px 0px;
		padding: 0px;}
		
	#member_terms ol{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
	#member_terms ul{
		margin: 4px 0 4px 0;
		padding: 0px;}
	#member_terms li{
		list-style: none;
		margin-left: 34px;
		text-indent: -20px;
		*margin-left: 35px;
		*text-indent: -20px;}

/*== Page ========================*/
#page{
	width: auto;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;}
	
#page a{
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	display: block;
	float: left;
	padding: 3px 3px 1px 3px;
	color: #333333;}

	#page a:hover{
	border: 1px solid #642021;
	padding: 2px 2px 0px 2px;
	color: #000000;}
	


	
/*== footer ========================*/
#footer{
	background: url(../images/bg/footer.jpg) no-repeat;
	text-align: right;
	width: 800px;
	height: 112px;
	margin: 0 auto;
	padding:0 62px 0 128px;
	position: absolute;
	bottom: 0px;}

	#address a{
	color: #D9DAD4;
	padding: 5px;
	line-height: 20px;
	font-size: 11px;
	*font-size: 10px;}
	
	#address a:hover{
	color: #FFFFFF;}