body {
	padding:0;
	margin:0;
	text-align:center;
	background:#FFFFFF;
	font-family:Arial,"Times New Roman", Times, serif;
	font-size: 12px;
}
a, a:link {
	color:#000000;
	text-decoration:none;
}
a:visited {
}
a:hover {
	text-decoration:underline;
}
a:active {
}
a img {
	border:0;
}
.macroblue #container {
	width:1002px;
	height:100%;
	background: #FFFFFF;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: center;
}
dl, dt, dd {
	margin:0;
	padding:0;
	list-style:none;
}
/*Header*/
.macroblue #header {
	width:1002px;
	height:165px;
	background:url(../Skin/bg_top.jpg) repeat-x;
	margin-left: auto;
	margin-right: auto;
}
.macroblue #headerboxtop {
	width:auto;
	height:130px;
	padding:0;
	margin:0;
}
.macroblue #headerboxmenu {
	width:auto;
	height:32px;
	padding:0;
	margin:0;
}
.macroblue #logo {
	width:480px;
	height:88px;
	float:left;
	margin-top:23px;
}
.macroblue #topleft {
	width:277px;
	height:99px;
	float:right;
	margin-top:23px;
}
.macroblue #menu {
	width:1002px;
	height:43px;
}
.macroblue #menu ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.macroblue #menu ul li {
	float:left;
	width:auto;
	height:30px;
	margin-left:32px;
}
.macroblue #menu ul li img {
	border:0px;
}
.macroblue #homead {
	width:1002px;
	height:230px;
	margin:0px auto;
	padding-top:13px;
	padding-bottom:13px;
}
.macroblue #homeadleft {
	float:left;
	width:430px;
	height:223px;
}
.macroblue #homeadright {
	float:right;
	width:548px;
	height:223px;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
	background:url(../Skin/bg_about.jpg) repeat-x;
	margin-right:2px;
	line-height:20px;
	text-align:left;
	text-indent: 20px;
	padding-right: 3px;
	padding-left: 3px;
}
/*Main body*/
.macroblue #homebody {
	width:1002px;
	height:710px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.macroblue #homebox {
	width:318px;
	height:335px;
	padding:0;
}
.macroblue #homebtn {
	width:317px;
	height:42px;
	margin:0;
	padding:0;
}
.macroblue #homeinfo {
	width:317px;
	height:288px;
	margin:0;
	background-image: url(../Skin/homeinfo1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.macroblue #homeinfo1 {
	width:317px;
	height:288px;
	margin:0;
	background-image: url(../Skin/homeinfo2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.macroblue #homeinfo2 {
	width:317px;
	height:288px;
	margin:0;
	background-image: url(../Skin/homeinfo3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.macroblue #homeinfo3 {
	width:317px;
	height:288px;
	margin:0;
	background-image: url(../Skin/homeinfo4.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.macroblue #homeinfo4 {
	width:317px;
	height:288px;
	margin:0;
	background-image: url(../Skin/homeinfo5.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.macroblue #homeinfo5 {
	width:317px;
	height:288px;
	margin:0;
	background-image: url(../Skin/homeinfo6.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.info {
	width: 310px;
}
.info ul, .info li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
.info ul {
	margin:0px;
	padding:0px;
}
.info ul li {
	line-height: 27px;
	height: 27px;
	list-style-type: none;
	font-weight: bold;
	background-image: url(../Skin/li.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align:left;
	text-indent:15px;
	margin-left:10px;
}
.info ul li a, .info ul li a:link {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.info ul li a:visited {
}
.info ul li a:hover {
}
.info ul li a:active {
}
.macroblue #homeleft {
	float:left;
	width:662px;
	height:auto;
}
.macroblue #homeleftleft {
	float:left;
	width:318px;
	height:auto;
}
.macroblue #homeright {
	float:right;
	width:322px;
	height:auto;
	margin-top:3px;
}
.macroblue #homeleftbox {
	float:left;
	width:318px;
	height:335px;
	border:1px;
	border-color:#92CED8;
	border-style:solid;
	margin:3px;
	margin-bottom:10px;
	_margin-left:0px;
}
.macroblue #homerightbox {
	float:right;
	width:318px;
	height:335px;
	border:1px;
	border-color:#92CED8;
	border-style:solid;
	margin-bottom:10px;
}
/*Pagebody*/
.macroblue #pagebody {
	width:1002px;
	height:auto;
	margin:0 auto;
	padding:0;
}
.macroblue #pageleft {
	float:left;
	width:234px;
	height:auto;
	margin:1px;
	border:1px;
	border-color:#92CED8;
	border-style:solid;
}
.macroblue #pageleftbtn {
	width:233px;
	height:42px;
}
.macroblue #pafeleftbox {
	width:233px;
	height:auto;
}
.leftbox {
	width:230px;
	height:auto;
	margin-top:5px;
}
.leftbox ul {
	margin:0px;
	padding:0px;
}
.leftbox ul li {
	width:230px;
	padding-left:10px;
	text-align:left;
	color:#011683;
	float:left;
	line-height:20px;
	margin-top:0px;
	list-style-type: none;
	font:Book Antiqua;
	font-size:16px;
	font-weight:bold;
}
.leftbox ul li a {
	color:#011683;
}
.leftbox ul li a:hover {
	color:#CC0000;
	text-decoration:none;
}
.leftbox ul li ul {
	margin:0;
	padding:0;
}
.leftbox ul li ul li {
	width:200px;
	height: auto;
	background:none;
	padding:0;
	padding-left:15px;
	color:#000000;
	font-size:14px;
	font-weight:normal;
}
.leftbox ul li ul li a {
	color:#000000;
}
.leftbox ul li ul li a:hover {
	font-weight:bold;
}
.macroblue #pageright {
	float:right;
	width:750px;
	height:auto;
}
.macroblue #pagerightsite {
	width:740px;
	height:30px;
	margin:0;
	text-align:left;
	line-height:24px;
}
.macroblue #pagerightmain {
	overflow:hidden;
	width:739px;
	height:auto;
	margin:0;
	border:1px;
	border-color:#92CED8;
	border-style:solid;
}
.macroblue #pagerighttitle {
	width:738px;
	height:42px;
	margin:0;
}
.macroblue #pagetitle {
	width:738px;
	height:42px;
	margin:0;
	background:url(../Skin/title_bg.jpg) no-repeat;
	line-height:42px;
	font-size:20px;
	color:#011683;
	font:Book Antiqua;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
}
.macroblue #pagerightinfo {
	overflow:hidden;
	width:700px;
	height:auto;
	margin:0;
	text-align:left;
	line-height:20px;
	margin:5px;
}
.macroblue #pagerightinfo img {
	border:0px;
	float:right;
}
.macroblue #pagerightproductsinfo {
	overflow:hidden;
	width:700px;
	height:auto;
	margin:0;
	text-align:left;
	line-height:20px;
	margin:5px;
}
.macroblue #pagerightbox {
	overflow:hidden;
	width:737px;
	height:auto;
	margin:0;
}
.macroblue #pagerightbox ul {
	width:737px;
	text-align:center;
	height:auto!important;
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.macroblue #pagerightbox ul li {
	float:left;
	width:243px;
	height:243px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
}
.macroblue #pagerightbox ul li img {
	width:213px;
	height:213px;
	border:1px;
	border-color:#92CED8;
	border-style:solid;
}
/*Footer*/
.macroblue #footer {
	clear:both;
	width:1002px;
	height:55px;
	background:url(../Skin/footer_bg.jpg) repeat-y;
	margin: 0 auto;	
	margin-top:5px;
	margin-bottom:20px;
}

