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

* 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
			+ main
				- h3
				- side_left
				- side_right
			
		
	  + center_bottom	
	  		+ 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
============================================

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


/*==talk ========================*/

#Wrapper{
	background: url(../images/bg/talkbg_05.gif) repeat-y center top;}

#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/talkbg_01.gif) no-repeat center top;
}

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

	#main{
	margin: 0px 14px;}


/*---------- side_right -----------*/
	#side_right{
	width: 216px;
	background: url(../images/bg/talkbg_03.jpg) no-repeat top;
	padding-top: 93px;
	text-justify:distribute;
	text-align:justify;
	z-index: 3;	
	position: absolute;
	right: 14px;
	top: 40px;
	*top: 36px;}
	
		#side_right p{
		color: #666563;
		line-height: 18px;
		margin: 0px;
		padding: 0px;}
		
		/*--- link_list1---*/
		#link_list1 ul{
		color: #3b5025;
		line-height: 16px;
		clear: both;
		padding: 0px;
		margin: 0px;}
				
		#link_list1 li{
		list-style: none;
		display: inline;
		padding: 0px;
		margin: 5px 0 0 0;}
		
		#link_list1 #title{
		display: block;
		float: left;
		width: 64px;}
			
		#link_list1 #txt{
		float: left;
		display: block;
		width: 130px;}
		
			#link_list1 #title a{
			color: #3a5022;}
			
			#link_list1 #title a:hover{
			text-decoration: underline;}

			#link_list1 #txt a{
			color: #000002;}
	
			#link_list1 #txt a:hover{
			text-decoration: underline;}
			
			
		/*--- link_list2---*/
		#link_list2 ul{
		margin: 0px;
		padding: 0px;}
		#link_list2 li{
		list-style-type: none;
		display: list-item;
		background: url(../images/icon/talk_01.gif) no-repeat left top;
		list-style-position: outside;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 10px;}
				
		#link_list2 li a{
		color: #385127;
		font-size: 12px;
		line-height: 18px;}
				
		#link_list2 li a:hover{
		text-decoration: underline;}


		
/*---------- side_left -------------*/
#side_left{}
	
/*--- talk_list ---*/
		#talk_list ul{
		width: 735px;
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		line-height: 40px;
		color: #656565;
		border-bottom: 1px dashed #9f997d;
		*font-size: 10px;}
		
		#talk_list li{
		list-style: none inside;
		display: block;
		float: left;}
		
		#talk_list ul a{
		color: #656565;
		height: 40px;}
		
		#talk_list ul a:hover{
		color: #000000;}
		
		

		#talk_list #notes{
		padding-left:5px;
		width: 65px;
		font-weight: bold;
		color: #023821;}
		
		#talk_list #list{
		height: 40px;
		overflow: hidden;
		margin-right:10px;
		width: 271px;}
		
		#talk_list #type{
		width: 68px;}
		
		#talk_list #view{
		width: 50px;}
		
		#talk_list #response{
		width: 50px;}
		
		#talk_list #updated{
		width: 216px;
		height: 40px;
		overflow: hidden;}
		
		#talk_list #ex{
		color: #385225;
		text-align: center;
		line-height: 18px;
		border: 1px solid #023821;
		margin: 18px 0 0 0;
		font-size: 11px;}
		
		
		
/*--- experience---*/

