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

* 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
			-column_left
	  		-column_banner
	  		-column_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
============================================

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


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

#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;
}
	
	#cont_left{
	height: 514px;
	width: 212px;
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 3;}
	
	#cont_banner{
	height: 434px;
	width: 942px;
	position: absolute;
	top: 0px;
	right: -40px;
	z-index: 2;}
	

	#cont_bottom{
	width: 990px;
	height: 110px;
	background: url(../images/dec/line_01.jpg) no-repeat center top;
	position: absolute;
	top: 398px;
	z-index: 1;
	padding-top: 8px;}
	
		#cont_bottom .txt{
		color: #818181;
		line-height: 17px;
		height: 60px;
		overflow: hidden;
		width: 270px;}
		
		#cont_bottom .txt p{
		margin: 0px 0px 2px;
		padding: 0px;
		color: #000000;
		font-size: 10px;
		height: 10px;
		line-height: 10px;}
		
		#cont_bottom .txt img{	
		height: 59px;
		width: 54px;
		float: left;
		margin-right: 12px;}
		

	#main{
	margin: 0px 8px;}

	
#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;}
	
	
/*== Brand story ===================*/
#left_side_story{
	position: absolute;
	top: 70px;
	left: -110px;
	z-index: 3;}
	
/*== Product ======================*/


#left_side_product{
	position: absolute;
	top: 55px;
	z-index: 3;
	left: 5px;}
	
#right_main{}
	#btn_box01{
	text-align: right;
	position: absolute;
	right: 50px;
	z-index: 2;}
	
	#btn_box02{
	text-align: right;
	position: absolute;
	right: 49px;
	z-index: 2;
	bottom: 100px;}

	#btn_box03{
	text-align: right;}	
	
	#right_main ul{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #4f4850;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	background: url(../images/icon/icon_01.gif) no-repeat left 6px;
	*background: url(../images/icon/icon_01.gif) no-repeat left 3px;}
	
	#right_main li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #8b848c;
	font-size: 12px;
	font-weight: normal;}
	
	#right_main p{
	font-size: 13px;
	color: #918995;
	line-height: 24px;
	margin: 0px 0px 18px;}
	
	
#product_1{}
#product_2{
	height: 281px;
	width: 421px;
	border: 2px solid #666666;
}
#product_3{}

/*== Topic ========================*/
#left_side_topic{
	position: absolute;
	top: 120px;
	z-index: 3;
	left: 0px;}
	
	
	#topic_article{
	height: 240px;
	overflow: auto;
	width: 700px;
	margin:0 0 0 15px;
	padding-right:18px;}
#cont_left2 {

	height: 550px;
	width: 212px;
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 3;
}