.macroblue #footer ul {text-align:center;	height:auto!important;	margin:0px;	padding:0px;list-style-type: none;}
.macroblue #footer ul li {float:left;width:300px;height:45px;margin-left: auto;	margin-right: auto; line-height:45px; }
.macroblue #footer ul li  p {text-align:left;}
.macroblue #footer ul li a { color:#000000;}
.macroblue #footer ul li a:hover { color:#FF0000;}
.macroblue #footer ul li img { border:0px;}

.macroblue .block .title {
	width:100%;
	height:auto;
	margin-top:12px;
}
.block .title h2 {
	margin:0;
	padding:0;
	float:left;
	width:auto;
	margin-right:50px;
	font-size:14px;
	font-weight:bold;
}
.block .title span {
	float:right;
	width:50px;
	display:block;
}
.block .blockcontent {
	clear:both;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	color: #CCCCCC;
	line-height: 20px;
	text-align:left;
}
.blockabout {
	width:480px;
	clear:both;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	color: #CCCCCC;
	line-height: 21px;
	text-align:left;
}
.blocknews {
	width:250px;
	clear:both;
	margin-left: 5px;
	margin-top: 10px;
	color: #CCCCCC;
	line-height: 21px;
	text-align:left;
	float:left;
}
.blocknewsright {
	width:230px;
	clear:both;
	margin: 0px;
	margin-top: 10px;
	color: #CCCCCC;
	line-height: 21px;
	text-align:left;
	float:right;
}
.block .blockcontent ul, .block .blockcontent ul li {
	margin:0;
	padding:0;
	float:left;
	list-style:url(none) none outside;
}
.block .blockcontent ul {
	width:95%;
}
.block .blockcontent ul li {
	float:left;
	width:95%;
	line-height:25px;
}
/**********************************************
	myform
***********************************************/
.macroblue #formwrapper {
	padding-top:0px;
}
.myform {
	margin-top:0px;
	font-family:Book Antiqua;
}
.myform fieldset {
	padding:5px;
	border:1px solid #fff;
	width:680px;
	text-align:left;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.myform fieldset legend {
	color:#D8DEDA;
	font-weight:bold;
	font-size:16px;
	border:1px solid #fff;
	margin-top: 10px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.myform div {
	width:100%;
	clear:both;
}
.myform div label {
	float:left;
	width:120px;
	text-align:right;
	margin:1px;
	padding-right: 10px;
}
.myform input, .myform select, .myform textarea {
	padding:1px;
	margin:2px;
	font-size:16px;
	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;

}
.myform dd label {
	float:left;
	width:40px;
	text-align:left;
	margin:1px;
	padding-right: 10px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
}
/****************************************************
Products
*****************************************************/
.newproduct {
	width:98%;
	margin:5px auto;
}
.newproduct ul {
	margin:0;
	padding:0;
	list-style: none;
	display:block;
	width:98%;
	text-align:center;
	height:auto!important;
	margin-left:auto;
	margin-right:auto;
}
.newproduct ul li {
	margin-left:5px;
	padding:0;
	float:left;
	display:inline;
	width:150px;
	height:180px;
	text-align:center;
	line-height:26px;
}
.newproduct ul li img {
	width:140px;
	height:120px;
	text-align:center;
	margin:0px;
	border:1px;
	border:#CCCCCC;
	border-collapse:separate;
}
.newproduct ul li a {
	color:#fff;
	display:block;
	text-align:center;
}
/****************************************************
News Style
*****************************************************/
.news_box {
	width:640px;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height:150px
}
.news_box_left {
	width:150px;
	height:140px;
	float:left;
	margin-left:10px;
}
.news_box_right {
	width:460px;
	height:140px;
	float:right;
	margin-right:10px;
}

.blockabout a {
color: #000;
}
.blockabout a:hover {
	color: #000;
}
.blockabout ul {
	float:left;
	padding-top:0px;
	list-style:none;
}
.blockabout ul li {
	margin-left:1px;
	line-height:20px;
	text-align:left;
	width:250px;
	float:left;
}
.blockabout ul li a {
	color: #000000;
	list-style:none;
}
.blockabout ul li a:hover {
	color: #CC0000;
	list-style:none;
}
.navrboxright_header {
	width:250px;
	float:right;
	height:65px
}
.navrboxauto_header {
	margin-right:250px;
	width:auto;
	height:65px;
	text-align:left;
}
.ul_hor {
}
.ul_hor ul {
	margin:0;
	padding:0;
	list-style: url(none) none outside;
}
.ul_hor ul li {
	float:left;
	display:inline;
	font-weight:bold;
	color:#3D3D64;
	padding-right: 19px;
	padding-left: 19px;
	line-height:23px;
	text-align:center;
	background: url(ulli.jpg) no-repeat right center;
	font-size:12px;
}
li#excrescent {
	background: url(tel.jpg) no-repeat 0px center;
	font-weight: normal;
	color: #000000;
	margin-left: 40px;
}
.ul_hor ul li a {
	color:#FFFFFF;
}
/***/
.catlist {
	list-style-type:none;
	padding:0px;
	margin:0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background:#FFFFFF;
}
.catlist li {
	line-height:22px;
	height:22px;
	background:url(left_menu1.jpg);

	margin-top: 1px;
	margin-bottom: 1px;
	text-indent:20px;
}
.catlist li a:hover {
	line-height:22px;
	height:22px;
	background:url(left_menu2.jpg);
	margin-bottom: 1px;
	text-indent:20px;
}
.pdul {
	padding:0;
	margin:0;
	height:auto;
	list-style: url(none) none outside;
}
.pdul li {
	float:left;
	padding-top:0px;
	padding-left:40px;
	height:170px;
	width:140px;
}
.pdul .first {
	padding-left:40px;
}
.pdul li .picbox {
	float:left;
	padding:0px;
	margin:0;
	text-align:center;
	height:auto;
	width:auto;
}
.imgholder {
	background:url(Frame_Img.jpg) no-repeat;
	width:139px;
	height:138px;
	text-align:left;
	padding-left:2px;
	padding-top:2px;
	margin:0;
}
.thumbnail {
	background:url(Frame_Img.jpg) no-repeat;
	width:120px;
	height:115px;
	text-align:left;
}
.pdul li .picbox2 {
	width:160px;
	float:right;
	height:111px;
	padding:2px;
	text-align:left;
}
.pdul li .picbox img {
	vertical-align:middle;
}
.pdul li .pdnamebox {
	line-height:36px;
	font-size:12px;
	text-align:center;
}
.pdul li .pdnamebox a, .pdul li .pdnamebox a:visited {
	color:#696969;
	font-weight:bold;
}
.pdul li .pdnamebox a:hover {
	font-weight:bold;
}
.pdul li .pdabout {
	padding-top:4px;
	line-height:20px;
	font-size:12px;
	padding-left:10px;
}
#artbox {
	padding:5px;
	margin-top:3px;
	background: url(../images/line2.gif) no-repeat center bottom;
	height:20px;
	width:767px;
	margin-bottom: 10px;
}
#artbox h1 {
	color:#ff8400;
	font-size:14px;
	display:block;
	padding:0 0 0 18px;
	width:600px;
	float:left;
	background-position:0 2px;
	margin:0;
	font-weight:bold;
}
#artcontent {
	padding:0;
	text-align:left;
	margin-left:10px;
	width:750px;
	min-height:354px;
	_height:354px;
	float:left;
	font-size:12px;
	line-height:22px;
}
#listbox .return, #artbox .return {
	width:70px;
	float:left;

	padding-left:30px;
	font-size:12px;
}
/********************/	
#pagebox {
	padding:5px;
	text-align:center;
}
.container {
	font-style:normal;
	text-decoration:none;
}
.pageul {
	padding:0;
	margin:0 auto;
	list-style-type:none;
}
.pageul li {
	display:inline;
	padding:0 5px 0 5px;
	text-align:center;
	height:14px;
	border-right:#565656 1px solid;
}
.pageul .arrow {
	border:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.links {
	float:left;
	width:700px;
	color: #000000;
	text-align: left;
}
.links ul {
	margin:0;
	padding:0;
	width:700px;
	background-position: 700px;
	height:38px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
.links ul li {
	float:left;
	padding-right:2px;
	padding-left:2px;
	height:38px;
	line-height:38px;
	width: 100px;
}
.spacer5 {
	height: 5px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* Clear Fix */    
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac */    
.clearfix {
	display:block;
}    
/* End hide from IE Mac */    
/* end of clearfix */