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

* 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
	+ Header


	+ Container
	  + Main
			- column_left
	  		- column_banner
	  		- column_bottom
			
	  + Sub
			- column_left

	
　　+ footer
	  		

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


== 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
============================================

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


/*==index ========================*/

#Wrapper{
	background: url(../images/bg/bg_01.jpg) no-repeat top;
	width: 990px;
	margin:0px auto;}
	
#Header{
	height: 135px;}

#Container{
	margin:15px 25px 0px 25px;}


#Main{
	width: 690px;
	float: left;}
	
/*-------- content_cont----*/
	#content_cont{
	padding:10px 15px 10px 15px;
	background: #FFFFFF;
	color: #666666;
	line-height: 20px;
}
		
			#cont_banner1{
			position: relative;
			top: 0px;}
			
			#cont_btn{
			position: absolute;
			right: 1px;
			top: 135px;}
	
			#cont_banner2{
			height: 106px;
			background: url(../images/bg/bg_04.jpg) no-repeat left top;
			padding: 0px;}
			
			
	/*---- columns_1----*/
	#columns_1{
	padding:10px 15px 15px 15px;
	background: #FFFFFF;
	color: #666666;}
		
		#columns_1 ul{
		color: #333333;
		font-size: 13px;
		font-weight: bold;
		line-height: 26px;
		margin: 0px;
		padding: 2px 0px 0px 0px;}

			#columns_1 ul a{
			color: #f0ab2c;}
			#columns_1 ul a:hover{
			text-decoration: underline;}

		#columns_1 li{
		font-size: 11px;
		color: #666666;
		list-style-type: none;
		font-weight: normal;
		line-height: 17px;
		margin-bottom: 10px;}


	/*---- columns_2----*/
	#columns_2{
	background: #FFFFFF;
	color: #666666;}
	
		#columns_2 ul{
		color: #333333;
		font-size: 12px;
		margin: 0px 0px 15px;
		padding: 0px;
		line-height: 18px;}
		#columns_2 li{
		list-style: none;
		background: url(../images/icon/icon_02.gif) no-repeat left 3px;
		text-indent: 12px;}
		
			#columns_2 li a{
			color: #af235d;
			text-decoration: none;}
			#columns_2 li a:hover{
			text-decoration: underline;}
			
			
	/*---- columns_3----*/
	#columns_3{
	background: #FFFFFF;
	color: #666666;}

		#columns_3 ol{
		margin: 0px 0px 20px;
		padding: 0px;}
		#columns_3 ul{
		color: #666666;
		font-size: 12px;
		margin: 0px 0px 15px 0px;
		padding: 0px;}
		#columns_3 li{
		list-style: none;}



/*-------- Sub----*/
#Sub{
	width: 234px;
	float: left;
	margin:0 0 0 15px;}
	
	#action{
	background: #290514;
	border-top: 3px solid #290514;
	border-bottom: 1px solid #290514;
	margin-bottom: 2px;}

		#action img{
		border-top: 2px solid #290514;
		border-right: 4px solid #290514;
		border-bottom: 2px solid #290514;
		border-left: 4px solid #290514;}


	#website{
	background: #290514;
	border-top: 3px solid #290514;
	border-bottom: 1px solid #290514;
	margin-bottom: 2px;}

		#website img{
		border-top: 2px solid #290514;
		border-right: 4px solid #290514;
		border-bottom: 2px solid #290514;
		border-left: 4px solid #290514;}




#footer{
	line-height: 27px;
	color: #939393;
	text-align: center;
	background: url(../images/bg/bg_02.gif);
	height: 27px;
	margin-top: 20px;}