body { padding:0; margin:0; text-align:center;font:12px "ËÎÌå", Tahoma, Verdana; }
a, a:link { color:#000000; text-decoration:none; }
a:visited { }
a:hover { text-decoration:underline; }
a:active { }
a img { border:0; }

/*Container*/
.macroblue #CONTAINER { width:100%; height:auto; margin:0; border:0; margin-left:auto; margin-right:auto; background:#FFFFFF;}

/*Pagemain*/
.macroblue #pagemain {width:1003px; height:auto; margin:0; border:0px;}
/*header*/
.macroblue #header { width:1002px;height:175px;}
.macroblue #headerboxi { width:auto; height:95px; margin:0; padding:0;}
.macroblue #headerboxii{ width:auto; height:80px; margin:0; padding:0;}
	/*Logo*/
.macroblue #logo { float:left; width:484px; height:95px;}
.macroblue #btn { float:right; width:235px; heigh:20px; line-height:20px; background:url(bg_btn.jpg) no-repeat; margin-top:40px;}
.macroblue #btn ul {width:auto; height:auto; padding:0; margin:0; list-style-type: none;}
.macroblue #btn ul li { float:left; width:78px; height:20px; line-height:20px; color:#000000;}
.macroblue #btn ul li a { color:#000000;}
.macroblue #btn ul li a:hover {color:#FF0000;}
	/*Menu*/
.macroblue #menu { width:1002px; height:80px; padding:0px; margin:0px;}
.macroblue #menuhome {width:112px; float:left; height:79px; background:url(bg_menu_home.jpg) no-repeat; font-size:14px; font-weight:bold; line-height:45px; color:#000000;}
.macroblue #menuhome a { color:#FFFFFF;}
.macroblue #menuhome a:hover {color:#FF0000; text-decoration:none;}
.macroblue #menubox { width:886px; height:79px; float:right; background:url(bg_menu_main.jpg) no-repeat; font-size:14px; font-weight:bold; }
.macroblue #menubox ul { width:auto; height:auto; padding:0; margin:0; list-style-type: none; text-decoration:none;}
.macroblue #menubox ul li { float:left; width:88px; height:45px; line-height:45px; color:#FFFFFF;}
.macroblue #menubox ul li a { color:#FFFFFF;}
.macroblue #menubox ul li a:hover{ color:#FF0000; text-decoration:none;}
.macroblue #menubox ul li span { color:#288362;}
.macroblue #menubox ul li span a { color:#288362;}
.macroblue #menubox li ul {
	line-height: 27px;   
	list-style-type: none;
	text-align:left;
	font-size:12px;
	left: -999em; 
	width:400px; 
	position: absolute;
	text-decoration: none; 
	Color:#000000;
}
.macroblue #menubox ul li ul li { height:30px; color:#000000; float:left; margin-top:20px;}
.macroblue #menubox ul li ul a{ color:#000000;}

/*page*/
.macroblue #mainpage { width:1002px;height:auto;margin:0px; padding:0px;}
	/*Page left*/
.macroblue #left {float:left; width:228px; height:auto; text-align:center;}
.macroblue #lefttop { width:228px; height:76px; background:url(left_bg1.jpg) no-repeat;}
.macroblue #leftmenu { width:186px; height:457px; background:url(left_menu1.jpg) no-repeat;}
.macroblue #leftcatalogue { width:186px; height:781px; background:url(left_menu_products.jpg) no-repeat;}

.macroblue #leftline { width:auto; height:27px;}
.macroblue #leftmenu ul{ width:auto; height:auto; padding:0; margin:0; list-style-type: none; text-decoration:none;}
.macroblue #leftmenu ul li { float:left; width:140px; margin-left:20px; height:auto; line-height:32px; color:#FFFFFF; font-weight:bold; display:inline;}
.macroblue #leftmenu ul li a { color:#FFFFFF; font-weight:bold;}
.macroblue #leftmenu ul li a:hover { color:#FF0000; text-decoration:none;}
.macroblue #leftmenu ul li span {font-size:16px; font-weight:bold; color:#FFFFFF; margin-left:12px; display:inline;}
.macroblue #leftmenu ul li span a { font-size:16px; font-weight:bold; color:#FFFFFF;}


