@import "system.css";
* { margin: 0; padding: 0; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
	background: #fff url(bg_body.jpg) top center no-repeat;
	text-align: center;
}

a { color: #0d66a5; text-decoration: underline;  }
a:hover { color: #0d66a5; text-decoration: none; }

.clear { clear: both; } 
.none { display: none; }
.hidden { visibility: hidden; }

/* ---------------------------------------------------------- */
/* -------------------------- wrap -------------------------- */
/* ---------------------------------------------------------- */
#wrap { width: 990px; margin: 0px auto 0; padding: 20px 0; position: relative; background: #fff url(bg_body.jpg) top center no-repeat; text-align: left; }
#shadow { width: 100%; }
	body#homepage #shadow { background: url(shadow_homepage.jpg) 0px 450px no-repeat; }


/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 270px; width: 100%; float: left; background: url(bg_header.jpg) top left no-repeat; position: relative; }
	body#homepage #header { height: 500px; }


/* ---------------------------------------------------------- */
/* --------------------------- logo ------------------------- */
/* ---------------------------------------------------------- */
#logo { position: absolute; top: 25px; left: 32px; }
#logo a { display: block; width: 190px; height: 45px; overflow: hidden; position: relative; }
#logo a span { display: block; width: 190px; height: 45px; background-image: url(logo.jpg); position: absolute; top: 0; left: 0; }

	
/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
#navigation { position: absolute; top: 31px; /*right: 110px;*/ right: 31px; }
#navigation ul { font-weight: bold; list-style: none; }

#navigation li { float: left; width: auto; margin-left: 5px; }
#navigation li a { display: block; float: left; width: auto; height: 35px; margin-left: 3px; background: none; text-align: center; color: #505050; text-decoration: none; font-weight: bold; position: relative; }
#navigation li a span { display: block; float: left; width: auto; height: 24px; padding: 11px 15px 0 12px; background: none; overflow: hidden; }
#navigation li a span.corner { width: 3px; height: 35px; padding: 0; background: none; overflow: hidden; position: absolute; top: 0; left: -3px; }

#navigation li a:hover, #navigation li.active a { background: url(nav_right.gif) top right no-repeat; color: #fff; }
#navigation li a:hover span, #navigation li.active a span { background: url(nav_left.gif) -3px 0px no-repeat; }
#navigation li a:hover span.corner, #navigation li.active a span.corner { background: url(nav_left.gif) top left no-repeat; }
/* ---------------------------------------------------------- */
/* --------------------------- indexflash ------------------------- */
/* ---------------------------------------------------------- */
#indexflash { position: absolute; top: 92px; left: 0px;	width:990px;	height:360px; }




/* ---------------------------------------------------------- */
/* ---------------------------- lang ------------------------ */
/* ---------------------------------------------------------- */
#lang { 
display: none; 
position:absolute;
z-index:1;
height: 25px; 
padding: 15px 0 0 18px;
position: absolute; 
top: 28px;
left: 888px;

color: #0d66a5; 
}

#lang a { display: block; float: left; width: auto; color: #505050; margin-right: 12px; text-decoration: none; }
#lang a:hover { color: #0d66a5; text-decoration: underline; }
#lang a.active { color: #0d66a5; }



#apDiv1 {
	position:absolute;
	width:151px;
	height: 25px;
	z-index:2;
	left: 881px;
	top: 3px;
	color: #0d66a5;
	
}

#apDiv1 a { display: block; float: left; width: auto; color: #505050; margin-right: 12px; text-decoration: none; }
#apDiv1 a:hover { color: #0d66a5; text-decoration: underline; }
#apDiv1 a.active { color: #0d66a5; }
/**/

