/*---------- import ---------*/
@import url("global.css");
@import url("module.css");
body { background:#CEDFEA; }
#header, #banner, #main, #footer { margin:0 auto; width:830px; padding:0 40px; background:url(../images/bg.gif) 50% 0 repeat-y; }
#header { height:110px; position:relative; }
#header .logo { position:absolute; top:10px; left:40px; }
#header .topnav { position:absolute; top:10px; right:40px; }
#header .topnav a, #header .topnav span { margin:0 10px 0 0; display:inline; float:left; height:15px; line-height:15px; }
#header .topnav .home { padding-left:15px; background:url(../images/ico_home.png) 0 0 no-repeat; }
#header .topnav .mail { padding-left:15px; background:url(../images/ico_mail.png) 0 0 no-repeat; }
#header .topnav .im { width:20px; height:15px; margin:0; background:url(../images/ico_im.png) 0 0 no-repeat; }
#header .nav { position:absolute; bottom:0; right:40px; width:600px; padding:4px 0 0 0; background:url(../images/nav_bg.png) 0 0 no-repeat; }
#header .nav li { display:inline; float:left; width:100px; height:50px; line-height:50px; overflow:hidden; }
#header .nav li a { display:block; text-align:center; font-size:14px; }
#header .nav li.l0 a:hover { background:url(../images/nav_a0.png) 0 0 no-repeat; }
#header .nav li.l1 a:hover { background:url(../images/nav_a1.png) 0 0 no-repeat; }
#header .nav li.l2 a:hover { background:url(../images/nav_a2.png) 0 0 no-repeat; }
#header .nav li.l3 a:hover { background:url(../images/nav_a3.png) 0 0 no-repeat; }
#header .nav li.l4 a:hover { background:url(../images/nav_a4.png) 0 0 no-repeat; }
#header .nav li.l5 a:hover { background:url(../images/nav_a1.png) 0 0 no-repeat; }
#footer .copyright { background:#eee; padding:10px; }
#footer .copyright p { font-size: 11px; color: #666; }
#banner { height:230px; overflow:hidden; }
#main { padding-top:10px; }
#sidebar { float:left; width:160px; overflow:hidden; }
#content { float:right; width:660px; overflow:hidden; }
.homeSearch { margin:10px 0 0 0; }
.homeSearch dt { visibility: hidden; clear:both; height:30px; background:url(../images/search.gif) no-repeat 0 50%; }
.homeSearchBox { visibility: hidden; line-height:22px; }
.homeSearchBox .searchInput { visibility: hidden; width:110px; height:22px; float:left; border: #C6C6C6 1px solid; padding:0 0 0 5px; }
.homeSearchBox .searchButton { visibility: hidden; width:18px; height:15px; float:left; margin:4px 0 0 5px; background:url(../images/go.gif) no-repeat; text-indent:-999em; display:block; cursor:pointer; }
.HomeQuickLink { }
.HomeQuickLink dt { clear:both; height:30px; background:url(../images/quicklink.gif) no-repeat 0 50%; }
.HomeQuickLink dd { margin:0 0 5px 0; }
.HomeQuickLink dd a { width:130px; height:35px; display:block; text-indent:-999px; }
.HomeQuickLink .quicklink01 a { background:url(../images/quicklink01_out.gif) no-repeat; }
.HomeQuickLink .quicklink01 a:hover { background:url(../images/quicklink01_over.gif) no-repeat; }
.HomeQuickLink .quicklink02 a { background:url(../images/quicklink02_out.gif) no-repeat; }
.HomeQuickLink .quicklink02 a:hover { background:url(../images/quicklink02_over.gif) no-repeat; }
#content .HomeCL { float:left; width:380px; overflow:hidden; }
#content .HomeCL .title { }
#content .HomeCL .title h3 { float:left; width:150px; height:27px; text-indent:-999em; background:url(../images/newpro-title.gif) no-repeat 0 50%; }
#content .HomeCL .title span { float:right; }
#content .HomeCL .title span a { display:block; width:45px; height:22px; text-indent:-999em; background:url(../images/newpro-more.gif) no-repeat 0 50%; }
#content .HomeCL ul { height:128px; width:390px; overflow:hidden; }
#content .HomeCL ul li { height:122px; width:122px; float:left; border:#CCC double 1px; margin:0 4px 0 0; }
#content .HomeCL ul li img { height:118px; width:118px; margin:2px; }
#content .HomeCL .info { font-size: 15px; line-height: 20px; font-weight: bold; color: #0771B9; }
#content .HomeCR { float:right; width:255px; }
#content .HomeCR .title h3 { height:30px; text-indent:-999em; background:url(../images/news-title.gif) no-repeat 0 50%; }
#content .HomeCR ul li { height:24px; overflow:hidden; background:url(../images/news-line.gif) repeat-x 0 100%; }
#content .HomeCR ul li span { float:right; color: #0259A8; }
#content .HomeCR ul li a { float:left; width:185px; }
#content .HomeCR .more { clear:both; height:28px; }
#content .HomeCR .more a { float:right; width:45px; height:22px; display:block; width:45px; height:22px; text-indent:-999em; background:url(../images/newpro-more.gif) no-repeat 0 50%; }
#content .place, #content .place a { font-size: 15px; line-height: 28px; font-weight: bold; color: #E20000; }
#content .place strong { width:15px; height:30px; display:block; float:left; text-indent:-999em; background:url(../images/product-icon.gif) no-repeat 0 2px; }
#content .aboutContent { padding:10px; }
#content .aboutContent p { margin:0 0 10px 0; }
#sidebar h3{clear:both; height:30px; line-height:30px; font-size:16px; font-weight:bold; text-indent:20px; color:#0771B9; background:url(../images/title-icon.gif) no-repeat 4px 4px; overflow:hidden;}
#sidebar .aboutNav { }
#sidebar .aboutNav dt { margin:0 10px;  padding:0 0 0 10px;display:block; line-height:20px; overflow:hidden; background:#EDF5FB; }
#sidebar .aboutNav dt a{color: #0A51A1; font-weight:bold;}
#sidebar .aboutNav dd { margin:0 18px; line-height:22px;}

#content .listDefault { padding:10px 0; }
#content .arcContent { }
#content .arcContent .title { clear:both; display:block; text-align:center; font-size:18px; }
#content .arcContent .info { clear:both; display:block; text-align:center; font-size:11px; }
#content .arcContent .info small { margin:0 5px 0 0; }
#content .arcContent .mainText { padding:5px; font-size:14px; }
#content .arcContent .mainText p { margin:0 0 5px 0; }
#content .proContent { }
#content .proContent .picview { float:left; width:200px; height:200px; line-height:200px; overflow:hidden; border: #C6C6C6 1px solid; }
#content .proContent .picview img { width:192px; height:192px; margin:4px; }
#content .proContent .info { float:right; width:420px; height:200px; background:url(../images/product-line01.gif) repeat-x 0 20px; position:relative; }
#content .proContent .info .title { font-size: 15px; line-height: 30px; font-weight: bold; color: #547300; }
#content .proContent .info .introduced { padding:10px; }
#content .proContent .info .download { position:absolute; bottom:40px; ; height:30px; width:100%; display:block; text-indent:25px; background:url(../images/product-icon02.gif) no-repeat 0 15px; }
#content .proContent .info .download a { color:#0259A8; }
#content .proContent .info .other { position:absolute; bottom:0; right:0; width:95px; height:25px; }
#content .proContent .info .other a { display:block; text-indent:-999em; background:url(../images/product-back01.gif) no-repeat 0 0; }
#content .proContent .mainText { clear:both; padding:10px; }
#content .proContent .mainText p { }
#content .listDownload { }
#content .listDownload dl { margin:0 0 10px 0; }
#content .listDownload dt { clear:both; background:#EEE; height:24px; overflow:hidden; }
#content .listDownload dt h3 { font-size: 15px; line-height: 20px; font-weight: bold; color: #0771B9; text-indent:30px; background:url(../images/download-pic01.gif) no-repeat 5px 1px; }
#content .listDownload dd { clear:both; border:#EEE double 4px; border-top:none; }
#content .listDownload dd ul { padding:0 0 10px 15px; ; overflow: auto; zoom: 1; }
#content .listDownload dd ul li {height:30px; line-height:26px; display:inline; float:left; width:140px;  margin:0 15px 0 0; overflow:hidden; background:url(../images/download-line01.gif) repeat-x 0 100%; }
#content .listDownload dd ul li a { background:url(../images/ico-1.gif) no-repeat 4px 12px; padding-left:14px; display:block; color:#333; }
#consultationBox { }
#consultationBox .consultationL { width:160px; height:340px; float:left; display:block; background:url(../images/consultation-pic01.html) no-repeat 0 0; }
#consultationBox .consultationR { width:471px; float:right; padding:0 0 10px 0; }
#consultationBox .consultationR table{ border-collapse:collapse; }
#consultationBox .consultationR tr{ line-height:30px;}
#consultationBox .consultationR td{ border:#ccc solid 1px; padding:5px;}