html,body{ font-size:12px; font-family:Verdana; color:#333;}
html{background:#EBBEE0;}
#body{ background:#fff;font-size:12px; margin:0 auto; width:778px;}

/* Public */
input,select,a,textarea{ color:#333;font-size:12px;}
ul,li{margin:0; padding:0; list-style:none;}
p{margin:5px;}
img{border:none;}
a:link,a:visited{ color:#993366; text-decoration:none;}
a:hover,a:active{ color:#666; text-decoration:none;}

/* Top */
#com_top{ background:#FAF3F9;}
	#com_name{ padding:5px 0 0 20px;}
		#com_name h2{ line-height:30px; font-size:20px; color:#333; font-weight:normal;}
			#com_name h2 img{ vertical-align:middle; margin-right:10px; width:120px; height:50px;}
		#com_name h4{ visibility:hidden;}
	
	#com_link{ background:#000; line-height:25px; text-align:right;}
		#com_link a{ margin:2px 5px;}
		#com_link a:link,#com_link a:visited{ color:#fff;}
		#com_link a:hover,#com_link a:active{ color:#999;}
	
/* Banner */
#com_banner{ background:url(pic/banner.jpg); height:138px;}

/* Body */
#com_body{ background:url(pic/body_bg.gif) repeat-y; background-position:178px 0!important;background-position:179px 0; overflow:hidden;}

	/* Menu */
	#com_menu{ background:url(pic/banner_1.jpg) left top no-repeat;width:179px; float:left; padding:91px 0 0 0; height:300px;}
		.menu_title{ height:22px;}
			/* Use BG */
			#product_type_title{background:url(pic/product_nav.jpg);}
			#company_contact_title{ background:url(pic/contact.jpg);}
			
		.type_list{padding:10px;}
			.type_list a{ padding-left:20px;line-height:22px; background-image:url(pic/list_bg.gif); background-repeat:no-repeat;}
				.type_list a:link,.type_list a:visited{ background-position:0 -3px;}
				.type_list a:hover{ background-position:0 -23px; color:#CC0066;}
				
		.menu_main{ padding:10px; line-height:20px;}
	
	/* Main */
	#com_main{ background:url(pic/be_pretty.jpg) no-repeat; background-position:left top!important;background-position:-2px top;margin-left:179px;padding-left:32px;}
		.main_title{ height:41px; margin:0;border-top:#DC8EC8 10px solid;background-position:2px -10px!important; background-position:0 -10px; background-repeat:no-repeat;}
		/* Use BG */
		#main_profile_title{ background-image:url(pic/profile.jpg);}
		#main_product_title{ background-image:url(pic/product_1.jpg);}
		#main_contact_title{ background-image:url(pic/contact_1.jpg);}
		#main_show_title{ background-image:url(pic/show.jpg);}

		
		.main_content{ margin:10px 30px;}
			#company_figure{ float:right; width:220px; height:200px;}

	/* Product */
	#com_product{margin:5px 22px 5px 30px;height:auto;height:20px;}
		#com_product li{ width:150px; float:left; margin:5px 13px 20px 0px; text-align:center; line-height:22px;}
			#com_product li img{ width:150px; display:block; height:120px; border:1px solid #ccc;}
	
	/* Page */
	.page_number{padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin:0px auto 20px auto; padding-top: 5px; text-decoration: none; clear:both; text-align:center;}
		.page_number strong {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; vertical-align: middle; color: #ccc; margin-right: 2px; padding-top: 2px}
		.page_number span {margin-left: 5px}
		.page_number a {border-right: #ddd 1px solid; padding-right: 6px; border-top: #ddd 1px solid; padding-left: 6px; background: #fff; padding-bottom: 2px; vertical-align: middle; border-left: #ddd 1px solid; color: #333; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid}
		.page_number a:hover {border-left-color: #366ab3; border-bottom-color: #366ab3; color: #366ab3; border-top-color: #366ab3; text-decoration: none; border-right-color: #366ab3}

	
/* Copyright */
#com_copyright{text-align:center; line-height:30px;}


/* Common */
#com_product .clear{ clear:both;height:1px; width:100%;}
.space{ clear:both;border:1px solid #efefef;}
.menu_title span , .main_title span{ visibility:hidden;}