/* ---------------------------------------------------------- */
/* -------------------------- headline ---------------------- */
/* ---------------------------------------------------------- */
h1 {
	display: block;
	width: 990px;
	height: 110px;
	padding-top: 50px;
	overflow: hidden;
	background: #2c6aa9;
	position: absolute;
	top: 91px;
	left: 0px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	background-image: url(../images/banner.jpg);
}
h1 span { display: block; width: 990px; height: 192px; position: absolute; top: 0; left: 0; }
	body#homepage h1 { display: none; }
	
	body#company h1 span { background-image: url(h1_company.jpg); }
	body#services h1 span { background-image: url(h1_services.jpg); }
	body#career h1 span { background-image: url(h1_career.jpg); }
	body#ref h1 span { background-image: url(h1_ref.jpg); }
	body#order h1 span { background-image: url(h1_order.jpg); }
	body#contact h1 span { background-image: url(h1_contact.jpg); }
	body#page404 h1 span { background-image: url(h1_page404.jpg); }
	
	body#webdesign h1 { background: #818c98; color: #fff; }
	body#webdesign h1 span { background-image: url(h1_webdesign.jpg); }
	
	body#eshop h1 { background: #b0d8e4; color: #277e95; }
	body#eshop h1 span { background-image: url(h1_eshop.jpg); }
	
	body#corporate_design h1 { background: #242627; color: #ecda47; }
	body#corporate_design h1 span { background-image: url(h1_corporate_design.jpg); }
	
	body#emarketing h1 { background: #5f7028; color: #e7d8ae; }
	body#emarketing h1 span { background-image: url(h1_emarketing.jpg); }


/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 970px; padding: 20px 10px 0; background: url(horizontal_dots.gif) top repeat-x; }
#footer a { color: #8d93a1; } 
#footer a:hover { text-decoration: none; } 
#footer p { margin: 0; }
	p#copyright { float: left; width: auto; line-height: 20px; }
		p#copyright a { display: block; float: left; width: auto; background: url(light_blue_arrow.gif) 0px 6px no-repeat; color: #00aad3; padding-left: 10px; margin-right: 14px; text-decoration: none; }
		p#copyright a:hover { text-decoration: underline; }
	
a#footer-logo 				{ display: block; float: right; width: 200px; height: 50px; overflow: hidden; position: relative; color: #cbcbcb; text-decoration: none; font-size: 24px; }
a#footer-logo:hover			{ color: #a8a8a8; }
a#footer-logo span 			{ display: block; width: 200px; height: 50px; background: url(iso-logo.jpg) top left no-repeat; position: absolute; top: 0; left: 0; }
a#footer-logo:hover span 	{ background: url(iso-logo.jpg) bottom left no-repeat; }

/* -------------
a#footer-logo 				{ display: block; float: right; width: 118px; height: 29px; overflow: hidden; position: relative; color: #cbcbcb; text-decoration: none; font-size: 24px; }
a#footer-logo:hover			{ color: #a8a8a8; }
a#footer-logo span 			{ display: block; width: 118px; height: 29px; background: url(footer-logo.jpg) top left no-repeat; position: absolute; top: 0; left: 0; }
a#footer-logo:hover span 	{ background: url(footer-logo.jpg) bottom left no-repeat; }



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



/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* --background: url(vertical_dots.gif) 745px 0px repeat-y; margin-bottom: 24px;--------------------------------- */
#content { padding: 0px 0px 8px 0px; text-align: left; background: url(vertical_dots.gif) 250px 0px repeat-y; margin-bottom: 24px; }
	
	#left { float: right; width: 730px; }
		#left .padding { padding-left: 8px; }
		#left .padding_2 { padding-left: 16px; }
	#right { float: right; width: 245px; margin-top: -9px;  }