#experience{
	padding-bottom: 15px;
	text-justify:distribute;
	text-align:justify;}

	/*--- people ---*/
	#experience #people{
	width: 120px;
	padding:0 0 0 20px;
	float: left;}
	
	#experience #people p{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #646464;}
		
	/*--- msg ---*/
	#experience #msg{
	width: 595px;
	float: right;}
	
	#experience #msg_title{
	line-height: 28px;
	border-top: 1px solid #013821;
	border-bottom: 1px dashed #aaa7a0;
	color: #023821;}
	
	#experience #msg_txt{
	width: 540px;
	padding-top:17px;}
	
	#experience #msg_txt p{
	color: #656563;
	line-height: 20px;
	padding: 0px;
	margin: 0px 0px 12px 0px;}
	
	
	/*--- talk_publish---*/
	#talk_publish{
	padding-right: 10px;
	line-height: 22px;}

	#talk_publish p{
	margin: 0px 0px 15px;
	padding: 0px;}	


	/*--- talk_service---*/
	#talk_service{
	width: 554px;
	background: #FFFFFF;
	border: 1px solid #576d49;
	text-justify:distribute;
	text-align:justify;
	margin:20px auto;
	padding: 20px 55px 0px 55px;
	*padding: 20px 55px 18px 55px;}
	
		#talk_service ul{
		margin: 0px 0px 0px 15px;
		padding: 0px;
		color: #656565;}
	
		#talk_service li{
		list-style: outside;
		line-height: 19px;
		margin-bottom: 12px;}

	
	
/*--- event_description ---*/
#event_description{
	position: relative;
	background: url(../images/pic/pic_event2.jpg) no-repeat 640px 360px;}

	#event_description #column1{
	position: absolute;
	left: 1px;
	top: -18px;}
	
	#event_description #column2{
	background: url(../images/pic/pic_event3.jpg) no-repeat 865px 40px;
	padding-left: 145px;
	padding-bottom: 10px;}

	#event_description #column3{
	margin-left: 40px;
	padding-left: 105px;
	padding-bottom: 10px;
	width: 600px;}
	#event_description #column4{
	margin-left: 40px;
	padding-bottom: 10px;
	width: 700px;}
	#event_description #column5{
	margin-left: 40px;
	padding-bottom: 10px;
	width:700px;}
	#event_description #column6{
	margin-left: 40px;
	padding-bottom: 160px;}

	#event_description ol{
	color: #13300e;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
	padding: 8px 0px;
	font-size: 15px;
	display: block;}
	
	#event_description ul{
	font-size: 12px;
	line-height: 18px;
	list-style: none;
	color: #343434;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
	white-space: nowrap;}

	#event_description li{
	font-size: 12px;
	color: #959595;
	display: inline;
	font-weight: normal;}
	
	#event_description p{
	font-size: 12px;
	color: #959595;
	font-weight: normal;
	margin: 8px 0px 0px;
	padding: 0px;
	line-height: 19px;}

/*--- premium_description ---*/
#premium_description{
	position: relative;}

	#premium_description #column1{
	position: absolute;
	left: 1px;
	top: -18px;}
	
	#premium_description #column2{
	padding-left: 145px;
	padding-bottom: 10px;}

	#premium_description #column3{
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	background-image: url(../images/bg/draw_01_bg.jpg);
	background-repeat: no-repeat;
}
	#premium_description #column5{
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	background-image: url(../images/bg/draw_02_bg.jpg);
	background-repeat: no-repeat;
}
	#premium_description #column4{
	margin-left: 127px;
	padding-bottom: 10px;
	width: 700px;
	background-image: url(../images/icon/bg_dd.gif);
	background-repeat: repeat-y;
	padding-left: 40px;
}
	#premium_description ol{
	color: #13300e;
	font-weight: bold;
	font-size: 15px;
	display: block;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
	
	#premium_description ul{
	font-size: 12px;
	line-height: 18px;
	list-style: none;
	color: #343434;
	padding: 0px;
	font-weight: normal;
	white-space: nowrap;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

	#premium_description li{
	font-size: 12px;
	color: #959595;
	display: inline;
	font-weight: normal;}
	
	#premium_description p{
	font-size: 12px;
	color: #959595;
	font-weight: normal;
	padding: 0px;
	line-height: 19px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
	
/*--- page ----*/
#page{
	color: #999792;
	letter-spacing: 0.1em;
	margin: 10px auto 100px auto;}
	
	#page a{
	color: #000000;}
	
	#page a:hover{
	text-decoration: underline;}
	
	
#center_bottom{
	background: url(../images/bg/talkbg_04.gif) no-repeat center bottom;
	position: relative;
	top: 0px;}

	#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: relative;
	z-index: 1;}

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

	#address a:hover{
	color: #FFFFFF;}