.macroblue #leftcatalogue ul{ width:auto; height:auto; padding:0; margin:0; list-style-type: none; text-decoration:none;}
.macroblue #leftcatalogue ul li { float:left; width:100px; margin-left:20px; height:32px; line-height:32px; color:#FFFFFF; font-weight:bold;}
.macroblue #leftcatalogue ul li a { color:#FFFFFF; font-weight:bold;}
.macroblue #leftcatalogue ul li a:hover { color:#FF0000; text-decoration:none;}
.macroblue #leftcatalogue ul li span {font-size:16px; font-weight:bold; color:#FFFFFF; margin-left:12px;}
/*Products Catalogue*/
.macroblue #Cataloguebox { width:176px; height:auto; margin:0;}
.macroblue #Cataloguebox ul { width:auto; height:auto; padding:0; margin:0;}
.macroblue #Cataloguebox ul li{ width:160px; height:auto; line-height:32px; float:left; background:url(../skin/ico.gif) no-repeat; text-decoration:none; color:#FFFFFF; text-align:left; margin-left:0px; font-size:12px; padding-left:0px;}
.macroblue #Cataloguebox ul li a{ color:#FFFFFF;}
.macroblue #Cataloguebox ul li a:hover{ color:#CC0000; text-decoration:none; font-weight:bold;}
.macroblue #Cataloguebox ul li ul {width:auto; height:auto; padding:0; margin:0;}
.macroblue #Cataloguebox ul li ul li {width:129px; height:32px; line-height:32px; float:left; text-decoration:none; color:#FFFFFF; text-align:left; margin-left:5px; font-size:12px; padding:0px;}
.macroblue #Cataloguebox ul li ul li a { color:#FFFFFF;}
.macroblue #Cataloguebox ul li ul li a:hover{ color:#CC0000; text-decoration:none; font-weight:bold;} 

/*Products Catalogue*/
.macroblue #casesmenu { width:186px; height:400px; background:url(left_menu_cases.jpg) no-repeat;}
.macroblue #casesmenu ul{ width:auto; height:auto; padding:0; margin:0; list-style-type: none; text-decoration:none;}
.macroblue #casesmenu ul li { float:left; width:170px; margin-left:10px; height:32px; line-height:32px; color:#FFFFFF; font-weight:bold;}
.macroblue #casesmenu ul li a { color:#FFFFFF; font-weight:bold;}
.macroblue #casesmenu ul li a:hover { color:#FF0000; text-decoration:none;}
.macroblue #casesmenu ul li span {font-size:16px; font-weight:bold; color:#FFFFFF; margin-left:0px; text-align:left; margin-left:20px; float:left;}

.macroblue #casesmenu ul li ul {width:auto; height:auto; padding:0; margin:0;}
.macroblue #casesmenu ul li ul li {width:160px; height:32px; line-height:32px; float:left; text-decoration:none; color:#FFFFFF; text-align:left; margin-left:10px; font-size:12px; padding-left:0px;}
.macroblue #casesmenu ul li ul li a { color:#FFFFFF;}
.macroblue #casesmenu ul li ul li a:hover{ color:#CC0000; text-decoration:none; font-weight:bold;} 

.macroblue #leftmenumore { width:186px; height:148px; background:url(left_menu2.jpg) no-repeat; text-align:center;}
.macroblue #leftmenumore ul { width:auto; height:auto; padding:0; margin:0; list-style-type: none; text-decoration:none;}
.macroblue #leftmenumore ul li { float:left; width:100px; padding-left:40px; height:36px; line-height:36px; color:#000000;}
.macroblue #leftmenumore ul li a {color:#000000;}
.macroblue #leftmenumore ul li a:hover { color:#FF0000; text-decoration:none;}
.macroblue #leftmoreline { width:auto; height:20px;}

	/*Page Right*/
.macroblue #right { float:right; width:774px; height:auto; text-align:left;};
.macroblue #banner { width:756px; height:157px; }
.macroblue #pagebox { width:756px; height:auto; background:url(bg_main.jpg) no-repeat; padding:0; margin:0;}
.macroblue #pagesite { width:676px; height:44px; background:url(bg_pagesite.jpg) repeat-x; color:#000000; margin-left:15px;}
.macroblue #pagesitetitle { float:right; width:250px; height:15px; margin-top:15px; line-height:15px; color:#000000; background:url(ico.jpg) no-repeat;}
.macroblue #pagesitetitle span{ margin-left:20px;}
.macroblue #pagetitle { width:676px; height:80px; }
.macroblue #pagetitle img { margin-left:20px;}
.macroblue #pagemaintop { width:676px; height:21px; background:url(pagemaintop.jpg) no-repeat; margin-left:20px;}
.macroblue #pagemainbox { width:676px; height:auto; line-height:20px; background:url(pagemainbg.jpg) repeat-y; margin-left:20px;}
.macroblue #pagemainfooter { width:676px; height:61px; background:url(pagemainfooter.jpg) no-repeat; margin-left:20px;}
.macroblue #pagemainbody { width:630px; margin-left:25px;height:auto;line-height:25px;}
.macroblue #pagemainbody ul { width:625px; height:auto; padding:0; margin:0; list-style-type: none; text-decoration:none;}
.macroblue #pagemainbody ul li { float:left; height:30px; line-height:30px; color:#000000; padding:0 10px 0 10px; border:1px; border-color:#CCCCCC; border-style:solid;}
.macroblue #pagemainbody ul li a { color:#009900; font-weight:bold;}
.macroblue #pagemainbody ul li a:hover { color:#0000FF; text-decoration:none;}


	/*Products*/
	
