@charset "utf-8";
body.mainBody {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin: 0px auto;
	background-color:#ededed;
	text-align: -moz-center !important;
	#text-align:center;
}
#top{
	width:100%;
	height:90px;
	text-align: -moz-center !important ;
	#text-align:center;
	background-image:url(../images/top_bg.gif);
	position:relative;
}
#header{
	width:940px;
	height:90px;
	text-align: -moz-center !important ;
	#text-align:center;
	background-image:url(../images/top_bg2.gif);
	position:relative;
}

/***********logo 設定 **************/
#header .logo{
	width:134px;
	margin-top:12px;
	margin-left:0px;
	float:left;
}


/***********手寫文字 設定 **************/
#header .txt{
	width:201px;
	height:35px;
	margin-top:32px;
	margin-left:34px;
	float:left;
}

/***********toplink & Search 設定************************/
#toplink{
	width:286px;
	padding-top:12px;
	float:right;
	text-align:right;
}
#toplink2{
	width:100%;
	height:20px;
	padding-top:3px;
	float:right;
	text-align:right;
}

#topsearch{
	width:100%;
	height:30px;
	float:right;
	text-align:right;
	padding-top:10px;
	
}

/************************main visual*********************/

#main_visual{
	width:100%;
	float:right;
	height:100px;
	text-align: -moz-center !important ;
	#text-align:center;
	position:relative;
	background-color:#d8d8d6;
	clear:both;
}

#main_visual.image{
	width:940px;
	float:left;
}

/************************menu*********************/

#menu{
	width:100%;
	height:67px;
	text-align: -moz-center !important ;
	#text-align:center;
	background-color:#ffffff;
	clear:both;
	
}
#menu_bar{
	width:940px;;
	height:67px;
		
}




/************************main*********************/

#main{
	width:950px;
	background:#FFFFFF;
	height:auto 100% !important ;
	margin-top:10px;
	}
	

#main{
	width:940px;
	padding-top:10px;
	text-align:left;
	background-color:#FFFFFF;
	background-repeat:repeat;
}

#main_dw{
	width:940px;
	height:60px;
	background-image:url(../images/bg_dw.gif);		
	clear:both;
}
#main_left{
	width:190px;
	text-align:left;
	float:left;
	padding-left:6px;
		
}
#main_right{	
	width:721px;
	float:right;
	padding-right:15px;
		
	
}

/************************sub menu*********************/
#submenu{
	width:190px;
	text-align:left;
	float:left;
	background-image:url(../images/bg3.gif);		
}
#submenu_title{
	padding-top:6px; 
	padding-left:20px;
	width:170px;
	#width:190px;
	height:26px;
	#height:32px;
	text-align:left;
	float:left;
	background-image:url(../images/bg4.gif);		
}



#submenu_list{
	width:160px;
	text-align:left;
	float:left;
	padding-left:14px;
	padding-bottom:20px;	
}
#submenu_down{
	width:190px;
	height:18px;
	text-align:left;
	float:left;
	background-image:url(../images/bg5.gif);		
}
#banner{
	width:190px;
	height:65px;
	text-align:center;
	float:left;
	padding-top:5px;
	
}
/************************right center*********************/
#title_bar{
	width:100%;
	height:35px;
	text-align:left;
	background-image:url(../images/title_bg.gif);	
}


#title_txt{
	width:30%;
	height:20px;
	text-align:left;
	float:left;
	padding-left:25px;
	padding-top:10px;	
}
#title_location{
	width:60%;
	height:20px;
	text-align:right;
	float:right;
	padding-left:25px;
	padding-top:15px;	
}
#title_bar2{
	width:100%;
	height:35px;
	text-align:left;
	background-image:url(../images/title_bg2.gif);	
}
#title_txt2{
	width:60%;
	height:20px;
	text-align:left;
	float:left;
	padding-left:5px;
	padding-top:10px;	
}
#categories_bar{
	width:30%;
	height:20px;
	text-align:right;
	float:right;
	padding-top:8px;
	padding-right:5px;
}





/***********************main center2*********************/
#main_center{
	width:721px;
	text-align:left;
	float:left;
	padding-top:20px;	
		
}
#aboutus{
	width:532px;
	height:120px;
	text-align:left;
	float:left;
	background-image:url(../images/bg_aboutus.jpg);
	
}
#aboutus_title{
	width:100%;
	height:26px;
	text-align:left;
	float:left;
	
	
}
#aboutus_center{
	width:80%;
	height:26px;
	text-align:left;
	float:left;
	
	
}
#contactus{
	width:170px;
	text-align:left;
	float:right;
	height:122px;
	
	
}
#contactus_center{
	width:100%;
	text-align:left;
	float:left;
	
	
}
#center_space{
	width:18px;
	height:122px;
	text-align:center;
	background-image:url(../images/line.gif);
	float:left;		
}
/************************product_list*********************/
#pd_outline{
	width:100%;
	text-align:left;
	padding-top:5px;
}

