@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      {
	margin: 0px;
	padding: 0px;
	font-size: small;
}
body   { color: #555555; font-family: "lr oSVbN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; text-align: left; background-color: #E1E1E1;height:100%;width:100%; }
hr     { display: none; }
img    { border: none; vertical-align: middle; }
sup, sub { font-size: 80%; background-color: #E1E1E1; }

a { overflow: hidden }
a:link            { color: #474786; text-decoration: underline; }
a:visited         { color: #555555; text-decoration: underline; }
a:hover, a:active { color: #474786; text-decoration: none; }
#wrap		{ width: 960px; background: url(../imgs/bg.jpg)  0 0 repeat; text-align: left; margin:auto;height:100%;}
/*---------------------------------------------
02. header
---------------------------------------------*/
#header         { width: 920px; height: 78px; margin: 0 0 0 20px; background: url(../imgs/header.jpg)  0 0 no-repeat; text-align: left;}
#headerLogo h1     { float: left; width: 255px; height: 45px; margin: 18px 0 0 26px; }
#search		{ float: right; width: 310px; margin: 25px 28px 0 0; text-align: right; font-size: 75%;}
#search input	{ margin: 2px 0 0 4px; color:#000000 ;}

/*---------------------------------------------
03. menu
---------------------------------------------*/
#menuArea{ clear: both; width: 920px; margin:  0 0 0 20px; height: 30px; }
#menuArea ul{ padding: 0; margin: 0; list-style-type:none; }
#menuArea li{ float: left; padding: 0; margin: 0; text-indent:-9999px; }

#menuArea li a{ display: block; height: 30px; }

li.home a { width: 140px; background: url(../imgs/menu01.jpg)  0 0; }
li.home a:hover  { background: url(../imgs/menu01_on.jpg)  0 0; }
li.prod a { width: 130px; background: url(../imgs/menu02.jpg)  0 0; }
li.prod a:hover { background: url(../imgs/menu02_on.jpg)  0 0; }
li.print a { width: 130px; background: url(../imgs/menu03.jpg)  0 0; }
li.print a:hover  { background: url(../imgs/menu03_on.jpg)  0 0; }
li.dl a { width: 130px; background: url(../imgs/menu04.jpg)  0 0; }
li.dl a:hover  { background: url(../imgs/menu04_on.jpg)  0 0; }
li.com a { width: 130px; background: url(../imgs/menu05.jpg)  0 0; }
li.com a:hover  { background: url(../imgs/menu05_on.jpg)  0 0; }
li.con a { width: 130px; background: url(../imgs/menu06.jpg)  0 0; }
li.con a:hover  { background: url(../imgs/menu06_on.jpg)  0 0; }
li.qa a { width: 130px; background: url(../imgs/menu07.jpg)  0 0; }
li.qa a:hover  { background: url(../imgs/menu07_on.jpg)  0 0; }

/*---------------------------------------------
04. main
---------------------------------------------*/
#main{
	width: 900px;
	padding: 0;
	text-align: left;
	height: auto;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 30px;
}
#mainbox{width:920px;margin:0;padding:0;}
#mainleft{width:230px;margin:10px 0 30px 30px;padding:0;text-align:left;float:left;background-color: #FFFFFF;}
#proleft img{margin:10px 0 0 0;}
#mainright{width:600px;margin:10px 30px 30px 0;padding:0;text-align:left;float:right;background-color: #FFFFFF;}
#proleft{width: 330px;margin:10px 0 30px 30px;padding:0;text-align:left;float:left;background-color: #FFFFFF;}
#proright{width:470px;margin:10px 30px 30px 0;padding:0;text-align:left;float:right;background-color: #FFFFFF;}
#proright{font-size:85%;}
#proright2{width:470px;margin:50px 30px 30px 0;padding:0;text-align:left;float:right;background-color: #FFFFFF;}

#content2 { width: 900px; margin: 20px 0 20px 0; padding: 0; text-align: left; }
#middle{ width: 700px; margin:0 0 10px 80px; padding: 0; text-align: left;}
#middle2{
	width: 850px;
	padding: 0;
	text-align: left;
	height: auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 80px;
}
#middlelight{ width: 400px; margin:0 0 0 420px; padding: 0; text-align: left;}

#main2{
	width: 900px;
	padding: 0;
	float: center;
	height: auto;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 40px;
}
#middle3{ width: 700px; margin:20px 20px 10px 80px; padding: 0; float: center;}
/*---------------------------------------------
05. footer
---------------------------------------------*/
#footer,.push{ clear: both; width: 920px; height: 96px; margin:auto; background: url(../imgs/foot_bg.jpg)  0 0 repeat; border-top: 1px solid #cccccc;}
#footer ul { margin: 20px 0 20px 195px; list-style-type: none; text-align: center;}
#footer li { float: left; margin: 0 2px; padding: 0px; font-size: 65%; }

#copyright { width: 276px; height: 14px; padding: 0; margin: 40px 0 0 322px; background: url(../imgs/copy.gif) no-repeat 0 0; text-indent:-9999px;}

/*-----------------------------------------------
06.[{lj
------------------------------------------------*/
#newyoubon{width:920px;height:100px;margin:10px 0 0 30px;text-align: left;}
.newy{width:900px;font-size:80%;}
.outlet{
	font-size:100%;
	text-align: left;
}
table{font-size:95%;border:0;}
tr{margin:0;padding:0;}
.outsub{font-size:70%;}
.outsub2{font-size:65%;color:#CC3300;}
.font1{font-size:80%;line-height:160%;}
.font2{font-size:80%;font-weight: bold;}
.font3{font-size:95%;font-weight: bold;}
.font4{
	font-size:101%;
}
.font5{font-size: 100%;font-weight: bold; color: #000000;}
.font6{font-size: 85%; font-weight: bold; color: #000000;}
.font7{font-size: 80%; color: #008000;}
.font8{font-size: 85%; font-weight: bold; color: #000000;}
.font9{font-size:80%;font-weight: bold; color: #555F9A;}
.font10{font-size: 100%;font-weight: bold; color: #0000ff;}
.font11{font-size:80%;font-weight: bold; color: #66c088;}
.font12{font-size:150%;font-weight: bold; color: #0000ff;}
.font13{font-size: 80%; color: #ff0000;}
.font14{font-size:95%;font-weight: bold; color: #ff0000;}
.font15{font-size:85%; font-weight: bold;}

hr.style1 {width:300px; height: 1px; border: #000000 1px solid;}
table.col1{width:*; overflow: auto; margin:0; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #D2D2FF; border-left: 1px solid #D2D2FF; background: #FFFFFF;}
th.col1{padding: 5px; border-right: 1px solid #D2D2FF; border-bottom: 1px solid #D2D2FF; background: #D2D2FF left; color: #000000; font-size: 12px; font-weight: normal; text-align: center;}
td.col1{padding: 5px; border-right: 1px solid #D2D2FF; border-bottom: 1px solid #D2D2FF; font-size: 12px;}

table.col2{ width:200; overflow: auto; margin:0; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #FFCCCC; border-left: 1px solid #FFCCCC; background: #FFCCCC;}
td.col2{padding: 5px; border-right: 1px solid #FFCCCC; border-bottom: 1px solid #FFCCCC; font-size: 12px;}

.red{color:#FF0000;font-size:16px;font-weight:bold;line-height:17px;}
.small{font-size:11px;}
.big{font-size:20px;font-weight:bold;}
.big2{font-size:25px;font-weight:bold;}
.big3{font-size: 15px;font-weight: bold;}
.f1{font-size:12px;line-height: 17px;}
.f2{font-size: 11px;color:#CC0000;line-height: 16px;}

#topbox{width:700px; padding-left:20px; margin:0;}
#leftbox{width:350px; float:left; padding-left:20px; margin:0;}
#rightbox{width:310px; float:left; margin:0;}
table.c1{border-collapse: collapse; border-spacing: 0; border:0; background: #FFFFFF;}
th.c1{padding: 5px; border-right: 3px solid #FFFFFF; background: #D2D2FF top; color: #000000; font-size: 12px; font-weight: normal; text-align: center;}
th.c2{padding: 5px; border-right: 3px solid #FFFFFF; background: #CC0000 top; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center;}
td.c1{padding: 5px; border-bottom: 1px solid #000000; font-size: 12px; text-align: center;}

#event{width:850px; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto;}

.eventfont{font-size:12px; font-color:#555555; margin: 5px;}

#middle3{ width: 700px; margin:0px 20px 10px 130px; padding: 0; text-align: left;}
#middle4{
	width: 850px;
	padding: 0;
	text-align: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 80px;
	height: auto;
}
#main h4 { width: 642px; height: 22px; padding: 0; margin: 0 0 5px 0; background: url(../products/imgs/h3_bg.jpg) no-repeat left top;}
#main h4  p{ padding: 0; margin: 4px 0 0 15px; color: #FFFFFF; font-weight: bold; font-size:75%;}
#middle5{ width: 880px; margin:20px 20px 10px 50px; padding: 0; float: center;}
/*-----------------------------------------------
07.p`lj
------------------------------------------------*/
#content { width: 920px; margin: 0 0 0 20px; padding: 0; text-align: left; }
.cl	{clear: both;}
#content h2 { width: 920px; height: 95px; padding: 0; margin: 0; background: url(../imgs/qa_title.jpg) no-repeat left top; text-indent:-9999px;}
div#panli { margin: 10px 0 10px 20px;}
li.pan { display: inline; list-style-type:none; font-size: 75%; font-weight: bold;}
li.pan a { text-decoration: none; font-weight: normal;}

#content h3 { width: 920px; height: 180px; padding: 0; margin: 0; background: url(imgs/im_sse.jpg) no-repeat left top; text-indent:-9999px;}
.cat3{ width: 230px; padding: 0; margin: 0 0 15px 0; float: left; }
.cat4{ width: 500px; padding: 0; margin: 0 0 15px 30px; float: right;}
.att{ width: 810px; padding: 0; margin: 0 0 15px 0;}

/*-----------------------------------------------
08.Vilj
------------------------------------------------*/
.migi{
	text-align:right;
	padding-right:30px;
}