.macroblue #right_page_products { width:610px; height:auto; line-height:20px; padding-top:5px;}
.macroblue #right_page_products ul { width:100%; height:auto; padding:0; margin:0; list-style-type: none;}
.macroblue #right_page_products ul li{ width:610px; height:120px; line-height:20px; float:left; text-decoration:none; color:#000000; text-align:left; padding-left:5px; font-size:12px;  padding-top:10px; margin-top:5px;}
.macroblue #right_page_products ul li a{ color:#000000;}
.macroblue #right_page_products ul li a:hover{ color:#666666;text-decoration:none;}

.macroblue #pageright { width:605px; height:auto; maring:0; float:right;}
.macroblue #pagerightbox {width:604px; height:auto;padding-top:10px; text-align:left; line-height:24px;}
.macroblue #pagerighttitle { width:603px; height:26px; line-height:26px; font-size:14px; font-weight:bold; color:#990000;border-bottom-color:#CCCCCC; border-bottom-style:dotted; border-bottom-width:1px; text-align:left;  padding-left:5px; } 

.macroblue #pageleftbox { width:176px; height:auto; margin:0;}
.macroblue #pageleftbox ul { width:auto; height:auto; padding:0; margin:0;}
.macroblue #pageleftbox ul li{ width:160px; height:auto; line-height:32px; float:left; background:url(../skin/ico.gif) no-repeat; text-decoration:none; color:#FFFFFF; text-align:left; margin-left:20px; font-size:12px; padding-left:0px;}
.macroblue #pageleftbox ul li a{ color:#FFFFFF;}
.macroblue #pageleftbox ul li a:hover{ color:#CC0000; text-decoration:none; font-weight:bold;}
.macroblue #pageleftbox ul li ul {width:auto; height:auto; padding:0; margin:0;}
.macroblue #pageleftbox ul li ul li {width:129px; height:32px; line-height:32px; float:left; text-decoration:none; color:#FFFFFF; text-align:left; margin-left:0px; font-size:12px; padding-left:0px;}
.macroblue #pageleftbox ul li ul li a { color:#FFFFFF;}
.macroblue #pageleftbox ul li ul li a:hover{ color:#CC0000; text-decoration:none; font-weight:bold;} 
/*Footer*/
.macroblue #footer {width:1002px; height:118px; margin:0px; padding:0px; background:url(footer_line.jpg) no-repeat; margin-top:30px; text-align:center;}
.macroblue #footerbox { width:760px; height:25x; text-align:center; line-height:25px; color:#000000; margin-top:20px;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/**********************************************
	myform
***********************************************/
.zhengpan #formwrapper{ padding-top:0px;}
.myform{ margin-top:0px;}
.myform fieldset { padding:5px; border:1px solid #fff; width:460px; margin: 5px auto; text-align:left; }
.myform fieldset legend { color:#D8DEDA; font-weight:bold; font-size:14px; padding:3px 20px 3px 10px; border:1px solid #fff; margin-top: 10px; }
.myform div { width:100%; clear:both; }
.myform div label { float:left; width:180px; text-align:right; margin:1px; padding-right: 10px; }
.myform input, .myform select, .myform textarea { padding:1px; margin:2px; font-size:12px; border: 1px solid #CCCCCC; vertical-align: text-bottom; background: #FFFFFF; }
.myform .btn { background: url(../skin/Yah_Btnbg.jpg); margin: 10px 5px; padding: 0px 5px; height: 24px; line-height: 20px; border: 1px solid #666666; }

.myform dl { width:100%; clear:both; 0background: #000000; }
.myform dd label { float:left; width:80px; text-align:right; margin:1px; padding-right: 10px; }

/****************************************************
News Style
*****************************************************/
.news_box{ width:489px; margin-top:5px; margin-bottom:10px; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; height:150px; }
.news_box_left { width:130px; height:140px; float:left; }
.news_box_right { width:340px; height:140px;; float:right; line-height:20px;}

/****************************************************
Products
*****************************************************/
.macroblue #newproduct { width:498px; margin:0; height:auto; padding:0;}
.macroblue #newproduct ul { margin:0; padding:0; list-style: none; display:block; width:100%; text-align:center; height:auto!important; }
.macroblue #newproduct ul li { margin:0; padding:0; float:left; display:inline; width:151px; height:280px; text-align:left;
}
.macroblue #newproduct ul li img{ width:150px;height:250px; text-align:center; margin:0px; border:1px; border:#CCCCCC; border-collapse:separate;}
.macroblue #newproduct ul li a { color:#fff; display:block; text-align:center; }

/**/
.pagnation {color:#000000;font-size:12px;}