@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	letter-spacing: 0.6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height: 18px;
}
pic1 {
	border: 1px solid #CCCCCC;
}

.STYLE1 {
	color: #666666;
	font-size: 16px;
}
.STYLE2 {
	font-size: 60%;
	font-weight: bold;
}


.pic1{border:1px solid  #ddd; padding:5px;}



sup {
	font-size:75%;
	color: #000;
}

.accside{
border-bottom:1px solid #efefef;
border-left:1px solid #efefef;
border-right:1px solid #efefef;
}

.accside_title
{
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

.acc_protitle
{
font-family: Arial, Helvetica, sans-serif;
background-color: #99cc00;
color: #fff;
display:block;
font-weight:bold;
padding-left:3px;
line-height:22px;
}

.acc_protitle_blue
{
font-family: Arial, Helvetica, sans-serif;
background-color: #009ace;
color: #fff;
display:block;
font-weight:bold;
padding-left:3px;
line-height:22px;
}

a.acc_pro_classtitle:link
{
line-height:25px;
padding-left:5px;
background-color: #f6f6f6;
   opacity:50;                    /* Firefox, Safari(WebKit), Opera */
   -ms-filter: "alpha(opacity=50)"; /* IE 8 */
   zoom: 1;/* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
display:block;
text-decoration: underline;
}


a.acc_pro_classtitle:visited
{
line-height:25px;
padding-left:5px;
background-color: #f6f6f6;
filter:alpha(opacity:50);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
display:block;
text-decoration: underline;
}

a.acc_pro_classtitle:hover
{
line-height:25px;
padding-left:5px;
background-color: #009ace;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #fff;
display:block;
text-decoration: none;
}


#sidebarmain {
width:178px;
margin:0 auto;
float:left;
}

#sidebarmain a {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	color:#336699;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EBE9ED;
	padding-left:30px;
	background:url(../images/tg.gif) no-repeat;
	background-position:3% 50%;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

#sidebarmain a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	color:#336699;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EBE9ED;
	padding-left:30px;
	background:url(../images/tg.gif) no-repeat;
	background-position:3% 50%;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

#sidebarmain a:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EBE9ED;
	padding-left:30px;
	background:url(../images/tg.gif) no-repeat;
	background-position:3% 50%;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
	display:block;
	text-decoration: none;
	background-color: #efffcf;
}


#sidebarmain ul {
	list-style-type: none;
	padding-left:0;
	margin: 0;

}


.gr1 {
	border: 1px solid #f2f3f1;
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 16pt;
	margin: 0px;
	padding: 5px;
}

.gr2 {
	FONT-SIZE: 12px; COLOR: #54547e; LINE-HEIGHT: 16pt; TEXT-DECORATION: none;
	padding:10px;
}

.gr4 {
	FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 16pt; TEXT-DECORATION: none;
	padding:10px 10px 10px 0;
}
.bg_white .word07 {
	border: 1px solid #CCCCCC;
	float: left;
	padding: 5px;
	margin-right: 5px;
}



.gr3 {
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 16pt;
	margin: 0px;
	padding: 5px 0 5px 5px;
}

.form {
	BORDER-BOTTOM: #d6dfef 1px solid;
	BORDER-LEFT: #d6dfef 1px solid;
	BORDER-RIGHT: #d6dfef 1px solid;
	BORDER-TOP: #d6dfef 1px solid;
	FONT-SIZE: 9pt;
	color:#666666;
}

.btn {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 12px;
    FILTER: 
            progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
            StartColorStr=#ffffff, EndColorStr=#cfe8f5);
	CURSOR: hand;
	COLOR: #00156e;
	PADDING-TOP: 1px;
	border: 1px solid #4a95c9;
}
.s {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; COLOR: #666666; PADDING-TOP: 2px;}

a:link {
color:#666666;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
a:visited {
color:#666666;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
a:hover {
color:#009900;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
}
a:active {
color:#009900;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}

.left_dot_line {
	background-image: url(../images/HOME/left_dot_line.gif);
	background-repeat: repeat-x;
}
.left_box_01_bg {
	background-color:#F1F1F1;
}
.left_box_01 {
	border: 1px solid #C3C3C3;
	background-color:#E6E6E6;
}

.left_list_cheese{
background:url(../images/cau7w.jpg) no-repeat;background-position:0% 98%;
}

.left_list_5{
background:url(../images/cau5w.jpg) no-repeat;background-position:0% 98%;
}

.left_list_15{
background:url(../images/cau15w.jpg) no-repeat;background-position:0% 98%;
}

.left_list_20{
background:url(../images/cau20w.jpg) no-repeat;background-position:0% 98%;
}

.left_list_30{
background:url(../images/cau30w.jpg) no-repeat;background-position:0% 98%;
}

.left_list_60{
background:url(../images/cau60w.jpg) no-repeat;background-position:0% 98%;
}

.left_list_150{
background:url(../images/cau150w.jpg) no-repeat;background-position:0% 98%;
}

.dot_line {
	background-image: url(../images/dot_line.gif);
}

.tit_application {
	font-weight: bold;
	color: #232323;
	text-transform: uppercase;
}
.a_application:link {
	color:#363636;
	text-decoration:underline;
}
.a_application:visited {
color:#363636;
text-decoration:underline;
}
.a_application:hover {
color:#F00202;
text-decoration:none;
}
.a_application:active {
color:#363636;
text-decoration:underline;
}

.tx_red {color: #FF0000}
a.a1:link {
color:#009900;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.a1:visited {
color:#009900;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.a1:hover {
color:#5F5F5F;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.a1:active {
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.a2:link {
	color:#000000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
}
a.a2:visited {
	color:#000000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
}
a.a2:hover {
color:#009900;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}
a.a2:active {
color:#000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}

a.a3:link {
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}
a.a3:visited {
color:#ffffff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}
a.a3:hover {
color:#33ff66;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}
a.a3:active {
color:#009900;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}


a.a4:link {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#9eb23f;
font-weight:bold;
}
a.a4:visited {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#9eb23f;
font-weight:bold;

}
a.a4:hover {
color:#009900;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;

}
a.a4:active {
color:#009900;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;

}

a.a5:link {
color:#3366ff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.a5:visited {
color:#3366ff;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.a5:hover {
color:#009900;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.a5:active {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
a.a6:link {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
a.a6:visited {
	color: #000000;
}
a.a6:hover {
	color: #009900;
}
a.a6:active {
	color: #000000;
}



.white {color:#ffffff;}

.inr{   
    border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: #dddddd;
	border-left-color: #dddddd;
	border-bottom-color: #dddddd;
	} 

.box {background:url(../images/box_bg.gif) no-repeat; padding-left:15px;}

.nav {background:url(../images/nav-bg.gif) repeat-x;}

.footer {background:url(../images/footer_bg.gif) no-repeat;}

.t0{FONT-SIZE: 16px;COLOR: #009900;font-family: Verdana,Arial, Helvetica, sans-serif; height:40px;font-weight:bold;}

.t1{FONT-SIZE: 16px;COLOR: #666666;font-family: Verdana,Arial, Helvetica, sans-serif;}

.t5{FONT-SIZE: 14px;COLOR: #003366;font-family: Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

.t2{FONT-SIZE: 16px;COLOR: #009900;font-family: Verdana,Arial, Helvetica, sans-serif; height:40px;}

.t3{FONT-SIZE: 12px;COLOR: #009900;font-family: Arial,Verdana, Tahoma, sans-serif; font-weight:bold;height:40px;}

.t4{FONT-SIZE: 16px;COLOR: #3399ff;font-family: Arial,Verdana, Tahoma, sans-serif; height:40px;}

.t6{FONT-SIZE: 12px;COLOR: #003366;font-family: Arial,Verdana, Tahoma, sans-serif;font-weight:bold;line-height:25px;}

.t7{FONT-SIZE: 16px;COLOR: #333333;font-family: Verdana,Arial, Helvetica, sans-serif; line-height:30px;font-weight:bold;}

.tacc{FONT-SIZE: 12px;COLOR: #666666;font-family: Arial,Verdana, Tahoma, sans-serif;font-weight:bold;line-height:25px;}

.tline{ background-color:#dddddd; height:1px; }

.topin {background:url(../images/image365.jpg) no-repeat;}

.word07 {FONT-SIZE: 16px;COLOR: #3399ff;font-family:Arial, Helvetica, sans-serif;}
.word08 {FONT-SIZE: 12px;COLOR: #5f5f5f;font-family:Arial, Helvetica, sans-serif;}
.word09 {FONT-SIZE: 12px;COLOR: #003366;font-family:Arial, Helvetica, sans-serif;}

.lbg {background:url(../images/lbg.gif) no-repeat;}

.blank01 {PADDING-TOP: 6px;}

.input01{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.size {	filter: dropshadow(color=#ffffff,offx=1,offy=1,positive=1);}
.size2 {filter: dropshadow(color=#003399,offx=1,offy=1,positive=1);}
	
.hanggao {line-height: 200%;font-family: Verdana, Tahoma, Arial, sans-serif}

.biankuang {border: 1px solid #0066CC;}

#hoverpage {
	position:relative;
	z-index:100;
	overflow:hidden;
}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; width:130px;height:25px; left:0px; background:transparent; cursor:default; z-index:200; text-decoration:none; color:#009900; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li div {display:block; width:595px; height:240px; padding-top:25px; padding-left:0px; padding-bottom:25px; padding-right:5px; background:#ffffff; font-weight:normal; color:#444;}
#hoverpage ul#outer li div img {border:5px solid #fff; float:left; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:180px; height:240px; float:left; background:#ffffff url(../products/selected.gif) no-repeat 0 0; padding-left:0px;margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 0 0;}
#hoverpage ul#outer li.p2 div em {background-position: 0 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 0 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 0 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 0 100px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;}

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}


/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/




.page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
}

	.page-footer {
		margin: 0 10% 0 315px;	
		width: 600px;
		padding: 0 0 50px 0;
		text-align: left;
	}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-footer p {
		margin: 0;
	}
	
	.page-footer {
		padding: 20px;
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}
	
h1 {
	text-align: left;
	font-weight: normal;
	font-size: 180%;
	color: #96BF55;
	margin: 5px 0 15px 0;
}

	h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}


h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #3399ff;
	}
	
h3 {
	clear: both;
	font-size: 120%;
	color: #09f;
	font-weight: normal;
	margin: 0 0 10px 0;
}

h5 {
	clear: both;
	font-size: 120%;
	margin: 2px 0 0 0;
}

.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}

a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #a9d06a;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #09F;
}		



	p small, 
	li small {
		color: #09F;
		font-size: 100%;
	}
	
	p em, 
	em {
		color: #ffffff;
	}

.hidden {
	display : none;
}
登陆框样式
.title{font-family: verdana, tahoma, sans-serif;FONT-SIZE: 10px;font-weight:bold}
.grey{FONT-SIZE: 12px;color:#666666}

.orange {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600}
.orange A:link {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:visited {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:hover {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:active {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}

textarea, input, select{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 0.95em;}
.username{
    background-image:url(../images/username.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
.password{
    background-image:url(../images/password.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
.submit {
	background-image: url(../contact/120.gif);
	height: 27px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.align-center{
	height: 200px;
	width: 854px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}