#pd_list{
	width:100%;
	height:140px;
}
#pd_space{
	width:100%;
	height:1 !important ;
	#height:20px;
}
#pd_space2{
	width:100%;
	height:20px;
}
#pd_line{
	width:100%;
	height:18;
	background-image:url(../images/pd_line.gif);
}
#pd_bg{
	width:175px;
	height:145px;
	background-image:url(../images/bg_pd.gif);
	float:left;
}
#pd_pic{
	width:130px;
	height:100px;
	padding-top:13px;
	padding-left:23px;
}
#pd_title{
	width:162px;
	height:20px;
	text-align:center;
	padding-top:15px;
	padding-left:10px;
	
}
#center_pagelink{
	width:706px;
	height:30px;
	text-align:center;
	float:left;
	padding-top:10px;
	
}
/************************product_Detail*********************/

#product_top{
	width:100%;
	text-align:left;
	float:left;
}
#product_summary{
	width:50%;
	text-align:left;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px; 
	padding-right:10px;
}
#product_Categories{
	width:100%;
	text-align:left;
	padding-bottom:10px;
	
}

#product_title{
	width:100%;
	text-align:left;
	padding-bottom:15px;
	
}
#product_content{
	width:100%;
	text-align:left;
	padding-bottom:15px;
	
}
#product_content2{
	width:40%;
	text-align:right;
	float:right;
	padding-top:5px;
	
	
}
#product_bgline{
	width:98%;
	text-align:left;
	background-color:#e5e4e4;
	height:2px;
	
}
#product_pic{
	width:40%;
	text-align:left;
	float:right;	
	padding-left:10px; 
	padding-right:20px;
}
#product_zoomin{
	width:100%;
	text-align:center;
	float:right;
	padding-top:10px;
	padding-bottom:20px;	
	
}


/************************news_list*********************/
#news_list{
	width:100%;
	padding-top:20px !important ;
	#padding-top:0px;
}

#news_title{
	width:100%;
	padding-left:5px;
	
}
#news_date{
	width:100%;
	padding-top:3px;
	padding-left:5px;
	
}
#news_center{
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:8px !important ;
	color:#666;
	font-size:11px;
	line-height:16px;
	
}
#news_center2{
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	text-align:left;
	float:left;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:8px;
	color:#666;
	font-size:12px;
	line-height:18px;
	padding-bottom:70px;
	
}
#news_line{
	width:100%;
	border-top:1px solid #e9e9e9;
	
}
#news_bar{
	width:100%;
	height:20px;
	text-align:left;
	float:left;
	padding-bottom:20px;
	
}

#icon_back{
	width:40%;
	text-align:left;
	float:left;
	
}

#icon_top{
	width:40%;
	text-align:right;
	float:right;
	
}


#other_list{
	width:100%;
	height:auto 100%;
	text-align:left;
	float:left;
	padding-bottom:20px;
	
	
}
#other_title{
	width:100%;
	text-align:left;
	float:right;
}
#other_line{
	width:100%;
	height:5px;
	text-align:left;
	float:right;
}
#other_list2{
	width:100%;
	height:auto 100%;
	text-align:left;
	float:left;
	padding-top:15px;
}
#other_more{
	width:100%;
	text-align:right;
	float:right;
	padding-top:20px;
	padding-bottom:40px;
}

/************************contact us form*********************/

#contactus_form{
	width:65%;
	text-align:left;
	float:left;
}
#contactus_summary{
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	width:100%;
	text-align:left;
	float:left;
	padding-top:20px;
	padding-bottom:15px;
}
#form{
	width:100%;
	height:400px;
	text-align:center;
	float:left;
}
#form2{
	width:100%;
	text-align:left;
	float:left;
	height:25px;
}
#form3{
	width:100%;
	text-align:left;
	float:left;
	height:155px;
}
#form_title{
	width:18%;
	height:20px;
	text-align:right;
	float:left;
	padding-right:8px;
	padding-top:3px;
}
#form_input{
	width:80%;
	height:20px;
	text-align:left;
	float:right;
	
}



#contactus_location{
	width:30%;
	text-align:left;
	float:right;
}
#location_title{
	width:100%;
	text-align:left;
	float:right;
	
}
#location_content{
	width:100%;
	text-align:left;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	
}
#location_map{
	width:100%;
	text-align:left;
	float:right;
	
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	
}























/************************down*********************/
#footer{
	width:100%;
	height:65px;
	background-color:#0d6c9a;
	
}


#down{
	width:940px;
	text-align:left;
	
	
}
#down_link{
	width:80%;
	float:left;
	text-align:left;
	margin-top:10px;
}
#down_top{
	width:20%;
	float:right;
	text-align:right;
	margin-top:10px;	
}