h2 { color: #0D66A5; font-size: 14px; font-weight: bold; margin-bottom: 14px; line-height: 1.5em;  }
h3 { color: #505050; font-size: 11px; font-weight: bold; margin-bottom: 4px; }
p { line-height: 1.5em; margin-bottom: 18px; }
	p.success { text-align: center; font-weight: bold; color: #39b44a; }
	p.error { text-align: center; font-weight: bold; color: #ed1c24; }
img {  }

p.center { text-align: center; }
img { border-style: none; }


/* blue-box */
.blue-box { width: 730px; margin-bottom: 10px; background: url(box.gif) left repeat-y; }
.blue-box-top { width: 730px; background: url(box_top.gif) top left no-repeat; }
.blue-box-bottom { width: 710px; background: url(box_bottom.gif) bottom left no-repeat; padding: 10px; }
.blue-box h3 { color: #0d66a5; background: url(box_h3_arrow.gif) 4px 4px no-repeat; padding-left: 14px; margin-bottom: 6px; }
.blue-box p { margin-bottom: 0px; }


/* button */
a.button { display: block; height: 35px; overflow: hidden; margin: 0 auto; background-color: #2296c4; background-image: url(button.gif); background-position: top; background-repeat: repeat-x; text-align: center; color: #fff; text-decoration: none; font-weight: bold; }
a.button span { display: block;  height: 35px; background-image: url(button-left.gif); background-position: top left; background-repeat: no-repeat; }
a.button span span { display: block; height: 35px; line-height: 35px; background-image: url(button-right.gif); background-position: top right; background-repeat: no-repeat; }

a.button:hover { background-position: bottom; }
a.button:hover span { background-position: bottom left; }
a.button:hover span span { background-position: bottom right; }


/* list */
ul.list { list-style: none; padding-left: 3px; margin-bottom: 18px; }
ul.list li { padding-left: 10px; margin-bottom: 4px; background: url(blue_arrow.gif) 0px 3px no-repeat; }

/* list - contact */
ul.list_contact { list-style: none; padding-left: 3px; }
ul.list_contact li { padding: 0 0 4px 18px; }
	ul.list_contact li.phone { background: url(ico_phone.gif) 2px 0px no-repeat; }
	ul.list_contact li.mail { background: url(ico_mail.gif) 0px 3px no-repeat; }
	ul.list_contact li.fax { background: url(ico_fax.gif) 0px 3px no-repeat; }
	ul.list_contact li.qq { background: url(ico_mail.gif) 0px 3px no-repeat; }
	ul.list_contact li.skype { background: url(ico_mail.gif) 0px 3px no-repeat; }
	ul.list_contact li.msn { background: url(ico_mail.gif) 0px 3px no-repeat; }

/* form */
form 			{ width: 100%; }
fieldset 		{ width: 100%; border-style: none; }

input.text, 	
textarea, 		
select 			{ width: 220px; padding: 8px; margin: 0 0 7px 0; border: 1px solid #a7a7a7; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050;  }

textarea		{ height: 80px; }
input.button 	{ width: 90px; height: 35px; padding: 0; margin: 0; border: none; background: #2296c4; font-weight: bold; color: #fff; font-size: 11px; text-align: center; cursor: pointer; }
select 			{ width: 236px; }

	input.hover, textarea.hover { border: 1px solid #7f7f7f; }
 	input.focus, textarea.focus { color: #fff;	border: 1px solid #0b5e99; background: #0682b8; }

/* ---------------------------------------------------------- */
/* -------------------------- order ------------------------- */
/* ---------------------------------------------------------- */
#order fieldset 		{ padding: 0px 0px 16px 8px; margin-bottom: 16px; background: url(horizontal_dots.gif) bottom repeat-x; }
#order legend 			{ padding-bottom: 16px; color: #0d66a5; font-size: 14px; font-weight: bold; display: block; }

#order input.button 		{ width: 200px; background: #2296c4 url(button_order.gif) top; text-transform: uppercase; }
#order input.button:hover 	{ background: #2296c4 url(button_order.gif) bottom; }

.button_center { width: 100%; text-align: center; }
.button_center input.button { margin: 0 auto; float: none; }

#order .cnt { float: left; width: 410px; }
#order .column { width: 170px; float: left; }
#order .toggle_box { display: none; width: 100%; padding: 1px 0; overflow: hidden; }

/* row */
#order .row 			{ width: 100%; position: relative; }
#order .row label 		{ display: block; width: 160px; padding-top: 7px; position: absolute; top: 0; left: 0; }
#order .row input,
#order .row textarea,
#order .row select		{ margin: 0 0 8px 170px; }

/* cb_box */
#order .cb_box { width: 170px; height: 30px;  }
#order .cb_box input { margin-right: 6px; }
#order .cb_box label { display: inline; }

/* box help */
.help 				{ float: right; width: 230px; padding: 0px 10px; margin: 10px; background: url(box_help.gif) left repeat-y; position: relative; }
	.help .top 		{ width: 250px; height: 10px; background: url(box_help_top.gif); position: absolute; left: 0; top: -10px; }
	.help .bottom 	{ width: 250px; height: 10px; background: url(box_help_bottom.gif); position: absolute; left: 0; bottom: -10px; }
	.help p { margin-bottom: 10px; }
	.help p.last { margin-bottom: 5px; }



/* ---------------------------------------------------------- */
/* ------------------------ homepage ------------------------ */
/* ---------------------------------------------------------- */
body#homepage #content { float: left; width: auto; background: url(homepage-content-dots.gif) top left repeat-y; padding: 0 8px; margin-bottom: 65px; }

.box { float: left; width: 230px; padding: 0 8px 0 10px; overflow: hidden;  }
	.b1 { padding-left: 0px; }
	.b4 { padding-right: 0px; }

/* h2 */
.box h2 {
	display: block;
	width: 230px;
	height: 22px;
	margin-bottom: 4px;
	overflow: hidden;
	position: relative;
	color: #0d66a5;
	font-size: 18px;
}
	.b2 h2, .b3 h2 { margin-bottom: 4px; }
.box h2 span { display: block; width: 230px; height: 52px; position: absolute; top: 0; left: 0; }
	.b1 h2 span { background-image: url(homepage_b1.gif); }
	.b2 h2 span { background-image: url(homepage_b2.gif); }
	.b3 h2 span { background-image: url(homepage_b3.gif); }
	.b4 h2 span { background-image: url(homepage_b4.gif); }
	
.box p { padding-left: 3px; }
.box h3 { padding-left: 3px; }
.box ul.list { margin-bottom: 0; }

.b1 a.button { width: 94px; }
.b3 a.button { width: 136px; }


/* ---------------------------------------------------------- */
/* ------------------------- services ----------------------- */
/* ---------------------------------------------------------- */
.box_service { float: left; width: 340px; height: 127px; padding: 156px 10px 0; margin: 0 10px 10px 0; overflow: hidden; position: relative; }
	.box_service_webdesign 		{ background: #e2e5e6 url(box_service_webdesign_bg.jpg);}
	.box_service_eshop 			{ background: #b0d8e4 url(box_service_eshop_bg.jpg); margin-right: 0; }
	.box_service_design 		{ background: #242627 url(box_service_design_bg.jpg); color: #fff; }
	.box_service_emarketing 	{ background: #5f7028 url(box_service_emarketing_bg.jpg); color: #fff; margin-right: 0; }

.box_service h2 { display: block; width: 193px; height: 19px; margin-bottom: 4px; overflow: hidden; position: relative; font-size: 16px; }
.box_service h2 span { display: block; width: 193px; height: 19px; position: absolute; top: 0; left: 0; }
	.box_service_webdesign h2	 		{ color: #0d66a5; }
	.box_service_webdesign h2 span 		{ background: url(box_service_webdesign_h2.jpg); }
	.box_service_eshop h2	 			{ color: #277e95; }
	.box_service_eshop h2 span 			{ background: url(box_service_eshop_h2.jpg);  }
	.box_service_design h2 				{ color: #ecda47; }
	.box_service_design h2 span 		{ background: url(box_service_design_h2.jpg); }
	.box_service_emarketing h2 			{ color: #e7d8ae; }
	.box_service_emarketing h2 span 	{ background: url(box_service_emarketing_h2.jpg); }

.box_service p { padding-left: 3px; line-height: 12px; }

.box_service a.button { display: block; width: 140px; height: 35px; line-height: 35px; background-position: top left; position: absolute; top: 235px; left: 110px; }
.box_service a.button:hover { background-position: bottom left; }
	.box_service_webdesign a.button 	{ color: #e2e5e6; background-color: #0d65a4; background-image: url(box_service_webdesign_bttn.jpg); }
		.box_service_webdesign a.button:hover 	{ background-color: #009bcb; }
	.box_service_eshop a.button 		{ color: #b0d8e4; background-color: #247e98; background-image: url(box_service_eshop_bttn.jpg); }
		.box_service_eshop a.button:hover 		{ background-color: #3a99b5; }
	.box_service_design a.button 		{ color: #242627; background-color: #caae02; background-image: url(box_service_design_bttn.jpg); }
		.box_service_design a.button:hover		{ background-color: #e2d227; }
	.box_service_emarketing a.button 	{ color: #5f7028; background-color: #c7b69a; background-image: url(box_service_emarketing_bttn.jpg); }
		.box_service_emarketing a.button:hover 	{ background-color: #e2d7aa; }


/* ---------------------------------------------------------- */
/* ---------------------------- ref ------------------------- */
/* ---------------------------------------------------------- */
/* ref_item */
a.ref_item {  float: left; width: 230px; height: 264px; padding-top: 9px; margin: 0 10px 10px 0; overflow: hidden; background-image: url(project_item_bg.gif); background-position: top left; text-align: center; text-decoration: none; }
	a.no_margin_right { margin-right: 0; }
a.ref_item:hover { background-position: bottom left; color: #fff; }
a.ref_item img { margin-bottom: 12px;  }
a.ref_item strong {  }



/* ref_item1 */
a.ref_item1 {  float: left; width: 130px; height: 140px; padding-top: 9px; margin: 0 10px 10px 0; overflow: hidden;  background-position: top left; text-align: center; text-decoration: none; }
	a.no_margin_right { margin-right: 0; }
a.ref_item1:hover { background-position: bottom left; color: #fff; }
a.ref_item1 img { margin-bottom: 12px;  }
a.ref_item1 strong {  }


/* paging */
.paging { text-align: center; padding-top: 20px; padding-bottom: 10px; font-size: 11px; }
.paging ul { display: block; width: 100%; }
.paging ul li { display: inline; list-style-type:none;}
.paging ul li a { padding-right: 10px; padding-left: 10px; width: 120px; list-style-type: none; text-decoration: none; }
.paging ul li a.hidden { visibility: hidden; }
.paging ul li a:hover, .paging ul li a.active {	text-decoration: underline; }
.paging ul li a.active { text-decoration: none;	font-weight: bold; }


/* last_ref */
#last_ref { padding-top: 18px; padding-left: 8px; background: url(horizontal_dots.gif) top repeat-x; }
#last_ref a.ref-item  { margin-bottom: 36px; }
#last_ref p { color: #0d66a5; margin: 0; }

h2.client { font-size: 20px; padding: 0 0 10px 16px; color: #0d66a5; background: url(horizontal_dots.gif) bottom repeat-x; }

/* arrows - prev, next */
.arrows { width: 100%; position: relative; }
.arrows a { color: #00aad3; }
.arrows a.prev { position: absolute; top: -37px; right: 140px; padding: 0 0 0 18px; background: url(arrows_prev.gif) left no-repeat; }
.arrows a.next { position: absolute; top: -37px; right: 5px; padding: 0 18px 0 0; background: url(arrows_next.gif) right no-repeat; }

#ref #left h3 { color: #0d66a5; padding-left: 8px; }

/* ref_img  */
span.ref_img 					{ display: block; width: 720px; margin: 16px 0 32px; background: #f1f8fa url(ref_img.gif) left repeat-y; text-align: center; position: relative; }
span.ref_img span.top 			{ display: block; width: 720px; height: 10px; position: absolute; top: -10px; left: 0; background: url(ref_img_top.gif); }
span.ref_img span.bottom 		{ display: block; width: 720px; height: 10px; position: absolute; bottom: -10px; left: 0; background: url(ref_img_bottom.gif); }


/* ---------------------------------------------------------- */
/* -------------------------- contact ----------------------- */
/* ---------------------------------------------------------- */
body#contact .column_left { float: left; width: 356px; }
body#contact .column_right { float: right; width: 366px; margin-bottom: 16px; }

/* c1 */
.c1 { float:left; width: 312px; height: 272px; padding: 6px 22px 0; overflow: hidden; background: url(box_c1.gif) left repeat-y; }
.c1_top { float:left; width: 356px; height: 10px; background-image: url(box_c1_top.gif);  }
.c1_bottom { float:left; width: 356px; height: 10px; background-image: url(box_c1_bottom.gif); margin-bottom: 10px; }
	.c1_manager { height: 70px; }

.c1 p { margin-bottom: 15px; }
.c1 p.last, .c2 p.last { margin-bottom: 0; }
.c1 p.line { padding-bottom: 15px; border-bottom: 1px solid #cbd6db; }

/* c2 */
.c2 { float: right; width: 322px; height: 308px; padding: 6px 22px 0; overflow: hidden; background: url(box_c2.gif) left repeat-y; }
.c2_top { float: right; width: 366px; height: 10px; background-image: url(box_c2_top.gif); }
.c2_bottom { float: right; width: 366px; height: 10px; margin-bottom: 16px; background-image: url(box_c2_bottom.gif); }

.c1 h2, .c2 h2 { color: #0d66a5; }
.c1 h2.invoice { padding-left: 17px; background: url(ico_invoice.gif) left no-repeat; }
.c1_manager h2 { color: #505050; font-size: 11px; font-weight: bold; margin-bottom: 4px; padding-left: 3px; }

strong.contact_item { display: block; float: left; width: 66px; }

#map span { display: none; }
#map a { display: none; }
#map { width: 326px; height: 220px; margin: 0px auto 15px; }

a#zoom_map { display: block; float: right; width: auto; margin-right: 26px; padding: 0 0 1px 22px; background: url(ico_zoom_map.gif) 0px 1px no-repeat; }


/* ---------------------------------------------------------- */
/* ---------------------- right - box ----------------------- */
/* ---------------------------------------------------------- */
.r_box 			{ float: left; width: 220px; padding: 0 8px 18px 17px; margin-bottom: 18px; overflow: hidden; }
.r_box_dotted 	{ background: url(horizontal_dots.gif) bottom repeat-x; }

/* h2 */
.r_box h2 		{ display: block; width: 220px; height: 52px; margin-bottom: 4px; overflow: hidden; position: relative; color: #0d66a5; font-size: 18px; }
.r_box h2 span 	{ display: block; width: 220px; height: 52px; position: absolute; top: 0; left: 0; }
	.r_box_contact h2 span 			{ background-image: url(r_box_contact.jpg); }
	.r_box_contact_first h2 span 	{
	background-image: url(cantact.gif);
}
	
	.r_box_demo h2 span 		{ background-image: url(r_box_demo.jpg); }
	.r_box_demo_first h2 span 	{ background-image: url(r_box_demo_first.jpg); }
	
	.r_box_analyse h2 span 		{ background-image: url(r_box_analyse.gif); }
	.r_box_form h2 span 		{ background-image: url(r_box_form.gif); }

.r_box p 		{ padding-left: 3px; }

/* form */
.r_box input.text, 	
.r_box textarea, 		
.r_box select 		{ width: 190px; padding: 8px 14px; margin-bottom: 7px; font-size: 11px; }
.r_box textarea 	{ height: 90px; }

.r_box input.button { display: block; float: right; width: 60px; height: 35px; background: #2296c4 url(r_box_button.gif) top repeat-x; }
.r_box input.button:hover { background: #166e9f url(r_box_button.gif) bottom repeat-x; }
	.r_box_form input.button { float: none; width: 116px; margin: 0 auto; background: #2296c4 url(r_box_form_button.gif) top repeat-x; }
	.r_box_form input.button:hover { background: #2296c4 url(r_box_form_button.gif) bottom repeat-x; }


/* subnav */
.r_box_subnav { padding-left: 0; width: 237px;}
.r_box_subnav h2 { margin-left: 17px; }
	.r_box_subnav_service h2 span {
	background-image: url(product.gif);
}
	.r_box_subnav_filter h2 span { background-image: url(subnav_filter.jpg); }
	.r_box_subnav_clients h2 span { background-image: url(subnav_clients.jpg); }

.r_box_subnav ul { list-style: none; }
.r_box_subnav li { background: url(horizontal_dots.gif) bottom repeat-x; padding: 0 0 1px 1px; }
	.r_box_subnav li.active span { font-weight: bold; }
.r_box_subnav a { display: block; padding: 8px 0px 8px 8px; text-decoration: none; background: url(subnav_arrow.gif) 20px 12px no-repeat; }
.r_box_subnav a:hover { background: #e5f6fb url(subnav_arrow.gif) 20px 12px no-repeat; font-weight: bold; }











/* 文章内容页 */









#proddetrel {
display: none;
}


#middlecol {
	font-size: 13px;
	float: left;
	width: 580px;
	
}
#middlecol {
	width: 580px !Important;
	text-align: left;}
	
	

	
div.prodcol1 {
	width: 240px;
	height: 264px;
	float: left;
}

div.prodcol2 {
	width: 240px;
	height: 264px;
	float: left;
}

div.prodcol3 {
	width: 220px;
	height: 264px;
	float: left;
}

div.prodbox {
	border: 1px solid #EFEFEF;
	width: 218px;
	height: 244px;
}

div.prodimg {
	width: 214px;
	height: 214px;
	margin: 2px;
	
}

div.prodtext {
	border-top: 1px solid #EFEFEF;
	padding: 0 8px;
	line-height: 25px;
	height: 25px;
	
}

span.price {
	font-size: 15px;
	font-weight: bold;
}

div#proddetleft {
	float: center;
	width: 300px;
	padding: 0 0 0px 0;
}

div#proddetright {
	float: left;
	width: 300px;
	padding: 20 0 20px 0;
}


div.proddetmainimg {
	width: 374px;
	float: center;
}

img.proddetmainimg {
	padding: 2px;
	border: 1px solid #EFEFEF;
	margin: 0 0 20px 0;
}

div.proddetthumb {
	float: left;
	width: 80px;
}

div.proddetthbrd {
	width: 58px;
	height: 58px;
	border: 1px solid #EFEFEF;	
}

img#enlarge {
	position: absolute;
	width: 67px;
	height: 19px;
	margin: 0 0 0 3px;
}

div.proddetthbrd img {
	margin: 2px;
	width: 54px;
	height: 54px;
}

table.carttab {
	width: 100%;
	margin: 0 0 20px 0;
}

tr.carthead th {
	background: #B7A388;
	color: #fff;
	padding: 4px 0;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

tr.carthead th.chleft {
	
}

tr.carthead th.chright {
	
}

tr.cartrow1 td {
	padding: 4px 0;
	text-align: center;
	border-bottom: 1px solid #E6E6E6;
}

tr.cartrow2 td {
	padding: 4px 0;
	text-align: center;
	border-bottom: 1px solid #E6E6E6;
}

tr.carttot td {
	padding: 4px 0;
	text-align: center;
	font-size: 11px;
}

tr.carttot2 td {
	padding: 4px 0;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #B7A388;
}

td.cartbord {
	border-bottom: 1px solid #E6E6E6;
}










/*--listall */



/*--home*/





/* body */
.body_resize { padding:0; background:url(body_bg1.gif) top repeat-y; width:990px; margin:0 auto; border-top:6px solid #48c4e1; }
.body_resize2 { width:990px; padding:0; margin:0 auto; border-top:6px solid #48c4e1; background:#fff; }
.body { padding:0; margin:0 auto; }
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 0 20px 0; margin:0; }
.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:1.5em; padding:3px 0; margin:0; }
.body p span { font:bold 14px Arial, Helvetica, sans-serif; color:#565656; }
.body a { text-decoration:none; }

.right { width:295px; margin:0; padding:10px 25px; float:right; }
.left {
	width:570px;
	margin:0;
	float:left;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.block {
	width:270px;
	float:left;
	margin-top: 10px;
	margin-right: 10;
	margin-bottom: 10px;
	margin-left: 10;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10;
}
.port { width:285px; margin:10px 10px 10px 0; padding:0; float:left; }
.port_bg { padding:10px 25px; margin:0; }

/* contactform*/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#6a6a60; font:normal 11px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #dfdfdf; margin:2px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left; }
#contactform textarea { width:450px; border:1px solid #dfdfdf; margin:2px 0; padding:2px; background:#f8f8f8; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }








#picturelist {
width:760px;
margin-top:20px;
margin-bottom:20px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

#picturelist li {
list-style:none;
float:left;
margin-right:23px;
margin-bottom:20px;
font-weight:bold;

border-bottom:1px solid #C0C0C0;
line-height:23px;
font-family:Verdana;
color:#444444; 
}

#picturelist img{
display:block;
line-height:23px;
padding:5px;
border:1px solid #C0C0C0;
}















.rollBox{width:570px;overflow:hidden;padding:0px 0 0px 0px;} 
.rollBox .LeftBotton{height:52px;width:19px;background:url(job_mj_069.gif) no-repeat 11px 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} 
.rollBox .RightBotton{height:52px;width:20px;background:url(job_mj_069.gif) no-repeat -8px 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} 
.rollBox .Cont{width:529px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{width:132px;float:left;text-align:center;} 
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} 
.rollBox .Cont .pic p{line-height:26px;color:#505050;} 
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{float:left;} 




.boxindex {/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical- align:middle;/*设置水平居中*/
text-align:center;/* 针对IE的Hack */

}
.boxindex img {/*设置图片垂直居中*/
vertical-align:middle;
}  




#isoloogo123 {
	position:absolute;
	/*width:155px;
	height:35px;
	bottom: 67px;
	*/
	z-index:1;
	left: 765px;
	
}